@charset "utf-8"; @font-face{font-family:Pretendard;font-weight:900;font-display:swap;src:local('Pretendard Black'),url(/theme/inet/fonts/Pretendard-Black.woff2) format('woff2'),url(/theme/inet/fonts/Pretendard-Black.woff) format('woff')}@font-face{font-family:Pretendard;font-weight:800;font-display:swap;src:local('Pretendard ExtraBold'),url(/theme/inet/fonts/Pretendard-ExtraBold.woff2) format('woff2'),url(/theme/inet/fonts/Pretendard-ExtraBold.woff) format('woff')}@font-face{font-family:Pretendard;font-weight:700;font-display:swap;src:local('Pretendard Bold'),url(/theme/inet/fonts/Pretendard-Bold.woff2) format('woff2'),url(/theme/inet/fonts/Pretendard-Bold.woff) format('woff')}@font-face{font-family:Pretendard;font-weight:600;font-display:swap;src:local('Pretendard SemiBold'),url(/theme/inet/fonts/Pretendard-SemiBold.woff2) format('woff2'),url(/theme/inet/fonts/Pretendard-SemiBold.woff) format('woff')}@font-face{font-family:Pretendard;font-weight:500;font-display:swap;src:local('Pretendard Medium'),url(/theme/inet/fonts/Pretendard-Medium.woff2) format('woff2'),url(/theme/inet/fonts/Pretendard-Medium.woff) format('woff')}@font-face{font-family:Pretendard;font-weight:400;font-display:swap;src:local('Pretendard Regular'),url(/theme/inet/fonts/Pretendard-Regular.woff2) format('woff2'),url(/theme/inet/fonts/Pretendard-Regular.woff) format('woff')}@font-face{font-family:Pretendard;font-weight:300;font-display:swap;src:local('Pretendard Light'),url(/theme/inet/fonts/Pretendard-Light.woff2) format('woff2'),url(/theme/inet/fonts/Pretendard-Light.woff) format('woff')}@font-face{font-family:Pretendard;font-weight:200;font-display:swap;src:local('Pretendard ExtraLight'),url(/theme/inet/fonts/Pretendard-ExtraLight.woff2) format('woff2'),url(/theme/inet/fonts/Pretendard-ExtraLight.woff) format('woff')}@font-face{font-family:Pretendard;font-weight:100;font-display:swap;src:local('Pretendard Thin'),url(/theme/inet/fonts/Pretendard-Thin.woff2) format('woff2'),url(/theme/inet/fonts/Pretendard-Thin.woff) format('woff')} /* reset */ * { padding:0; margin:0 } *, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { overflow-y:scroll; height:100% } body { font-family: 'Pretendard';, dotum, sans-serif; color:#222; height:100%; font-weight:300; font-size:0.85em } img { max-width:100% } ul, ol { list-style:none } html, h1, h2, h3, h4, h5, h6, form, fieldset, img { border:0 } h1, h2, h3, h4, h5, h6 { font-weight:500; font-size:1em; font-family: 'Pretendard'; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block } label, input, button, select, img { vertical-align:middle } input, button, textarea, select { font-size:1em; font-family: 'Pretendard';, dotum, sans-serif } input[type=text], input[type=password], input[type=date] { padding:0 5px; border:1px solid #ddd; color:#222; line-height:34px; height:36px; } input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#bbb } input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#bbb } input[type=text]:-moz-placeholder, input[type=password]:-moz-placeholder, textarea:-moz-placeholder { color:#bbb } input[type=text], input[type=password], input[type=submit], input[type=image], button {border-radius:3px;font-size:1em;-webkit-appearance:none} input[type=text],input[type=password], textarea { -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; } input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus { -webkit-box-shadow: 0 0 5px #9ed4ff; -moz-box-shadow: 0 0 5px #9ed4ff; box-shadow: 0 0 5px #9ed4ff; border: 1px solid #558ab7 !important; } button { cursor:pointer; outline:none } select { border:1px solid #ddd; height:36px; padding:0 0 0 9px; cursor:pointer; color:#222; } .styled_select { height:36px; overflow:hidden; border:1px solid #ddd; background:#fff; display:inline-block; border-radius:3px; vertical-align:middle; position:relative } .styled_select i { position:absolute; right:10px; text-align:center; height:34px; line-height:32px; top:0; font-size:14px } .styled_select select { background:transparent; height:34px; border:0; -webkit-appearance: none; outline:none; padding-right:40px; width:100%; vertical-align:top; position:relative; z-index:1 } .styled_select select:disabled { cursor:default; background:#f0f0f0 } .styled_select select::-ms-expand { display:none } hr { display:none; background:#ddd; border:none; height:1px } a, a:link, a:visited { text-decoration:none; color:#222; -webkit-tap-highlight-color : transparent } a, .btn { transition:all .3s } strong, b, th { font-weight:500; } table { width:100%; border-collapse:collapse; border-spacing:0 } caption { display:none; font-size:0; line-height:0 } textarea {color:#222; font-size:1em; line-height:1.5; border:1px solid #ddd; padding:10px; width:100%; border-radius:3px; vertical-align:top } address { font-style:normal } /* global */ .txt_black { color:#222 !important } .txt_white { color:#fff !important } .txt_gray { color:#aaa !important } .txt_red { color:#cc121d !important } .txt_blue { color:#069be8 !important } .txt_orange { color:#ffaa00 !important } .txt_green { color:#8ecd09 !important } .txt_brown { color:#9f5e15 !important } .wrap:after { content:""; display:block; clear:both } .clear:after { content:""; display:block; clear:both } .center { text-align:center !important } .left { text-align:left !important } .right { text-align:right !important } .f_left { float:left !important } .f_right { float:right !important } .skip { font-size:0; text-indent:-9000px; line-height:0; display:none } .ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block } input.short { width:70px; text-align:center } input.long { width:100% } input.half { width:49% } ul:after { clear:both; content:""; display:block } .overflow_y { overflow-x:hidden; overflow-y:scroll; border:1px solid #ddd } .succession { margin-top:20px !important } .paragraph { margin-bottom:40px !important } span.space { display:inline-block; width:20px } .prepare { width:500px; margin:50px auto; padding:50px; border:1px solid #eaeaea} .prepare h2 { font-size:24px; text-align:center; margin:0 0 20px } .prepare h2 i { font-size:50px; margin:0 0 20px; display:block; color:#ddd } .prepare p { text-align:center; font-size:13px } .pc_only { display:block !important } .pc_no { display:none !important } .mobile_only { display:none !important } .s_mobile_only { display:none !important } .ahref { position:absolute; text-indent:-9000px; background:red; display:inline-block; opacity:0; filter:alpha(opacity=0) } .btn { padding:.8rem 1.4rem .9rem 1.4rem; line-height:1; font-weight:500; border:1px solid #ccc; transition:all .2s; display:inline-block; border-radius:0; outline:none; vertical-align:middle; border-radius:3px; font-size:1em; text-decoration:none !important } a.btn, .btn { font-weight:500 } .btn-primary { background:#2188d8; border-color:#2188d8; color:#fff !important } .btn-primary-line { background:#fff; border-color:#2188d8; color:#2188d8 !important } .btn-info { background:#3e444c; border-color:#2f343a; color:#fff !important } .btn-green { background:#71c702; border-color:#71c702; color:#fff !important } .btn-green-line { background:#fff; border-color:#71c702; color:#71c702 !important } .btn-red { background:#e93c20; border-color:#e93c20; color:#fff !important } .btn-red-line { background:#fff; border-color:#e93c20; color:#e93c20 !important } .btn-default { background:#fff } .btn-lg { padding:1.1rem 2.4rem; font-size:1.1rem; border-radius:5px } .btn-ml { padding:10px 20px 12px 20px; font-size:14.5px; border-radius:5px } .btn-ml i { font-size:14px } .btn-sm { padding:0 15px; height:36px; line-height:32px; font-size:.95rem; border-radius:3px } .btn-sm i { font-size:14px } .btn-xs { padding:5px 7px 6px 7px; font-size:.95rem; border-radius:3px } .btn-xs i { font-size:14px } .btn_guide { position:fixed; z-index:100; right:0; top:40% } .btn_guide a { display:block; background:red; color:#fff; width:100px; line-height:30px; text-align:center; margin:0 0 3px; font-weight:500 } .tab_menu ul { font-size:0; margin:0 0 0 1px } .tab_menu li { display:inline-block; } .tab_menu li a { display:inline-block; border:1px solid #e0e0e0; padding:12px 25px; margin:0 0 0 -1px; color:#999; font-weight:400; font-size:.9rem } .tab_menu li:hover a { background:#f0f0f0 } .tab_menu li.on a { border-color:#000; color:#222; position:relative; z-index:1; background:#fff } .tab_con { text-align:center;} /* pop layer */ #popLayerBg { position:fixed; z-index:99; width:100%; height:100%; background:#000; opacity:0.8; filter:alpha(opacity=80); display:none } .pop_layer { z-index:100; display:none; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); background:#fff; border-radius:0; box-shadow:0 0 5px rgba(0,0,0,0.6); } .pop_layer > header { background:#576f8d; height:46px; border-radius:0; } .pop_layer > header h2 { text-align:center; font-family:nanumsquare; font-size:18px; font-weight:500; color:#fff; line-height:42px; } .pop_layer .btn_close { position:absolute; top:12px; right:12px; display:block; font-size:20px; text-align:center; width:20px; height:20px; line-height:20px; text-indent:-9000px; background:url(../img/btn_close.png) no-repeat; background-size:100% } .pop_layer > header + .con { padding:30px; padding-bottom:40px } .pop_layer .btn_add i { font-size:19px } .pop_layer .btn_area { text-align:center; margin:30px 0 0 0 } .pop_layer .btn_area .btn { min-width:150px } .wrap { width:1200px; margin:0 auto; position:relative } #header {margin-top:-155px; height:155px; position:fixed; width:100%; z-index:100; color:#fff; background:#fff; transition:all .3s } #header a { } #header h1 { float:left; margin-top:2px;} #header .gnb { float:right; margin:40px 40px 0 30px } #header .gnb .depth1 { float:left; padding:0 0px; width:140px; position:relative } #header .gnb .depth1:nth-child(1) {width:135px;} #header .gnb .depth1:nth-child(3) {width:130px;} #header .gnb .depth1:nth-child(4) {width:120px;} #header .gnb ul li:nth-child(1) ul li:nth-child(5) {width:70px;} #header .gnb .depth1 > a {color:#2d2d2d; display:inline-block; height:45px; line-height:45px; font-size:17px; font-weight:600; letter-spacing:-.5px;} #header .gnb .depth1 ul { padding-top:0; transition:all .3s; height:0; overflow:hidden } #header .gnb .depth2 > a { display:inline-block; font-weight:500; font-size:14px; line-height:1.4; padding:7px 0;letter-spacing:-.5px; } #header .btn_user { float:right; margin:35px 0 0 0; display:block; font-size:19px } #header .user { position:absolute; right:-35px; top:52px;} #header .user li {display:inline-block; color:#272727; cursor:pointer; font-size:13px; font-weight:600; padding:0 5px; text-transform:uppercase; letter-spacing:.5px; } #header .user a {} #header .gnb .depth1 > a:before { background:#f1a1af; margin-top:50px; content:""; height:3px; left:0px; position: absolute; width:0%; transition:0.3s; } #header .gnb .depth1:hover > a:before { width:50px; } #header.down { background:#fff; height:430px } #header.down a { } #header.down .gnb .depth1 { overflow:hidden } #header.down .gnb .depth1 > a { margin-bottom:25px } #header.down .gnb .depth1:hover > a { color:#f1a1af } #header.down .gnb .depth1 ul { height:auto; overflow:visible } #header.down .gnb .depth2 > a:hover { color:#f1a1af } #header.on { background:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.2) } #header.on h1 a { background-position:0 -42px } .top_line {background:#f1a1af; text-align:right; padding:5px 0;} .top_line li {display:inline-block; padding-left:15px;} .top_line li a {color:#fff; font-size:12px; font-weight:500; } #main_visual {margin-top:155px; height:calc(660px); text-align:center; color:#fff; position:relative; z-index:1 } #main_visual .bx-wrapper { border:0; box-shadow:none; background:transparent; height:100%; margin-bottom:0 } #main_visual .bx-viewport { height:100% !important } #main_visual .bx-pager { } #main_visual .slider { height:100% } #main_visual .roll { background-size:cover; height:100%; background-position:center; } #main_visual .roll_txt {width:1200px; margin:0 auto; text-align:center;} #main_visual .roll_txt2 {width:1200px; margin:0 auto; text-align:left;} #main_visual .roll01 { background-image:url(../img/visual01.jpg) } #main_visual .roll02 { background-image:url(../img/visual02.jpg) } #main_visual .roll03 { background-image:url(../img/visual03.jpg) } #main_visual .roll04 { background-image:url(../img/visual04.jpg) } #main_visual .roll05 { background-image:url(../img/visual05.jpg) } #main_visual h2 {font-family: "Oregano", cursive; line-height:1.2; letter-spacing:0px; color:#f1a1af; margin:23vh 0 0 0; font-size:40px; animation:up .5s .5s forwards; opacity:0 } #main_visual hr { display:inline-block; width:59px; height:2px; background:#fff; margin:36px 0 0 0; animation:scale .5s 1s forwards; opacity:0 } #main_visual p {color:#f1a1af; letter-spacing:-.5px; font-weight:800; font-size:60px; line-height:1.1; margin:20px 0 0 0; animation:down .5s 1.0s forwards; opacity:0 } #main_visual p b { font-weight:800; } #main_visual p span {font-size:20px; font-weight:500; display:block; padding-top:10px;} #main_visual span {color:#f1a1af; display:block; font-size:50px; font-weight:800; display:block; padding-top:20px; animation:down .5s 1.6s forwards; opacity:0} #main_visual p.wh {color:#fff;} #main_visual h2.wh {color:#fff;} #main_visual .btn_more { display:inline-block; margin:36px 0 0 0; text-indent:-9000px; font-size:0; width:33px; height:33px; border:1px solid #fff; border-radius:50%; background:url(../img/btn_more.png) no-repeat center; opacity:0; animation:opacity .5s 1.8s forwards } #main_visual .btn_more:hover { transform:rotate(-90deg); background-color:#000; border-color:#000 } #main_visual .bx-controls {display:none; position:absolute; bottom:20px; width:100%; text-align:center; z-index:100 } #main_visual .bx-controls-direction { display:none } #main_visual .bx-pager { display:inline-block; vertical-align:middle } #main_visual .bx-pager > div { display:inline-block; } #main_visual .bx-pager a { text-indent:-9000px; font-size:0; display:inline-block; width:20px; height:20px; border:2px solid #fff; border-radius:50%; margin:0 3px } #main_visual .bx-pager a.active { background:#fff } #main_visual .bx-controls-auto { display:inline-block; vertical-align:middle } #main_visual .bx-controls-auto > div { display:inline-block } #main_visual .bx-controls-auto a { display:inline-block; height:20px; width:20px; color:#fff; text-indent:-9000px; font-size:0; background-position:center; background-repeat:no-repeat; margin:0 5px } #main_visual .bx-controls-auto a.bx-start { background-image:url(../img/btn_play.png) } #main_visual .bx-controls-auto a.bx-stop { background-image:url(../img/btn_pause.png) } #main_visual .bx-controls-auto a.active { display:none } .pc_ver { display:block !important } .m_ver { display:none !important } .pc_v { display:block !important } .mo_v { display:none !important } @media all and (max-width:1300px){ .pc_v { display:none !important } .mo_v { display:block !important } } @media all and (max-width:800px){ .pc_ver { display:none !important } .m_ver { display:block !important } } .case_main {background:#fcecef; height:460px;} .case_main .case_img {float:left; width:670px; } .case_main .case_txt {display:inline-block; width:500px; padding:90px 0 60px;} .case_main h3 {font-size:35px; font-weight:600; color:#f1a1af; padding-bottom:20px; letter-spacing:-1px;} .case_main h3 b {font-weight:800; display:block;} .case_main h4 { font-size:35px; font-weight:300; color:#383838; letter-spacing:-1px;} .case_main h4 span { color:#f1a1af; font-weight:800;} .case_main p { font-size:20px; font-weight:400; color:#383838; letter-spacing:-1px; padding-top:10px;} .case_main i { font-size:15px; font-style:normal; font-weight:600; color:#f1a1af; display:block; padding-bottom:15px;} .case_main p.small { font-size:15px; font-weight:500; color:#666; display:block; padding-top:20px; letter-spacing:0;} @media all and (max-width:1200px){ .case_main {height:360px;} .case_main .case_img { width:550px;} .case_main .case_txt {width:400px; padding:70px 0 60px;} .case_main h3 {font-size:25px;} .case_main h4 { font-size:20px;} .case_main p { font-size:16px; } .case_main p.small { font-size:13px;} } @media all and (max-width:1000px){ .case_main { height:auto; } .case_main .case_img {float:none; width:100%; } .case_main .case_txt {display:block; width:100%; padding:30px 20px 60px;} .case_main h3 {font-size:25px;} .case_main h4 { font-size:20px;} .case_main p { font-size:16px; } .case_main p.small { font-size:13px;} } .comm_main { padding:30px 0;} .comm_main .case_img { } .comm_main .case_img img {width:100%;} .comm_main .case_txt {position:relative; display:inline-block; width:500px; padding:70px 0 60px;} .comm_main i { color:#404040; font-weight:600; font-size:13px; display:block; font-style:normal; letter-spacing:4px; padding-bottom:10px;} .comm_main h3 {font-size:30px; font-weight:800; color:#f1a1af; padding-bottom:20px; letter-spacing:-1px;} .pic_li_lt { float:none; padding:0; width:100%; position:static } .pic_li_lt .lat_title { display:none } .pic_li_lt li { position:relative; border-bottom:1px solid #e0e0e0; padding:0 3px; margin:0 } .pic_li_lt li:first-child .lt_img { display:none } .pic_li_lt li .pic_li_tit { font-weight:400; font-size:1.3em; vertical-align:top; width:calc(100% - 60px); padding:20px 15px; } .pic_li_lt li .pic_li_tit:before {content: ""; position:absolute; width:6px; height:6px; background:#c1c1c1; border-radius:10px; text-align:left; margin-left:-15px; margin-top:7px;} .pic_li_lt li .pic_li_tit:hover { padding-left:15px; color:#f1a1af } .pic_li_lt .lt_info .lt_nick { display:none } .pic_li_lt .lt_info { display:inline-block } .pic_li_lt .lt_info .lt_date { position:absolute; top:22px; right:3px; width:60px; text-align:right } .pic_li_lt .lt_more { position:absolute; top:90px; right:0; font-size:12px; font-weight:800; display:block } .pic_li_lt .empty_li { line-height:100px } @media all and (max-width:1200px){ .comm_main {height:400px;} .comm_main .case_img { width:500px;} .comm_main .case_txt {width:500px; padding:50px 20px 60px;} .comm_main h3 {font-size:25px;} .pic_li_lt .lt_more { position:absolute; top:60px; right:16px; font-size:12px; font-weight:800; display:block } } @media all and (max-width:1000px){ .comm_main { height:auto; padding:0px 0;} .comm_main .case_img {float:none; width:100%; } .comm_main .case_img img {width:100%;} .comm_main .case_txt {display:block; width:100%; padding:30px 20px 0px;} .comm_main h3 {font-size:22px;} .pic_li_lt li .pic_li_tit { font-size:15px; width:calc(100% - 60px); padding:10px 15px; } .pic_li_lt .lt_info .lt_date { position:absolute; top:20px; right:15px; width:60px; font-size:11px; text-align:right } .pic_li_lt .lt_more { position:absolute; top:60px; right:30px; font-size:12px; font-weight:800; display:block } } .main_slide {padding:50px 0; text-align:center;} .main_tit {text-align:center; padding-bottom:30px;} .main_tit h4 {font-size:30px; color:#f1a1af; font-weight:800; letter-spacing:-1px;} .main_tit i {color:#404040; font-weight:600; font-size:13px; display:block; font-style:normal; letter-spacing:4px; padding-bottom:10px;} @media all and (max-width:600px){ .main_tit h4 {font-size:22px;} } .carousel{ width:1200px; margin:0 auto; } .carousel .box {border:1px solid #efc2ca; border-radius:20px; padding:10px 10px 30px; min-height:356px; cursor:pointer;} .carousel h3 {font-size:18px; font-weight:800; color:#f1a1af; padding:20px 0 10px;} .carousel p {font-size:16px; font-weight:400; color:#666; line-height:1.5;} .slick-slide{ margin:8px;} .slick-slide img{ width:100%;} .carousel .slick-prev {font-size:0;line-height:0;position:absolute;top:55%;display:block;width:45px;height:66px;margin-top:-50px;padding:0;cursor:pointer;border:0;outline:0; background:url("../img/bt_prev.png");} .carousel .slick-next {font-size:0;line-height:0;position:absolute;top:55%;display:block;width:45px;height:66px;margin-top:-50px;padding:0;cursor:pointer;border:0;outline:0; background:url("../img/bt_next.png");} .carousel .slick-prev{left:-55px}[dir='rtl'] .slick-prev{right:25px;left:auto} .carousel .slick-next{right:-55px}[dir='rtl'] .slick-next{right:auto;left:25px} @media all and (max-width:1200px){ .carousel{ width:100%; } .carousel .box {min-height:330px;} .carousel .slick-prev { display:none; width:0;} .carousel .slick-next { display:none; width:0;} } @media all and (max-width:600px){ .carousel h3 {font-size:16px;} .carousel p {font-size:14px;} .carousel .box {min-height:250px;} } .img-box .hover-box { width: 100%; height: 100%; position: absolute; left:0; top:0; background-color: rgba(0, 0, 0, .6); opacity: 0; transition: all .3s; } .img-box .hover-box.type2 { background-color: rgba(0, 127, 136, .8); } .img-box .hover-box .circle { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 60px; height: 60px; border-radius: 50%; background-color: #222222; display: flex; align-items: center; justify-content: center; color: #fff; } .img-box .hover-box .circle i { font-size: 20px; } .img-box .hover-box .view_more { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff; } .img-box .hover-box .view_more .text i { margin-left: 15px; line-height: 1; } .img-box .hover-box .view_more .text { border-bottom: 2px solid #fff; padding-bottom: 7px; } /* common 공용 */ *{ margin: 0; padding: 0; } .in2{ width: 1200px; max-width: 100%; margin: 0 auto; position: relative; } .swiper-wrapper.disabled { transform: translate3d(0px, 0, 0) !important; } .swiper-pagination.disabled, .swiper-button-prev.disabled, .swiper-button-next.disabled, .swiper-button-pause.disabled { font-size:0; display: none; } .swiper-button-next, .swiper-button-prev { outline:none; } .swiper-button-prev:after, .swiper-button-next:after { display: none; } .sub {background:#fcecef;} .slide-sect.program { padding: 30px 0 100px; } .slide-sect .in2 { } .slide-sect .left-wrap { width:350px; flex-shrink: 0; margin-right: 150px; text-align:center; margin:0 auto;} .slide-sect .left-wrap .btn-1 { margin-top: 50px; } .slide-sect .left-wrap .sect-title p { font-size: 16px; } .slide-sect .left-wrap .sect-title p > span { font-weight: 800; display: block; margin-top: 0px; font-size: 30px; } .slide-sect .left-wrap .slide-move { margin-top: 70px; color: #757575; width:350px; } .slide-sect .left-wrap .slide-move .top { position: relative; display: flex; align-items: center; margin-bottom: 10px; } .slide-sect .left-wrap .slide-move .top .swiper-button-next, .slide-sect .left-wrap .slide-move .top .swiper-button-prev { position: static; color: #757575; transform: translate(0); width: 20px; height: 20px; margin: 0; font-size: 20px; } .slide-sect .left-wrap .slide-move .top .swiper-pagination { position: static; font-size: 16px; } .slide-sect .left-wrap .slide-move .top .swiper-pagination-current { color: #e8899b; } .slide-sect .left-wrap .slide-move .top .swiper-pagination .barSpace { margin: 0 5px; } .slide-sect .left-wrap .slide-move .swiper-scrollbar { position: static; height: 7px; background-color: #fff; } .slide-sect .left-wrap .slide-move .swiper-scrollbar-drag { background-color: #f1a1af; } .swiper-scrollbar {} .slide-sect .right-wrap { flex-grow: 1; min-width: 0; } .slide-sect .right-wrap .swiper-slide {background:#fff; border-radius:10px; } .slide-sect .right-wrap .swiper-slide a { display: block;} .slide-sect .right-wrap .swiper-slide .img-box { position: relative; width: 100%; padding-top: 50%;} .slide-sect .right-wrap .swiper-slide .img-box img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; border-top-left-radius:10px; border-top-right-radius:10px;} .slide-sect .right-wrap .swiper-slide .text {padding:30px 40px; min-height:162px;} .slide-sect .right-wrap .swiper-slide .text strong { font-size: 25px; color:#f1a1af; font-weight: 700; display: block; padding-bottom:10px;} .slide-sect .right-wrap .swiper-slide .text p { font-weight: 500; font-size:17px; color: #f1a1af; margin-top: 5px; line-height:1.3;} @media (max-width:768px) { .slide-sect.program {padding: 0px 0 80px;} .slide-sect .in2 {display:flex; flex-direction: column;} .slide-sect .left-wrap {width: 100%;} .slide-sect .left-wrap .slide-move {width: 90%; position: absolute; bottom: 0; left: 50%; transform: translate(-50%,100%);} .slide-sect .left-wrap .btn-1 {margin-top: 0px; margin-left: 15px; font-size: 12px; padding: 10px 15px;} .work-2-1 .slide-sect .left-wrap .btn-1 {margin-top: 30px ; margin-left: 0;} .slide-sect .right-wrap {margin-top: 30px;padding-bottom: 30px;} .slide-sect .left-wrap .sect-title p {font-size: 15px; display: inline-block;} .slide-sect .left-wrap .sect-title p > span {font-size: 18px; line-height: 1;} .slide-sect .right-wrap .swiper-slide .text strong {font-size: 20px;} .slide-sect .right-wrap .swiper-slide .text p {font-size: 13px;} .sub .sect-title small {font-size: 12px; margin-top: 5px;} .process .in2 .left-wrap small {margin-top: 5px; font-size: 12px;} .slide-sect .left-wrap .slide-move {margin-top: 30px;} .process {margin-top: 40px; padding-bottom: 80px;} .sub-banner .left-wrap a {font-size:14px;} } #footer { padding:30px 0; margin:0px 0 0 0; background:#f1a1af; color:#fff; } #footer h1 { float:left } #footer h1 a { text-indent:-9000px; font-size:0; width:200px; height:29px; background-image:url(../img/ci.png); background-position:0 29px; display:block; overflow:hidden; background-size:100% } #footer nav { position:absolute; right:0; top:10px } #footer nav li {display:inline-block; margin:0 0 0 10px; } #footer .f_left { margin:0 0 0 0px } #footer dt { display:inline-block } #footer dt a {font-size:13px; color:#fff; line-height:1.7; font-weight:300; margin-right:10px;} #footer dd {font-size:12px; color:#fff; line-height:1.7; font-weight:100; margin-top:10px;} #footer .copyright { margin:10px 0 0 0 } #footer #top_btn { border:0; background:rgba(0,0,0,0.5); font-size:30px; color:#fff; right:30px; bottom:30px } #footer #top_btn:hover { background:rgba(0,0,0,1) } #footer #top_btn i { vertical-align:2px } @media screen and (max-width:1200px){ #footer { padding:30px 0 100px } } #main_customer { position:relative; padding:50px 0; z-index:1; background:#fff; border-top:1px solid #ebebeb;} #main_customer h3 { font-size:15px; font-weight:800; letter-spacing:-.5px; line-height:1; color:#f1a1af; padding:0 0 15px; } #main_customer h3 span {color:#fff; font-size:15px; } #main_customer h4 { font-size:22px; font-weight:600; letter-spacing:-.5px; line-height:1; color:#ff8a00; padding:0 0 15px; margin-top:30px; margin-bottom:5px; } .main_left {width:29%; display:inline-block; padding:0px 0px 0; vertical-align:top;} .main_left h3 {margin-bottom:15px;} .main_left dl {height:30px;} .main_left dl p {font-size:13px; font-weight:500; color:#666; margin-bottom:7px;} .main_left p.bottom_logo {background:none; display:block; padding-bottom:20px; } .main_left p.bottom_logo img {width:100px;} .main_center {width:28%; display:inline-block; padding:0px 50px 0; vertical-align:top; } .main_center dl {margin-bottom:10px;} .main_center dl p { font-size:25px; font-weight:800; color:#f1a1af; margin-bottom:50px;} .main_center dl dt {float:left; font-size:13px; font-weight:500; color:#666; width:70px;} .main_center p {font-size:13px; font-weight:500; color:#666; line-height:1.5; } .main_right {width:330px; float:right; padding:0 0px; vertical-align:top;} .main_right .map_box{height:160px; margin-top:10px;} .main_right .map_box .root_daum_roughmap{width:100%; height:100%;} .main_right .map_box .root_daum_roughmap .wrap_map{width:100%; height:100%;} .main_right p { font-size:18px; font-weight:800; color:#f1a1af; line-height:1.5;} .main_right p span {color:#666; font-size:15px; display:block; font-weight:500; } .input { padding:0; color: #bbbbca;} .input option { color: #333;} @media screen and (max-width:850px){ #main_customer { text-align:center; position:relative; padding:30px 0; z-index:1; } #main_customer h3 { font-size:15px;} #main_customer h3 span { font-size:13px; } .main_left {width:100%; display:block; padding:0 0px;} .main_center {width:100%; display:block; padding:0 0px;margin-top:160px;} .main_center dl dt {float:none; display:inline-block; font-size:13px; font-weight:500; color:#666; width:70px;} .main_right {width:100%; float:none; display:block; padding:0 30px; margin-top:50px; margin-bottom:50px;} .main_right .map_box{height:200px; } } #news_setion {background:#fcecef; width: 100%; padding:30px 0; } #news_setion .news_section_title {float:left; width:20%; color:#1c1c1c; font-weight:800; font-size:30px; margin-bottom:30px; vertical-align:top;} #news_setion .news_section_title span {font-size:13px; font-weight:700; display:block; letter-spacing:5px; padding-top:5px;} #news_setion .news_section_title i {display:block; padding-top:0px;} .news_contents {display:inline-block; width:80%;} @media screen and (max-width:1200px){ #news_setion .news_section_title {font-size:25px; width:100%; float:none; text-align:center;} #news_setion .news_section_title i {display:block; padding-top:0px;} .news_contents {display:block; width:100%;} } /* 새글 스킨 (latest) */ .pic_lt {position:relative;margin-bottom:20px;background:transparent} .pic_lt .lat_title {display:block;line-height:45px;font-size:1.2em;color:#253dbe} .pic_lt .lat_title a {color:#000;display:inline-block;position:relative} .pic2_lt {position:relative;margin-bottom:20px;background:transparent} .pic2_lt .lat_title {display:block;line-height:45px;font-size:1.2em;color:#253dbe} .pic2_lt .lat_title a {color:#000;display:inline-block;position:relative} .pic_lt .lt_more {position:absolute;top:11px;right:10px;display:block;width:25px;line-height:25px;color:#aaa;border-radius:3px;text-align:center;} .pic_lt .lt_more:hover {color:#777} .pic_lt ul:after {display:block;visibility:hidden;clear:both;content:""} .pic_lt ul {margin: 0 -10px} .pic_lt li {float:none;width:100%;padding:0 10px} .pic_lt li.gallery_li {transition:1s;position:relative; border: solid 1px #ececec; padding:25px 50px; background:#f9f9f9; margin-top:10px; min-height:230px;} .pic_lt li.gallery_li:before {content:""; background:url('./img/news_arrow.png') no-repeat; width:25px; height:8px; position:absolute; right:50px; top:70px;} .pic_lt li.gallery_li:hover:before {content:""; background:url('./img/news_arrow_r.png') no-repeat; width:25px; height:8px; position:absolute; right:50px; top:70px;} .pic_lt li.gallery_li:hover {border: solid 1px #e8899b; } .pic_lt li.gallery_li:after {content:'';clear:both;display:block;} .pic_lt li.gallery_li:last-child { margin-bottom: 0px;} /*.pic_lt li.gallery_li:hover .gl_1 .date1 {color:#afb4f8; } .pic_lt li.gallery_li:hover .gl_1 .date2 {color:#afb4f8; } .pic_lt li.gallery_li:hover .gl_2 .txt1 {color:#afb4f8; } .pic_lt li.gallery_li:hover .gl_2 .txt2 {color:#afb4f8; } */ .pic_lt li.gallery_li .gl_1 {float:left; width:80px; text-align: center;} .pic_lt li.gallery_li .gl_1 .date1 {font-size:50px; font-weight:bold; color:#9f9f9f; letter-spacing:-0.05rem;} .pic_lt li.gallery_li .gl_1 .date2 {font-size:13px; color:#9f9f9f;} .pic_lt li.gallery_li .gl_2 {float:left; width:calc(100% - 140px); margin-left:50px; } .pic_lt li.gallery_li .gl_2 .txt1 {font-size:20px; color:#000; font-weight:700; padding: 10px 0px 10px;} .pic_lt li.gallery_li .gl_2 .txt2 {font-size:15px; color:#666; font-weight:400; } .pic_lt li.gallery_li .gl_3 {float:left; width:190px;} .pic_lt li.gallery_li .gl_3 img {max-width:100%;} .pic_lt li.gallery_li:nth-child(4n+1) {clear: both!important} .pic_lt li .lt_img {margin:5px 0;display:block} .pic_lt li .lt_img img, .pic_lt li .lt_img video {width:100%;height:auto} .pic_lt li a:hover {color:#e8899b} .pic_lt li .fa-heart {color:#ff0000} .pic_lt li .fa-lock {display:inline-block;line-height:14px;width:16px;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size:12px;border:1px solid #cbe3e8;vertical-align:middle} .pic_lt li .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:middle} .pic_lt li .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle} .pic_lt li .fa-caret-right {color:#bbb} .pic_lt li .fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;vertical-align:middle} .pic_lt li .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;vertical-align:middle} .pic2_lt .lt_more {position:absolute;top:11px;right:10px;display:block;width:25px;line-height:25px;color:#aaa;border-radius:3px;text-align:center;} .pic2_lt .lt_more:hover {color:#777} .pic2_lt ul:after {display:block;visibility:hidden;clear:both;content:""} .pic2_lt ul {margin: 0 -10px} .pic2_lt li {float:none;width:100%;padding:0 10px} .pic2_lt li.gallery_li {transition:1s;position:relative; border: solid 1px #ececec; padding:25px 50px; background:#f9f9f9; margin-top:10px; min-height:230px;} .pic2_lt li.gallery_li:before {content:""; background:url('./img/news_arrow.png') no-repeat; width:25px; height:8px; position:absolute; right:50px; top:70px;} .pic2_lt li.gallery_li:hover:before {content:""; background:url('./img/news_arrow_r.png') no-repeat; width:25px; height:8px; position:absolute; right:50px; top:70px;} .pic2_lt li.gallery_li:hover {border: solid 1px #e8899b; } .pic2_lt li.gallery_li:after {content:'';clear:both;display:block;} .pic2_lt li.gallery_li:last-child { margin-bottom: 0px;} /*.pic2_lt li.gallery_li:hover .gl_1 .date1 {color:#afb4f8; } .pic2_lt li.gallery_li:hover .gl_1 .date2 {color:#afb4f8; } .pic2_lt li.gallery_li:hover .gl_2 .txt1 {color:#afb4f8; } .pic2_lt li.gallery_li:hover .gl_2 .txt2 {color:#afb4f8; } */ .pic2_lt li.gallery_li .gl_1 {float:left; width:80px; text-align: center;} .pic2_lt li.gallery_li .gl_1 .date1 {font-size:50px; font-weight:bold; color:#9f9f9f; letter-spacing:-0.05rem;} .pic2_lt li.gallery_li .gl_1 .date2 {font-size:13px; color:#9f9f9f;} .pic2_lt li.gallery_li .gl_2 {float:left; width:calc(100% - 140px); margin-left:50px; } .pic2_lt li.gallery_li .gl_2 .txt1 {font-size:20px; color:#000; font-weight:700; padding: 10px 0px 10px;} .pic2_lt li.gallery_li .gl_2 .txt2 {font-size:15px; color:#666; font-weight:400; } .pic2_lt li.gallery_li .gl_3 {float:left; width:190px;} .pic2_lt li.gallery_li .gl_3 img {max-width:100%;} .pic2_lt li.gallery_li:nth-child(4n+1) {clear: both!important} .pic2_lt li .lt_img {margin:5px 0;display:block} .pic2_lt li .lt_img img, .pic2_lt li .lt_img video {width:100%;height:auto} .pic2_lt li a:hover {color:#e8899b} .pic2_lt li .fa-heart {color:#ff0000} .pic2_lt li .fa-lock {display:inline-block;line-height:14px;width:16px;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size:12px;border:1px solid #cbe3e8;vertical-align:middle} .pic2_lt li .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:middle} .pic2_lt li .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle} .pic2_lt li .fa-caret-right {color:#bbb} .pic2_lt li .fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;vertical-align:middle} .pic2_lt li .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;vertical-align:middle} .pic_lt .profile_img img{border-radius:50%} .lt_info {padding:10px 0} .lt_info .lt_nick {} .lt_info .lt_date {color:#888} .pic_lt .empty_li {line-height:145px ;color:#666;text-align:center;padding:0} .pic_lt .empty_li:before {background:none;padding:0} .pic_lt .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle} .pic_lt .lt_more_pic {position: absolute; bottom: -10.0rem; right: 50%; margin-right: -13.0rem; display: block; width: 23.0rem; height: 6.0rem; line-height: 6.0rem; color: #ffffff; text-align: center; border: solid 1px #ffffff; font-size: 2.0rem;} .pic_lt .lt_more_pic:hover {background:rgba(0, 0, 0, 0.2);} @media screen and (max-width:1500px){ .pic2_lt li.gallery_li .gl_2 {width: 670px; } .pic2_lt li.gallery_li .gl_2 .txt1 {width: 100%; display: inline-block; display: -webkit-box; overflow: hidden; line-height: 1.5; max-height: 3.2em; /* 인터넷 익스플로러 호환 */ -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;} .pic2_lt li.gallery_li .gl_2 .txt2 {width: 100%; display: inline-block; display: -webkit-box; overflow: hidden; line-height: 1.5; max-height: 4.4em; /* 인터넷 익스플로러 호환 */ -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis;} } @media screen and (max-width:1500px){ .pic2_lt li.gallery_li .gl_1 {width: 20%;} .pic2_lt li.gallery_li .gl_2 {width: 60%;} .pic2_lt li.gallery_li .gl_3 {width: 20%;} } @media screen and (max-width:1000px){ .pic2_lt li.gallery_li .gl_2 .txt1 {margin-bottom:10px;} } @media screen and (max-width:768px){ .pic2_lt li.gallery_li .gl_1 {width:100%; padding-top:15px;} .pic2_lt li.gallery_li .gl_1 .date1 {font-size:35px;} .pic2_lt li.gallery_li .gl_1 .date2 {font-size:11px;} .pic2_lt li.gallery_li .gl_2 {width:80%; margin-left:20px; margin-top:10px;} .pic2_lt li.gallery_li .gl_2 .txt1 {padding: 0rem 0px 1.0rem; font-size:16px;} .pic2_lt li.gallery_li .gl_2 .txt2 {font-size:14px; line-height:1.5; height:100px;} .pic2_lt ul {margin: 0 0px;} .pic2_lt li.gallery_li {padding:0 0px 10px; } .pic2_lt li.gallery_li {margin-bottom:15px;} .pic2_lt li.gallery_li:before {right:20px; top:50px;} .pic2_lt li.gallery_li:hover:before {right:20px; top:50px;} } #review_setion {background:#f5f5f5; width: 100%; padding:50px 0; overflow:hidden;} #review_setion .review_section_title {vertical-align:top; float:left; width:20%; color:#1c1c1c; font-weight:800; font-size:30px; margin-bottom:30px;} #review_setion .review_section_title span {font-size:13px; font-weight:700; display:block; letter-spacing:5px; padding-top:5px;} #review_setion .review_section_title i {display:block; padding-top:70px;} .review_contents {display:inline-block; width:80%;} @media screen and (max-width:1200px){ #review_setion .review_section_title {font-size:25px; width:100%; float:none; text-align:center;} #review_setion .review_section_title i {display:block; padding-top:0px;} .review_contents {display:block; width:100%;} } .pic_lt { position:relative; margin:0; } .pic_lt li {width: calc(100% /3 - 20px);float:left; margin:10px 10px; padding:0; font-size:15px; font-weight:500; color:#696969; } .pic_lt li img {width:200px;} .pic_lt li:nth-child(3) {margin-right:0;} .pic_lt li:nth-child(4) {margin-right:0;} .pic_lt li a {color:#696969; } /*.pic_lt li:hover:before { box-shadow:0 5px 16px 0 rgba(0, 0, 0, 0.2) }*/ .pic_lt li .lt_img { position:relative; margin-bottom:10px; /*filter: blur(2px); -webkit-filter: blur(2px);*/} .pic_lt li .lt_img span { position:absolute; left:50%; top:50%; line-height:1; font-weight:500; color:#fff; background:none; transform:translate(-50%); text-transform:uppercase; font-size:1.2em } .pic_lt .lat_title { display:none } .pic_lt .ts-controls button { position:absolute; top:50%; margin-top:-29.5px; left:-80px; background:url(../img/slide_left_b.png); width:30px; height:59px; border:0; text-indent:-9000px; font-size:0 } .pic_lt .ts-controls button.ts-next { left:auto; right:-80px; background:url(../img/slide_right_b.png) } .pic_lt li .lt_name { font-size:1.43em; font-weight:700 ; border-top:1px solid #e0e0e0; padding:15px 18px; letter-spacing:-1px } .pic_lt li .lt_name a { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; width:100% } .pic_lt li .lt_img { margin:0; } .pic_lt .lt_info { display:none } .pic2_lt { position:relative; margin:0; } .pic2_lt li {width: calc(100% /2 - 20px);float:left; margin:10px 10px; padding:0; font-size:15px; font-weight:500; color:#696969; } .pic2_lt li img {width:200px;} .pic2_lt li:nth-child(2) {margin-right:0;} .pic2_lt li:nth-child(4) {margin-right:0;} .pic2_lt li a {color:#696969; } /*.pic2_lt li:hover:before { box-shadow:0 5px 16px 0 rgba(0, 0, 0, 0.2) }*/ .pic2_lt li .lt_img { position:relative; margin-bottom:10px; /*filter: blur(2px); -webkit-filter: blur(2px);*/} .pic2_lt li .lt_img span { position:absolute; left:50%; top:50%; line-height:1; font-weight:500; color:#fff; background:none; transform:translate(-50%); text-transform:uppercase; font-size:1.2em } .pic2_lt .lat_title { display:none } .pic2_lt .ts-controls button { position:absolute; top:50%; margin-top:-29.5px; left:-80px; background:url(../img/slide_left_b.png); width:30px; height:59px; border:0; text-indent:-9000px; font-size:0 } .pic2_lt .ts-controls button.ts-next { left:auto; right:-80px; background:url(../img/slide_right_b.png) } .pic2_lt li .lt_name { font-size:1.43em; font-weight:700 ; border-top:1px solid #e0e0e0; padding:15px 18px; letter-spacing:-1px } .pic2_lt li .lt_name a { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; width:100% } .pic2_lt li .lt_img { margin:0; } .pic2_lt .lt_info { display:none } .pic_lt_r_r {position:relative;margin-bottom:20px;background:transparent} .pic_lt_r .lat_title {display:block;line-height:45px;font-size:1.2em;color:#253dbe} .pic_lt_r .lat_title a {color:#000;display:inline-block;position:relative} .pic_lt_r .lt_more {position:absolute;top:11px;right:10px;display:block;width:25px;line-height:25px;color:#aaa;border-radius:3px;text-align:center;} .pic_lt_r .lt_more:hover {color:#777} .pic_lt_r ul:after {display:block;visibility:hidden;clear:both;content:""} .pic_lt_r ul {margin: 0 -10px} .pic_lt_r li {float:none;width:100%;padding:0 10px; vertical-align:top; line-height:1.5;} .pic_lt_r li.gallery_li {transition:1s;position:relative; border: solid 1px #ececec; padding:25px 100px; min-height:220px; margin-bottom:3px; background:#f9f9f9; display:inline-block;width: calc(100% /2 - 20px); } .pic_lt_r li.gallery_li:before {content:""; background:url('./img/news_arrow.png') no-repeat; width:25px; height:8px; position:absolute; right:50px; top:70px;} .pic_lt_r li.gallery_li:hover:before {content:""; background:url('./img/news_arrow_r.png') no-repeat; width:25px; height:8px; position:absolute; right:50px; top:70px;} .pic_lt_r li.gallery_li:hover {border: solid 1px #e8899b; } .pic_lt_r li.gallery_li:after {content:'';clear:both;display:block;} .pic_lt_r li.gallery_li:last-child { margin-bottom: 0px;} /*.pic_lt_r li.gallery_li:hover .gl_1 .date1 {color:#afb4f8; } .pic_lt_r li.gallery_li:hover .gl_1 .date2 {color:#afb4f8; } .pic_lt_r li.gallery_li:hover .gl_2 .txt1 {color:#afb4f8; } .pic_lt_r li.gallery_li:hover .gl_2 .txt2 {color:#afb4f8; } */ .pic_lt_r li.gallery_li .gl_2 {} .pic_lt_r li.gallery_li .gl_2 .txt1 {font-size:25px; color:#000; font-weight:700; padding: 10px 0px 10px;} .pic_lt_r li.gallery_li .gl_2 .txt2 {font-size:15px; color:#666; font-weight:400; } .pic_lt_r li.gallery_li .gl_3 {float:left; width:190px;} .pic_lt_r li.gallery_li .gl_3 img {max-width:100%;} .pic_lt_r li.gallery_li:nth-child(4n+1) {clear: both!important} .pic_lt_r li .lt_img {margin:5px 0;display:block} .pic_lt_r li .lt_img img, .pic_lt_r li .lt_img video {width:100%;height:auto} .pic_lt_r li a:hover {color:#e8899b} .pic_lt_r li .fa-heart {color:#ff0000} .pic_lt_r li .fa-lock {display:inline-block;line-height:14px;width:16px;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size:12px;border:1px solid #cbe3e8;vertical-align:middle} .pic_lt_r li .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:middle} .pic_lt_r li .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle} .pic_lt_r li .fa-caret-right {color:#bbb} .pic_lt_r li .fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;vertical-align:middle} .pic_lt_r li .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;vertical-align:middle} .pic_lt_r .profile_img img{border-radius:50%} .lt_info {padding:10px 0} .lt_info .lt_nick {} .lt_info .lt_date {color:#888} .pic_lt_r .empty_li {line-height:145px ;color:#666;text-align:center;padding:0} .pic_lt_r .empty_li:before {background:none;padding:0} .pic_lt_r .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle} .pic_lt_r .lt_more_pic {position: absolute; bottom: -10.0rem; right: 50%; margin-right: -13.0rem; display: block; width: 23.0rem; height: 6.0rem; line-height: 6.0rem; color: #ffffff; text-align: center; border: solid 1px #ffffff; font-size: 2.0rem;} .pic_lt_r .lt_more_pic:hover {background:rgba(0, 0, 0, 0.2);} @media screen and (max-width:1500px){ .pic_lt_r li.gallery_li .gl_2 {width: 670px; } .pic_lt_r li.gallery_li .gl_2 .txt1 {width: 100%; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .pic_lt_r li.gallery_li .gl_2 .txt2 {width: 100%; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} } @media screen and (max-width:1500px){ .pic_lt_r li.gallery_li .gl_1 {width: 20%;} .pic_lt_r li.gallery_li .gl_2 {width: 60%;} .pic_lt_r li.gallery_li .gl_3 {width: 20%;} } @media screen and (max-width:768px){ .pic_lt_r li.gallery_li {min-height:auto; width:100%; margin-bottom:0;} .pic_lt_r li.gallery_li .gl_1 {padding-top:15px;} .pic_lt_r li.gallery_li .gl_1 .date1 {font-size:35px;} .pic_lt_r li.gallery_li .gl_1 .date2 {font-size:11px;} .pic_lt_r li.gallery_li .gl_2 {margin-left:20px; margin-top:10px;} .pic_lt_r li.gallery_li .gl_2 .txt1 {padding: 0rem 0px 1.0rem; font-size:20px;} .pic_lt_r ul {margin: 0 0px;} .pic_lt_r li.gallery_li {padding:20px; } .pic_lt_r li.gallery_li {margin-bottom:15px;} .pic_lt_r li.gallery_li:before {right:20px; top:50px;} .pic_lt_r li.gallery_li:hover:before {right:20px; top:50px;} } /* 리뷰 */ .re-review {background:#f5f5f5; padding:0px 0 50px;} .re-review .slick-list {padding-bottom:20px; } .re-review .slick-slide {margin:0 25px; border:none; outline:none;} .re-review .slick-slide .rv-item {background:#fff; min-height:300px; -webkit-box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.15); } .re-review .slick-slide .rv-in {padding:40px 20px; text-align:center;} .re-review .slick-slide .main-rv {font-size:20px; line-height:1.5em; font-weight:500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;} .re-review .slick-slide .main-rv:before {content:url("../img/main/quote.png"); display:block; margin:0 auto;} .re-review .slick-slide .sub-rv {font-size:15px; color:#666473; line-height:1.5em; height:7.9em; margin:5px 0 12px 0; overflow: hidden; text-overflow: ellipsis; word-wrap: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; text-overflow: ellipsis; } .re-review .slick-slide .who-rv {font-size:0.9em; color:#999;} .re-review .slick-slide .main-star {font-size:15px; color:#9178d1} .re-review .slick-arrow { position:absolute; width:45px; height:66px; top:50%; transform:translate(0,-50%);} .re-review .slick-prev {font-size:0;line-height:0;position:absolute;top:55%;display:block;width:45px;height:66px;margin-top:-50px;padding:0;cursor:pointer;border:0;outline:0; background:url("../img/bt_prev.png");} .re-review .slick-next {font-size:0;line-height:0;position:absolute;top:55%;display:block;width:45px;height:66px;margin-top:-50px;padding:0;cursor:pointer;border:0;outline:0; background:url("../img/bt_next.png");} .re-review .slick-prev{left:-55px}[dir='rtl'] .slick-prev{right:25px;left:auto} .re-review .slick-next{right:-55px}[dir='rtl'] .slick-next{right:auto;left:25px} .re-review .slick-dots {bottom: -20px; } .re-review .slick-dots li {width:6px; height: 6px; border-radius:50%; background-color: #f5f5f5; margin:0 3px;} .re-review li:before {display:none;} .re-review .slick-dots li.slick-active ~ li {background-color: #f5f5f5;} .re-review .slick-dots li.slick-active {background-color: #f5f5f5;} .re-review .slick-dots li.slick-active:before {color: #f5f5f5;} @media screen and (max-width:1200px){ .re-review .slick-prev { display:none; width:0;} .re-review .slick-next { display:none; width:0;} } #main_contents { position:relative; margin-top:50px; margin-bottom:50px; z-index:1 } .main_gallery { background:#fff; margin-top:0px; margin-bottom:10px } .main_gallery h2 { text-align:center; line-height:1; font-size:2em; font-weight:700; text-transform:uppercase; letter-spacing:-1px; padding:45px 0 30px 0 } .main_gallery .tab_menu { text-align:center } .main_gallery .tab_con { margin-top:40px } .main_gallery .lt_more { display:none } .main_gallery .prd_slider > div { width:calc(100%/5) !important } .main_gallery .tab_menu p { padding: 12px 25px; font-size: .9rem; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; display: inline-block} .main_bbs { width:40%; float:left } .main_bbs > section { position:relative; margin:40px 0 0 0 } .main_bbs > section:first-child { margin:0 } .main_bbs h2 { font-size:2em; font-weight:700; letter-spacing:-1px; line-height:1; border-bottom:1px solid #898989; padding:0 0 15px } .w1300 {width:1300px; margin:0 auto;} .w1500 {width:1500px; margin:0 auto;} .inner {width:1200px; margin:0 auto;} @media screen and (max-width:1500px) { .w1500 {width:100%;} } @media screen and (max-width:1300px) { .w1300 {width:100%;} } @media screen and (max-width:1200px) { .inner {width:100%;} } .pc_only { display:block !important } /* 그누보드 수정 */ #bo_w #wr_2, #bo_w #wr_4, #bo_w #wr_6 { margin-left:1% } #bo_list .td_name { width:150px; text-align:center } #bo_list .td_datetime { width:120px } .btn_bo_sch, .btn_more_opt { padding:0 10px; height:35px } .tbl_head01 td, .tbl_head01 th { font-size:1.1em; padding:15px 10px !important; height:40px } .bo_tit { font-weight:500 } #bo_list .bo_tit .new_icon { background:#f39800; color:#fff; font-size:0.7em; font-weight:500; vertical-align:2px } #bo_list .bo_tit .fa-lock { background:#54585d; color:#fff; width:16px; height:16px; font-size:14px; line-height:16px; border:0; vertical-align:1px } .tbl_wrap table { border-top:2px solid #666 } #bo_list .td_num2 { width:60px } #bo_v_title .bo_v_tit { font-size:1.5em } #bo_v_con { font-size:1.1em } .bo_vc_w .btn_submit, .mbskin .btn_submit { font-weight:500 } #bo_v .com_info { margin:10px 0 0 0 } #bo_v .com_info dl:after { content:""; display:block; clear:both } #bo_v .com_info dl {border-top:1px solid #e0e0e0 } #bo_v .com_info dt, #bo_v .com_info dd { float:left; border-bottom:1px solid #e0e0e0; line-height:34px; height:36px; font-size:1.05em; padding-left:20px } #bo_v .com_info dt { width:15%; font-weight:500; background:#f4f4f4; } #bo_v .com_info dd { width:35%; font-weight:400 } #bo_v .com_info dd.full { width:85% } .btn_cke_sc { line-height:20px } .btn_cke_sc_close { background:#fff; border:1px solid #ddd; border-radius:3px; padding:5px 15px 6px 15px } #bo_list tbody tr:hover {border-left:0} #bo_w .bo_w_tit #btn_autosave { top:3px; right:3px } #bo_w .btn_cancel { color:#fff; font-weight:500 } #fregister p { font-weight:500; background:#fff; color:#222; border:1px solid #ccc } #fregister p:before { display:none } .chk_li { padding-left:7px; display:inline-block; vertical-align:top; margin-top:-4px } .chk_li + .tooltip_icon { vertical-align:top; margin-top:-8px} .reg_btn_submit { color:#fff !important; font-weight:500 } #sns_login .txt { font-weight:500 } #bo_cate { font-size:0; margin-left:1px; text-align:center } #bo_cate li { margin:0 0 0 -1px; padding:0 } #bo_cate a { font-size:.95rem; border-radius:0; margin:0; min-width:150px; text-align:center; height:50px; line-height:46px; padding:0 20px; border:1px solid #e0e0e0; color:#aaa; font-weight:400 } #bo_cate a:hover { background:#f4f4f4; color:#222 } #bo_cate #bo_cate_on { background:#fff; color:#222; border-color:#222; position:relative; z-index:1; box-shadow:none; font-weight:500 } #bo_w #wr_2, #bo_w #wr_4, #bo_w #wr_6 { margin-left:0 } #bo_v_act { margin:30px 0 50px 0 } .btn_bo_user .btn_admin, .btn_cm_opt { padding:0 10px; color:inherit } #bo_v_info .sv_member, #bo_v_info .sv_guest, #bo_v_info .member, #bo_v_info .guest ,#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest{ font-weight:500; font-size:1.1em; margin:0 0 5px; display:inline-block } .bo_tit .cnt_cmt { font-size:10px !important; font-family:arial; background:none !important; color:#999 !important; font-weight:normal !important } .all_chk.chk_box input[type="checkbox"] + label span { top:3px } #bo_v_desc { font-size:1.1em } .new_win .btn_submit, .new_win .btn_close { font-weight:500; font-size:1em } .new_win .win_desc { border:1px solid #666; background:#fff; color:#222; font-weight:500; text-align:center } .new_win .win_desc:after { display:none } .gall_row .box_clear { clear:none } #bo_v_act { margin:60px 0 !important } #bo_v_share { text-align:center; padding:40px 0 } #bo_v_sns { text-align:center; float:none; display:inline-block } #bo_v_sns li { width:auto; float:none; display:inline-block; text-align:center } #bo_v_sns li a { width:60px; height:60px; line-height:60px; border-radius:50%; padding:0; text-align:center; display:inline-block !important } #bo_v_sns li img { margin:0 } #bo_v_sns li span { display:none } #bo_v_share .btn { width:60px; height:60px; line-height:1.2; border-radius:50%; font-size:12px; padding:0; text-align:center; display:inline-block } #bo_v_share .btn i { display:block; font-size:1.5em; margin:10px 0 3px } #faq_sch .btn_submit { font-weight:500 } #faq_sch { margin-bottom:30px } .cmt_btn span.total { font-weight:400; font-size:0.9em; color:#999 } .cmt_btn span.total b { font-size:1.5em } .more_opt li button, .more_opt li a { font-weight:500 } .new_win #win_title { text-align:center; border-bottom:1px solid #ccc; padding:0 20px; line-height:46px; height:48px } .new_win .new_win_con { margin-top:10px } #ctt { margin:0; padding:0 } #ctt_con { padding:0; margin:0; line-height:1.5; font-size:1.16em } #faq_wrap li { font-size:1.1em } #bo_v iframe { max-width: 100%; } /* 서브 상단 이미지 */ #contents { margin:0px 0 0 0 } #contents p { word-break:keep-all } #sub_visual {margin-top:155px; height:110px; background:url("../img/snb_bg.jpg") center top no-repeat; } .left_snb {padding-top:40px; } .left_snb h2 {float:left; color:#fff; font-size:35px; letter-spacing:-1px; color:#f1a1af; text-align:center; line-height:1; font-weight:800; position:relative; } .left_snb ul {float:right; padding-top:20px;} .left_snb li {display:inline-block;} .left_snb li a {color:#fff; display:block; padding:5px 10px; color:#464646; font-size:16px; font-weight:800; position:relative; letter-spacing:-.5px; } .left_snb li:hover a { color:#f1a1af;} .left_snb li.on a { border:1px solid #f1a1af; border-radius:10px; color:#f1a1af;} @media all and (max-width:1200px){ #sub_visual {margin-top:140px; height:auto; padding:30px 0 70px; background:#fcecef url("../img/snb_bg.jpg") center top no-repeat; } .left_snb {padding-top:0px; } .left_snb h2 {float:none; font-size:25px;} .left_snb ul {float:none;} .left_snb li a { text-align:center; padding:3px 5px; font-size:12px; } } .left_snb2 {padding-top:40px; } .left_snb2 h2 {float:left; color:#fff; font-size:35px; letter-spacing:-1px; color:#f1a1af; text-align:center; line-height:1; text-transform:uppercase; font-weight:800; position:relative; } .left_snb2 ul {float:right; padding-top:20px;} .left_snb2 li {display:inline-block;} .left_snb2 li a {color:#fff; display:block; padding:5px 15px; color:#464646; font-size:16px; font-weight:800; position:relative; letter-spacing:-.5px; } .left_snb2 li:hover a { color:#f1a1af;} .left_snb2 li.on a {} @media all and (max-width:1200px){ #sub_visual {margin-top:140px; height:auto; padding:30px 0 30px; background:#fcecef url("../img/snb_bg.jpg") center top no-repeat; } .left_snb {padding-top:0px; text-align:center;} .left_snb h2 {float:none; font-size:20px;} .left_snb li a { text-align:center; padding:3px 5px; font-size:12px; } } @media all and (max-width:800px){ #sub_visual {margin-top:100px; } } .left_cs { margin-top:28px } .left_cs h2 {letter-spacing:-1px; font-weight:700; font-size:1.8em; line-height:1; margin:0 0 15px; border-bottom:1px solid #666; padding-bottom:15px } .left_cs .tel {font-family: 'GmarketSansBold'; font-weight:700; color:#2d3691; font-size:1.5em; padding-left:3px } .left_cs .time { font-weight:500; padding-left:3px } .left_cs .info { padding-left:3px; line-height:1; margin-top:7px } .left_cs dl { margin-top:13px; padding-left:3px } .left_cs dt, .left_cs dd { font-family: 'GmarketSansMedium'; color:#686868; display:inline-block; margin:2px 0 } .left_cs dt { width:18px } .left_cs dd { width:calc(100% - 23px); font-weight:400; color:#666 } .left_cs .banner { margin-top:15px } .left_cs .banner li { float:left; width:50%; margin-left:-1px } .left_cs .banner li a { display:block; padding:20px 0; line-height:1.3; font-weight:400; font-size:1.1em; text-align:center; border:1px solid #e0e0e0; } .left_cs .banner li a i { display:block; font-size:1.36em; margin:0 0 8px } .left_cs .banner li a:hover { background:#54585d; color:#fff; border-color:#54585d; position:relative; z-index:1 } #right_area { float:none; width:100%; margin-top:0px; } .tour_con01{padding:0 0 50px;} .tour_con01 .img_box {overflow:hidden; position:relative; } .tour_con01 .img_box li {padding:0; } .tour_con01 .img_box span.arrow {position:absolute; z-index:10; cursor:pointer; } .tour_con01 .img_box span.arrow.prev {left:0; top:50%; } .tour_con01 .img_box span.arrow.next {right:0; top:50%; } .tour_con01 .img_box img{width:100%;} .tour_con01 .thumb_box {overflow:hidden; margin-top:40px; } .tour_con01 .thumb_box li {background-color:#000; cursor:pointer; } .tour_con01 .thumb_box img {width:100%; opacity:0.4; } .tour_con01 .thumb_box li.swiper-slide-thumb-active img {opacity:1; } @media all and (max-width:1000px){ .tour_con01 .img_box span.arrow img {width:auto; max-height:170px; } .tour_con01 .img_box span.arrow.prev {left:0; top:40%; } .tour_con01 .img_box span.arrow.next {right:0; top:40%; } .tour_con01 .thumb_box {overflow:hidden; margin-top:10px; } } .doctor_con{padding-bottom:50px;overflow:hidden; } .doctor_con ul{margin:40px 0 0;} .doctor_con li{margin-top: 0px;position:relative;} .doctor_con li:after{content:'';display: block;clear:both;} .doctor_con li > div{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .doctor_con li .img{float:left; width: 500px; text-align:right;} .doctor_con li:nth-child(1) .txt{float:right; width:600px; padding-top: 30px;} .doctor_con li .txt{float:right; width:600px; padding-top: 70px;} .doctor_con li dl {margin-bottom:30px; } .doctor_con li dl h5{font-size: 30px;line-height: 1.4;color: #f1a1af; padding-bottom:20px; letter-spacing:-0.5px; font-weight:800;} .doctor_con li dl h5 span {font-size:20px; display:block; } .doctor_con li dl dd{margin-top: 5px;font-size:17px;line-height: 1.4;color: #666; letter-spacing:-.5px; font-weight: 400;} .doctor_con li dl dd.bottom {margin-bottom:20px;} .doctor_con li dl p{margin-top: 5px;font-size:17px;line-height: 1.4;color: #666; letter-spacing:-.5px; font-weight: 400;} .doctor_con li dl.float h4{font-size: 15px;line-height: 1.4;color: #fff; background:#f1a1af; width:130px;text-align:center; padding:7px 0; border-radius:10px; margin-bottom:20px; letter-spacing:-0.5px; font-weight:500;} .doctor_con li dl.float dd {display:inline-block; font-size:17px;line-height: 1.4;color: #666; letter-spacing:-.5px; font-weight: 400; width: calc(100% /2 - 20px);} .doctor_con li:nth-child(2) .img{float:right; width: 500px; text-align:left;} .doctor_con li:nth-child(2) .txt{float:left; width:600px; padding-top: 70px;} @media all and (max-width:1200px){ .doctor_con li > div{width: 100%;} .doctor_con li:nth-of-type(odd) > div, .doctor_con li:nth-of-type(even) > div{float: none;padding: 0;} .doctor_con li .img {float:none; text-align:center; width:100%;} .doctor_con li .img:after{display: none;} .doctor_con li:nth-child(2) .img {text-align:center; width:100%;} .doctor_con li:nth-child(2) .img:after{display: none;} .doctor_con li .txt{margin:0 auto; float:none; width:95%;} .doctor_con li:nth-child(1) .txt{float:none; width:95%; padding-top: 30px;} .doctor_con li:nth-child(2) .txt{margin:0 auto; width:95%; margin-left:10px;} .doctor_con li dl dd{margin-top: 10px;font-size:20px;line-height: 1.5;} .doctor_con li dl h5{font-size:25px;line-height: 1.3; padding-bottom:10px;} .doctor_con li dl h5 span {font-size:20px;} .doctor_con li dl dd{font-size: 18px;line-height: 1.5;} } @media all and (max-width:640px){ .doctor_con ul{margin: 0px 0 0; padding:0 20px;} .doctor_con li dl {padding:0 0px;} .doctor_con li dl h5{font-size:22px;line-height: 1.3; padding-bottom:10px;} .doctor_con li dl h5 span {font-size:16px;} .doctor_con li dl dd{margin-top: 2.34375vw;font-size: 15px;line-height: 1.3;} .doctor_con li dl dd:before { margin-top:10px;} .doctor_con li dl.float dd {font-size: 15px;} .doctor_con li dl p{font-size:15px;} } .doctor_rnd{margin-bottom:70px;overflow:hidden; padding:0 20px;} .doctor_rnd ul{margin:0px 0 0;} .doctor_rnd li{margin-top: 0px;position:relative;} .doctor_rnd li dl h5{font-size: 30px;line-height: 1.4;color: #f1a1af; padding-bottom:20px; letter-spacing:-0.5px; font-weight:800; border-bottom:1px solid #333; margin-bottom:20px;} .doctor_rnd li dl dd{margin-top: 5px;font-size:17px;line-height: 1.4;color: #666; letter-spacing:-.5px; font-weight: 400; margin-left:10px; } @media all and (max-width:640px){ .doctor_rnd {padding:0 20px; margin-bottom:50px;} .doctor_rnd li dl h5{font-size: 20px;} .doctor_rnd li dl dd{font-size:15px;} } .diary_con{padding-bottom:50px;overflow:hidden; } .diary_con ul{margin:40px 0 0;} .diary_con li{margin-top: 0px;position:relative;} .diary_con li:after{content:'';display: block;clear:both;} .diary_con li > div{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .diary_con li .img{float:left; width: 500px; text-align:right;} .diary_con li .txt{float:right; width:600px; padding-top: 70px;} .diary_con li h3{font-size: 30px;line-height: 1.4;color: #f1a1af; padding-bottom:20px; letter-spacing:-0.5px; font-weight:800;} .diary_con li h3 span {font-size:20px; display:block; } .diary_con li p{margin-top: 5px;font-size:17px;line-height: 1.4;color: #666; letter-spacing:-.5px; font-weight: 400;} @media all and (max-width:1200px){ .diary_con li > div{width: 100%;} .diary_con li:nth-of-type(odd) > div, .diary_con li:nth-of-type(even) > div{float: none;padding: 0;} .diary_con li .img {float:none; text-align:center; width:100%; margin-top:20px;} .diary_con li .img:after{display: none;} .diary_con li:nth-child(2) .img {text-align:center; width:100%;} .diary_con li:nth-child(2) .img:after{display: none;} .diary_con li .txt{margin:0 auto; float:none; width:95%;} .diary_con li:nth-child(1) .txt{float:none; width:95%; padding-top: 30px;} .diary_con li:nth-child(2) .txt{margin:0 auto; width:95%; margin-left:10px;} .diary_con li dl dd{margin-top: 10px;font-size:20px;line-height: 1.5;} .diary_con li dl h5{font-size:25px;line-height: 1.3; padding-bottom:10px;} .diary_con li dl h5 span {font-size:20px;} .diary_con li dl dd{font-size: 18px;line-height: 1.5;} } @media all and (max-width:640px){ .diary_con ul{margin: 0px 0 0; padding:0 20px;} .diary_con li h3{font-size:22px;line-height: 1.5; padding-bottom:10px;} .diary_con li p{margin-top: 2.34375vw;font-size: 15px;line-height: 1.5;} .diary_con li dl.float dd {font-size: 15px;} } .diary_img {text-align:center; background:#f5f2f8; padding:50px 0;} .diary_img h3{font-size: 30px;line-height: 1.4;color: #f1a1af; padding-bottom:20px; letter-spacing:-0.5px; font-weight:800;} .diary_img p{margin-top: 5px;font-size:17px;line-height: 1.5;color: #666; letter-spacing:-.5px; font-weight: 400;} .diary_img ul {margin-top:20px;} .diary_img ul li {display:inline-block;} @media all and (max-width:640px){ .diary_img h3{font-size: 22px;} .diary_img p{margin-top: 5px;font-size:15px} .diary_img ul li {display:inline-block; width:calc(100% /2 - 10px); margin-bottom:4px; } } .contact_con02 .top{position:relative; text-align:left;} .contact_con02 .top:before{content:""; display:block; height:1px; width:100%; background:#dddddd; position:absolute; left:0; bottom:1px;} .contact_con02 .top span{position:relative; display:inline-block; vertical-align:top; background:#fff; padding:0 10px; box-sizing:border-box; font-size:18px; color:#aaaaaa; letter-spacing:0em; font-weight:400;} .contact_con02 .map_box{margin-top:10px; width:100%; height:540px; border-bottom:3px solid #f1a1af; box-sizing:border-box;} .contact_con02 .map_box > div{width:100%; height:100%;} .contact_con02 .map_box .wrap_map{width:100%; height:100%;} .contact_con02 .bot_text{padding:30px 0;} .contact_con02 .bot_text h4{margin:0; font-size:25px; color:#444444; letter-spacing:-0.045em; font-weight:200;} .contact_con02 .bot_text h4 i{display:inline-block; vertical-align:middle; position:relative; top:-4px; margin-right:8px;} .contact_con02 .bot_text h4 b{font-weight:500;} .contact_con02 .bot_text h4 span{font-size:18px; color:#888888; letter-spacing:-0.035em; font-weight:200; display:inline-block; padding-left:10px;} .contact_con02 .bot_text ul{margin-top:25px; font-size:0; letter-spacing:-4px;} .contact_con02 .bot_text ul li{display:inline-block; vertical-align:top; padding:0 20px; position:relative; font-size:18px; color:#888888; letter-spacing:0em; font-weight:300;} .contact_con02 .bot_text ul li b{color:#f1a1af; font-weight:500;} .contact_con02 .bot_text ul li:before{content:""; width:1px; height:16px; background:#dddddd; position:absolute; right:0; top:calc(50% - 8px);} .contact_con02 .bot_text ul li:first-child{padding-left:0;} .contact_con02 .bot_text ul li:last-child:before{display:none} .contact_con02 .obser_box{border-top:1px solid #d8d8d8; padding:50px 0 50px;} .contact_con02 .obser_box dl{margin:0px 0; display:inline-block; width: calc(100% /2 - 20px); vertical-align:top;} .contact_con02 .obser_box dl:after{clear:both; content:""; display:block; height:0; visibility:hidden} .contact_con02 .obser_box dl dt{text-align:center; width:110px; float:left;} .contact_con02 .obser_box dl dt img{max-width:100%;} .contact_con02 .obser_box dl dt p{font-size:26px; color:#f5f4f3; letter-spacing:-0.035em; font-weight:bold; } .contact_con02 .obser_box dl dd{width:calc(100% - 110px); float:left; padding:0 40px; box-sizing:border-box;} .contact_con02 .obser_box dl dd h4{margin:0; font-size:22px; color:#444444; letter-spacing:-0.035em; position:relative; font-weight:200; line-height:20px; border-left:2px solid #f1a1af; padding-left:10px; box-sizing:border-box;} .contact_con02 .obser_box dl dd ul li{margin:10px 0; } .contact_con02 .obser_box dl dd ul li.inline{min-width:170px; display:inline-block; vertical-align:top;} .contact_con02 .obser_box dl dd ul li h5{margin:15px 0; font-size:20px; color:#444444; letter-spacing:-0.035em; font-weight:500; position:relative; padding-left:13px; box-sizing:border-box;} .contact_con02 .obser_box dl dd ul li h5:before{content:""; border-left:6px solid #c1bfbb; border-top:6px solid transparent; border-bottom:6px solid transparent; border-right:6px solid transparent; display:block; position:absolute; left:0; top:calc(50% - 6px);} .contact_con02 .obser_box dl dd ul li p{font-size:18px; color:#888; letter-spacing:-0.035em; font-weight:300; position:relative; padding-left:13px; box-sizing:border-box;} @media all and (max-width:1400px){ } @media all and (max-width:1000px){ .contact_con02 .top{margin-top:30px;} .contact_con02 .map_box{height:300px;} .contact_con02 .bot_text {padding:20px 10px;} .contact_con02 .bot_text h4{font-size:20px;} .contact_con02 .bot_text h4 span{display:block;} .contact_con02 .bot_text ul li{display:block; vertical-align:top; padding:3px 0px; position:relative; font-size:15px;} .contact_con02 .obser_box dl{margin:0px 0; display:block; width:100%; padding:0 5px; vertical-align:top;} .contact_con02 .obser_box dl dt{width:90px; display:inline-block; vertical-align:top; text-align:left;} .contact_con02 .obser_box dl dt img {width:80px;} .contact_con02 .obser_box dl dt p{text-align:center;} .contact_con02 .obser_box dl dd{padding:0px 0;} .contact_con02 .obser_box dl dd ul li span{display:block;} .contact_con02 .obser_box dl dd h4{ font-size:20px;} .contact_con02 .obser_box dl dd ul li h5{ font-size:18px; } .contact_con02 .obser_box dl dd ul li p{font-size:15px; } } .section_s {padding-top:70px; margin-top:-70px;} @media all and (max-width:1000px){ .section_s {padding-top:160px; margin-top:-160px;} } @media all and (max-width:600px){ .section_s {padding-top:30px; margin-top:-30px;} } .diet_con01 { } .diet_con01 .inner {position:static; } .diet_con01 .box {overflow:hidden; position:relative; width:100%; min-height:500px; } .diet_con01 .box.type01 {background-color:#dcd5e2; } .diet_con01 .box img {display:inline-block; vertical-align:top; position:absolute; left:50%; bottom:0;} .diet_con01 .box.type01 img {-webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0); } .diet_con01 .box .left_box {position:relative; z-index:40; display:inline-block; vertical-align:top; width:800px; max-width:100%; padding:100px 0 50px; font-size:0; letter-spacing:-4px; } .diet_con01 .box .left_box .num {display:inline-block; vertical-align:top; width:30px; font-size:16px; text-align:center; } .diet_con01 .box .left_box .num span {display:block; font-size:26px; color:#fff; letter-spacing:0; font-weight:bold; } .diet_con01 .box .left_box .num span:after {content:''; display:block; width:1px; height:160px; margin:20px auto 30px; background-color:#fff;} .diet_con01 .box .left_box .num b {margin-left:-4px; font-size:28px; color:#fff; letter-spacing:0; -webkit-writing-mode:tb-rl; -moz-writing-mode:tb-rl; -ms-writing-mode:tb-rl; -o-writing-mode:tb-rl; writing-mode:tb-rl; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); } .diet_con01 .box .left_box .txt_box {display:inline-block; vertical-align:top; width:calc(100% - 30px); padding-left:100px; padding-right:80px; font-size:16px; box-sizing:border-box; text-align:left; } .diet_con01 .box .left_box .txt_box h4 {font-size:28px; font-weight:800; color:#5e3585; letter-spacing:-.5px;} .diet_con01 .box .left_box .txt_box h4 b {color:#9576b2; font-weight:800;} .diet_con01 .box .left_box .txt_box i {display:block; color:#9576b2; font-weight:800; letter-spacing:5px; padding-top:10px;} .diet_con01 .box .left_box .txt_box p.desc {padding-top:20px; font-size:20px; font-weight:800; color:#333; line-height:1.5; letter-spacing:-.5px; word-break:keep-all; } .diet_con01 .box .left_box .txt_box p.txt {padding-top:20px; font-size:18px; font-weight:500; color:#222222; line-height:1.5; letter-spacing:-0.025em; word-break:keep-all; } .diet_con01 .box .left_box .txt_box p.txt2 {padding-top:20px; font-size:16px; font-weight:400; color:#666; line-height:1.5; letter-spacing:-0.025em; word-break:keep-all; } .diet_con01 .box .left_box .txt_box p.txt2 span {font-size:50px; font-weight:800; display:block; color:#333;} .diet_con01 .box .left_box .txt_box p.txt span.bg {background:#f1a1af; font-size:18px; font-weight:800; display:block; color:#fff; width:200px; text-align:center; margin-bottom:10px; border-radius:5px;} @media all and (max-width:1200px){ .diet_con01 .box .left_box .txt_box {padding-left:100px; padding-right:180px; } .diet_con01 .box.right .left_box .txt_box {padding-left:220px; padding-right:80px; } } @media all and (max-width:1000px){ .diet_con01 .box {text-align:center; } .diet_con01 .box.type01 img {position:static; width:100%; height:auto; transform:translateX(0); -webkit-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); -moz-transform:translateX(0); } .diet_con01 .box .left_box {padding-bottom:10px; } .diet_con01 .box .left_box .txt_box {padding-left:30px; padding-right:20px; } .diet_con01 .box.right .left_box .txt_box {padding-left:20px; padding-right:20px; } .diet_con01 .box .left_box .txt_box i {font-size:11px;} .diet_con01 .box .left_box .txt_box h4 {font-size:30px;} .diet_con01 .box .left_box .txt_box p.desc {font-size:18px; } .diet_con01 .box .left_box .txt_box p.txt { font-size:15px;} .diet_con01 .box .left_box .txt_box p.txt2 { font-size:15px; } .diet_con01 .box .left_box .txt_box p.txt2 span {font-size:25px;} } @media all and (max-width:600px){ .diet_con01 .box .left_box .txt_box h4 {font-size:25px;} .diet_con01 .box .left_box .txt_box p.txt span.bg { font-size:16px;} } .box_type02 {margin:50px 0;} .box_type02 .inner {font-size:0; letter-spacing:-4px; } .box_type02 h4 {float:left; width:40%; margin-right:5%;} .box_type02 h4 img {border-radius:10px;} .box_type02 dl {display:inline-block; width:55%;} .box_type02 .box50 {position:relative; display:inline-block; border:1px solid #9576b2; border-radius:20px; vertical-align:top; width: calc(100% /2 - 10px); margin:5px; min-height:200px; padding:30px 20px; font-size:18px; box-sizing:border-box; } .box_type02 .box50 p.tit {font-size:23px; font-weight:bold; color:#222222; letter-spacing:-0.025em; padding-top:20px;} .box_type02 .box50 p.desc {padding-top:15px; font-size:18px; font-weight:400; color:#666666; letter-spacing:-.5px; line-height:1.5; word-break:keep-all; } .box_type02 .box50 .num {position:absolute; top:30px; right:10px; font-size:20px; color:#ddd3e7; font-weight:500; letter-spacing:0; -webkit-writing-mode:tb-rl; -moz-writing-mode:tb-rl; -ms-writing-mode:tb-rl; -o-writing-mode:tb-rl; writing-mode:tb-rl; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);} @media all and (max-width:1200px){ .box_type02 .box50 {padding-right:0px; width:100%; display:block; margin:5px 0; min-height:auto;} .box_type02 .box50 .num {right:10px; } .box_type02 h4 {float:none; width:100%; margin-right:0%;} .box_type02 h4 img {width:90%;} .box_type02 dl {display:block; width:100%;} .box_type02 .box50 p.tit {font-size:20px; } .box_type02 .box50 p.desc { font-size:16px;} } .diet_con02 { } .diet_con02 .inner {position:static; } .diet_con02 .box {overflow:hidden; position:relative; width:100%; min-height:350px; } .diet_con02 .box.type01 {background-color:#dcd5e2; } .diet_con02 .box img {display:inline-block; vertical-align:top; position:absolute; left:50%; top:0;} .diet_con02 .box.type01 img {-webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0); } .diet_con02 .box .left_box {position:relative; z-index:40; display:inline-block; vertical-align:top; width:800px; max-width:100%; padding:100px 0 50px; font-size:0; letter-spacing:-4px; } .diet_con02 .box .left_box .num {display:inline-block; vertical-align:top; width:30px; font-size:16px; text-align:center; } .diet_con02 .box .left_box .num span {display:block; font-size:26px; color:#fff; letter-spacing:0; font-weight:bold; } .diet_con02 .box .left_box .num span:after {content:''; display:block; width:1px; height:160px; margin:20px auto 30px; background-color:#fff;} .diet_con02 .box .left_box .num b {margin-left:-4px; font-size:28px; color:#fff; letter-spacing:0; -webkit-writing-mode:tb-rl; -moz-writing-mode:tb-rl; -ms-writing-mode:tb-rl; -o-writing-mode:tb-rl; writing-mode:tb-rl; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); } .diet_con02 .box .left_box .txt_box {display:inline-block; vertical-align:top; width:calc(100% - 30px); padding-left:100px; padding-right:80px; font-size:16px; box-sizing:border-box; text-align:left; } .diet_con02 .box .left_box .txt_box h4 {font-size:28px; font-weight:800; color:#5e3585; letter-spacing:-.5px;} .diet_con02 .box .left_box .txt_box h4 b {color:#9576b2; font-weight:800;} .diet_con02 .box .left_box .txt_box i {display:block; color:#9576b2; font-weight:800; letter-spacing:5px; padding-top:10px;} .diet_con02 .box .left_box .txt_box p.desc {padding-top:20px; font-size:20px; font-weight:800; color:#333; line-height:1.5; letter-spacing:-.5px; word-break:keep-all; } .diet_con02 .box .left_box .txt_box p.txt {padding-top:20px; font-size:18px; font-weight:500; color:#222222; line-height:1.5; letter-spacing:-0.025em; word-break:keep-all; } @media all and (max-width:1200px){ .diet_con02 .box .left_box .txt_box {padding-left:100px; padding-right:180px; } .diet_con02 .box.right .left_box .txt_box {padding-left:220px; padding-right:80px; } } @media all and (max-width:1000px){ .diet_con02 .box {text-align:center; } .diet_con02 .box.type01 img {position:static; width:100%; height:auto; transform:translateX(0); -webkit-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); -moz-transform:translateX(0); } .diet_con02 .box .left_box {padding-bottom:10px; } .diet_con02 .box .left_box .txt_box {padding-left:30px; padding-right:20px; } .diet_con02 .box.right .left_box .txt_box {padding-left:20px; padding-right:20px; } .diet_con02 .box .left_box .txt_box i {font-size:11px;} .diet_con02 .box .left_box .txt_box h4 {font-size:30px;} .diet_con02 .box .left_box .txt_box p.desc {font-size:18px; } .diet_con02 .box .left_box .txt_box p.txt { font-size:15px;} } @media all and (max-width:600px){ .diet_con02 .box .left_box .txt_box h4 {font-size:25px;} } .diet_con03 { } .diet_con03 .inner {position:static; } .diet_con03 .box {overflow:hidden; position:relative; width:100%; min-height:600px; } .diet_con03 .box.type01 {background:#dcd5e2 url("../img/diet_bg.png") center top no-repeat; } .diet_con03 .box img {display:inline-block; vertical-align:top; position:absolute; left:50%; top:0;} .diet_con03 .box.type01 img {-webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0); } .diet_con03 .box .left_box {position:relative; z-index:40; display:inline-block; vertical-align:top; width:800px; max-width:100%; padding:200px 0 50px; font-size:0; letter-spacing:-4px; } .diet_con03 .box .left_box .num {display:inline-block; vertical-align:top; width:30px; font-size:16px; text-align:center; } .diet_con03 .box .left_box .num span {display:block; font-size:26px; color:#fff; letter-spacing:0; font-weight:bold; } .diet_con03 .box .left_box .num span:after {content:''; display:block; width:1px; height:160px; margin:20px auto 30px; background-color:#fff;} .diet_con03 .box .left_box .num b {margin-left:-4px; font-size:28px; color:#fff; letter-spacing:0; -webkit-writing-mode:tb-rl; -moz-writing-mode:tb-rl; -ms-writing-mode:tb-rl; -o-writing-mode:tb-rl; writing-mode:tb-rl; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); } .diet_con03 .box .left_box .txt_box {display:inline-block; vertical-align:top; width:calc(100% - 30px); padding-left:100px; padding-right:80px; font-size:16px; box-sizing:border-box; text-align:left; } .diet_con03 .box .left_box .txt_box h4 {font-size:50px; font-weight:800; color:#5e3585; letter-spacing:-.5px;} .diet_con03 .box .left_box .txt_box h4 b {color:#9576b2; font-weight:800;} .diet_con03 .box .left_box .txt_box i {display:block; color:#9576b2; font-weight:800; letter-spacing:5px; padding-top:10px;} .diet_con03 .box .left_box .txt_box p.desc {padding-top:20px; font-size:28px; font-weight:800; color:#333; line-height:1.5; letter-spacing:-.5px; word-break:keep-all; } .diet_con03 .box .left_box .txt_box p.txt {padding-top:20px; font-size:20px; font-weight:500; color:#222222; line-height:1.5; letter-spacing:-0.025em; word-break:keep-all; } .diet_con03 .box .left_box .txt_box p.txt2 {padding-top:20px; font-size:16px; font-weight:400; color:#666; line-height:1.5; letter-spacing:-0.025em; word-break:keep-all; } .diet_con03 .box .left_box .txt_box p.txt2 span {font-size:45px; font-weight:800; display:block; color:#333;} @media all and (max-width:1200px){ .diet_con03 .box .left_box .txt_box {padding-left:100px; padding-right:180px; } .diet_con03 .box.right .left_box .txt_box {padding-left:220px; padding-right:80px; } } @media all and (max-width:1000px){ .diet_con03 .box {text-align:center; min-height:500px; } .diet_con03 .box.type01 img {position:static; width:100%; height:auto; transform:translateX(0); -webkit-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); -moz-transform:translateX(0); } .diet_con03 .box .left_box {padding-bottom:10px; padding:50px 0 50px;} .diet_con03 .box .left_box .txt_box {padding-left:30px; padding-right:20px; } .diet_con03 .box.right .left_box .txt_box {padding-left:20px; padding-right:20px; } .diet_con03 .box .left_box .txt_box i {font-size:11px;} .diet_con03 .box .left_box .txt_box h4 {font-size:30px;} .diet_con03 .box .left_box .txt_box p.desc {font-size:18px; } .diet_con03 .box .left_box .txt_box p.txt { font-size:15px;} } .diet_con04 { margin-top:-120px;} .diet_con04 .inner {position:static; } .diet_con04 .box {overflow:hidden; position:relative; width:100%; min-height:350px; } .diet_con04 .box.type01 {background-color:#dcd5e2; } .diet_con04 .box img {display:inline-block; vertical-align:top; position:absolute; left:50%; top:0;} .diet_con04 .box.type01 img {-webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0); } .diet_con04 .box .left_box {position:relative; z-index:40; display:inline-block; vertical-align:top; width:800px; max-width:100%; padding:100px 0 50px; font-size:0; letter-spacing:-4px; } .diet_con04 .box .left_box .num {display:inline-block; vertical-align:top; width:30px; font-size:16px; text-align:center; } .diet_con04 .box .left_box .num span {display:block; font-size:26px; color:#fff; letter-spacing:0; font-weight:bold; } .diet_con04 .box .left_box .num span:after {content:''; display:block; width:1px; height:160px; margin:20px auto 30px; background-color:#fff;} .diet_con04 .box .left_box .num b {margin-left:-4px; font-size:28px; color:#fff; letter-spacing:0; -webkit-writing-mode:tb-rl; -moz-writing-mode:tb-rl; -ms-writing-mode:tb-rl; -o-writing-mode:tb-rl; writing-mode:tb-rl; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); } .diet_con04 .box .left_box .txt_box {display:inline-block; vertical-align:top; width:calc(100% - 30px); padding-left:100px; padding-right:80px; font-size:16px; box-sizing:border-box; text-align:left; } .diet_con04 .box .left_box .txt_box h4 {font-size:28px; font-weight:800; color:#5e3585; letter-spacing:-.5px;} .diet_con04 .box .left_box .txt_box h4 b {color:#9576b2; font-weight:800;} .diet_con04 .box .left_box .txt_box i {display:block; color:#9576b2; font-weight:800; letter-spacing:5px; padding-top:10px;} .diet_con04 .box .left_box .txt_box p.desc {padding-top:20px; font-size:20px; font-weight:800; color:#333; line-height:1.5; letter-spacing:-.5px; word-break:keep-all; } .diet_con04 .box .left_box .txt_box p.txt {padding-top:20px; font-size:18px; font-weight:500; color:#222222; line-height:1.5; letter-spacing:-0.025em; word-break:keep-all; } @media all and (max-width:1200px){ .diet_con04 .box .left_box .txt_box {padding-left:100px; padding-right:180px; } .diet_con04 .box.right .left_box .txt_box {padding-left:220px; padding-right:80px; } } @media all and (max-width:1000px){ .diet_con04 { margin-top:-60px;} .diet_con04 .box {text-align:center; } .diet_con04 .box.type01 img {position:static; width:100%; height:auto; transform:translateX(0); -webkit-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); -moz-transform:translateX(0); } .diet_con04 .box .left_box {padding-bottom:10px; } .diet_con04 .box .left_box .txt_box {padding-left:30px; padding-right:20px; } .diet_con04 .box.right .left_box .txt_box {padding-left:20px; padding-right:20px; } .diet_con04 .box .left_box .txt_box i {font-size:11px;} .diet_con04 .box .left_box .txt_box h4 {font-size:30px;} .diet_con04 .box .left_box .txt_box p.desc {font-size:18px; } .diet_con04 .box .left_box .txt_box p.txt { font-size:15px;} } @media all and (max-width:600px){ .diet_con04 .box .left_box .txt_box h4 {font-size:25px;} } .line_g { display:flex; flex-basis:100%; align-items:center; color:rgba(0,0,0,0.35); font-size:14px; margin:8px 0px; } .line_g::before{ content:""; flex-grow:1; margin:0px 0px; background:#e2e2e2; height:1px; font-size:0px; line-height: 0px; } .line_g::after { content:""; flex-grow:1; margin:0px 0px; background:#e2e2e2; height:1px; font-size:0px; line-height: 0px; } .oriental_con{padding-top:0px;overflow:hidden; margin-bottom:50px; } .oriental_con .tit {margin-top:20px;} .oriental_con .tit p {background:#f1a1af; color:#fff; width:200px; margin:0 auto; text-align:center; font-size:16px; font-weight:800; padding:5px 0;} .oriental_con ul{margin:40px 0 0;} .oriental_con li{margin-top: 0px;position:relative; margin-bottom:50px;} .oriental_con li:after{content:'';display: block;clear:both;} .oriental_con li > div{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .oriental_con li .img{float:left; width: 500px; text-align:right; margin-right:20px;} .oriental_con li .txt{float:right; width:650px; padding-top: 30px; } .oriental_con li .pat70 {padding-top:70px;} .oriental_con li .pab20 {padding-bottom:20px;} .oriental_con li dl {margin-top:0px; } .oriental_con li dl h3{margin: 0;font-size: 35px;line-height: 1.2; padding-bottom:20px; letter-spacing:-1.5px; font-weight:800;} .oriental_con li dl .pink {color: #e3aedc;} .oriental_con li dl .blue {color: #42abf1;} .oriental_con li dl .brown {color: #b8a173;} .oriental_con li dl .purple {color: #9576b2;} .oriental_con li dl h4{margin: 0;font-size: 20px;line-height: 1.2; padding-bottom:10px; letter-spacing:0px; font-weight:700;} .oriental_con li h5{margin: 0;font-size: 18px;line-height: 1.5;color: #333; padding-top:10px; padding-bottom:0px; letter-spacing:-.5px; font-weight:700;} .oriental_con li h5 span {font-size:25px;} .oriental_con li .tag {margin-top:10px;} .oriental_con li .tag i {font-style:normal; font-size:14px; color:#fff; padding:5px 10px; margin-right:5px; font-weight:300; margin-bottom:5px; display:inline-block; border-radius:50px;} .oriental_con li .tag i.pink {background:#e3aedc;} .oriental_con li .tag i.blue {background:#42abf1;} .oriental_con li .tag i.brown {background:#b8a173;} .oriental_con li .tag i.purple {background:#9576b2;} .oriental_con li dl p{font-size: 18px;line-height: 1.5;color: #616161; letter-spacing:-.5px; font-weight: 400;} .oriental_con li dl dd{font-size: 16px;line-height: 1.5;color: #616161; letter-spacing:-.5px; font-weight: 400; margin-bottom:10px;} .oriental_con li:nth-child(2n) .img{float:right; width: 500px; text-align:left;} .oriental_con li:nth-child(2n) .txt{float:left; width:600px; padding-top: 30px;} @media all and (max-width:1200px){ .oriental_con li > div{width: 100%;} .oriental_con li:nth-of-type(odd) > div, .oriental_con li:nth-of-type(even) > div{float: none;padding: 0;} .oriental_con li .img {float:none; text-align:center; width:100%; margin-top:20px;} .oriental_con li .img:after{display: none;} .oriental_con li:nth-child(2n) .img{float:none; width: 100%; text-align:center;} .oriental_con li:nth-child(2n) .img:after{display: none;} .oriental_con li .txt{margin:0 auto; float:none; width:95%;} .oriental_con li:nth-child(1) .txt{float:none; width:95%; padding-top: 30px;} .oriental_con li:nth-child(2) .txt{margin:0 auto; width:95%; margin-left:10px;} .oriental_con li dl dd{margin-top: 10px;font-size:20px;line-height: 1.5;} .oriental_con li h5{font-size:35px;line-height: 1.3; padding-bottom:10px;} .oriental_con li dl dd{font-size: 18px;line-height: 1.5;} } @media all and (max-width:640px){ .oriental_con{padding-bottom: 0px; } .oriental_con ul{margin: 0px 0 0; padding:0 10px;} .oriental_con li dl {padding:0 0px;} .oriental_con li dl h3{font-size:25px;line-height: 1.3; padding-bottom:20px;} .oriental_con li dl h4{font-size:17px;line-height: 1.3; padding-bottom:0px;} .oriental_con li dl h5{font-size:15px;line-height: 1.3; padding-bottom:10px;} .oriental_con li dl dd{margin-top: 2.34375vw;font-size: 15px;line-height: 1.5;} .oriental_con li dl dd:before { margin-top:10px;} } .oriental_con ul.target h6{margin: 0;font-size: 18px;line-height: 1.5;color: #333; padding-bottom:10px; letter-spacing:-.5px; font-weight:700;} .oriental_con ul.target li{display:inline-block; vertical-align:top; width:calc(100% /2 - 20px); margin-right:20px; margin-bottom:0;} .oriental_con ul.target li:nth-of-type(2n){margin-right:0;} .oriental_con ul.target li p{font-size:16px; font-weight:400; color:#666; padding:10px 0; letter-spacing:-.5px; border-bottom:1px solid #1b1b1b} .oriental_con ul.target li p i{display:inline-block; vertical-align:middle; margin-right:5px; margin-top:-3px;} .oriental_con ul.target2 h6{margin: 0;font-size: 18px;line-height: 1.5;color: #333; padding-bottom:10px; letter-spacing:-.5px; font-weight:700;} .oriental_con ul.target2 li{margin-bottom:0px; display:inline-block; vertical-align:top; width:100%; margin-right:0px; } .oriental_con ul.target2 li p{font-size:16px; font-weight:400; color:#666; padding:10px 0; letter-spacing:-.5px; border-bottom:1px solid #1b1b1b} .oriental_con ul.target2 li p i{display:inline-block; vertical-align:middle; margin-right:5px; margin-top:-3px;} @media all and (max-width:800px){ .oriental_con ul.target {margin-top:20px;} .oriental_con ul.target h6{margin: 0;font-size: 16px;} .oriental_con ul.target li{display:block; width:100%; margin-right:0px; } .oriental_con ul.target li p{font-size:15px;} .oriental_con ul.target2 h6{margin: 0;font-size: 16px;} .oriental_con ul.target2 li p{font-size:15px;} } .oriental_con01 { } .oriental_con01 .inner {position:static; } .oriental_con01 .box {overflow:hidden; position:relative; width:100%; min-height:350px; } .oriental_con01 .box.type01 {background-color:#dcd5e2; } .oriental_con01 .box img {display:inline-block; vertical-align:top; position:absolute; left:50%; top:0;} .oriental_con01 .box.type01 img {-webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0); } .oriental_con01 .box .left_box {position:relative; z-index:40; display:inline-block; vertical-align:top; width:800px; max-width:100%; padding:100px 0 50px; font-size:0; letter-spacing:-4px; } .oriental_con01 .box .left_box .num {display:inline-block; vertical-align:top; width:30px; font-size:16px; text-align:center; } .oriental_con01 .box .left_box .num span {display:block; font-size:26px; color:#fff; letter-spacing:0; font-weight:bold; } .oriental_con01 .box .left_box .num span:after {content:''; display:block; width:1px; height:160px; margin:20px auto 30px; background-color:#fff;} .oriental_con01 .box .left_box .num b {margin-left:-4px; font-size:28px; color:#fff; letter-spacing:0; } .oriental_con01 .box .left_box .txt_box {display:inline-block; vertical-align:top; width:calc(100% - 30px); padding-left:100px; padding-right:80px; font-size:16px; box-sizing:border-box; text-align:left; } .oriental_con01 .box .left_box .txt_box h4 {font-size:50px; font-weight:800; color:#fff; letter-spacing:-.5px;} .oriental_con01 .box .left_box .txt_box h4 b {color:#9576b2; font-weight:800;} .oriental_con01 .box .left_box .txt_box p.desc {padding-top:20px; font-size:25px; font-weight:800; color:#333; line-height:1.5; letter-spacing:-.5px; word-break:keep-all; } .oriental_con01 .box .left_box .txt_box p.txt {padding-top:20px; font-size:20px; font-weight:500; color:#222222; line-height:1.5; letter-spacing:-0.025em; word-break:keep-all; } @media all and (max-width:1200px){ .oriental_con01 .box .left_box .txt_box {padding-left:100px; padding-right:180px; } .oriental_con01 .box.right .left_box .txt_box {padding-left:220px; padding-right:80px; } } @media all and (max-width:1000px){ .oriental_con01 .box {text-align:center; } .oriental_con01 .box.type01 img {position:static; width:100%; height:auto; transform:translateX(0); -webkit-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); -moz-transform:translateX(0); } .oriental_con01 .box .left_box {padding-bottom:10px; } .oriental_con01 .box .left_box .txt_box {padding-left:30px; padding-right:20px; } .oriental_con01 .box.right .left_box .txt_box {padding-left:20px; padding-right:20px; } .oriental_con01 .box .left_box .txt_box h4 {font-size:30px;} .oriental_con01 .box .left_box .txt_box p.desc {font-size:18px; } .oriental_con01 .box .left_box .txt_box p.txt { font-size:15px;} } .machine_con{padding-top:0px;overflow:hidden; margin-bottom:50px; font-size:0; } .machine_con ul{margin:40px 0 0;} .machine_con li{margin-top: 0px;position:relative; display:inline-block; width:calc(100% /3 - 20px); margin-right:20px; margin-bottom:50px; vertical-align:top;} .machine_con li:after{content:'';display: block;clear:both;} .machine_con li > div{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .machine_con li .img{ text-align:center;} .machine_con li .txt{ padding-top: 30px; text-align:center;} .machine_con li dl {margin-top:0px; } .machine_con li dl h3{margin: 0;font-size: 22px;line-height: 1.2; color:#333; padding-bottom:10px; letter-spacing:-1px; font-weight:800;} .machine_con li dl h4{margin: 0;font-size: 17px;line-height: 1.2; padding-bottom:10px; letter-spacing:0px; font-weight:700;} .machine_con li dl p{font-size: 15px;line-height: 1.5;color: #616161; letter-spacing:-.5px; font-weight: 400;} .machine_con li dl dd{font-size: 16px;line-height: 1.5;color: #616161; letter-spacing:-.5px; font-weight: 400; margin-bottom:10px;} @media all and (max-width:1200px){ .machine_con li > div{width: 100%;} .machine_con li:nth-of-type(odd) > div, .machine_con li:nth-of-type(even) > div{float: none;padding: 0;} .machine_con li .img {float:none; text-align:center; width:100%;} .machine_con li .img:after{display: none;} .machine_con li:nth-child(2) .img {text-align:center; width:100%;} .machine_con li:nth-child(2) .img:after{display: none;} .machine_con li .txt{margin:0 auto; float:none; width:95%;} .machine_con li:nth-child(1) .txt{float:none; width:95%; padding-top: 30px;} .machine_con li:nth-child(2) .txt{margin:0 auto; width:95%; margin-left:10px;} .machine_con li dl dd{margin-top: 10px;font-size:20px;line-height: 1.5;} .machine_con li dl h5{font-size:35px;line-height: 1.3; padding-bottom:10px;} .machine_con li dl h5 span {font-size:25px;} .machine_con li dl dd{font-size: 18px;line-height: 1.5;} } @media all and (max-width:640px){ .machine_con{padding-bottom: 0px; } .machine_con ul{margin: 0px 0 0; padding:0 20px;} .machine_con li{display:block; width:100%; margin-right:0px; margin-bottom:50px; vertical-align:top;} .machine_con li dl {padding:15px 0px 5px;} .machine_con li dl h5{font-size:25px;line-height: 1.3; padding-bottom:10px;} .machine_con li dl h5 span {font-size:20px;} .machine_con li dl dd{margin-top: 2.34375vw;font-size: 16px;line-height: 1.5;} .machine_con li dl dd:before { margin-top:10px;} } .surgical_con{padding-top:0px;overflow:hidden; margin-bottom:50px; } .surgical_con ul{margin:0px 0 0;} .surgical_con li{margin-top: 0px;position:relative; text-align:center;} .surgical_con li:after{content:'';display: block;clear:both;} .surgical_con li > div{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .surgical_con li .img{float:left; width: 600px;} .surgical_con li .txt{float:right; width:600px; padding-top: 0px;} .surgical_con li dl {margin-top:100px; } .surgical_con li dl h3{margin: 0;font-size: 30px;line-height: 1.2; padding-bottom:10px; letter-spacing:-1.5px; font-weight:800;} .surgical_con li dl h4{margin: 0;font-size: 20px;line-height: 1.2; padding-bottom:10px; letter-spacing:0px; font-weight:700;} .surgical_con li dl p{font-size: 18px;line-height: 1.5;color: #616161; letter-spacing:-.5px; font-weight: 400;} .surgical_con li dl dd{font-size: 16px;line-height: 1.5;color: #616161; letter-spacing:-.5px; font-weight: 400; margin-bottom:10px;} .surgical_con li:nth-child(2n) .img{float:right; width: 600px; text-align:left;} .surgical_con li:nth-child(2n) .txt{float:left; width:600px; padding-top: 0px;} @media all and (max-width:1200px){ .surgical_con{padding-top:50px;} .surgical_con li {margin-bottom:50px;} .surgical_con li > div{width: 100%;} .surgical_con li:nth-of-type(odd) > div, .surgical_con li:nth-of-type(even) > div{float: none;padding: 0;} .surgical_con li .img {float:none; text-align:center; width:100%;} .surgical_con li .img:after{display: none;} .surgical_con li:nth-child(2n) .img {text-align:center; width:100%;} .surgical_con li:nth-child(2n) .img:after{display: none;} .surgical_con li .txt{margin:0 auto; float:none; width:95%;} .surgical_con li:nth-child(1) .txt{float:none; width:95%; padding-top: 0px;} .surgical_con li:nth-child(2n) .txt{margin:0 auto; width:95%; margin-left:0px; padding-top: 0px;} .surgical_con li dl dd{margin-top: 10px;font-size:20px;line-height: 1.5;} .surgical_con li dl h5{font-size:35px;line-height: 1.3; padding-bottom:10px;} .surgical_con li dl h5 span {font-size:25px;} .surgical_con li dl dd{font-size: 18px;line-height: 1.5;} } @media all and (max-width:640px){ .surgical_con ul{margin: 0px 0 0; padding:0 20px;} .surgical_con li dl {margin-top:0px; padding:0 0px;} .surgical_con li dl h3{font-size:25px;line-height: 1.3; padding-bottom:10px;} .surgical_con li dl p{font-size: 15px;line-height: 1.5; margin-bottom:10px;} } .btn_box {margin-top:20px;} .btn_box li {display:inline-block; line-height:55px; font-weight:800; font-size:16px; margin-right:5px; letter-spacing:-.5px;} .btn_box *, .btn_box *:before, .btn_box *:after { box-sizing: border-box; transition: 0.5s ease-in-out;} .btn_box *:before, .btn_box *:after { z-index: -1;} .btn_box li a { text-decoration: none; color:#f1a1af;} [class^=btn-] { position: relative; display: block; overflow: hidden; width: 160px; height: 55px; text-align:center; margin: 1rem auto; text-transform: uppercase; border: 2px solid #f1a1af; } .btn-1 { color: #fff;} .btn-1:before { content: ""; position: absolute; top: 0; right: -50px; bottom: 0; left: 0; border-right: 50px solid transparent; border-bottom: 80px solid #f1a1af; transform: translateX(-100%); } .btn_box li a:hover { color: #fff;} .btn-1:hover:before { transform: translateX(0);} @media all and (max-width: 991px) { [class^=btn-] { width: 100px; height: 55px;} } .health_con {font-size:0; margin-bottom:50px;} .health_con ul li {display:inline-block; width:calc(100% /2 - 20px); margin-right:20px; } .sub_bottom_con03 {box-sizing:border-box; padding:65px 0 70px;} .sub_bottom_con03 .con04_tit h3 {font-size:30px; letter-spacing:-0.045em; font-weight: 700; color:#f1a1af; text-align: center; margin-bottom:10px;} .sub_bottom_con03 .con04_tit h3 span {display: inline-block; vertical-align: middle; padding: 0 20px;} .sub_bottom_con03 .con04_tit p {font-size:34px; font-weight: 800; letter-spacing:-0.045em; text-align: center; color:#333; margin-bottom: 70px;} .sub_bottom_con03 .con04_main_txt {width:1200px; margin:0 auto;} .sub_bottom_con03 .con04_main_txt ul {width:100%; font-size:0; letter-spacing:-4px; margin:0 auto;} .sub_bottom_con03 .con04_main_txt ul li {vertical-align:top; box-sizing:border-box; margin-bottom:50px; min-height:80px;} .sub_bottom_con03 .con04_main_txt ul li .con4_txt_box{float:left; display:table; width:242px; height:100px; background:#f1a1af; border-radius:250px;} .sub_bottom_con03 .con04_main_txt ul li .con4_txt_box .table{ text-align: center; display:table-cell; width:100%; height:100%; vertical-align:middle; } .sub_bottom_con03 .con04_main_txt ul li .con4_txt_box .table span{display:block; font-size:24px; letter-spacing:0.01em; color:#ffffff; font-weight:800;} .sub_bottom_con03 .con04_main_txt ul li .con4_txt_box .table p{font-size:20px; letter-spacing:-0.045em; color:#ffffff; font-weight:600;} .sub_bottom_con03 .con04_main_txt ul li:nth-of-type(2n) .con4_txt_box{border-style:dotted; border-color:#f1a1af; background-color:transparent; } .sub_bottom_con03 .con04_main_txt ul li:nth-of-type(2n) .table span{color:#f1a1af; } .sub_bottom_con03 .con04_main_txt ul li:nth-of-type(2n) .con4_txt_box .table p{color:#f1a1af;} .sub_bottom_con03 .con04_main_txt ul li .con4_txt_box2 {width:800px; display:inline-block; padding-top:28px; padding-left:20px; } .sub_bottom_con03 .con04_main_txt ul li dd { font-size:16px; font-weight: 500; letter-spacing:-0.045em; color:#666; line-height:1.5; margin-bottom:5px;} @media all and (max-width:1200px){ .sub_bottom_con03 .con04_main_txt {width:100%; margin:0 auto;} .sub_bottom_con03 .con04_main_txt ul li .con4_txt_box2 {width:550px; } } @media all and (max-width:800px){ .sub_bottom_con03 .con04_tit h3 {font-size:22px;} .sub_bottom_con03 .con04_tit p {font-size:28px; margin-bottom: 30px;} .sub_bottom_con03 .con04_main_txt ul li {width: 100%; margin-right:0px; margin-bottom:30px; } .sub_bottom_con03 .con04_main_txt ul li .con4_txt_box{float:none; display:table; width:90%; height:70px; margin:0 auto; } .sub_bottom_con03 .con04_main_txt ul li .con4_txt_box .table span{ font-size:20px;} .sub_bottom_con03 .con04_main_txt ul li .con4_txt_box .table p{font-size:18px; } .sub_bottom_con03 .con04_main_txt ul li .con4_txt_box2 {width:100%; display:block; padding-top:28px; padding:20px;} .sub_bottom_con03 .con04_main_txt ul li dd { font-size:15px;} } .sub_bottom_con04 {background:url("/img/con04_img01.png") no-repeat center center / cover; box-sizing:border-box; padding:65px 0 70px;} .sub_bottom_con04 .con04_tit h3 {font-size:30px; letter-spacing:-0.045em; font-weight: 700; color:#f1a1af; text-align: center; margin-bottom:0px;} .sub_bottom_con04 .con04_tit h3 span {display: inline-block; vertical-align: middle; padding: 0 20px;} .sub_bottom_con04 .con04_tit p {font-size:34px; font-weight: 800; letter-spacing:-0.045em; text-align: center; color:#333; margin-bottom: 70px;} .sub_bottom_con04 .con04_main_txt ul {width:100%; font-size:0; letter-spacing:-4px; margin:0 auto; text-align: center;} /* 20220929 �섏젙 */ .sub_bottom_con04 .con04_main_txt ul li {display:inline-block; vertical-align:top; text-align:center; width: 242px; margin-right:50px; box-sizing:border-box;} .sub_bottom_con04 .con04_main_txt ul li:nth-of-type(4n){margin-right:0} .sub_bottom_con04 .con04_main_txt ul li .con4_txt_box{display:table; width:100%; height:242px; text-align:center; background:#f1a1af; border-radius:50%;} .sub_bottom_con04 .con04_main_txt ul li .con4_txt_box .table{display:table-cell; width:100%; height:100%; vertical-align:middle; } .sub_bottom_con04 .con04_main_txt ul li .con4_txt_box .table span{display:block; font-size:24px; letter-spacing:0.01em; color:#ffffff; font-weight:800;} .sub_bottom_con04 .con04_main_txt ul li .con4_txt_box .table p{font-size:22px; letter-spacing:-0.045em; color:#ffffff; font-weight:600;} .sub_bottom_con04 .con04_main_txt ul li:nth-of-type(2n) .con4_txt_box{border-style:dotted; border-color:#f1a1af; background-color:transparent; } .sub_bottom_con04 .con04_main_txt ul li:nth-of-type(2n) .table span{color:#f1a1af; } .sub_bottom_con04 .con04_main_txt ul li:nth-of-type(2n) .con4_txt_box .table p{color:#f1a1af;} .sub_bottom_con04 .con04_main_txt ul li dd {font-size:15px; font-weight: 500; letter-spacing:-0.045em; text-align: center; color:#666; margin-top: 20px; line-height:1.5;} @media all and (max-width:1200px){ .sub_bottom_con04 .con04_main_txt ul li {width: 170px; margin-right:50px;} .sub_bottom_con04 .con04_main_txt ul li .con4_txt_box {height:170px;} .sub_bottom_con04 .con04_main_txt ul li .con4_txt_box .table p{font-size:18px;} } @media all and (max-width:800px){ .sub_bottom_con04 .con04_tit h3 {font-size:22px;} .sub_bottom_con04 .con04_tit p {font-size:28px; margin-bottom: 30px;} .sub_bottom_con04 .con04_main_txt ul li {width:100%; margin-right: 30px; max-width: 100%; margin-bottom:30px; padding:0 20px; margin-right:0px; } .sub_bottom_con04 .con04_main_txt ul li .con4_txt_box{float:none; display:table; width:90%; height:70px; margin:0 auto; border-radius:200px;} .sub_bottom_con04 .con04_main_txt ul li .con4_txt_box .table span{ font-size:20px;} .sub_bottom_con04 .con04_main_txt ul li .con4_txt_box .table p{font-size:18px; } } .sub_bottom_con04 .con05_tit h3 {font-size:30px; letter-spacing:-0.045em; font-weight: 500; color:#333; text-align: center; margin-bottom:0px;} .sub_bottom_con04 .con05_tit h3 span {color:#f1a1af; font-weight:800;} .sub_bottom_con04 .con05_tit p {font-size:20px; font-weight: 500; letter-spacing:-0.045em; line-height:1.5; text-align: center; color:#333; margin-bottom: 0px;} .sub_bottom_con04 .con05_main_txt {margin:50px 0;} .sub_bottom_con04 .con05_main_txt ul {width:100%; font-size:0; letter-spacing:-4px; margin:0 auto; text-align: center;} /* 20220929 �섏젙 */ .sub_bottom_con04 .con05_main_txt ul li {display:inline-block; vertical-align:top; text-align:center; width: 152px; margin-right:20px; box-sizing:border-box;} .sub_bottom_con04 .con05_main_txt ul li .con4_txt_box{display:table; width:100%; height:152px; text-align:center; background:#f1a1af; border-radius:50%;} .sub_bottom_con04 .con05_main_txt ul li .con4_txt_box .table{display:table-cell; width:100%; height:100%; vertical-align:middle; } .sub_bottom_con04 .con05_main_txt ul li .con4_txt_box .table span{display:block; font-size:18px; letter-spacing:0.01em; color:#ffffff; font-weight:800;} .sub_bottom_con04 .con05_main_txt ul li .con4_txt_box .table p{font-size:18px; letter-spacing:-0.045em; color:#ffffff; font-weight:600;} .sub_bottom_con04 .con05_main_txt ul li:nth-of-type(2n) .con4_txt_box{border-style:dotted; border-color:#f1a1af; background-color:transparent; } .sub_bottom_con04 .con05_main_txt ul li:nth-of-type(2n) .table span{color:#f1a1af; } .sub_bottom_con04 .con05_main_txt ul li:nth-of-type(2n) .con4_txt_box .table p{color:#f1a1af;} .sub_bottom_con04 .con05_main_txt ul li dd {font-size:15px; font-weight: 500; letter-spacing:-0.045em; text-align: center; color:#666; margin-top: 20px; line-height:1.5;} @media all and (max-width:1200px){ .sub_bottom_con04 .con05_main_txt ul li {width: 170px; margin-bottom:20px; margin-right:20px;} .sub_bottom_con04 .con05_main_txt ul li .con4_txt_box {height:170px;} .sub_bottom_con04 .con05_main_txt ul li .con4_txt_box .table p{font-size:18px;} } @media all and (max-width:800px){ .sub_bottom_con04 .con05_tit h3 {font-size:22px;} .sub_bottom_con04 .con05_tit p {font-size:16px; margin-bottom: 0px;} .sub_bottom_con04 .con05_main_txt {margin:20px 0 0px;} .sub_bottom_con04 .con05_main_txt ul li {width:100%; margin-right: 30px; max-width: 100%; margin-bottom:30px; padding:0 20px; margin-right:0px; } .sub_bottom_con04 .con05_main_txt ul li .con4_txt_box{float:none; display:table; width:90%; height:70px; margin:0 auto; border-radius:200px;} .sub_bottom_con04 .con05_main_txt ul li .con4_txt_box .table span{ font-size:20px;} .sub_bottom_con04 .con05_main_txt ul li .con4_txt_box .table p{font-size:18px; } } .care_con{overflow:hidden; font-size:0; padding:80px 0;} .care_con .con04_tit h3 {font-size:30px; letter-spacing:-0.045em; font-weight: 700; color:#f1a1af; text-align: center; margin-bottom:0px;} .care_con .con04_tit h3 span {display: inline-block; vertical-align: middle; padding: 0 20px;} .care_con .con04_tit p {font-size:34px; font-weight: 800; letter-spacing:-0.045em; text-align: center; color:#333; margin-bottom: 70px;} .care_con ul{margin:40px 0 0;} .care_con li{margin-top: 0px;position:relative; display:inline-block; width:calc(100% /4 - 20px); margin-right:20px; margin-bottom:50px; vertical-align:top;} .care_con li:after{content:'';display: block;clear:both;} .care_con li > div{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .care_con li .img{ text-align:center;} .care_con li .txt{ padding-top: 30px; text-align:center;} .care_con li dl {margin-top:0px; } .care_con li dl h3{margin: 0;font-size: 18px;line-height: 1.2; color:#333; padding-bottom:10px; letter-spacing:-1px; font-weight:800;} .care_con li dl p{font-size: 15px;line-height: 1.5;color: #616161; letter-spacing:-.5px; font-weight: 400;} .care_con li dl dd{font-size: 16px;line-height: 1.5;color: #616161; letter-spacing:-.5px; font-weight: 400; margin-bottom:10px;} @media all and (max-width:1200px){ .care_con li > div{width: 100%;} .care_con li{width:calc(100% /2 - 20px); margin-right:20px; } .care_con li:nth-of-type(odd) > div, .care_con li:nth-of-type(even) > div{float: none;padding: 0;} .care_con li .img {float:none; text-align:center; width:100%; margin-bottom:20px;} .care_con li .img:after{display: none;} .care_con li:nth-child(2) .img {text-align:center; width:100%;} .care_con li:nth-child(2) .img:after{display: none;} .care_con li .txt{margin:0 auto; float:none; width:95%;} .care_con li:nth-child(1) .txt{float:none; width:95%; padding-top: 30px;} .care_con li:nth-child(2) .txt{margin:0 auto; width:95%; margin-left:10px;} .care_con li dl dd{margin-top: 10px;font-size:20px;line-height: 1.5;} .care_con li dl h5{font-size:35px;line-height: 1.3; padding-bottom:10px;} .care_con li dl h5 span {font-size:25px;} .care_con li dl dd{font-size: 18px;line-height: 1.5;} } @media all and (max-width:640px){ .care_con{padding-bottom: 0px; } .care_con .con04_tit h3 {font-size:22px;} .care_con .con04_tit p {font-size:28px; margin-bottom: 30px;} .care_con ul{margin: 0px 0 0; padding:0 20px;} .care_con li{display:inline-block; width:100%; margin-right:0px; margin-bottom:50px; vertical-align:top;} .care_con li dl h5{font-size:25px;line-height: 1.3; padding-bottom:10px;} .care_con li dl h5 span {font-size:20px;} .care_con li dl dd{margin-top: 2.34375vw;font-size: 16px;line-height: 1.5;} .care_con li dl dd:before { margin-top:10px;} } .purple_bg {background:#f2eff6;} .gray_bg {background:#f9f9f9;} .pat50 {padding-top:50px;} .bt_more {margin-top:25px; text-align:center;} .bt_more a {color: #fff; font-weight:600;} .effect {text-align: center; display: inline-block; position: relative; text-decoration: none; color: #fff; font-weight:800; font-size: 20px; padding: 20px 0px; width: 220px; overflow: hidden;} /* effect-1 styles */ .effect.effect-1 { transition: all 0.2s linear 0s; background:#69488d;} .effect.effect-1:before { content: "→"; font-family: FontAwesome; font-size: 13px; position: absolute; display: flex; align-items: center; justify-content: center; right: 0; top: 0; opacity: 0; height: 100%; width: 40px; transition: all 0.2s linear 0s;} .effect.effect-1:hover { text-indent: -20px;} .effect.effect-1:hover:before { opacity: 1; text-indent: 0px;} @media all and (max-width:640px){ .effect {font-size: 16px; width: 200px;} } .review_con {margin-top:50px;} .review_con ul{margin: 0px 0 80px;} .review_con li{overflow:hidden; vertical-align:top; border-bottom:1px solid #ddd; padding:20px 0; margin:0 20px; display:inline-block; width: calc(100% /2 - 50px);} .review_con li > div{float: left;} .review_con .img{width:100%;} .review_con .img .review_img {display:inline-block; width: calc(100% /2 - 7px); padding-right:10px;vertical-align:top;} .review_con .txt{padding: 0px 0px; width: 100%;} .review_con .txt h4{font-size: 20px;color: #222;line-height: 1.2;font-weight: 800;-ms-word-break: keep-all;word-break: keep-all;} .review_con .txt p{margin-top: 0px;font-size: 15px;color: #6028a3;font-weight: 600;line-height: 25px;letter-spacing: -0.025em;-ms-word-break: keep-all;word-break: keep-all;} .review_img dl {position:absolute; margin-top:-18px; margin-left:-8px; z-index:2;} .review_img dl dt i {display:block; padding-top:10px; } .view {overflow:hidden;} .before_login {position:absolute; z-index:1;} .effect:hover img {opacity: 1; -moz-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1); } .effect img {opacity: 1; -moz-transform: scale(1,1); -webkit-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; vertical-align:middle; } @media all and (max-width:1200px){ .review_con li + li{margin-top: 40px;} .review_con li > div{height: auto;} .review_con li > div, .review_con li:nth-of-type(2n) > div{float:none;} } @media all and (max-width:768px){ .review_con{margin-top: 0.375vw;} .review_con ul{margin: 0 10px 23.4375vw;} .review_con li{ padding:20px 0; margin:0 0px; display:block; width:100%;} .review_con .img{width: 100%; } .review_con .txt{width: 100%; padding: 5.5vw 0.8125vw;} .review_con .txt h4{font-size: 22px;} .review_con .txt p{font-size: 15px;line-height: 22px;} .review_img dl {margin-top:-15px; margin-left:-5px;} .review_img dl dt i img {width:40px;} } .quick { position:fixed; right:10px; top:60px; margin:0 auto; z-index:1000; text-align:center; width:120px; z-index:1000000000000 !important;margin-bottom:20px; border-radius:20px; padding-top:20px;} .quick ul {background:#fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);} .quick h3 { text-align:center; padding:10px 0; border-top-left-radius:20px; border-top-right-radius:20px; border-bottom:0px solid #dfdfdf; background:#f1a1af; } .quick h3 a {color:#fff; font-size:20px; font-weight:600;} .quick h3 img {display:block; width:42px; margin:0 auto;} .quick ul li {text-align:center; padding:15px 0; width:90px; margin:0 auto; border-bottom:2px solid #dfdfdf; } .quick ul li:nth-child(7) { border-bottom:0px solid #dfdfdf; } .quick ul li span {padding-top:5px; display:block; color:#4c4c4c; font-size:14px; font-weight:500;} .top_btn { border-bottom-left-radius:20px; border-bottom-right-radius:20px; background:#f1a1af; } .top_btn {text-align:center; padding:15px 0; width:100%; margin:0 auto; font-size:20px; font-weight:800;} .top_btn a {color:#fff; font-size:20px; font-weight:600;} @media all and (max-width:1200px){ .quick { top:auto; left:0%; right:0%; bottom:-3%; width:100%; border-radius:0px;} .quick ul li {display:inline-block; width: calc(100% /6 - 5px); border-bottom:0px solid #dfdfdf; } .quick ul li img {width:30px;} .quick ul li:last-child {border-right:0px solid #000; } .quick ul li span {font-size:10px;} .quick h3 {display:none;} .top_btn {display:none;} } .center_con {text-align:center; margin:50px 0;} .center_con li {display:block;} .center2_con {text-align:center; margin:50px 0;} .center2_con li {display:inline-block; width: calc(100% /3 - 20px); margin-right:10px;} .center2_con li h3 {font-size:18px; font-weight:800; border:2px solid #f1a1af; color:#f1a1af; width:200px; margin:0 auto; padding:10px 20px; display:inline-block; margin:10px 0;} @media all and (max-width:800px){ .center2_con li {display:block; width:100%; margin-bottom:30px;} .center2_con li h3 {font-size:16px;} } .center3_con {text-align:center; margin:50px 0;} .center3_con li {display:block; margin-bottom:50px;} .recomm_con01 {position: relative; margin-bottom:30px;} .recomm_con01 .inner {border:20px solid #e6e1d8; border-radius:20px;} .recomm_con01 ul.target2 {width:900px; margin:0 auto; padding:50px 0;} .recomm_con01 ul.target2 h6{margin-top:30px;font-size: 30px; text-align:center; margin-left:-30px; line-height: 1.5;color: #333; padding-bottom:20px; letter-spacing:-.5px; font-weight:500;} .recomm_con01 ul.target2 h6 span {color:#f1a1af;font-weight:800;} .recomm_con01 ul.target2 li{margin-bottom:10px; display:inline-block; vertical-align:top; width:100%; } .recomm_con01 ul.target2 li p{display:inline-block;font-size:19px; font-weight:500; color:#333; padding:10px 0; letter-spacing:-.5px; width:90%; line-height:1.5;} .recomm_con01 ul.target2 li i{ float:left; vertical-align:middle; margin-right:10px; margin-top:0px;} .recomm_con01 .clip {position:absolute; text-align:center; left:50%; top:-15px; transform:translateX(-50%); z-index:10;} @media all and (max-width:1000px){ .recomm_con01 .clip {top:-18px;} .recomm_con01 ul.target2 {width:100%; margin:0 auto; padding:50px 50px;} .recomm_con01 ul.target2 h6{margin-top:50px;font-size: 25px; margin-left:0px;} .recomm_con01 ul.target2 li p{font-size:15px;width:85%; } } @media all and (max-width:500px){ .recomm_con01 .clip {top:-18px;} .recomm_con01 ul.target2 {width:100%; margin:0 auto; padding:50px 20px;} .recomm_con01 ul.target2 h6{margin-top:0px;font-size: 23px; margin-left:0px;} .recomm_con01 ul.target2 li p{font-size:15px;width:85%; } } .recomm_con02 {position: relative; margin-bottom:30px;} .recomm_con02 .inner {width:1000px; border:20px solid #e6e1d8; border-radius:20px;} .recomm_con02 ul.target2 {width:620px; margin:0 auto; padding:50px 0;} .recomm_con02 ul.target2 h6{margin-top:30px;font-size: 30px; text-align:center; margin-left:-30px; line-height: 1.5;color: #333; padding-bottom:20px; letter-spacing:-.5px; font-weight:500;} .recomm_con02 ul.target2 h6 span {color:#f1a1af;font-weight:800;} .recomm_con02 ul.target2 li{margin-bottom:10px; display:inline-block; vertical-align:top; width:100%; } .recomm_con02 ul.target2 li p{word-break: keep-all; display:inline-block;font-size:19px; font-weight:500; color:#333; padding:10px 0; letter-spacing:-.5px; width:90%; line-height:1.5;} .recomm_con02 ul.target2 li i{ float:left; vertical-align:middle; margin-right:10px; margin-top:0px;} .recomm_con02 .clip {position:absolute; text-align:center; left:50%; top:-15px; transform:translateX(-50%); z-index:10;} @media all and (max-width:1000px){ .recomm_con02 .inner {width:100%; } .recomm_con02 .clip {top:-18px;} .recomm_con02 ul.target2 {width:100%; margin:0 auto; padding:50px 50px;} .recomm_con02 ul.target2 h6{margin-top:50px;font-size: 25px; margin-left:0px;} .recomm_con02 ul.target2 li p{font-size:15px;width:85%; } } @media all and (max-width:500px){ .recomm_con02 .clip {top:-18px;} .recomm_con02 ul.target2 {width:100%; margin:0 auto; padding:50px 20px;} .recomm_con02 ul.target2 h6{margin-top:0px;font-size: 20px; margin-left:0px;} .recomm_con02 ul.target2 li p{font-size:15px;width:85%; } .recomm_con02 ul.target2 li i img {width:20px; margin-top:5px;} } .recomm_con03 {position: relative; margin-bottom:30px;} .recomm_con03 .inner {width:1000px; border:20px solid #e6e1d8; border-radius:20px;} .recomm_con03 ul.target2 {width:800px; margin:0 auto; padding:50px 0;} .recomm_con03 ul.target2 h6{margin-top:30px;font-size: 30px; text-align:center; margin-left:-30px; line-height: 1.5;color: #333; padding-bottom:20px; letter-spacing:-.5px; font-weight:500;} .recomm_con03 ul.target2 h6 span {color:#f1a1af;font-weight:800;} .recomm_con03 ul.target2 li{margin-bottom:10px; display:inline-block; vertical-align:top; width: calc(100% /2 - 20px);} .recomm_con03 ul.target2 li p{display:inline-block;font-size:19px; font-weight:500; color:#333; padding:10px 0; letter-spacing:-.5px; width:80%; line-height:1.5;} .recomm_con03 ul.target2 li i{ float:left; vertical-align:middle; margin-right:10px; margin-top:0px;} .recomm_con03 .clip {position:absolute; text-align:center; left:50%; top:-15px; transform:translateX(-50%); z-index:10;} @media all and (max-width:1000px){ .recomm_con03 .inner {width:100%; } .recomm_con03 .clip {top:-18px;} .recomm_con03 ul.target2 {width:100%; margin:0 auto; padding:50px 50px;} .recomm_con03 ul.target2 h6{margin-top:50px;font-size: 25px; margin-left:0px;} .recomm_con03 ul.target2 li p{font-size:15px;width:85%; } } @media all and (max-width:800px){ .recomm_con03 ul.target2 li{display:block; vertical-align:top; width: 100%;} } @media all and (max-width:500px){ .recomm_con03 .clip {top:-18px;} .recomm_con03 ul.target2 {width:100%; margin:0 auto; padding:50px 20px;} .recomm_con03 ul.target2 h6{margin-top:0px;font-size: 20px; margin-left:0px;} .recomm_con03 ul.target2 li p{font-size:15px;width:85%; } .recomm_con03 ul.target2 li i img {width:20px; margin-top:5px;} } .mart50 {margin-top:50px;} @media all and (max-width:1000px){ .mart50 {margin-top:0px;} } .member_con {padding-top:30px;} .member_con h3 {font-size:16px; letter-spacing:-.5px; } .subtable { margin:20px auto; border-top:2px solid #f1a1af; border-collapse: collapse;} .subtable tr th {border:1px solid #fff; text-align:center; background:#dcd5e2; color:#333; font-size:16px; font-weight:500; padding:10px 0; } .subtable tr td {border:1px solid #dbdbdb; padding:10px; line-height:22px; color:#35363a; text-align:center;font-size:16px; font-weight:400; letter-spacing:-0.03em;} @media all and (max-width:1200px){ .member_con h3 {padding:0 10px; } .subtable tr th {font-size:13px;} .subtable tr td {font-size:13px;} } .search_wrap{position:relative; width:100%; background:#f7f7f7; padding:1px 0; } .search_wrap .search {position:relative; width:800px; margin:20px auto; text-align:center; } .search_wrap dl dt {display:inline-block; font-size:15px; font-weight:500; margin-right:10px;} .search_wrap dl dd {display:inline-block; } .search_wrap input#stext{width:300px; height:36px; border:1px solid #ddd; border-radius:0; font-size:15px; padding-left:10px;} .search_wrap .search i {right:20%; transform:translateX(0%); top:12px;} .search_form {width:100px;} @media all and (max-width:800px){ .search_wrap .search {position:relative; width:100%; margin:15px auto; text-align:center; } .search_wrap dl dt {display:inline-block; font-size:13px;} .search_wrap input#stext{width:150px;} .search_wrap input#stext{font-size:13px; padding-left:20px;} } .board_txt {text-align:center; padding:20px; font-size:15px; font-weight:500; background:#eff0f4; margin:20px 0; line-height:1.5;} @media all and (max-width:800px){ .board_txt {font-size:13px; } } .highlight{position:relative} .highlight-bg{position:absolute;left:-2%;top:0;width:102%;height:100%} .highlight-bg2{position:absolute;left:-2%;top:0;width:102%;height:100%} .highlight-text{position:relative;} span.highlight-bg{height:12px; top:30px; background-color:#f5dde7} span.highlight-bg2{height:12px; top:30px; background-color:#f1a1af;} @media all and (max-width:1000px){ span.highlight-bg{height:12px; top:20px; background-color:#f5dde7} span.highlight-bg2{height:12px; top:20px; background-color:#f1a1af;} } .main_con01 {margin-bottom:0px; } .main_con01 .inner {position:static; } .main_con01 .box {overflow:hidden; position:relative; width:100%; min-height:640px; } .main_con01 .box.type01 {background-color:#f3f3f3; } .main_con01 .box img {display:inline-block; vertical-align:top; position:absolute; left:30%; bottom:0;} .main_con01 .box.type01 img {-webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0); } .main_con01 .box .left_box {position:relative; z-index:40; display:inline-block; vertical-align:top; width:800px; max-width:100%; padding:100px 0 50px; font-size:0; letter-spacing:-4px; } .main_con01 .box .left_box .txt_box {display:inline-block; vertical-align:top; width:calc(100% - 30px); padding-left:80px; padding-right:80px; font-size:16px; box-sizing:border-box; text-align:left; } .main_con01 .box .left_box .txt_box h3 {font-size:20px; font-weight:600; color:#333; letter-spacing:-.5px; line-height:1.5; } .main_con01 .box .left_box .txt_box h3 span {font-size:30px; font-weight:800; display:block; margin-bottom:20px;} .main_con01 .box .left_box .txt_box h4 {font-size:20px; font-weight:600; color:#333; letter-spacing:0; line-height:1.5; } .main_con01 .box .left_box .txt_box h4 span {font-weight:800;} .main_con01 .box .left_box .txt_box p.desc {font-family: 'Cafe24Shiningstar'; padding-top:40px; font-size:45px; font-weight:500; color:#f1a1af; line-height:1.5; letter-spacing:-.5px; word-break:keep-all; } .main_con01 .box .left_box .txt_box p.desc2 {padding-top:40px; padding-bottom:30px; font-size:25px; font-weight:800; color:#333; line-height:1.5; letter-spacing:0px; word-break:keep-all; } .main_con01 .box .left_box .txt_box p.desc2 b {display:inline-block; border:2px solid #e30000; border-radius:50px; font-weight:800; padding:0 7px; color:#e30000;} .main_con01 .box .left_box .txt_box p.desc3 {font-family: 'Cafe24Shiningstar'; padding-top:0px; font-size:45px; font-weight:500; color:#f1a1af; line-height:1.2; letter-spacing:-.5px; word-break:keep-all; } .main_con01 .box .left_box .txt_box p.txt {padding-top:40px; font-size:20px; font-weight:400; color:#333; line-height:1.5; letter-spacing:-0.025em; word-break:keep-all; } .main_con01 .box .left_box .txt_box p.txt span {font-weight:800;} .main_con01 .box .left_box .txt_box p.txt b {display:inline-block; border:2px solid #e30000; font-weight:800; border-radius:50px; padding:0 7px; color:#e30000; margin-bottom:10px;} @media all and (max-width:1200px){ .main_con01 .box .left_box .txt_box {padding-left:100px; padding-right:180px; } .main_con01 .box.right .left_box .txt_box {padding-left:220px; padding-right:80px; } } @media all and (max-width:1000px){ .main_con01 .box {text-align:center; } .main_con01 .box.type01 img {position:static; width:100%; height:auto; transform:translateX(0); -webkit-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); -moz-transform:translateX(0); } .main_con01 .box .left_box {padding:50px 0 50px;} .main_con01 .box .left_box .txt_box {padding-left:30px; padding-right:20px; } .main_con01 .box.right .left_box .txt_box {padding-left:20px; padding-right:20px; } .main_con01 .box .left_box .txt_box h4 {font-size:18px; } .main_con01 .box .left_box .txt_box p.desc {padding-top:20px; font-size:37px;} .main_con01 .box .left_box .txt_box p.desc2 {padding-top:20px; font-size:20px;} .main_con01 .box .left_box .txt_box p.desc3 {padding-top:0; font-size:36px;} .main_con01 .box .left_box .txt_box p.txt {padding-top:5px; font-size:18px; } } .main_diet {text-align:center; padding:30px 0;} .main_diet h3 {padding-top:10px; font-size:35px; font-weight:400; color:#040404; line-height:1.5; letter-spacing:-0.025em; word-break:keep-all; } .main_diet h3 b { font-weight:800; } .main_diet p.desc {padding-top:0px; font-size:35px; font-weight:800; color:#040404; line-height:1.5; letter-spacing:-0.025em; word-break:keep-all; } .main_diet p.desc span { font-size:80px; font-weight:800; color:#f1a1af; background:url('../img/point_star.png') center top no-repeat; display:inline-block; padding:0 20px;} .main_diet p.txt { font-size:15px; font-weight:400; color:#7c7c7c; } .main_review {text-align:center; margin:0 auto; padding:50px 0;} @media all and (max-width:1200px){ .main_review {padding:0px 0 50px;} } .point01 {width:100%; background:url('../img/point_bg1.jpg') center top no-repeat;} .point02 {width:100%; background:url('../img/point_bg2.jpg') center top no-repeat;} .point03 {width:100%; background:url('../img/point_bg3.jpg') center top no-repeat;} .point04 {width:100%; background:url('../img/point_bg4.jpg') center top no-repeat;} .point05 {width:100%; background:url('../img/point_bg5.jpg') center top no-repeat;} .point06 {width:100%; background:url('../img/point_bg6.jpg') center top no-repeat;} @media all and (max-width:800px){ .point01 {background:url('../img/point_bg1_m.jpg') center top no-repeat;} .point02 {background:url('../img/point_bg2_m.jpg') center top no-repeat;} .point03 {background:url('../img/point_bg3_m.jpg') center top no-repeat;} .point04 {background:url('../img/point_bg4_m.jpg') center top no-repeat;} .point05 {background:url('../img/point_bg5_m.jpg') center top no-repeat;} .point06 {background:url('../img/point_bg6_m.jpg') center top no-repeat;} } .main_point01 {width:100%; padding:150px 0; text-align:center;} .main_point01 .txt_box {vertical-align:top; font-size:16px; box-sizing:border-box; } .main_point01 .txt_box i {display:inline-block; background:#f1a1af; width:80px; height:80px; font-size:30px; margin-bottom:20px; font-style:normal; font-weight:500; color:#fff; letter-spacing:0; line-height:80px; } .main_point01 .txt_box h4 {font-family: 'NanumSquare'; font-size:40px; font-weight:400; color:#fff; letter-spacing:0; line-height:1.5; } .main_point01 .txt_box h4 b {font-weight:700;} .main_point01 .txt_box p.desc {padding-top:20px; font-size:25px; font-weight:600; color:#fff; line-height:1.5; letter-spacing:-.5px; word-break:keep-all; } .main_point01 .txt_box p.desc2 {padding-top:40px; font-size:25px; font-weight:800; color:#fff; line-height:1.5; letter-spacing:0px; word-break:keep-all; } .main_point01 .txt_box p.txt {padding-top:20px; font-size:20px; font-weight:400; color:#fff; line-height:1.5; letter-spacing:-0.025em; word-break:keep-all; } .main_point01 .txt_box p.txt span {font-weight:800;} @media all and (max-width:800px){ .main_point01 {padding:70px 0; } .main_point01 .txt_box i {width:60px; height:60px; font-size:20px; line-height:60px;} .main_point01 .txt_box h4 { font-size:23px; } .main_point01 .txt_box p.desc { font-size:18px;} .main_point01 .txt_box p.txt {font-size:16px;} } .main_point02 {width:100%; padding:150px 0; text-align:center;} .main_point02 .txt_box {vertical-align:top; box-sizing:border-box; } .main_point02 .txt_box i {display:inline-block; background:#f1a1af; width:80px; height:80px; font-size:30px; margin-bottom:20px; font-style:normal; font-weight:500; color:#fff; letter-spacing:0; line-height:80px; } .main_point02 .txt_box h4 {word-break: keep-all; font-family: 'NanumSquare'; font-size:50px; font-weight:400; color:#333; letter-spacing:-1px; line-height:1.5; } .main_point02 .txt_box h4 b {font-weight:700;} .main_point02 .txt_box h6 {font-family: 'NanumSquare'; font-size:40px; font-weight:400; color:#333; letter-spacing:0; line-height:1.5; } .main_point02 .txt_box h6 b {font-weight:700;} .main_point02 .txt_box h5 {font-family: 'NanumSquare'; display:inline-block; border:3px solid #f1a1af; border-radius:50px; font-size:30px; padding:5px 20px; margin:30px 0; font-weight:700; color:#f1a1af; letter-spacing:0; line-height:1.5; } .main_point02 .txt_box p.desc {padding-top:20px; font-size:30px; font-weight:600; color:#333; line-height:1.5; letter-spacing:-.5px; word-break:keep-all; } .main_point02 .txt_box p.desc b {display:inline-block; border:2px solid #e30000; border-radius:50px; font-weight:800; padding:0 7px; color:#e30000;} .main_point02 .txt_box p.desc2 {padding-top:40px; font-size:25px; font-weight:800; color:#333; line-height:1.5; letter-spacing:0px; word-break:keep-all; } .main_point02 .txt_box p.txt {padding-top:20px; font-size:30px; font-weight:400; color:#333; line-height:1.5; letter-spacing:-0.025em; word-break:keep-all; } .main_point02 .txt_box p.txt span {font-weight:800;} .main_point02 dl {margin-top:50px;} .main_point02 dl dd {display:inline-block; width: calc(100% /5 - 20px);} .main_point02 dl dd img {width:100%;} .main_point02 u {display:block; margin-top:50px;} .main_point02 dl.main_point02_check {margin-top:50px;} .main_point02 dl.main_point02_check dd {width:100%; display:block; margin-top:10px; font-size:25px; font-weight:600; line-height:1.5; } @media all and (max-width:800px){ .main_point02 {padding:70px 0; } .main_point02 .txt_box i {width:60px; height:60px; font-size:20px; line-height:60px;} .main_point02 .txt_box h4 { font-size:35px; } .main_point02 .txt_box h6 { font-size:25px; } .main_point02 .txt_box p.desc { font-size:25px;} .main_point02 .txt_box p.txt {font-size:22px;} .main_point02 dl dd {width: calc(100% /3 - 20px); margin-bottom:5px;} } @media all and (max-width:600px){ .main_point02 .txt_box h4 { font-size:30px; } .main_point02 dl dd {width: 100%; margin-bottom:5px;} } .main_point03 {width:100%; padding:60px 0 200px; text-align:center;} .main_point03 .txt_box {vertical-align:top; box-sizing:border-box; } .main_point03 .txt_box i {display:inline-block; background:#f1a1af; width:80px; height:80px; font-size:30px; margin-bottom:20px; font-style:normal; font-weight:500; color:#fff; letter-spacing:0; line-height:80px; } .main_point03 .txt_box h4 {word-break: keep-all; font-family: 'NanumSquare'; font-size:50px; font-weight:400; color:#333; letter-spacing:-1px; line-height:1.5; } .main_point03 .txt_box h4 b {font-weight:700;} .main_point03 dl.main_point03_check {margin-top:50px;} .main_point03 dl.main_point03_check dd {width:100%; display:block; margin-top:10px; font-size:25px; font-weight:600; line-height:1.5; } @media all and (max-width:800px){ .main_point03 {padding:70px 0; } .main_point03 .txt_box i {width:60px; height:60px; font-size:20px; line-height:60px;} .main_point03 .txt_box h4 { font-size:35px; } } @media all and (max-width:600px){ .main_point03 .txt_box h4 { font-size:30px; } } .price_con {padding:10px 0;} .price_con2 {padding:50px 0;} .price li {float:left; border-radius:20px; margin-right:10px; border:2px solid #f1a1af; width: calc(100% /3 - 10px); height:108px; text-align:center; padding:15px 10px; } .price li h4 {font-size:18px; font-weight:800; padding-bottom:5px;} .price li span {font-size:16px; display:block; line-height:1.3;} .price li span strike {color:#818181;} .price li span b{font-size:20px; font-weight:800; color:#f1a1af;} .price li span i{font-size:15px; font-weight:800; color:#e00000; display:block; padding-top:5px;} .price3 li {float:left; border-radius:20px; margin-right:10px; border:2px solid #f1a1af; width: calc(100% /2 - 10px); height:108px; text-align:center; padding:15px 10px; } .price3 li h4 {font-size:18px; font-weight:800; padding-bottom:5px;} .price3 li span {font-size:16px; display:block; line-height:1.3;} .price3 li span strike {color:#818181;} .price3 li span b{font-size:20px; font-weight:800; color:#f1a1af;} .price3 li span i{font-size:15px; font-weight:800; color:#e00000; display:block; padding-top:5px;} .price_con1 {padding:0px 0; width:300px;} .price2 li {border-radius:20px; border:2px solid #f1a1af; text-align:center; padding:15px 10px; margin-bottom:10px;} .price2 li h4 {display:inline-block; font-size:18px; font-weight:800; padding-bottom:5px;} .price2 li i {color:#f1a1af; font-size:20px; display:inline-block; padding:0 10px;} .price2 li span {font-size:16px; display:inline-block; line-height:1.3;} .price2 li span strike {color:#818181;} .price2 span b{font-size:20px; font-weight:800; color:#f1a1af;} @media all and (max-width:600px){ .price_con1 {padding:20px 0 0; width:100%;} .price li {height:120px; } .price li span {font-size:13px; } .price li span b{font-size:16px; display:block;} .price li span i{font-size:13px;} .price2 li span {font-size:13px; } .price3 li span {font-size:13px; } } .subtit2 {padding:0 10px;} .subtit2 h3 {text-align:center;font-size:45px;color:#333; font-weight:500; padding-bottom:20px; letter-spacing:-.5px;} .subtit2 h3 span {color:#f1a1af; font-weight:600;} @media all and (max-width:800px){ .subtit2 h3 {text-align:center;font-size:25px; line-height:45px;} } .qna {padding:0px 0 50px;} .balloon { position:relative; margin: 50px; background:#f8f8f8; border-radius: 10px; padding:40px; -webkit-box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.10); -moz-box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.10); box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.10); } .balloon:after { border-top:35px solid #f8f8f8; border-left: 35px solid transparent; border-right: 0px solid transparent; border-bottom: 0px solid transparent; content:""; position:absolute; top:30px; left:-35px; } .balloon h3 {font-size:25px; padding-bottom:20px; font-weight:600; border-bottom:1px solid #ddd; letter-spacing:-.5px;line-height:1.5; word-break: keep-all;} .balloon p {font-size:20px; padding-top:20px; font-weight:400; line-height:1.5; color:#545454;letter-spacing:-.5px; word-break: keep-all;} .balloon p span {font-weight:600; } .balloon p span.red {color:#dc0000; } @media all and (max-width:767px){ .qna {padding:60px 0 0px;} .balloon {padding:30px 20px; margin: 20px;} .balloon h3 {font-size:18px;} .balloon p {font-size:15px; } } .sec03{text-align:center; background:#f9f9f9; padding:100px 0;} .sec03 .tt h5{padding-top:10px;font-size:35px;font-weight:800;line-height:150%;} .sec03 .tt h3{font-size:20px;font-weight:600;line-height:150%;} .sec03 .tt .hr{width:60px;height:1px;margin:20px auto;background:#ddd;} .sec03 .tt h6{word-break: keep-all; font-size:18px;font-weight:500;line-height:170%; letter-spacing:-.5px; } @media all and (max-width: 1024px) { .sec03{padding:50px 20px;} .sec03 .tt h5{font-size:25px;} .sec03 .tt .hr{width:40px;margin:20px auto;} .sec03 .tt h6{font-size:15px;} .sec03 .link{width:170px;height:40px;padding:0 20px;} } .sec05{max-width:1200px; margin:0 auto; display:flex;flex-direction:row-reverse;padding:0; border-bottom:1px solid #ddd; } .sec05 .tt em {font-size:20px; color:#f1a1af; font-weight:600; font-style:normal; } .sec05 .tt h3 {font-size:25px; color:#000; font-weight:800; } .sec05 .txt{flex:1;min-width:680px;padding:50px 80px;} .sec05 .txt h4 {font-size:20px; padding:10px; color:#f1a1af; margin:10px 0; position:relative;padding-left:25px; font-weight:600; } .sec05 .txt i {content:'';display:block;position:absolute;top:30%;left:0; font-size:20px; } .sec05 .txt ul {margin-top:20px;} .sec05 .txt li{word-break: keep-all; position:relative;padding-left:10px;padding-bottom:6px;font-weight:500;line-height:150%;font-size:18px; } .sec05 .txt li:before{content:'';position:absolute;top:14px;left:0;display:block;width:3px;height:3px;border-radius:50%;background:#f1a1af;} .sec05 .txt li:last-child{padding-bottom:0;} .sec05 .txt p{word-break: keep-all; font-weight:500;line-height:150%;font-size:18px; } .sec05 .pic{max-width:800px;} .sec05 .pic img{display:block;width:100%;height:100%;object-fit:cover;} @media all and (max-width: 1024px) { .sec05{display:block;} .sec05 .tt h3 {font-size:20px;} .sec05 .txt{min-width:unset;padding:60px 20px;background-image:none;} .sec05 .txt p{padding-bottom:8px;font-size:15px;} .sec05 .txt li{padding-bottom:8px;font-size:15px;} .sec05 .txt li:before{top:7px;} .sec05 .pic{max-width:unset;aspect-ratio:1 / 1;} } .price_list {margin-top:30px; display:grid;grid-template-columns: repeat(2, 1fr); gap:20px; } .price_list dd {border-radius:20px; border:2px solid #f1a1af; text-align:center; padding:15px 10px;} .price_list dd h5 {display:inline-block; font-size:18px; font-weight:800; padding-bottom:5px;} .price_list dd span {color:#f1a1af; font-size:20px; display:inline-block; padding:0 10px;} .price_list dd h6 {font-size:16px; display:inline-block; line-height:1.3;} .price_list dd h6 strike {color:#818181;} .price_list h6 b{font-size:20px; font-weight:800; color:#f1a1af;} @media all and (max-width: 1024px) { .price_list {display:grid;grid-template-columns: repeat(1, 1fr);} .price_list dd {max-width:300px; } }