:root { --main-color:#1BA4A5; /*민트*/ --sub-color:#0E3192; /*남색*/ --point-color:#20324B; /*남색2*/ --line-color:#BDD7E6; /*박스라인*/ } img {max-width:100%;} body {font-family:'pretendard';font-size:18px;color:#000;} .badge.teal {background:#35A6B5;color:#fff;} .bx1_wh {border-color:var(--line-color);} .btn-d.btn-main {background-color:var(--main-color);border-color:var(--main-color);} .d_width {position:relative;width:1400px;margin:0 auto;transition:all 0.5s;} .ico-search:before {content:"\f002";font-family:FontAwesome;/* font-weight:900; */display:inline-block;} .ico-res:before {content:"\f058";font-family:FontAwesome;/* font-weight:900; */display:inline-block;margin-right:5px;} /* 분양신청 */ .ico-favorite:before{content:"\f07b";font-family:FontAwesome;font-weight:900;display:inline-block;margin-right:5px;color:#FF9900} .ico-folder:before{content:"";background:url(../img/ico_folder.png) no-repeat;display:inline-block;width:25px;height:20px;margin-right:10px;vertical-align:middle;} .ico-delete:before {content:"\f1f8";font-family:FontAwesome;display:inline-block;margin-right:8px;} ul.bu > li:before {background:#333;border-radius:50%;} header {width:calc(100% - 220px);margin-left:220px;} .topwrap {position:relative;height:44px;background-color:#132058;/* background-color:rgba(9,20,83,0.7); */} .topwrap:after{content:''; display:block; clear:both;} .topwrap .d_width > a{font-size:13px; float:left; color:#ffffff; height:44px; line-height:44px; position:relative;z-index: 99999; padding: 0 17px;} .topwrap .d_width > a.on{background-color:#FF9200; color:#102F69;} .topwrap .d_width > a.on:after{display:none;} .topwrap .d_width > a:after{content:''; display:block; width:1px; height:20px; position:absolute; left:0; top:50%; transform:translateY(-50%); background-color:#2D307C;} /* .topwrap .d_width > a:before{content:"\f015"; font-family:FontAwesome; display:inline-block; font-size:17px; margin-right:5px;} */ /* .topwrap .d_width > a:nth-child(2):before{content:'\f07c';} */ /* .topwrap .d_width > a:nth-child(4):before{content:'\f044';} */ /* .topwrap .d_width > a:nth-child(5):before{content:"";display:inline-block;width:22px;height:15px;background:url(../img/top_logo04.png) no-repeat;vertical-align:middle;margin-top:-4px;} */ /* .topwrap .d_width > a:nth-child(6):before{content:'\f058';} */ /* .topwrap .d_width > a:nth-child(7):before{content:'\f02d';} */ /* .topwrap .d_width > a.ico08:before{content:"\f109"} */ .top-search .search-input{position:relative;width:120px; height:44px; float:right;} .top-search .search-input input{width:100%; height:100%; border:none; border-radius:0; background-color:rgba(0,0,0,0.3);padding:0 10px;} .top-search * {transition:all 0.3s ease-out;} .top-search .ico_search {display:block;position:absolute; top:8px; right:10px; width:30px;text-align:center; font-size:20px;color:#FF9200;} html.mm-opening .mm-slideout {transform:translate3d(220px,0,0);} nav#menu {background:none;border-left:0;} nav#menu ul.depth1 > li {border-bottom:0;} nav#menu .depth2 > ul {border-top:0;} nav#menu .mm-listview li.mm-opened .mm-next:after {border-color:#fff;} nav#menu .mm-listview li .mm-next:after, nav#menu .mm-listview .mm-listview li .mm-next:after {border-color:#fff;} nav#menu ul.depth3 {background:var(--main-color);border:none;padding:0;} nav#menu ul.depth3 li a {padding:10px 20px;background:rgba(0,0,0,0.3);} .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span {background:rgba(0,0,0,0.5);} .mm-listview>li>a, .mm-listview>li>span {color:#fff;} .mm-menu .mm-listview > li:after {border-color:rgba(0, 0, 0, 0.08);} .mm-panels {background:var(--main-color);} .mm-menu.mm-offcanvas {max-width:220px;} .mm-menu.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu .mm-listview li.mm-opened.mm-vertical > .mm-panel {background:rgba(0,0,0,0.1);} .mm-listview {position: relative; font: inherit;font-size:14px;} .mm-listview, .mm-listview > li {list-style: none; display: block; padding: 0; margin: 0; } .mm-listview a, .mm-listview a:hover {text-decoration: none;color:#fff;display: block;}/* mn color */ .mm-listview > li {position: relative; } .mm-listview .mm-listview>li.mm-vertical>.mm-next, .mm-listview .mm-vertical .mm-listview>li>.mm-next {height:40px !important;} .mm-listview > li:not(.mm-divider):after {content:'';border-bottom-width: 1px;border-bottom-style: solid;display: block;position: absolute;left: 0;right: 0;bottom: 0; } .mm-listview li li a {font-size:14px;color: rgba(255, 255, 255, 0.8);} .mm-listview li li li a {font-size:14px;color: rgba(255, 255, 255, 0.5);} @media (min-width: 550px) { html.mm-opening .mm-slideout {transform:translate3d(220px,0,0);} } #logo {text-align:center;} #logo .logo {height:180px;line-height:180px;} #logo .logo-m {display:none;} #gnb {position:fixed;top:0;left:0;width:220px;height:100%;z-index:999;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,0.4);} #gnb .btnarea {margin:0;padding:0 25px 20px;text-align:center;} #gnbmn {position:relative;height:calc(100% - 210px);background:#fff;} #gnbmn ul.depth1 li {position:relative;} #gnbmn ul.depth1 > li:last-child > a {border-bottom:1px solid #EFEFEF;} #gnbmn ul.depth1 > li > a {position:relative;display:block;border-top:1px solid #EFEFEF;padding-left:25px;font-size:20px;font-weight:600;line-height:80px;} #gnbmn ul.depth1 > li > a:after {content:"";display:block;position:absolute;top:0;left:50%;width:0;height:80px;background:#1BA4A5;} #gnbmn ul.depth1 > li > a:hover::after {width:100%;left:0;transition:all .3s;} #gnbmn ul.depth1 > li > a span {dispaly:block;position:relative;z-index:3;} #gnbmn ul.depth1 > li > a:hover, #gnbmn ul.depth1 > li > a:hover span {color:#fff !important;} #gnbmn ul.depth1 > li > a:hover:before {content:"\f13a";font-family:FontAwesome;display:block;position:absolute;top:0;right: 20px;z-index:2;font-size:24px;animation:arrowdown 0.5s both;color:#fff !important;} #gnbmn ul.depth1 > li > a.on span {color:#fff !important;} #gnbmn ul.depth1 > li > a.on:after {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:80px;background:#1BA4A5;} #gnbmn ul.depth1 > li > a.on:before {content:"\f13a";font-family:FontAwesome;display:block;position:absolute;top:0;right: 20px;z-index:2;font-size:24px;animation:arrowdown 0.5s both;color:#fff !important;} #gnbmn .title {display:none;} #gnbmn .depth3 {display:none;} #gnbmn div.depth2 ul {padding:0;} #gnbmn div.depth2 ul li a {display:block;font-size:1rem;color:#333;background:#f6f9f9;border-top:1px solid #EFEFEF;font-weight:400;line-height:50px;position:relative;padding:0 0 0 25px;} #gnbmn div.depth2 ul li:nth-child(1) a {border-top:0;} #gnbmn div.depth2 a:hover {color:var(--main-color);} @-webkit-keyframes arrowdown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 15px, 0); transform: translate3d(0, 15px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes arrowdown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 15px, 0); transform: translate3d(0, 15px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } #footer {width:calc(100% - 200px);margin-left:200px;background:#20344A;padding:30px 0 0;} #footer .fcont-wrap {margin:-20px;} #footer .fcont {float:left;} #footer .fcont1 {width:calc(15% - 40px);margin:20px;} #footer .fcont2 {width:calc(51.66% - 40px);margin:20px;} #footer .fcont3 {width:calc(33.33% - 40px);margin:20px;} #footer .fcont1 span {display:inline-block;margin-right:10px;margin-top:20px;} #footer .fcont1 a {font-size:20px;} #footer .fcont2 p {color:#fff;font-size:18px;margin-bottom:10px;} #footer .fcont2 li {position:relative;color:#dfdfdf;font-size:12px;padding:2px 0 2px 20px;} #footer .fcont2 li i {position:absolute;left:0;top:8px;} #footer .fcont3 a {color:#fff;font-size:13px;} #footer .fcont3 .fsite-info ul {margin-bottom:20px;} #footer .fcont3 .fsite-info li {float:left;margin-right:10px;} #footer .fcont3 .fsite-info li:last-child {margin-right:0} #footer .fcont3 .fsite-link li a {color:#666;} #footer .fcont3 li:first-child a{color:#ff9c00;} #footer .fcont3 .fsite-link .dropdown {position:relative;float:left;width:calc(100% - 90px);margin-right:10px;border:1px solid #666;color:#516B7B;line-height:45px;height:45px;cursor:pointer;color:#666;} #footer .fcont3 .fsite-link .dropdown .tit {padding:0 20px;} #footer .fcont3 .fsite-link .dropdown ul {background:#4d4d4d;position:absolute;width:calc(100% + 2px);left:-1px;border-radius:0;padding:0;top:42px;} #footer .fcont3 .fsite-link .dropdown ul li {padding: 0 20px;border-bottom: 1px dashed #656565;font-size: 12px;color:#fff;} #footer .fcont3 .fsite-link .dropdown ul li:last-child {border-bottom:0;} /* #footer .fcont3 .fsite-link .dropdown:after {position:absolute;right:20px;top:50%;transform:translateY(-50%);content:"\f107";font-weight:900;font-family:FontAwesome;color:rgba(255,255,255,0.5);font-size:20px;}*/ #footer .fcont3 .fsite-link .more {display:block;float:left;width:80px;line-height:43px;text-align:center;border:1px solid #ccc;} #copyright {background:rgba(0,0,0,0.4);text-align:center;padding:15px 0;margin-top:30px;font-size:12px;color:#fff;} #copyright address {line-height:1.5;padding:0 20px;} @media only screen and (max-width:1750px){/* 1200 */ .d_width, .c_width{width: 1200px;} #header .d_width{width:1400px;} header {width:100%;margin-left:0;} #logo a.logo {display:none;} #gnb.h-gnb{width: 100%;height:60px;top:44px;background: #fff;box-shadow: 0 3px 10px rgba(0,0,0,0.1);text-align:center;} #gnb.h-gnb:before{width:100%;height:2px;top:70px;right:0;background:linear-gradient(90deg, #19ada3, #fcb316);} #gnb.h-gnb #logo a{float: left;height: auto;padding:10px 30px 20px;} #gnb.h-gnb #logo a.logo{display:none;} #gnb.h-gnb li a{border:none;line-height:60px;} #gnbmn {position:absolute;top:0;right:0;width:100%;height:100%;z-index:999;} #gnbmn ul.depth1 > li:last-child > a {border:none;} #gnbmn ul.depth1 > li > a{width:15%;float:left;padding:0;font-size:18px;border-top:0;line-height:60px;} #gnbmn ul.depth1 > li.on > a {border:none;} #gnbmn ul.depth1 > li.on > a:after{display:none;} #gnbmn ul.depth1 > li > a:after {height:60px;} #gnbmn ul.depth1 > li > a.on:after {height:60px;} #gnb.h-gnb .title{width: 200px;display:block;position:absolute;top:0;left:0;padding:0 0 0 30px;font-weight:800;font-size:1.6rem;color:var(--sub-color);word-break: keep-all;text-align:center;line-height: 1.3;} #gnb.h-gnb .title:after {content:"";width:95px;height:125px;display:block;margin:20px auto 0;background:url(../img/logo.png) no-repeat 50% 50% / cover;} #gnbmn div.depth2 {position:absolute;top:90px;left:0;width:100%;z-index:999;padding:10px 0;} #gnbmn div.depth2 ul{width:calc(100% - 260px);margin-left:200px;padding-left:40px;float:left;} #gnbmn div.depth2 ul li{float:left;padding:10px;width:25%;} #gnbmn div.depth2 ul li a{background:#fff;border:1px solid #dadada !important;padding:0;font-size:15px;line-height:45px;position:relative;} #gnbmn div.depth2 ul li a:after{content:"";width:0;height:1px;background:var(--main-color);position:absolute;left:0;top:0;transition:all 0.3s;} #gnbmn div.depth2 ul li.on>a{background:#fff;} #gnbmn div.depth2 ul li a:hover{background:#fff url(../img/gnb-ico2.png);background-size:cover;} #gnbmn div.depth2 ul li a:hover:after{width:100%;} #gnb .btnarea {position:absolute;top:12px;right:20px;z-index:9991;padding:0;} .topwrap .d_width > a:before{display:none !important;} #id_gnb_bg:after {height:60px;} .h-gnb #id_gnb_bg {position:absolute;left:0;top:0;z-index:10;background:rgba(255,255,255,0.95);width:100%;height:290px;} .h-gnb .gnb_bg:after{content:"";position:absolute;left:0;top:0;width:240px;height:100%;background:url(../img/gnb-bg.png) no-repeat 100% 100% / 80%;} #footer {width:100%;margin-left:0;} #footer .fcont1{width:calc(20% - 40px);} #footer .fcont2{width:calc(49% - 40px);} #footer .fcont3{width:calc(30.33% - 40px);} #footer .fcont2 > div:last-child{margin:0;} } @media only screen and (max-width:1440px){ #header .d_width{width:1200px;} #gnb.h-gnb{top:88px;} .top-search {right:-35px;} .top-search .ico_search{line-height:88px; top:0;} .topwrap {height:88px;} .topwrap .d_width > a{width:calc(100% / 5); text-align:center;} .topwrap .d_width > a:before{display:none !important;} } @media only screen and (max-width:1240px){ /* 960 */ #header .d_width{width:960px;} body {font-size:1rem;} .d_width, .c_width {width:960px;} #footer .fcont-wrap {margin:-10px;} #footer .fcont1{width:calc(23% - 30px); margin:10px;} #footer .fcont1 p img{width:160px;} #footer .fcont1 p a:nth-child(1) img{width:auto;} #footer .fcont2{width:calc(77% - 10px); margin:10px;} #footer .fcont3{width:100%; padding:20px 10px 0 10px;border-top:1px dashed #525252; margin:20px 0 0 0;} .topwrap .d_width > a{padding:0 10px; font-size:12px;} .top-search .search-input{width:auto;} } @media only screen and (max-width:1023px){ /* 720 */ .d_width, .c_width {width:720px;} header {display:none;} #gnb.h-gnb #logo a.logo-m {display:block;line-height:60px;} #gnb.h-gnb {top:0;height:60px;} #mo-menu {display:block;position:absolute;left:0;top:0;width:60px;height:60px;z-index:99999} #mo-menu a:before{content:"\f0c9";color:#19ada3;font-family:FontAwesome;display:block;width:60px;line-height:60px;text-align:center;font-size:1rem;} #logo {height:60px;padding-top:0;line-height:inherit;} #logo img {height:30px;} #gnb.h-gnb #logo a.logo-m {float:none;padding:0;} #footer .fcont1 p a:nth-child(2) img{width:140px;} #footer .fcont1 span{margin-right:5px;} #footer .fcont2 li{letter-spacing:-0.5px;} } @media only screen and (max-width:767px){ /* auto */ .d_width, .c_width {width:auto;} .d_width {padding:0 20px;} #gnb .btnarea {width:auto;} #footer .fcont-wrap{margin:0;} #footer .fcont1 p a{margin:0 10px;} #footer .fcont1{width:100%; margin:0; padding:10px; text-align: center;} #footer .fcont2{width:100%; margin:0; padding:10px;} #footer .fcont2 > div{width:calc(50% - 5px); margin-right:10px; padding:5px; float:left;} #footer .fcont2 li{line-height:1.4; word-break:normal;} #footer .fcont3{margin-top:20px;} #footer .fcont3 a{letter-spacing:-1px;} #footer .fcont3 .fsite-link .dropdown .tit{padding:0 10px;} #footer .fcont1 p img{width:auto;} #footer .fcont fcont3 .fsite-info{text-align:center;} #footer .fcont3 .fsite-info ul{text-align:center;} #footer .fcont3 .fsite-info li{float:none; display:inline-block;} #footer .fcont2 > div{text-align:center;} #footer .fcont1 span{margin-right:10px;} } @media only screen and (max-width:576px){ /* mobile */ body {font-size:.875rem;} #gnb .btnarea a:nth-child(2) {display:none;} } /* 메인비주얼 */ .mcontrol a {display:inline-block;width:12px;height:14px;background-image:url(../img/controls_ico.png);background-repeat:no-repeat;background-size:48px;vertical-align:middle;} .mcontrol a:nth-child(2){margin:0 2px;} .mcontrol a.prev {background-position:0 0;} .mcontrol a.pause {background-position:-12px 0; } .mcontrol a.next {background-position:-24px 0;} .mcontrol a.play {background-position:-36px 0;} .mcontrol-gr a {background-image:url(../img/controls_ico_gr.png);} #main-visual {position:relative;width:calc(100% - 200px);margin-left:200px;padding:100px 0;} #main-visual.bg1 {background:#E7F3F3 url(../img/mvbg01_obj.png) no-repeat 80% 100%;} #main-visual.bg2 {background:#E0ECF8 url(../img/mvbg02_obj.png) no-repeat 80% 100%;} #main-visual:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;display:block;background:url(../img/pattern.png) repeat;} #main-visual.bg2:before {background-image:url(../img/pattern02.png);opacity:0.2;} #main-visual .d_width {position:relative;} #main-visual .mvtit {font-size:50px;color:#091453;font-weight:800;} #main-visual .mv-tab {position:absolute;right:0;top:30px;box-shadow:5px 5px 5px rgba(0,0,0,.1), 5px 5px 5px rgba(0,0,0,.1) inset;border:3px solid #fff;border-radius:100px;z-index:100;} #main-visual .mv-tab a {position:relative;float:left;display:block;min-width:120px;line-height:55px;padding:0 60px;text-align:center;border-radius:40px;color:#073058;} #main-visual .mv-tab .on {color:#fff;} #main-visual .mv-tab .on:after {content:"";display:block;position:absolute;top:-3px;left:-3px;width:calc(100% + 6px);height:calc(100% + 6px);background:var(--main-color);border-radius:100px;z-index:-1;} #main-wrap {} #mv-content {display:flex;margin:70px 0 20px;} #mv-content h2 {font-size:1.625rem;font-weight:900;margin:0;} #mv-content h3 {font-size:1.425rem;font-weight:900;margin-top:0;} #mv-content .cont1 .txt {padding:.825rem 0 3.5rem;} #mv-content .cont1 .txt span {display:block;} #mv-content .cont1 .card {width:360px;height:310px;padding:30px;margin-bottom:30px;} #mv-content .cont1 .card a {position:relative;display:block;width:130px;line-height:2.4;font-size:1rem;} #mv-content .cont1 .card a:after {content:"\f105";position:absolute;top:50%;transform:translateY(-50%);right:0;width:20px;height:20px;text-align:center;line-height:20px;border-radius:50%;font-size:.725rem;display:block;font-family:FontAwesome;} #mv-content .cont1 .card.bg1 {background:#1BA4A5 url(../img/mcard1_bg.png) no-repeat 90% 90%;} #mv-content .cont1 .card.bg1 a:after {background:#FFFFCC;color:var(--main-color);} #mv-content .cont1 .card.bg1 h2, #mv-content .cont1 .card.bg1 a {color:#FFFFCC;} #mv-content .cont1 .card.bg2 {background:#1987AD url(../img/mcard2_bg.png) no-repeat 90% 90%;} #mv-content .cont1 .card.bg2 a:after {background:rgba(0,0,0,0.4);} #mv-content .cont1 .card.bg2 h2, #mv-content .cont1 .card.bg2 a {color:#FFCE63;} #mv-content .cont1 .card.bg1 .txt {color:#fff;} #mv-content .cont1 .card.bg2 .txt {color:rgba(255,255,255,0.6);} #mv-content .cont1 .bx {height:160px;} #mv-content .cont1 .graph {position:relative;padding:30px;border:5px solid #8CD1D1;border-top:0;width:360px;} #mv-content .cont1 .graph:before {content:"";position:absolute;top:0;left:0;display:block;width:30px;border-top:5px solid #8CD1D1;} #mv-content .cont1 .graph:after {content:"";position:absolute;top:0;right:0;display:block;width:calc(100% - 90px);border-top:5px solid #8CD1D1;} #mv-content .cont1 .graph .stit {position:absolute;top:-8px;left:40px;font-size:.875rem;} #mv-content .cont1 .graph .more {font-size:.875rem;font-weight:200;color:var(--main-color);} #mv-content .cont1 .quick {display:flex;} #mv-content .cont1 .quick a {display:block;padding:20px 0;width:calc(50% - 10px);color:#fff;text-align:center;} #mv-content .cont1 .quick a:before {content:"";width:80px;height:80px;margin:0 auto;display:block;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} #mv-content .cont1 .quick a.bg1 {margin-right:20px;background:#4DA491;} #mv-content .cont1 .quick a.bg1:before {background-image:url(../img/mquick_ico1.png);} #mv-content .cont1 .quick a.bg2 {background:#1B969F;} #mv-content .cont1 .quick a.bg2:before {background-image:url(../img/mquick_ico2.png);} #mv-content .cont2 {position:relative;width:640px;margin:0 20px;} #mv-bnr .control-bx {position:absolute;bottom:0;left:0;width:100%;padding:0 30px;background:rgba(0,0,0,0.2);} #mv-bnr a {display:block;} #mv-bnr img {width:100%;} #mv-bnr p.page {color:#fff;line-height:50px;font-size:.875rem;letter-spacing:2px;} #mv-bnr p.page em {color:#FFCC00;} #mv-bnr .mcontrol {position:absolute;top:50%;transform:translateY(-50%);right:30px;display:flex;} #mv-notice {display:flex;height:90px;background:#283F5E;} #mv-notice .tit {width:200px;height:90px;line-height:90px;padding:0 30px;font-size:22px;font-weight:800;color:#FFCC00;background:rgba(0,0,0,0.2);} #mv-notice .tit:before {content:"";width:35px;height:35px;margin-right:10px;display:inline-block;vertical-align:middle;background:url(../img/mnotice_ico.png) no-repeat 50% 50% / cover;} #mv-notice .list {position:relative;width:calc(100% - 290px);} #mv-notice .list li a {position:relative;display:flex;padding:30px 50px;color:#fff;} #mv-notice .list li a p {width:calc(100% - 300px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis} #mv-notice .list .badge {margin-right:15px;border-radius:0;font-size:.875rem;line-height:unset;} #mv-notice .list .date {position:absolute;top:50%;transform:translateY(-50%);right:120px;font-size:.825rem;font-weight:300;color:rgba(255,255,255,0.5);} #mv-notice .list .mcontrol {position:absolute;top:50%;transform:translateY(-50%);right:40px;font-size:.785rem;font-weight:300;color:rgba(255,255,255,0.5);} #mv-notice .more {width:90px;height:90px;background:#FF9900 url(../img/mnotice_more_btn.png) no-repeat 50% 50%;} #main-site {position:relative;width:calc(100% - 200px);margin-left:200px;background:#F3F4F5;} #main-site h3 {margin:0;} #main-site .d_width {position:relative;} #main-site .tit {float:left;width:200px;line-height:100px;} #main-site .tit:before{} #main-site ul {float:left;width:calc(100% - 230px);display:flex;} #main-site ul li a {line-height:100px;} #main-site .mcontrol {position:absolute;top:0;left:150px;line-height:100px;} #mv-content.graphic div.img{animation:aniUp 1.4s cubic-bezier(.4,0,0,1) both 1s;} @keyframes aniUp { 0% {transform:translateY(50px);opacity:0;} 100% {transform:translateY(0);opacity:1;} } #mv-content.graphic div.img:nth-child(1) {animation-delay:0.2s;} #mv-content.graphic div.img:nth-child(2) {margin:0 25px;animation-delay:0.4s;} #mv-content.graphic div.img:nth-child(3) {animation-delay:0.6s;} @media only screen and (max-width:1750px){/* 1200 */ #main-visual .mvtit {font-size:44px;} #main-visual, #main-site {width:100%;margin-left:0;} #mv-content {flex-wrap:wrap;margin-top:40px;} #mv-content .cont1 .card.bg1, #mv-content .cont1 .card.bg2, #mv-content .cont1 .graph {width:540px;} #mv-content .cont1 .card.bg2 {margin-bottom:0;} #mv-content .cont2 {margin-right:0;} #mv-content > div:nth-child(3) {display:flex;margin-top:20px;} #mv-content .cont1 .quick {display:block;width:640px;margin-left:20px;} #mv-content .cont1 .quick a {padding:24px 0;width:100%;} #mv-content.graphic {flex-wrap:nowrap;} #mv-content.graphic > div {width:33.3333% !important;} #mv-content.graphic > div:nth-child(3) {margin-top:0;} } @media only screen and (max-width:1240px){ /* 960 */ #main-visual .mv-tab {position:relative;top:auto;right:auto;width:303px;height:52px;margin-bottom:1rem;} #main-visual .mv-tab a {line-height:46px;padding:0 50px;} #main-visual .mvtit {font-size:40px;} #mv-content h2 {font-size:1.4rem;} #mv-content > div:nth-child(1) {display:flex;width:100%;margin-bottom:20px;} #mv-content .cont1 .card.bg1{width:50%;} #mv-content .cont1 .graph {width:50%;height:auto;margin-left:20px;} #mv-content .cont1 .card {margin-bottom:0;} #mv-content .cont2 {margin:0;width:calc(50% - 10px);} #mv-content > div:nth-child(3) {display:block;width:calc(50% - 10px);margin-top:0;margin-left:20px;} #mv-content .cont1 .bx {height:auto;} #mv-content .cont1 .card {height:auto;} #mv-content .cont1 .card a {display:inline-block;margin-right:20px;} #mv-content .cont1 .card .txt {padding:1rem 0;} #mv-content .cont1 .card.bg2 {width:100%;margin-bottom:20px;} #mv-content .cont1 .quick {display:flex;width:100%;margin-left:0;} #mv-content .cont1 .quick a {width:50%;padding:25px 0;} #mv-content .cont1 .quick a:before {width:60px;height:60px;} #mv-notice {position:relative;flex-wrap:wrap;height:auto;} #mv-notice .tit {width:100%;height:70px;line-height:70px;} #mv-notice .list {width:100%;} #mv-notice .list li a {padding:30px;} #mv-notice .list .date {right:30px;} #mv-notice .more {position:absolute;top:0;right:0;width:70px;height:70px;background-size:30px;} #mv-content.graphic div.img:nth-child(2) {margin:0 20px;} } @media only screen and (max-width:1023px){ /* 720 */ #main-visual {padding-bottom:40px;} #mv-content .cont2 {width:100%;margin-bottom:20px;} #mv-content .cont1 .card a {display:block;} #mv-content .cont1 .card.bg2 {margin-bottom:0;} #mv-content .cont1 .quick {display:block;margin-left:20px;} #mv-content .cont1 .quick a {width:100%;padding:20px 0;} #mv-content > div:nth-child(3) {display:flex;width:100%;margin-left:0;} #mv-content.graphic > div:nth-child(1) {margin-bottom:0;} #login .d_width {padding:0;} } @media only screen and (max-width:767px){ /* auto */ #main-visual {padding-bottom:20px;} #main-visual .mvtit {font-size:32px;} #mv-content {margin-top:20px;} #mv-content > div:nth-child(1), #mv-content > div:nth-child(3) {display:block;} #mv-content .cont1 .card.bg1, #mv-content .cont1 .card.bg2 {width:100%;} #mv-content .cont1 .card.bg1 {margin-bottom:20px;} #mv-content .cont1 .graph {width:100%;margin-left:0;} #mv-content .cont1 .card.bg2 {margin-bottom:20px;} #mv-content .cont1 .quick {display:flex;margin-left:0;} #mv-content.graphic {display:block;} #mv-content.graphic > div {width:100% !important;text-align:center;} #mv-content.graphic div.img:nth-child(2) {margin:20px 0;} } @media only screen and (max-width:576px){/*mobile*/ #mv-content h2 {font-size:1.2rem;} #main-visual .mv-tab {width:100%;} #main-visual .mv-tab a {min-width:50%;padding:0 30px;} #main-visual .mvtit {font-size:24px;text-align:center;} #main-visual .mvtxt {text-align:center;} #mv-content .cont1 .card {padding:20px;} #mv-content .cont1 .card a {font-size:.875rem;} #mv-notice .tit {padding:0 20px;font-size:19px;} #mv-notice .list li a {padding:20px;} #mv-notice .list li a p {width:calc(100% - 250px);} #mv-notice .list .badge {font-size:.725rem;} } @media only screen and (max-width:415px){ /* mobile */ #mv-notice .list li a {display:block;} #mv-notice .list li a p {width:100%;} #mv-notice .list .badge {margin-bottom:10px;} #mv-notice .list .date {top:20px;transform:inherit;} } /* 서브페이지 시작 */ #sub-visual {width:calc(100% - 220px);margin-left:220px;height:280px;padding-top:5rem;background:#F1F6FB url(../img/svbg.png) no-repeat 100% 100%;} #sub-visual .stit {font-size:1.25rem;color:var(--sub-color);} #sub-visual .tit {font-size:50px;font-weight:900;color:#20324B;line-height:1.2;} #sub-container {width:calc(100% - 220px);margin-left:220px;background:#f4f4f4;} .snb-wrap {position:absolute;top:-35px;left:0;width:100%;height:70px;} #snb {float:left;width:calc(100% - 140px);background:#fff;border:1px solid #D1EDED;border-right:0;} #snb ul li {position:relative;float:left;cursor:pointer} #snb ul li:after {content:"\f107";font-family:FontAwesome;position:absolute;top:50%;right:20px;transform:translateY(-50%);display:block;color:#999;} #snb ul li a {display:block;min-width:250px;line-height:70px;padding:0 40px 0 20px;border-right:1px solid #D1EDED;} #snb ul li.home a {display:block;min-width:auto;width:70px;height:70px;background:var(--main-color) url(../img/sub_home_btn.png) no-repeat 50% 50%;} #snb ul li.home:after {content:none;} #snb ul li a:hover {color:var(--main-color);} #snb ul ul {position:absolute;left:0;top:70px;z-index:999;width:100%;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,0.15);} #snb ul ul li a {position:relative;line-height:50px;color:#555;font-size:15px;border:none;border-bottom:1px solid rgba(0,0,0,0.05);padding:0 20px;background:none;} #snb ul ul li:last-child a {border-bottom:none;} #snb ul ul li a:hover {background:#f6f6f6;} #pnb {float:right;} #pnb > span {float:left;display:block;width:70px;height:70px;background-image:url(../img/pnb_ico.png);background-repeat:no-repeat;background-size:140px;} #pnb span a {display:block;height:70px;} #pnb span.ico-print {position:relative;background-color:#fff;background-position:0 0;border:1px solid #D3D7DA;} #pnb span.ico-share {background-color:var(--main-color);background-position:-70px 0;} #pnb .share {position:absolute;right:0;top:50px;z-index:9999;width:auto;background:#fff;border:1px solid #eaeaea;padding:20px 20px 20px 15px;box-shadow:0 2px 6px rgba(0,0,0,0.1);width:220px;} #pnb .share-sns{position: absolute;bottom: -40px;left: 50%;transform: translateX(-50%);width:110px;} #pnb .share-sns a{width:30px;height: 30px;line-height:30px;float: left;border-radius: 50%;margin:0 3px;text-align:center;background:rgba(0,0,0,0.4);color:#fff;} #sub-content {padding:4rem 0;font-size:17px !important;} #sub-content h1 {margin:2rem 0;font-size:40px;color:var(--point-color);line-height:1.2;} #sub-content h2 {margin:2rem 0 1.6rem;font-size:30px;color:var(--point-color);font-weight:800;} #sub-content h3 {font-size:24px;vertical-align:middle;} #sub-content h3:before {content:"";display:inline-block;width:16px;height:14px;margin-right:10px;background:url(../img/sub_h3_ico.png) no-repeat 50% 50% / cover;} #sub-content .sub-tit {margin:0 0 1rem 0;color:var(--main-color);font-size:1.4rem;line-height:1.4;font-weight:800;} .bx-koms {background:#fff;border:1px solid var(--line-color);padding:2.4rem;} /* 테이블 스타일 변경 */ .t3 table th, .t3 table td {padding:1rem 2rem;border:0;} .t3 table thead th {border-top:0;color:var(--main-color);border-bottom:0;background:var(--point-color);} .t3 table tbody th {background:#E0E4E9;color:var(--point-color);} .t3 table tbody th, .t3 table tbody td {border-bottom:1px solid #ccc;} /*3depth 탭메뉴*/ /*.page_tab {margin:2rem 0;} .page_tab ul {display:flex;flex-wrap:wrap;margin:-5px;} .page_tab li {display:flex;justify-content:center;align-items:center;min-width:25%;flex-basis:25%;flex-grow:1;margin:5px;text-align:center;background-color:#cbd1d6;} .page_tab ul li:last-child {border-right:0;} .page_tab ul li a {display:block;width:100%;padding:1.4rem 0;line-height:1.4;font-size:1.145rem;color:#324F72;} .page_tab ul li.on {background-color:#1BA4A5;} .page_tab ul li.on a {color:#fff;font-weight:600;}*/ /******* 3depth 탭메뉴 서브 개편 20250214 *******/ .page_tab{margin:2rem 0;} .page_tab ul{width:100%;flex-wrap:wrap;display:flex;background:#E9E9E9;border:1px solid #ccc;border-bottom:none;margin-bottom:50px;border-right:1px solid #ccc;border-radius:10px 10px 0 0;} .page_tab li{flex:auto;border-bottom:1px solid var(--main-color);} .page_tab li.on{background:#f4f4f4;border:1px solid var(--main-color);border-bottom:none;border-radius:10px 10px 0 0;margin:-1px -1px 0;} .page_tab li a{width:100%;line-height:70px;position:relative;display:block;font-weight:500;color:#666;text-align:center;padding:0 15px;} .page_tab li a:before{width:1px;height:45px;content:"";position:absolute;top:50%;left:-1px;transform:translateY(-50%);background:#ccc;} .page_tab li.on + li a:before{display:none;} .page_tab li:last-child.on{margin-right:-1px;} .page_tab li:last-child a:after{display:none;} .page_tab li.on a{color:var(--main-color);} .page_tab li.on a:before{background:var(--main-color);} .page_tab li:last-child.on a:before{display:block;} /* 반응형 */ @media only screen and (max-width:1750px){/* 1200 */ .page_tab li a{line-height:60px;} .page_tab li a:before{height:30px;} } @media only screen and (max-width:1240px){ /* 960 */ } @media only screen and (max-width:1023px){ /* 720 */ .page_tab li a{line-height:50px;} } @media only screen and (max-width:767px){ /* auto */ .page_tab ul{margin-bottom:30px;} } @media only screen and (max-width:576px){ .page_tab li{width:100%;} .page_tab li a{line-height:40px;} } @media only screen and (max-width:415px){ } /******* //3depth 탭메뉴 *******/ /* 게시판 검색영역 */ .board-search {margin-bottom:30px;margin-top:0;} .board-search .txt {float:left;font-size:16px;color:#999;line-height:45px;} .board-search .txt span {color:var(--sub-color);} .board-search .serch-wrap {float:right;position:relative;} .board-search .serch-wrap select {border:none;border-bottom:2px solid #202f4e;border-radius:0;width:150px;height:45px;line-height:45px;font-size:14px;color:#202f4e;margin-right:10px;background:none;} .board-search .serch-wrap input {border:none;box-shadow:none;border-bottom:2px solid var(--sub-color);width:320px;border-radius:0;height:45px;padding:0 10px;line-height:45px;margin-left:5px;color:var(--sub-color);padding-right:30px;font-size:14px;background:none;} .board-search .serch-wrap input::placeholder {color:var(--sub-color);} .board-search .serch-wrap .ico-search {color:var(--sub-color);font-size:110%;position:absolute;right:10px;top: 50%;transform: translateY(-50%);} .board_list thead th {background:none;} .paging a {border:none;} .paging strong {width:35px;height:35px;line-height:33px;border-radius:50%;background:var(--sub-color);border:1px solid var(--sub-color);} .paging a.first, .paging a.last, .paging a.prev, .paging a.next {width:35px;height:35px;line-height:35px;padding:0;border:none;background:none;} .paging a:hover, .paging a:focus {background:none;} .board-view {} .board-view .title {padding:25px 0;margin:0;text-align:center;font-size:21px;line-height:1.4;color:#1E2F51;word-break:keep-all;border-top:2px solid #3366CC;} .board-view .desc {display:flex;flex-wrap:wrap;padding:15px 0;margin:0;background:#f7f7f7;border-top:1px solid #ccc;border-bottom:1px solid #ccc;} .board-view .desc li {flex-basis:auto;flex-grow:1;color:#1E2F51;text-align:center;border-right:1px solid #ccc;} .board-view .desc li:last-child {border-right:none;} .board-view .desc li span {margin-left:60px;color:#3366CC;} .board-view .cont {clear:both;padding:20px 0;margin:0;} .board-view .attach {clear:both;padding:15px 20px;margin:0 0 40px 0;border:1px dashed #BDC7DB;background:#F6FAFC;} .board-view .attach a {color:#3366CC;font-size:13px;} .board-view .attach a:before {font-family:FontAwesome;content:"\f0c6";margin-right:10px;} .board-view .btn-list {display: inline-block;text-align:center;vertical-align:middle;line-height:1.4;background:none;border:1px solid #3366CC;padding:15px 35px;color:#3366CC;} .board-view .btn-list:hover {background:#3366CC;color:#fff;transition:0.2s;} @media only screen and (max-width:1750px){/* 1200 */ #sub-visual, #sub-container {width:100%;margin-left:0;} .board-view .desc li {font-size:14px;} } @media only screen and (max-width:1240px){ /* 960 */ .bx-koms {padding:2rem;} #sub-content {font-size:1rem !important;} #sub-content h1 {font-size:30px;} #sub-content h2 {font-size:26px;margin:1.2rem 0 1rem;} #sub-content h3 {font-size:22px;} #sub-visual {padding-top:7rem;background-position:-100% 100%;} } @media only screen and (max-width:1023px){ /* 720 */ #sub-content {padding-top:3rem;} #sub-content h1 {font-size:26px;} #sub-content h2 {font-size:24px;} #sub-content h3 {font-size:20px;} #sub-content .sub-tit {font-size:1.2rem;} #pnb{display:none;} .snb-wrap {height:60px;} #snb {width:100%;border-right:1px solid #d1eded;} #snb .sub_depth1{width:100%;} #snb ul li.home a {width:60px;height:60px;line-height:60px;padding:0;} #snb ul li a {line-height:60px;font-size:17px;} #snb ul ul {top:60px;} #snb ul li li {width:100%;} #snb ul ul li a {line-height:40px;} .page_tab ul li a {font-size:1rem;} .satisfaction {margin:30px 0;} .board-search .txt, .board-search .serch-wrap {float:none;} .board-search .serch-wrap input {width:calc(100% - 170px);} .board-search .serch-wrap .ico-search {right:0;} .board-list li a {padding:30px 50px 30px 60px;} .board-list .num {left:20px;top:30px;} .board-list .subject {font-size:20px;padding-right:120px;} .board-list .stat {right:20px;top:30px;} .board-view .desc {padding:15px;} .board-view .desc li {border-right:none;text-align:left;} } @media only screen and (max-width:767px){ /* auto */ #body-content *::-webkit-scrollbar {height:5px;} .bx-koms {padding:1.8rem} #sub-content {padding-top:7rem;} .snb-wrap {top:60px;height:50px;} #snb {border-right:none;border-left:none;} #snb ul li span{font-size:14px;border-right:0;} #snb ul li.home a {width:50px;height:50px;line-height:50px;padding:0;} #snb ul li a {line-height:50px;font-size:1rem;border-right:none;} #snb ul ul {top:50px;} #snb > ul > li:last-child {float:none;padding-left:50px;} .mobile_none {display:none;} #sub-visual {display:none;} /*.page_tab ul li a {padding:1rem 0;}*/ .t3 table th, .t3 table td {padding:1.2rem;} .body-head {padding:0;} #login .d_width > div {border-left:1px solid var(--line-color);} #join {padding:0;} #join .d_width > a {width:100%;} #join .tit {padding-top:15px;} #join .d_width {padding:0;} .board-list li a {padding:20px 40px 20px 40px;} .board-list .num {left:10px;top:20px;} .board-list .subject {font-size:18px;margin:0 0 10px 0;padding-right:90px;} .board-list .stat {right:10px;top:20px;} .board-list .stat span.ico-view {display:none;} } @media only screen and (max-width:576px){/*mobile*/ .bx-koms {padding:1.4rem} #sub-content {font-size:.875rem !important;} #sub-content h1 {font-size:24px;margin:2rem 0 1rem;} #sub-content h2 {font-size:20px;margin:1rem 0 .5rem;} #sub-content h3 {font-size:18px;margin-bottom:5px;} #sub-content .sub-tit {font-size:1rem;margin:0 0 .5rem 0;} .t3 table th, .t3 table td {padding:.875rem 1rem;} .board-list li a {padding:20px 20px 20px 40px;} .board-list .stat {position:relative;top:0;right:0;margin-top:10px;} .board-list .subject{padding-right:0;} } @media only screen and (max-width:415px){/*mobile*/ .board-search .serch-wrap select {width:90px;} .board-search .serch-wrap input {width:calc(100% - 110px);} } /******* 인사말 *******/ #greeting .tit span {display:block;font-weight:800;color:var(--main-color);} #greeting .bnr {height:250px;margin:3rem 0;background:url(../img/greeting_bnr.png) no-repeat 50% 50% / cover;} #greeting .col_wrap {margin-left:-20px;margin-right:-20px;} #greeting .col_wrap .col_d2 {width:calc(50% - 40px);margin:0 20px;line-height:1.8;} /******* 인사말 서브 개편 20250214 *******/ #greeting.row{flex-wrap:nowrap;margin:0 -20px;} #greeting.row > div{margin:40px 20px;} #greeting.row .greeting-wrap{width:calc(100% - 540px);} #greeting.row .greeting-wrap .title-wrap{line-height:1.4;} #greeting.row .greeting-wrap .title-wrap .tit, #greeting.row .greeting-wrap .title-wrap .stit{font-size:40px;letter-spacing:-1px;} #greeting.row .greeting-wrap .title-wrap .tit{font-weight:800;color:var(--main-color);} #greeting.row .greeting-wrap .title-wrap .stit{} #greeting.row .greeting-wrap .title-wrap .txt{font-size:24px;margin:30px 0 60px;} #greeting.row .greeting-wrap .bnr{width:100%;height:150px;display:none;margin-bottom:30px;border-radius:0 20px 0 20px;} #greeting.row .greeting-wrap .cont-wrap{position:relative;} #greeting.row .greeting-wrap .cont-wrap:after{width:590px;height:450px;content:"";position:absolute;left:0;bottom:0;background:url("../img/greeting_bg.png") no-repeat left -115px top 0 / cover;opacity:0.05;} #greeting.row .greeting-wrap .cont-wrap p{margin-bottom:15px;} #greeting.row .bnr{width:510px;height:auto;background:url(../img/greeting_visual.png) no-repeat 50% 50% / cover;border-radius:0 40px 0 40px;} /* 반응형 20250221 */ @media only screen and (max-width:1750px){/* 1200 */ #greeting.row .greeting-wrap .cont-wrap:after{width:570px;height:435px;} #greeting.row .greeting-wrap .title-wrap .txt br{display:none;} } @media only screen and (max-width:1240px){ /* 960 */ #greeting.row{position:relative;} #greeting.row .greeting-wrap{width:100%;margin:0;} #greeting.row .greeting-wrap .title-wrap .tit, #greeting.row .greeting-wrap .title-wrap .stit{font-size:36px;} #greeting.row .greeting-wrap .title-wrap .txt{width:calc(100% - 380px);font-size:22px;margin:25px 0 50px;} #greeting.row .bnr{width:350px;height:360px;position:absolute;top:0;right:0;margin:0;} #greeting.row .greeting-wrap .cont-wrap:after{width:525px;height:405px;background-position:left -105px top 0;} #greeting.row .greeting-wrap .cont-wrap p:first-child{width:calc(100% - 390px);} } @media only screen and (max-width:1023px){ /* 720 */ #greeting.row{position:relative;margin:0 -15px;} #greeting.row > div{margin:30px 15px;} #greeting.row .greeting-wrap .title-wrap .tit, #greeting.row .greeting-wrap .title-wrap .stit{font-size:32px;} #greeting.row .greeting-wrap .title-wrap .txt{width:calc(100% - 290px);font-size:20px;margin:20px 0 45px;} #greeting.row .bnr{width:270px;height:220px;background-position:center 27%;border-radius:0 30px 0 30px;} #greeting.row .greeting-wrap .cont-wrap:after{width:475px;height:365px;background-position:left -105px top 0;} #greeting.row .greeting-wrap .cont-wrap p:first-child{width:100%;} } @media only screen and (max-width:767px){ /* auto */ #greeting.row{word-break:break-all;} #greeting.row .greeting-wrap .title-wrap .tit, #greeting.row .greeting-wrap .title-wrap .stit{font-size:28px;} #greeting.row .greeting-wrap .title-wrap .txt{width:100%;font-size:18px;margin:20px 0 25px;} #greeting.row .greeting-wrap .bnr{display:block;position:relative;background-position:center 35%;} #greeting.row .greeting-wrap .cont-wrap p{margin-bottom:10px;} #greeting.row .bnr{display:none;} #greeting.row .greeting-wrap .cont-wrap:after{width:100%;height:100%;background-position:center;background-size:70%} } @media only screen and (max-width:576px){ #greeting.row .greeting-wrap .title-wrap .tit, #greeting.row .greeting-wrap .title-wrap .stit{font-size:24px;} #greeting.row .greeting-wrap .title-wrap .txt{font-size:16px;margin:15px 0 20px;} #greeting.row .greeting-wrap .bnr{margin-bottom:20px;} #greeting.row .greeting-wrap .cont-wrap:after{background-size:80%} } @media only screen and (max-width:415px){ #greeting.row .greeting-wrap .title-wrap .tit, #greeting.row .greeting-wrap .title-wrap .stit{font-size:20px;} #greeting.row .greeting-wrap .title-wrap .txt{margin:10px 0 15px;} #greeting.row .greeting-wrap .bnr{height:100px;margin-bottom:15px;border-radius:0 15px 0 15px;} #greeting.row .greeting-wrap .cont-wrap p{margin-bottom:5px;} #greeting.row .greeting-wrap .cont-wrap:after{background-size:90%} } /******* //인사말 서브 개편 20250214 *******/ /******* 조사개요 *******/ .koms-purpose div.bx-koms:nth-child(1) {border-bottom:none;} .koms-purpose .sub-tit:before {content:"\f00c";display:inline-block;font-weight:500;margin-right:10px;font-size:1.2rem;font-family:FontAwesome;color:var(--main-color);} .koms-target .col_wrap {margin:0 -20px;} .koms-target .col_wrap .col_d2 {width:calc(50% - 40px);margin:0 20px;background-repeat:no-repeat;background-position:92% 50%;} .koms-target .col_wrap .col_d2.ico1 {background-image:url(../img/koms_target_ico1.png);} .koms-target .col_wrap .col_d2.ico2 {background-image:url(../img/koms_target_ico2.png);} .koms-list .bx {position:relative;display:flex;padding:2.4rem 0;border-top:1px solid #ccc;} .koms-list .bx:before {content:"";position:absolute;top:0;left:0;display:block;width:300px;border-top:2px solid var(--main-color);} .koms-list div.bx:last-child {border-bottom:1px solid #ccc;} .koms-list .bx .sub-tit {width:300px;} .koms-list .bx .txt {width:calc(100% - 300px);padding:0 2.4rem 0 4rem;word-break:keep-all;line-height:1.8;} .koms-list .bx .txt p:nth-child(1) {margin-bottom:1rem;} .koms-list .bx .txt p span {color:var(--sub-color);} .koms-history {position:relative;padding:0 0 30px 0;} .koms-history .year {position:absolute;left:0;top:0;width:200px;color:var(--main-color);font-size:30px;font-weight:bold;font-family:Lato;line-height:1.5} .koms-history .year:before {content:"";position:absolute;z-index:2;right:-4px;top:23px;height:0;width:0;border: solid transparent;border-left-color:var(--main-color);border-width:12px;margin-top:-12px;} .koms-history .year:after {content:"";position:absolute;z-index:2;right:0;top:22px;height:0;width:0;border: solid transparent;border-left-color:#f4f4f4;border-width:10px;margin-top:-9px;} .koms-history dl:before {content:"";position:absolute;z-index:1;left:180px;top:10px;height:100%;display:block;border-left:1px solid #ddd;} .koms-history dl {clear:both;padding:0;margin:0 0 0 220px;} .koms-history dl em {color:var(--sub-color);} .koms-history dd {float:left;padding:10px 0;margin:0;width:calc(100% - 100px);} /* ****** 조사개요 서브 개편 20250214 ****** */ /* 조사소개 공통 타이틀 */ #intro-title{margin:40px 0;} #intro-title .stit{font-size:16px;font-weight:800;letter-spacing:1px;color:var(--main-color);} #intro-title .tit{font-size:40px;letter-spacing:-1px;color:#000;margin:0;} #sub-content h3.intro-ico{font-weight:800;color:#333;position:relative;padding-left:25px;} #sub-content h3.intro-ico:before{width:15px;height:15px;content:"";position:absolute;left:0;top:10px;background:url("../img/ico_h3.png") no-repeat center / cover;} /* background txt */ .bg_txt{position:relative;} .bg_txt:after{width:100%;line-height:1;text-align:center;content:"NIKOM SURVEY";font-weight:800;font-size:90px;color:rgba(204,204,204,0.5);letter-spacing:-1px;position:absolute;left:50%;bottom:-14px;transform:translateX(-50%);} /* > ul */ .txt-arrow li{font-size:18px;font-weight:400;position:relative;color:#000;padding-left:15px;margin-top:5px;} .txt-arrow > li:first-child{margin-top:0;} .txt-arrow > li:before{content:"\f105";font-family:FontAwesome;font-size:12px;position:absolute;left:0;top:5px;color:#999;} .txt-arrow > li > ul > li:before{width:7px;height:2px;content:"";position:absolute;left:0;top:13px;background:#999;} .txt-arrow ul ul li{padding-left:10px;} .txt-arrow ul ul li:before{width:2px;height:2px;content:"";position:absolute;left:0;top:12px;background:#888;} .txt-arrow.bg-gr > li{position:relative;padding-left:27px;} .txt-arrow.bg-gr > li:before{width:17px;height:17px;line-height:17px;left:0;top:5px;font-size:10px;color:#fff;background:#999;text-align:center;border-radius:50%;box-shadow:0 0 2px rgba(0,0,0,0.3);} /* 타이틀 반응형*/ @media only screen and (max-width:1750px){/* 1200 */ .bg_txt:after{font-size:75px;bottom:-12px;} } @media only screen and (max-width:1240px){ /* 960 */ #intro-title{margin:40px 0 20px;} #intro-title .tit{font-size:32px;} #sub-content h3.intro-ico:before{top:9px;} .bg_txt:after{font-size:60px;bottom:-10px;} } @media only screen and (max-width:1023px){ /* 720 */ #intro-title .stit{font-size:15px;} #intro-title .tit{font-size:26px;} #sub-content h3.intro-ico:before{top:7.5px;} .bg_txt:after{width:220px;font-size:50px;bottom:-8px;} .txt-arrow.bg-gr > li > br{display:none;} } @media only screen and (max-width:767px){ /* auto */ #intro-title{margin:35px 0 15px;} .txt-arrow li{font-size:16px;margin-top:3px;} .txt-arrow > li:before{top:3px;} .txt-arrow > li > ul > li:before{top:10px;} .bg_txt:after{width:240px;text-align:right;color:rgba(204,204,204,0.3);left:auto;right:10px;bottom:50%;transform:translateY(50%);font-size:60px;} } @media only screen and (max-width:576px){ #intro-title{margin:25px 0 10px;} #intro-title .stit{font-size:14px;} #intro-title .tit{font-size:20px;} #sub-content h3.intro-ico{padding-left:20px;} #sub-content h3.intro-ico:before{width:12px;height:12px;} .bg_txt:after{width:120px;font-size:30px;} } @media only screen and (max-width:415px){ .bg_txt:after{display:none;} } /* // 조사소개 공통 타이틀 */ .intro-cont .row{margin:0 -40px 20px;} .intro-cont .row .intro-ico, .intro-cont .row .txt-arrow{margin:0 40px;} .intro-cont .row:nth-child(3) .intro-ico{position:relative;} .intro-cont .row:nth-child(3) .intro-ico:after{width:1px;height:calc(100% - 40px);position:absolute;content:"";background:#ccc;left:calc(50% + 12.5px);bottom:0;} .intro-cont .row .txt-arrow{width:calc(100% - 270px);font-size:18px;padding:4.5px 0;} .intro-cont .row .txt-arrow > li:nth-child(n+2){margin-top:10px;} .intro-cont .row .list{display:flex;flex-wrap:wrap;border:1px solid #999;padding:5px 10px 10px;margin-top:7px;} .intro-cont .row .list > li{width:calc(100% / 3 - 10px);color:#555;margin:5px;} .intro-cont .row .list > li:before{width: 9px;height: 9px;line-height: 8.5px;content:"\f00c";font-family:FontAwesome;font-size: 5px;font-weight:600;color:#fff;position:absolute;left:0;top:10px;background: #999999a9;border: 1px solid #aaa;border-radius:2px;padding:0 0.5px;} .intro-cont .bnr{width:100%;height:200px;background:url("../img/vignette_visual.png") no-repeat center / cover;} #history-cont{border-left:1px solid #ccc;padding-left:40px;margin-left:60px;} #history-cont > li{display:flex;position:relative;margin-bottom:25px;} #history-cont > li:before{width:10px;height:10px;content:"";position:absolute;left:-45px;top:12.5px;background:#ccc;border-radius:50%;} #history-cont > li:first-child:before{width:17px;height:17px;line-height:17px;content:"\f107";font-family:FontAwesome;text-align:center;font-size:12px;color:#fff;left:-49.5px;top:9px;background:var(--main-color);box-shadow:0 0 2px rgba(0,0,0,0.3);} #history-cont h3.year{width:65px;font-weight:800;color:#333;position:relative;margin:0 20px 0 0;} #history-cont h3.year:before{display:none;} #history-cont div{width:calc(100% - 85px);} #history-cont .tit{line-height:35px;font-size:20px;font-weight:500;color:#000;margin-bottom:5px;} #history-cont .txt-arrow li{color:#4A4A4A;} /* 반응형 */ @media only screen and (max-width:1750px){/* 1200 */ } @media only screen and (max-width:1240px){ /* 960 */ .intro-cont .row{margin:0 -20px 20px;} .intro-cont .row .intro-ico, .intro-cont .row .txt-arrow{margin:0 20px;} .intro-cont .row .txt-arrow{width:100%;padding-left:25px;} #history-cont{margin-left:45px;} } @media only screen and (max-width:1023px){ /* 720 */ .intro-cont .row .txt-arrow li br{display:none;} .intro-cont .row .list > li{width:auto;padding-right:20px;} #history-cont{padding-left:20px;margin-left:30px;} #history-cont > li:before{top:10px;left:-25px;} #history-cont > li:first-child:before{top:6px;left:-29.5px;} #history-cont h3.year{width:55px;} #history-cont div{width:calc(100% - 75px);} } @media only screen and (max-width:767px){ /* auto */ #history-cont{margin-left:15px;} #history-cont > li{flex-direction:column;} #history-cont div{width:100%;} #history-cont .tit{font-size:18px;line-height:30px;} .intro-cont .row{margin:0 -20px 10px;} .intro-cont .row .list{padding:10px;} .intro-cont .txt-arrow .list > li{margin:0;} .intro-cont .row .txt-arrow{padding-left:5px;} .intro-cont .bnr{height:120px;} } @media only screen and (max-width:576px){ .intro-cont .row .list > li{width:100%;} } @media only screen and (max-width:415px){ #history-cont{border-left:0;margin:0;padding:0;} #history-cont > li:before{left:-2px;top:2px;background:var(--main-color);} #history-cont > li:first-child:before{width:10px;height:10px;content:"";left:-2px;top:2px;} #history-cont .tit{line-height:1.4;} #history-cont .txt-arrow{line-height:1.4;} #history-cont .txt-arrow li{margin:0;} .intro-cont .bnr{height:60px;} } /******* //조사개요 서브 개편 20250214 *******/ /******* 표본설계 *******/ .sample-pro {display:flex;flex-flow:row wrap;margin:0 -10px;} .sample-pro .cont {width:calc(33.3333% - 20px);margin:0 10px;background:#fff;font-size:1rem;} .sample-pro .sub-tit {margin-bottom:3rem !important;} .sample-pro .sub-tit span {display:block;margin-bottom:1px solid;font-size:1.2rem;font-weight:600;} /******* 표본설계 서브 개편 20250214 *******/ /* 표본설계 상단 공통 */ .sample-wrap{} .sample-wrap .sample-top{width:100%;height:300px;border-radius:30px;} .sample-wrap.cont1 .sample-top{background:url("../img/sample-top1.png") no-repeat center / cover;} .sample-wrap.cont2 .sample-top{background:url("../img/sample-top2.png") no-repeat center / cover;} .sample-wrap.cont3 .sample-top{background:url("../img/sample-top3.png") no-repeat center / cover;} .sample-wrap .sample-cont{width:calc(100% - 120px);position:relative;border-top-left-radius:35px;background:#f4f4f4;padding:35px 160px 0 40px;margin:-90px 0 0 120px;} .sample-wrap .sample-cont #intro-title{margin:0 0 45px;} @media only screen and (max-width:1750px){/* 1200 */ .sample-wrap .sample-top{height:270px;} .sample-wrap .sample-cont{width:calc(100% - 60px);padding:30px 90px 0 30px;margin:-80px 0 0 60px;} } @media only screen and (max-width:1240px){ /* 960 */ .sample-wrap .sample-top{height:220px;border-radius:20px;} .sample-wrap .sample-cont{width:calc(100% - 40px);border-top-left-radius:20px;padding:20px 60px 0 20px;margin:-50px 0 0 40px;} .sample-wrap .sample-cont #intro-title{margin:0 0 20px;} } @media only screen and (max-width:1023px){ /* 720 */ .sample-wrap .sample-top{height:160px;} .sample-wrap .sample-cont{width:100%;padding:15px 0;margin:0;} } @media only screen and (max-width:767px){ /* auto */ .sample-wrap .sample-top{height:120px;} .sample-wrap .sample-cont #intro-title{margin:0 0 15px;} } @media only screen and (max-width:576px){ .sample-wrap .sample-top{height:80px;border-radius:10px;} .sample-wrap .sample-cont #intro-title{margin:0 0 10px;} } @media only screen and (max-width:415px){ } /* //표본설계 상단 공통 */ .sample-wrap .sample-cont h3{font-weight:800;color:#333;margin:0 0 25px;} .sample-wrap .sample-cont h3:before{display:none !important;} .sample-wrap .sample-cont h3 span{width:30px;font-size:18px;display:inline-block;color:var(--main-color);vertical-align:2.5px;} .sample-wrap .population{display:flex;justify-content:space-between;margin:0 0 45px 30px;} .sample-wrap .population dl{text-align:center;color:#333;} .sample-wrap .population dl.t1{width:350px;border-top:1px dashed #242424;color:#555;position:relative;} .sample-wrap .population dl.t1:after{width:17px;height:17px;line-height: 17px;content:"\f061";font-family:FontAwesome;font-size:10px;color:#fff;font-weight:600;position:absolute;right:-45px;top:50%;transform:translateY(-50%);background:var(--main-color);border-radius:50%;box-shadow:0 0 2px rgba(0,0,0,0.3);} .sample-wrap .population dl.t1 dt, .sample-wrap .population dl.t1 dd{border-bottom:1px dashed #242424;} .sample-wrap .population dl.t2{width:625px;border-top:1px solid var(--main-color);} .sample-wrap .population dl.t2 dt, .sample-wrap .population dl.t2 dd{border-bottom:1px solid var(--main-color);} .sample-wrap .population dl.t3{width:100%;border-top:1px solid var(--main-color);} .sample-wrap .population dl.t3 dt{border-bottom:1px dashed var(--main-color);} .sample-wrap .population dl.t3 dd{text-align:left;border-bottom:1px solid var(--main-color);} .sample-wrap .population dl dt, .sample-wrap .population dl dd{padding:25px;} .sample-wrap .population dl dt{font-size:20px;font-weight:500;} .sample-wrap .population dl dd{font-size:18px;} .sample-wrap .population dl.t2 dd, .sample-wrap .population dl.t3 dd{color:#000;} .sample-wrap .population .txt-arrow.bg-gr > li:before, .sample-wrap .bg_gr .txt-arrow.bg-gr > li:before{background:var(--main-color);} .sample-wrap .sampling{display:flex;flex-wrap:wrap;margin-left:30px;} .sample-wrap .sampling div{width:50%;display:flex;align-items:center;margin-bottom:30px;} .sample-wrap .sampling div:last-child{width:100%;margin-bottom:45px;} .sample-wrap .sampling div span{width:127px;height:127px;line-height:1.4;display:inline-block;font-size:20px;font-weight:600;text-align:center;color:#333;background:url("../img/sampling-tit.png") no-repeat center / cover;padding:35px 0;margin-right:20px;} .sample-wrap .sampling div:first-child span{padding:49px 0;} .sample-wrap .sampling div .txt-arrow{width:calc(100% - 147px);} .sample-wrap .sampling div .txt-arrow .row{margin:0;} .sample-wrap .sampling div .txt-arrow .row > li{margin-right:40px;} .sample-wrap .sampling.length div{width:100%;} .sample-wrap .selection{margin-left:30px;margin-bottom:45px;} .sample-wrap .selection > li{font-size:20px;font-weight:500;position:relative;border-bottom:1px dashed #ccc;padding:35px 30px 35px 57px;background-repeat:no-repeat;background-size:92px auto;background-position:right 30px center;} .sample-wrap .selection > li:nth-child(1){border-top:1px solid #242424;background-image:url("../img/ico_sel1.png");} .sample-wrap .selection > li:nth-child(2){background-image:url("../img/ico_sel2.png");background-position:right 30px top 70%;} .sample-wrap .selection > li:nth-child(3){background-image:url("../img/ico_sel3.png");} .sample-wrap .selection > li > span{width:17px;height:17px;line-height:17px;position:absolute;left:30px;top:40px;font-size:11px;font-weight:500;color:#fff;text-align:center;background:var(--main-color);border-radius:50%;box-shadow:0 0 2px rgba(0,0,0,0.3);} .sample-wrap .selection .txt-arrow > li:first-child{margin-top:5px;} .sample-wrap.cont2 .selection > li:nth-child(3){background-position:right 30px top 40px;} .sample-wrap .bg_gr{background:#ececec;border-radius:15px;padding:20px 30px;margin-left:30px;} @media only screen and (max-width:1750px){/* 1200 */ .sample-wrap .population dl.t1{width:310px;} .sample-wrap .population dl.t2{width:610px;} .sample-wrap .population dl dt, .sample-wrap .population dl dd{padding:25px 0;} } @media only screen and (max-width:1240px){ /* 960 */ .sample-wrap .sample-cont h3{margin:0 0 15px;} .sample-wrap .population{margin:0 0 30px;} .sample-wrap .population dl.t1{width:30%} .sample-wrap .population dl.t1:after{right:-30px;} .sample-wrap .population dl.t2{width:65%} .sample-wrap .population dl dt, .sample-wrap .population dl dd{padding:20px 0;} .sample-wrap .population dd br{display:none;} .sample-wrap .sampling{margin:0;} .sample-wrap .sampling div{width:100%;} .sample-wrap .sampling div span{width:100px;height:100px;line-height:1.2;padding:25px 0;margin-right:15px;} .sample-wrap .sampling div:first-child span{padding:37px 0;} .sample-wrap .sampling div .txt-arrow{width:calc(100% - 115px);} .sample-wrap .selection{margin:0 0 30px;} .sample-wrap .bg_gr{margin:0;} .sample-wrap.cont2 .selection li:nth-child(3) .txt-arrow > li:first-child{width:calc(100% - 100px);} .sample-wrap.cont2 .selection li:nth-child(3) .txt-arrow > li:first-child br{display:none;} .sample-wrap.cont3 .selection li:nth-child(1) .txt-arrow > li:first-child{width:calc(100% - 100px);} .sample-wrap.cont3 .selection li:nth-child(1) .txt-arrow > li:first-child br{display:none;} .sample-wrap.cont3 .selection > li:nth-child(2){background-position:right 30px top 18%;} .sample-wrap.cont3 .selection > li:nth-child(3){background-position:right 30px top 60%;} } @media only screen and (max-width:1023px){ /* 720 */ .sample-wrap .sample-cont h3 span{vertical-align:1.5px;} .sample-wrap .selection > li{padding:25px 25px 25px 30px;} .sample-wrap .selection > li > span{top:30px;left:5px;} .sample-wrap.cont1 .selection > li:nth-child(3){background-position:right 30px top 30px;} .sample-wrap.cont3 .selection li:nth-child(1) .txt-arrow > li:first-child{width:100%;} .sample-wrap.cont3 .selection > li:nth-child(-n+3){background:none;} } @media only screen and (max-width:767px){ /* auto */ .sample-wrap .sample-cont h3{margin: 0 0 10px;} .sample-wrap .population{flex-direction:column;} .sample-wrap .population dl.t1, .sample-wrap .population dl.t2{width:100%;overflow-y:unset;} .sample-wrap .population dl.t1{margin-bottom:40px;} .sample-wrap .population dl.t1:before, .sample-wrap .population dl.t2:before, .sample-wrap .population dl.t3:before{display:none;} .sample-wrap .population dl.t1:after{right:50%;top:calc(100% + 10px);transform:translateX(50%);content:"\f107";} .sample-wrap .population dl dt, .sample-wrap .population dl dd{padding:15px 0;} .sample-wrap .population dl dt{font-size:18px;} .sample-wrap .population dl dd{font-size:16px;text-align:left;} .sample-wrap .sampling div{margin-bottom:15px;} .sample-wrap .sampling div span{font-size:18px;padding:28px 0;} .sample-wrap .sampling div:first-child span{padding:39px 0;} .sample-wrap .selection > li{font-size:18px;padding:15px 15px 15px 40px;} .sample-wrap .selection > li:nth-child(-n+3){background:none;} .sample-wrap .selection > li > span{top:17px;left:15px;} } @media only screen and (max-width:576px){ .sample-wrap .sampling div{flex-direction:column;} .sample-wrap .sampling div span{width:100%;height:27px;line-height:27px;text-align:left;background-size:auto 22px;background-position:left center;padding:5px 0 0 10px;margin-bottom:5px;} .sample-wrap .sampling div:first-child span{padding:5px 0 0 10px;} .sample-wrap .sampling div span br{display:none;} .sample-wrap .sampling div .txt-arrow{width:100%;} .sample-wrap .selection > li{padding:15px 0 15px 25px;} .sample-wrap .selection > li > span{top:20px;left:0;} } @media only screen and (max-width:415px){ .sample-wrap .population{margin:0 0 15px;} .sample-wrap .selection > li{padding:30px 0 15px 0;} .sample-wrap .selection > li > span{top:10px;} } /******* //표본설계 서브 개편 20250214 *******/ /******* 수행과정 *******/ .research-pro > ul {display:flex;margin:0 -5px;} .research-pro > ul > li {position:relative;flex-grow: 1;flex-basis: 20%;/* width:calc(20% - 10px); */margin:0 5px;padding:2.4rem;} .research-pro > ul > li:before {content:"";position:absolute;bottom:20px;right:20px;width:60px;height:60px;background-image:url(../img/research_pro_ico.png);background-repeat:no-repeat;background-size:300px;} .research-pro > ul > li.ico1:before {background-position:0 0;} .research-pro > ul > li.ico2:before {background-position:-60px 0;} .research-pro > ul > li.ico3:before {background-position:-120px 0;} .research-pro > ul > li.ico4:before {background-position:-180px 0;} .research-pro > ul > li.ico5:before {background-position:-240px 0;} .research-pro > ul > li:after {content:"\f061";position:absolute;top:50%;transform:translateY(-50%);right:-25px;z-index:2;text-align:center;line-height:38px;font-family:FontAwesome;width:40px;height:40px;border-radius:50%;background:var(--main-color);color:#fff;border:2px solid #fff;box-shadow:0 0 10px rgba(0,0,0,0.3);} .research-pro > ul > li:last-child:after {content:none;} .research-pro.type2 > ul > li {flex-basis:25%;word-break:keep-all;} .research-pro .sub-tit span {display:block;font-size:1rem;color:#333;font-weight:500;} .research-pro.pro2 > ul > li.ico1:before {background-position:0 -60px;} .research-pro.pro2 > ul > li.ico2:before {background-position:-60px -60px;} .research-pro.pro2 > ul > li.ico3:before {background-position:-120px -60px;} .research-pro.pro2 > ul > li.ico4:before {background-position:-180px -60px;} .research-pro.pro3 > ul > li.ico1:before {background-position:-240px -60px;} .research-pro.pro3 > ul > li.ico2:before {background-position:0 -120px;} .research-pro.pro3 > ul > li.ico3:before {background-position:-60px -120px;} .research-pro.pro3 > ul > li.ico4:before {background-position:-120px -120px;} .research-pro.pro4 .sub-tit {margin-bottom:0 !important;} .research-pro.pro4 > ul > li.ico1:before {background-position:0px -60px;} .research-pro.pro4 > ul > li.ico2:before {background-position:-120px -60px;} .research-pro.pro4 > ul > li.ico3:before {background-position:-180px -120px;} /******* 조사방법 서브 개편 20250214 *******/ .process-wrap{width:100%;height:900px;position:relative;background:url("../img/method_bg.png") no-repeat center top / 100% auto;padding:25px 30px;} .process-cont{} .process-cont > li{position:absolute;} .process-cont > li:nth-child(1){top:120px;left:710px;} .process-cont > li:nth-child(2){top:415px;left:360px;} .process-cont > li:nth-child(3){top:270px;left:1020px;} .process-cont > li:nth-child(4){top:610px;left:830px;} .process-cont > li:nth-child(5){top:780px;left:360px;} .process-cont > li:before{content:"";position:absolute;background-position:center;background-size:cover;background-repeat:no-repeat;} .process-cont > li:nth-child(1):before{width:159px;height:155px;top:10px;right:100%;background-image:url("../img/pro_img1.png");} .process-cont > li:nth-child(2):before{width:151px;height:149px;left:100px;bottom:calc(100% - 28px);background-image:url("../img/pro_img2.png");} .process-cont > li:nth-child(3):before{width:141px;height:134px;top:-20px;right:calc(100% + 10px);background-image:url("../img/pro_img3.png");} .process-cont > li:nth-child(4):before{width:156px;height:148px;left:calc(100% + 10px);top:-80%;background-image:url("../img/pro_img4.png");} .process-cont > li:nth-child(5):before{width:126px;height:143px;left:100%;bottom:calc(100% - 25px);background-image:url("../img/pro_img5.png");} .process-cont .num-l{width:48px;height:60px;line-height:50px;font-size:13px;font-weight:800;text-align:center;color:#fff;position:absolute;background:url("../img/pro_num.png") no-repeat center / cover;} .process-cont > li:nth-child(1) .num-l{top:-68px;left:-90px;} .process-cont > li:nth-child(2) .num-l{top:30px;left:-95px;} .process-cont > li:nth-child(3) .num-l{top:calc(100% + 10px);left:-10px;} .process-cont > li:nth-child(4) .num-l{bottom:calc(100% + 42px);} .process-cont > li:nth-child(5) .num-l{bottom:calc(100% + 42px);} .process-cont .tit{line-height:28px;font-size:21px;margin-bottom:10px;font-weight:800;color:var(--main-color);letter-spacing:-1px;} .process-cont .num-s{width:28px;display:inline-block;font-size:11px;text-align:center;letter-spacing:normal;font-weight:800;color:#fff;vertical-align:middle;background:var(--main-color);border-radius:50%;margin-right:10px;} .process-cont > li .row ul{margin:0 15px;} .process-cont ul{} .process-cont ul li{} /* 반응형 */ @media only screen and (max-width:1750px){/* 1200 */ .process-cont > li:nth-child(1){top:81px;left:680px;} .process-cont > li:nth-child(2){top:350px;left:330px;} .process-cont > li:nth-child(3){top:170px;left:985px;} .process-cont > li:nth-child(4){top:485px;left:830px;} .process-cont > li:nth-child(5){top:655px;left:360px;} } @media only screen and (max-width:1240px){ /* 960 */ .process-wrap{height:800px;background-size:108% auto;} .process-cont > li:nth-child(1){top:65px;left:493px;} .process-cont > li:nth-child(2){top:290px;left:255px;} .process-cont > li:nth-child(3){top:140px;left:810px;} .process-cont > li:nth-child(4){top:390px;left:695px;} .process-cont > li:nth-child(5){top:505px;left:380px;} .process-cont > li:nth-child(1):before{width:130px;height:127px;top: 5px;right: 98%;} .process-cont > li:nth-child(2):before{width:115px;height:115px;} .process-cont > li:nth-child(3):before{width:115px;height:110px;top: 10px;right: 100%;} .process-cont > li:nth-child(4):before{width:130px;height:125px;left: 85%;top: 25%;} .process-cont > li:nth-child(5):before{width:95px;height:110px;left: 110%;bottom: 0;} .process-cont .num-l{width:40px;height:49px;line-height:43px;} .process-cont > li:nth-child(1) .num-l{top: -50px;left: -25px;} .process-cont > li:nth-child(2) .num-l{top: 70%;left: -50px;} .process-cont > li:nth-child(3) .num-l{top:calc(100% + 10px);left:-10px;} .process-cont > li:nth-child(4) .num-l{bottom: 105%;left: -20%;} .process-cont > li:nth-child(5) .num-l{bottom: 105%;left: -20%;} } @media only screen and (max-width:1023px){ /* 720 */ .process-wrap{height:600px;padding:15px;} .process-cont .tit{line-height:22px;font-size:19px;font-weight:600;} .process-cont > li:nth-child(1){top:45px;left:385px;} .process-cont > li:nth-child(2){top:195px;left:167px;} .process-cont > li:nth-child(3){top:100px;left:590px;} .process-cont > li:nth-child(4){top:285px;left:550px;} .process-cont > li:nth-child(5){top:380px;left:290px;} .process-cont > li:nth-child(1):before{width:103px;height:100px;top:-12px;right:102%;} .process-cont > li:nth-child(2):before{width:95px;height:95px;} .process-cont > li:nth-child(3):before{width:95px;height:90px;} .process-cont > li:nth-child(4):before{width: 100px;height: 95px;left: 0;top: 100%;} .process-cont > li:nth-child(5):before{width:75px;height:85px;left:105%;} .process-cont .num-l{width:30px;height:37px;line-height:30px;} .process-cont > li:nth-child(1) .num-l{top:-38px;left:-16px;} .process-cont > li:nth-child(2) .num-l{top:60%;left:-35px;} .process-cont > li:nth-child(3) .num-l{top:calc(100% + 5px);} .process-cont > li:nth-child(4) .num-l{bottom:105%;left:-20%;} .process-cont > li:nth-child(5) .num-l{bottom:105%;left:-20%;} .process-cont .num-s{width:22px;font-size:10px;font-weight:600;vertical-align:4px;} .process-cont > li .row{margin:0;} .process-cont > li .row ul{margin:0 5px;} } @media only screen and (max-width:767px){ /* auto */ .process-wrap{height:800px;background:rgba(0,0,0,0.05);padding:10px;} .process-cont{padding:40px 0 0 55px;} .process-cont > li:nth-child(-n+5){position:relative;left:auto;top:auto;right:auto;bottom:auto;padding-bottom:40px;} .process-cont > li:nth-child(-n+5) .num-l{top:-25px;left:-40px;z-index:2;} .process-cont > li:nth-child(-n+5):before{left:auto;top:50%;right:20px;bottom:auto;transform:translateY(-65%);} .process-cont > li:after{width:2px;height:100%;position:absolute;left:-26px;top:0;content:"";background:var(--main-color);} } @media only screen and (max-width:576px){ .process-cont{padding:30px 0 0 30px;} .process-cont > li:after{left:-16px} .process-cont > li:nth-child(-n+5):before{right:15px;} .process-cont > li:nth-child(-n+5) .num-l{left:-30px;} .process-cont .num-s{display:none;} .process-cont > li .row{flex-direction:column;} } @media only screen and (max-width:415px){ .process-cont > li:nth-child(-n+5):before{width:75px;} .process-cont > li:nth-child(1):before{height:70px;} .process-cont > li:nth-child(2):before{height:75px;} .process-cont > li:nth-child(3):before{height:72px;} .process-cont > li:nth-child(4):before{height:65px;} } /******* //조사방법 서브 개편 20250214 *******/ /******* 조사내용 서브 개편 20250214 *******/ .survey-cont{display:flex;flex-wrap:wrap;} .survey-cont .intro-ico{margin-top:0;} .survey-cont > li{width:50%;border-bottom:1px dashed #ccc;padding:40px 10px;} .survey-cont > li:nth-child(-n+2){border-top:2px solid #242424;} .survey-cont > li:nth-last-child(-n+2){border-bottom:2px solid #242424;} .survey-cont li.bnr{border:none;border-radius:40px 0 40px 0;background-size:cover;background-repeat:no-repeat;background-position:center;opacity:0.75;} .survey-cont .txt-arrow{position:relative;z-index:1;padding-left:25px;} .survey-cont .txt-arrow li{font-size:17px !important;color:#333 !important;} /* 조사내용1 */ .survey-cont.cont1 > li:nth-child(7){border-bottom:none;} .survey-cont.cont1 .bnr.img1{width:calc(50% - 40px);background-image:url("../img/img_survey1.png");margin-left:40px;} .survey-cont.cont1 .bnr.img2{width:calc(50% - 40px);background-image:url("../img/img_survey2.png");background-position:center 23%;margin-right:40px;} /* 조사내용2 */ .survey-cont.cont2 > li:nth-child(1){border-bottom:none;} .survey-cont.cont2 .bnr.img1{width:calc(50% - 40px);background-image:url("../img/img_survey3.png");margin-right:40px;} /* 조사내용3 */ .survey-cont.cont3 > li:nth-child(1){border-bottom:none;} .survey-cont.cont3 > li:nth-child(4){border-bottom:none;} .survey-cont.cont3 > li:nth-child(6){border-bottom:none;} .survey-cont.cont3 .bnr.img1{width:calc(50% - 40px);background-image:url("../img/img_survey4.png");margin-right:40px;} .survey-cont.cont3 .bnr.img2{width:calc(50% - 40px);background-image:url("../img/img_survey5.png");margin-left:40px;} /* 조사내용4 */ .survey-cont.cont4 > li:nth-child(4){border-bottom:none;} .survey-cont.cont4 .bnr.img1{width:calc(50% - 40px);background-image:url("../img/img_survey7.png");margin-right:40px;} .survey-cont.cont4 .bnr.img2{width:calc(50% - 40px);background-image:url("../img/img_survey6.png");background-position:center 70%;margin-left:40px;} /* 반응형 */ @media only screen and (max-width:1750px){/* 1200 */ } @media only screen and (max-width:1240px){ /* 960 */ .survey-cont .txt-arrow li br{display:none;} .survey-cont li.bnr{border-radius:20px 0 20px 0;} } @media only screen and (max-width:1023px){ /* 720 */ .survey-cont > li{padding:30px 10px;} } @media only screen and (max-width:767px){ /* auto */ .survey-cont > li{width:100%;} .survey-cont li.bnr{display:none;} .survey-cont .txt-arrow li{font-size:16px !important;} .survey-cont.cont1 > li:nth-child(7){border-bottom:1px dashed #ccc;} .survey-cont.cont2 > li:nth-child(2){border-top:none;border-bottom:1px dashed #ccc;} .survey-cont.cont2 > li:nth-child(7){border-bottom:1px dashed #ccc;} .survey-cont.cont3 > li:nth-child(2){border-top:1px dashed #ccc;} .survey-cont.cont3 > li:nth-child(7){border-top:1px dashed #ccc;} .survey-cont.cont4 > li:nth-child(4){border-bottom:1px dashed #ccc;} .survey-cont.cont4 > li:nth-child(7){border-bottom:1px dashed #ccc;} } @media only screen and (max-width:576px){ .survey-cont > li{padding:15px 0;} .survey-cont .txt-arrow{padding-left:5px;} } @media only screen and (max-width:415px){ } /******* //조사내용 서브 개편 20250214 *******/ /******* 데이터 이용 *******/ .data-range .sub-tit {margin-bottom:0 !important;} .data-range .sub-tit:before {content:"\f00c";display:inline-block;font-weight:500;margin-right:10px;font-size:1.2rem;font-family:FontAwesome;color:var(--main-color);} @media only screen and (max-width:1750px){/* 1200 */ .koms-target .col_wrap .col_d2 ul {width:calc(100% - 100px);word-break:keep-all;} .sample-pro .sub-tit {margin-bottom:2rem !important;} } @media only screen and (max-width:1240px){ /* 960 */ .koms-target .col_wrap {margin:0 -10px;} .koms-target .col_wrap .col_d2 {width:calc(50% - 20px);margin:0 10px;background-size:80px;} .koms-target .col_wrap .col_d2 ul {width:calc(100% - 90px);} .research-pro > ul > li {padding:1.8rem;} } @media only screen and (max-width:1023px){ /* 720 */ #greeting .bnr {height:200px;} #greeting .col_wrap {margin:0;} #greeting .col_wrap .col_d2 {width:100%;margin:0;} .koms-history .year {font-size:24px;} .koms-list .bx:before {width:200px;} .koms-list .bx .sub-tit {width:200px;} .koms-list .bx .txt {width:calc(100% - 200px);padding-right:0;padding-left:2rem;} .sample-pro {margin:0;} .sample-pro .cont {width:100%;margin:0;border-top:0;} .sample-pro div.cont:nth-child(1) {border-top:1px solid var(--line-color);} .sample-pro .sub-tit {margin-bottom:1rem !important;} .sample-pro .sub-tit span {font-size:1rem;} .research-pro > ul {flex-flow:row wrap;} .research-pro > ul > li {flex-basis:100%;margin:0;margin-bottom:10px;} .research-pro > ul > li:after {top:auto;bottom:-25px;right:calc(50% - 20px);transform:rotate(90deg);} .research-pro.type2 > ul > li {flex-basis:100%;} .data-range .col_d3{width:100%;} .data-range .col_wrap{margin:-10px;} .data-range .bx{margin:5px} } @media only screen and (max-width:767px){ /* auto */ #greeting .bnr {height:150px;margin:2rem 0;} .koms-target .col_wrap {margin:0;} .koms-target .col_wrap .col_d2 {width:100%;margin:0;background-position:95% 75%;} .koms-target .col_wrap .col_d2.ico1 {border-bottom:none;} .koms-history {padding:0;} .koms-history .year {position:relative;width:auto;font-size:20px;display:block;border-bottom:1px solid #ddd} .koms-history .year:before, .koms-history .year:after, .koms-history dl:before {display:none} .koms-history dl {margin:0;} .koms-list .bx {display:block;padding:1.8rem 0;} .koms-list .bx:before {width:30%;} .koms-list .bx .txt {width:100%;padding:0;} } @media only screen and (max-width:576px){ .koms-list .bx {padding:1.2rem 0;} .sample-pro .cont {font-size:.875rem;} } @media only screen and (max-width:415px){ .koms-target .col_wrap .col_d2 {background-size:70px;background-position:95% 85%;} .koms-target .col_wrap .col_d2 ul {width:calc(100% - 70px);} } /******* 한의약 통계자료 *******/ .koms-graph {display:flex;flex-flow:row wrap} .koms-graph .list-wrap {width:380px;margin-right:40px;} .koms-graph .list-wrap .list-tab {margin-bottom:40px;} .koms-graph .list-wrap .list-tab p.tit {line-height:70px;background:var(--main-color);padding:0 30px;font-size:1.4rem;font-weight:800;color:#fff;} .koms-graph .list-wrap .list-tab p.tit:before {content:"";display:inline-block;width:22px;height:22px;margin-right:10px;background:url(../img/graph_list_tit_ico.png) no-repeat 50% 50% / cover;vertical-align:middle;} .koms-graph .list-wrap .list-tab li a {display:block;line-height:50px;padding:0 30px;font-size:1rem;color:#666;background:#F7FAFC;border:1px solid var(--line-color);border-top:0;} .koms-graph .list-wrap .list-tab li a:before {content:"";display:inline-block;width:16px;height:20px;margin-right:10px;background:url(../img/graph_list_ico.png) no-repeat 50% 50% / cover;vertical-align:middle;} .koms-graph .list-wrap .list-tab li a.on {color:var(--main-color);background:#fff;} .koms-graph .list-wrap .list-tab li a:hover {color:var(--main-color);background:#fff;} .koms-graph .list-wrap .list-tab li a.on:before, .koms-graph .list-wrap .list-tab li a:hover:before {background-image:url(../img/graph_list_ico_on.png);} .koms-graph .view-wrap .intro {display:none;height:100%;} .koms-graph .view-wrap .intro p {position:relative;top:50%;transform:translateY(-50%);font-size:1.6rem;color:#000;text-align:center;font-weight:600;} .koms-graph .view-wrap .intro p:before {content:"";width:110px;height:100px;margin:0 auto 40px;display:block;background:url(../img/graph_intro_ico.png) no-repeat 50% 50% / cover;} .koms-graph .view-wrap .intro p span {display:block;color:var(--main-color);font-size:36px;} .koms-graph .view-wrap {width:calc(100% - 420px);height:1155px;border:1px solid var(--line-color);background:#fff;} .koms-graph .view-wrap .title {position:relative;height:180px;background:var(--point-color);padding:40px;} .koms-graph .view-wrap .title em {color:#fff;font-size:.875rem;} .koms-graph .view-wrap .title em span {display:inline-block;margin:5px 0;} .koms-graph .view-wrap .title .tit {font-size:36px;font-weight:800;color:var(--main-color);} .koms-graph .view-wrap .title .source {font-size:.875rem;color:#8F98A4;} .koms-graph .view-wrap .title .btn-d {position:absolute;top:50%;transform:translateY(-50%);right:40px;border-radius:0;background:var(--main-color);border-color:var(--main-color);padding:0 50px;} .koms-graph .view-wrap .view {height:100%;background:#fff;} .koms-graph .view-wrap .cont {display:flex;height:calc(100% - 180px);} .koms-graph .view-wrap .cont .year {width:300px;padding:40px;background:#E2E6E7;} .koms-graph .view-wrap .cont .year li a {display:block;padding:10px 20px;font-size:1.25rem;font-weight:800;width:100%;line-height:1.4;color:var(--point-color);} .koms-graph .view-wrap .cont .year li a.on {background:rgba(143,152,164,0.4);color:inherit;} .koms-graph .view-wrap .cont .year li a:hover {background:rgba(143,152,164,0.4);color:inherit;} .koms-graph .view-wrap .cont .list {width:calc(100% - 300px);padding:40px;} .koms-graph .view-wrap .cont .list ul {overflow-y:scroll;height:100%;} .koms-graph .view-wrap .cont .list ul::-webkit-scrollbar {width: 10px;} .koms-graph .view-wrap .cont .list ul::-webkit-scrollbar-thumb {background-color:var(--main-color) !important;border-radius: 10px;border: 2px solid transparent;} .koms-graph .view-wrap .cont .list ul::-webkit-scrollbar-track {background-color:#ccc;border-radius: 10px;} .koms-graph .view-wrap .cont .list li a {display:block;font-size:1rem;line-height:2;} @media only screen and (max-width:1240px){ /* 960 */ .koms-graph .list-wrap {width:100%;display:flex;margin-right:0;} .koms-graph .list-wrap .list-tab {position:relative;width:33.3333%;} .koms-graph .list-wrap .list-tab p.tit {line-height:60px;font-size:1.2rem;cursor:pointer;} .koms-graph .list-wrap .list-tab ul {position:absolute;top:60px;left:0;z-index:10;width:100%;} .koms-graph .list-wrap div.list-tab:nth-child(2) {margin:0 10px;} .koms-graph .view-wrap {width:100%;} } @media only screen and (max-width:1023px){ /* 960 */ .koms-graph .view-wrap .intro p {font-size:1.4rem;} .koms-graph .view-wrap .intro p:before {width:80px;height:72px;margin-bottom:30px;} .koms-graph .view-wrap .intro p span {font-size:30px;} .koms-graph .list-wrap {display:block;} .koms-graph .list-wrap .list-tab {width:100%;margin-bottom:10px !important;} .koms-graph .list-wrap div.list-tab:nth-child(2) {margin:0;} .koms-graph .view-wrap .title .tit {font-size:30px;} .koms-graph .view-wrap .cont {display:block;} .koms-graph .view-wrap .cont .year {width:100%;} .koms-graph .view-wrap .cont .year ul {display:flex;flex-flow:row wrap;} .koms-graph .view-wrap .cont .year li a {font-size:1.1rem;} .koms-graph .view-wrap .cont .year ul li {width:50%;} .koms-graph .view-wrap .cont .list {width:100%;} .koms-graph .view-wrap .cont .year {padding:30px;} .koms-graph .view-wrap .cont .list {height:calc(100% - 115px);} } @media only screen and (max-width:767px){ .koms-graph .list-wrap .list-tab p.tit {font-size:1rem;line-height:50px;padding:0 20px;} .koms-graph .list-wrap .list-tab p.tit:before {width:18px;height:18px;} .koms-graph .list-wrap .list-tab ul {top:50px;} .koms-graph .list-wrap .list-tab li a {padding:0 20px;} } @media only screen and (max-width:576px){ .koms-graph .view-wrap .intro p {font-size:1.2rem;} .koms-graph .view-wrap .intro p:before {width:60px;height:55px;margin-bottom:20px;} .koms-graph .view-wrap .intro p span {font-size:26px;} .koms-graph .list-wrap .list-tab li a {font-size:.875rem;} .koms-graph .view-wrap .title {height:auto;padding:30px;} .koms-graph .view-wrap .title .tit {font-size:26px;} .koms-graph .view-wrap .title .btn-d {position:relative;top:auto;right:auto;margin-top:10px;transform:inherit;width:100%;} .koms-graph .view-wrap .cont {height:calc(100% - 220px);} .koms-graph .view-wrap .cont .year li a {padding:10px 15px;font-size:1rem;} .koms-graph .view-wrap .cont .list {padding:30px;} .koms-graph .view-wrap .cont .list li a {font-size:.875rem;} } @media only screen and (max-width:415px){ .koms-graph .view-wrap .intro {padding:0 20px;} .koms-graph .view-wrap .intro p {font-size:1rem;} .koms-graph .view-wrap .intro p span {font-size:20px;} .koms-graph .view-wrap .title {padding:20px;} .koms-graph .view-wrap .title .tit {font-size:22px;} .koms-graph .view-wrap .cont .year {padding:20px;} } /* 찾아오시는 길 */ .tab_txt {padding:3rem 0;text-align:center;} .tab_txt a {position:relative;display:inline-block;padding:0 20px;font-size:1.325rem;color:#999;} .tab_txt a:before {content:"";position:absolute;top:50%;transform:translateY(-50%);left:0;height:15px;border-right:1px solid #ccc;} .tab_txt a:nth-child(1):before {content:none;} .tab_txt a.on {color:#333;font-weight:800;} #map-guide iframe {width:100%;border:1px solid var(--line-color) !important;} #map-guide .location {position:relative;z-index:1;width:100%;margin:0;justify-content:space-between;background:var(--main-color);padding:2rem 4rem 2rem 2rem;} #map-guide .location .title {width:300px;} #map-guide .location em {color:#ffcc00;} #map-guide .location .name {padding-top:1rem;font-size:28px;font-weight:900;color:#fff;word-break:keep-all;} #map-guide .info {width:50%;padding:1rem 0;color:#fff;} #map-guide .info b {display:inline-block;width:80px;line-height:2;font-weight:800;} /******* 찾아오시는길 서브 개편 20250214 *******/ #map-guide.type1 .row{margin:0 -20px;} #map-guide.type1 iframe{width:540px; height:680px;border-radius:0 40px 0 40px;box-shadow:0 0 10px rgba(0,0,0,0.3);margin:0 20px;} #map-guide.type1 .map-info{width:calc(100% - 620px);position:relative;color:#333;margin:0 20px;z-index:1;} #map-guide.type1 .map-info:before{width:610px;height:450px;position:absolute;right:0;bottom:0;content:"";z-index:-1;background:url("../img/greeting_bg.png") no-repeat center top / 100% auto;opacity:0.05;} #map-guide.type1 .map-info .tit{font-size:28px;font-weight:800;margin:30px 0 25px;} #map-guide.type1 .map-location{border-bottom:1px dashed #999;} #map-guide.type1 .map-location ul{margin-bottom:40px;} #map-guide.type1 .map-location ul li{font-size:20px;margin-bottom:5px;} #map-guide.type1 .map-location ul span{width:50px;font-weight:500;display:inline-block;position:relative;margin-right:15px;} #map-guide.type1 .map-location ul span:after{width:2px;height:20px;content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);background:#333;} #map-guide.type1 .map-transport ul{font-size:16px;} #map-guide.type1 .map-transport > ul > li{margin-bottom:20px;} #map-guide.type1 .map-transport .stit{font-weight:800;color:var(--main-color);margin-bottom:5px;} #map-guide.type1 .map-transport .stit span{width:30px;line-height:30px;display:inline-block;font-size:13px;text-align:center;;background:rgba(0,0,0,0.05);border-radius:50%;margin-right:10px;} #map-guide.type1 .map-transport ul ul{padding-left:40px;} /*반응형*/ @media only screen and (max-width:1750px){/* 1200 */ } @media only screen and (max-width:1240px){ /* 960 */ .tab_txt a{padding:0 15px;} #map-guide.type1 .row{margin:0 -15px;} #map-guide.type1 iframe{width:40%;height:580px;border-radius:0 20px 0 20px;margin:0 15px;} #map-guide.type1 .map-info{width:calc(60% - 60px);margin:0 15px;} #map-guide.type1 .map-info:before{width:90%;height:350px;} } @media only screen and (max-width:1023px){ /* 720 */ .tab_txt{padding:1.5rem 0;} .tab_txt a{padding:0 20px;} #map-guide.type1 .row{flex-direction:column;margin:0;} #map-guide.type1 iframe{width:100%;height:400px;margin:0;} #map-guide.type1 .map-info{width:100%;margin:0;} #map-guide.type1 .map-info .tit{font-size:24px;margin:30px 0 12px;} #map-guide.type1 .map-location ul li{font-size:18px;} #map-guide.type1 .map-info:before{width:100%;height:90%;background-position:right 20px center;background-size:auto 100%;} } @media only screen and (max-width:767px){ /* auto */ #map-guide.type1 iframe{height:300px;} #map-guide.type1 .map-location ul li{margin-bottom:0;} #map-guide.type1 .map-transport > ul > li{margin-bottom:10px;} } @media only screen and (max-width:576px){ #map-guide.type1 iframe{height:250px;border-radius:0 10px 0 10px;} #map-guide.type1 .map-info .tit{font-size:20px;} #map-guide.type1 .map-location ul{margin-bottom:30px;} #map-guide.type1 .map-location ul li{font-size:17px;} #map-guide.type1 .map-transport ul ul{padding-left:0;} #map-guide.type1 .map-location ul span{width:40px;margin-right:10px;} #map-guide.type1 .map-info:before{background-position:center;} } @media only screen and (max-width:415px){ #map-guide.type1 iframe{height:220px;} #map-guide.type1 .map-location ul li{font-size:16px;} #map-guide.type1 .map-info:before{background-size:90% auto;} } /******* //찾아오시는길 서브 개편 20250214 *******/ /*qna*/ .board-faq {border-top:2px solid var(--point-color);} .board-faq li {border-bottom:1px solid var(--point-color);} .board-faq li .question {position:relative;display:block;padding:20px 0 20px 30px;} .board-faq li .answer {position:relative;padding:20px 20px 20px 50px;background:#f5f5f5;border-top:1px solid var(--point-color);} .board-faq li .question:before, .board-faq li .answer:before {content:"";display:block;font-weight:600;font-size:1.25rem;position:absolute;top:18px;} .board-faq li .question:before {content:"Q";color:var(--main-color);left:0;} .board-faq li .answer:before {content:"A";color:var(--main-color);left:20px} @media only screen and (max-width:1023px){ /* 960 */ .tab_txt a {font-size:1.125rem;} } @media only screen and (max-width:767px){ .tab_txt {padding:2rem 0;} #map-guide .location .name {font-size:24px;} #map-guide .location {justify-content:left;} #map-guide .info {width:100%;} } @media only screen and (max-width:576px){ .tab_txt {padding-bottom:1rem;} .tab_txt a {font-size:1rem;} #map-guide .location {padding:1.6rem;} #map-guide .location .name {font-size:22px;} }