#wrap { } #top_blk { display:block; } #top_blk .top_fix { width:100%; position:absolute; top:0; height:80px; text-align:center; z-index:9999; } /* TOP =================================== */ .top_logoSet { border-bottom:1px solid rgba(0,0,0,0.1); height:90px; } .top_logoSet .logoSet { display:flex; justify-content:space-between; position:relative; max-width:1380px; margin:0 auto; border:1px solid rgba(255,255,255,0); } .top_logoSet .logoSet .chlogo { position:relative; width:250px; text-align:right; padding-top:15px; height:80px; border:0px solid red; } .top_logoSet .logoSet .chkakao { position:relative; width:340px; padding:20px 80px 0 0; text-align:left; line-height:1.2; border:0px solid red; } .top_logoSet .logoSet .chkakao span { font-size:20px; color:#203788; font-family:GmSansB; font-weight:normal; } .top_logoSet .logoSet .chkakao span em { display:block; font-size:20px; color:#ff2a00; font-family:GmSansB; } .top_logoSet .logoSet .chkakao .chkakaobtn { position:absolute; left:190px; width:150px; top:17px; } .top_logoSet .logoSet .chkakao .chkakaobtn a { color:#4a2f1c; left:200px; top:18px; text-align:center; font-family:GmSansB; background:#fae101; border:1px solid #deca20; border-radius:20px; } .top_logoSet .logoSet .chkakao .chkakaobtn a { display:flex; align-items:center; width:100%; height:100%; font-size:13px; color:#fff; transition:all .2s; } .top_logoSet .logoSet .chkakao .chkakaobtn a i { display:block; width:20%; font-size:20px; color:#3c201f; padding:0px 0 0px 0; } .top_logoSet .logoSet .chkakao .chkakaobtn a span { position:relative; width:80%; height:22px; padding:1px 0 0 0; overflow:hidden; } .top_logoSet .logoSet .chkakao .chkakaobtn a span em { position: absolute; left: 0%; animation: BtnemAnimation3 infinite linear 5s; color:#ffde00; padding-top:5px; font-family:GmSansB; font-size:13px; color:#3c201f; line-height:1; white-space: nowrap; } .top_logoSet .logoSet .chkakao .chkakaobtn a span em:nth-child(2) { animation-delay: -2.50s; } .top_logoSet .logoSet .chkakao .chkakaobtn a span em:nth-child(3) { animation-delay: -5.00s; } .top_logoSet .logoSet .chkakao .chkakaobtn a:hover { background:#ffed4e; transition:all .2s; } @keyframes logoloofs { 0% { left: 0px; opacity:1; } 65% { left: 5px; opacity:1;} 100% { left: 0px; opacity:1; } } .top_logoSet .logoSet .prizeWrap { width:320px; height:70px; border:0px solid red; margin-top:13px; } /* TOP 전화 =================================== */ .top_logoSet .logoSet .topphone { display:flex; flex-wrap:wrap; align-items:center; height:80px; width:300px; border:0px solid red; } .top_logoSet .logoSet .topphone .topptitle { width:80%; font-family:GmSansM; font-size:18px; color:#000; z-index:5; text-align:center; } .top_logoSet .logoSet .topphone .topptitle .set { display:flex; padding-top:5px;} .top_logoSet .logoSet .topphone .topptitle .set strong { height:20px; display:block; font-family:GmSansB; font-size:13px; padding:5px 10px 3px 10px; color:#ff0000; background:#000; border-radius:10px; animation: topphone 1.2s infinite; } .top_logoSet .logoSet .topphone .topptitle .set span { font-family:GmSansB; font-size:28px; padding-left:10px; color:#000; animation: topphone2 1.2s infinite; } .top_logoSet .logoSet .topphone .pic { width:20%; } .top_logoSet .logoSet .topphone .pic img { width:100%; } @keyframes topphone { 0% { bottom: 0px; color:#99ff00; opacity:1; } 50% { bottom: 0; color:#ffff00; opacity:1;} 100% { bottom: 0px; color:#99ff00; opacity:1; } } @keyframes topphone2 { 0% { bottom: 0px; color:#ff0000; opacity:1; } 50% { bottom: 0; color:#3300cc; opacity:1;} 100% { bottom: 0px; color:#ff0000; opacity:1; } } .open_menu_sec { position:relative; width:100%; height:0px; text-align:center; z-index:99999; } .open_menu_sec .m_wrp { display:inline-block; position:relative; max-width:1380px; width:100%; border:0px solid red;} .open_menu_sec .bmenu { width:100%; height:60px; padding:0 0 0 0;cursor:pointer; border:0px solid red;} .open_menu_sec .larea { position:relative; top:0; left:0; width:100%; float:left; background:#001f3a; overflow:hidden; text-align:center; height:0; transition:all .2s .1s; -webkit-transition:all .2s .1s; -moz-transition:all .2s .1s;} .open_menu_sec:hover .larea { width:100%; height:190px; transition:all .3s .1s; -webkit-transition:all .3s .1s; -moz-transition:all .3s .1s;padding-bottom:10px; border-bottom:1px solid #dddddd;} /* 하단border값은 여기서 지정*/ .open_menu_sec .larea .con { display:inline-block; max-width:1380px; width:100%; height:130px;} .open_menu_sec .larea .con .space { float:left; width:256px;} .open_menu_sec .larea .con .mm { float:left; width:100%; padding:0px 0 0 0;} #nav_slide1 {width: 100%; height: 150px; z-index: 10; top: -120px; position: fixed; background: rgba(255,255,255,1); border-bottom:1px solid #eeeeee; box-shadow: -15px 15px 15px -15px rgb(0 0 0 / 10%), 15px 15px 15px -15px rgb(0 0 0 / 10%);} .navi_eft {transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; } #nav_slide1 .navi_cate { display:inline-block; width:100%;} #nav_slide1 .navi_cate ul{ float:left; width:100%; margin:0; padding:0;} #nav_slide1 .navi_cate ul.depth1 li { float:left; letter-spacing:0em; line-height:60px; text-align:left;} #nav_slide1 .navi_cate ul.depth1 li a { font-family:GmSansM; font-size:17px; width:100%; color:rgba(0,0,0,0.9); text-decoration:none; text-transform: uppercase; transition:all .2s;} #nav_slide1 .navi_cate ul.depth1 li a:hover { color:#114b85; transition:all .2s;} #nav_slide1 .navi_cate ul.depth1 li a.on { color:#114b85;} #nav_slide1 .larea { background: #f4f5fc;} #navi_top {text-align:left; float:left; padding:0px 0; width:100%; } #navi_top ul{ float:left; width:100%; margin:0; padding:0;} #navi_top ul.depth1 li {float:left; letter-spacing:0em;} #navi_top ul.depth1 li a {width:100%; border-bottom:0px solid rgba(0,119,195,0.8); color:rgba(255,255,255,0.8); font-family:GmSansM; font-size:0px; line-height:200%; padding-left:0px; } #navi_top ul.depth1 li a:hover {color:white; } #navi_top ul.depth1 .on a {color:#acff0c;} #navi_top ul.depth2 {float:left;width:100%; margin-top:10px;} #navi_top ul.depth2 li {float:left;width:100%;} #navi_top ul.depth2 li a {float:left; padding:5px 0px; font-size:14px; border-bottom:0px solid rgba(0,119,195,1); color:#000; width:100%; font-weight:500; text-transform: uppercase; transition:all .2s;letter-spacing:0em; line-height:100%; margin-bottom:5px;} #navi_top ul.depth2 li a:hover {color:black; transition:all .2s; } #navi_top ul.depth2 .on2 a {width:auto; color:#043470; } #navi_top ul.depth2 .on2 a:hover {color:#043470; } #navi_top ul.depth2 .off2 a {color:#000; width:auto;} #navi_top ul.depth3 {float:left;width:100%;} #navi_top ul.depth3 li a {padding:0px 0px 0px 10px; font-size:12px; border-bottom:0px solid rgba(0,119,195,1); color:rgba(255,255,255,0.7); width:100%; font-weight:normal; } #navi_top ul.depth3 li a:hover {color:white; } #navi_top ul.depth4 {float:left;width:100%;} #navi_top ul.depth4 li a {padding:0px 0px 0px 12px; font-size:12px; border-bottom:0px solid rgba(0,119,195,1); color:rgba(255,255,255,0.7); width:100%; font-weight:normal; } #navi_top ul.depth4 li a:hover {color:white; } #navi_top .icon {margin-right:10px; color:white; opacity:0.2; font-size:10px;} .topwidth1 { width:13%; border:0px solid red;} .topwidth2 { width:11%; border:0px solid red;} .topwidth3 { width:11%; border:0px solid red;} .topwidth4 { width:11%; border:0px solid red;} .topwidth5 { width:12%; border:0px solid red;} .topwidth6 { width:12%; border:0px solid red;} .topwidth7 { width:11%; border:0px solid red;} .topwidth8 { width:10%; border:0px solid red;} .topwidth9 { width:9%; border:0px solid red;} /* MOBILE =================================== */ #top_blk_mb { display:none; position:fixed; top:0; width:100%; height:60px; background:#00145a; margin:auto; box-shadow: 0px 15px 12px rgb(0 0 0 / 10%); z-index:99999999;} #top_blk_mb .logo_set { padding:10px 0 0 0; text-align:center; } #top_blk_mb .logo_set .pm {display:inline-block; transition:all .2s; } #top_blk_mb .logo_set .pm img { height:40px; transition:all .2s;} @media screen and (max-width: 1260px){ #top_blk { display:none; } #content_blk { background:#ffffff; padding:0px 0 0 0; width:100%; border:0 solid red;} #bottom_blk { width:100%; text-align:center; border:0px solid red; } #top_blk_mb { display:block; top:0; height:110px; } #top_blk_mb .logo_set { position:absolute; top:50px; left:20%; width:200px; margin:0 auto; } #top_blk_mb .logo_set .pm img {height:40px;} #top_blk_mb .m-chkakao { position:absolute; top:42px; right:230px; width:340px; padding:20px 80px 0 0; text-align:left; line-height:1.2; border:0px solid red; } #top_blk_mb .m-chkakao span { font-size:16px; color:#00f6ff; font-family:GmSansB; font-weight:normal; } #top_blk_mb .m-chkakao span em { display:block; font-size:16px; color:#fff600; font-family:GmSansB; } #top_blk_mb .m-chkakao .m-chkakaobtn { position:absolute; left:190px; width:150px; top:17px; } #top_blk_mb .m-chkakao .m-chkakaobtn a { color:#4a2f1c; left:200px; top:18px; text-align:center; font-family:GmSansB; background:#fae101; border:1px solid #deca20; border-radius:20px; } #top_blk_mb .m-chkakao .m-chkakaobtn a { display:flex; align-items:center; width:100%; height:100%; font-size:13px; color:#fff; transition:all .2s; } #top_blk_mb .m-chkakao .m-chkakaobtn a i { display:block; width:20%; font-size:20px; color:#3c201f; padding:0px 0 0px 0; } #top_blk_mb .m-chkakao .m-chkakaobtn a span { position:relative; width:80%; height:22px; padding:1px 0 0 0; overflow:hidden; } #top_blk_mb .m-chkakao .m-chkakaobtn a span em { position: absolute; left: 0%; animation: BtnemAnimation3 infinite linear 5s; color:#ffde00; padding-top:5px; font-family:GmSansB; font-size:13px; color:#3c201f; line-height:1; white-space: nowrap; } #top_blk_mb .m-chkakao .m-chkakaobtn a span em:nth-child(2) { animation-delay: -2.50s; } #top_blk_mb .m-chkakao .m-chkakaobtn a span em:nth-child(3) { animation-delay: -5.00s; } #top_blk_mb .m-chkakao .m-chkakaobtn a:hover { background:#ffed4e; transition:all .2s; } #top_blk_mb .mphone { position:absolute; top:50px; right:0; width:70px; height:50px; display:block; text-align:right; font-size:16px; padding:0; } .mobile-prizeWrap { width:100%; height:50px; padding:0 0; z-index:999; overflow:hidden; background:#0a1117; z-index:99999999; } .mobile-prizeinWrap { position:relative; width:260px; margin:0 auto; } .m_main_biz .bizitem { display:flex !important; align-items:center; justify-content:space-between; width:100%; margin:0 0 0 0; padding:0 0; transition:all .2s; } .m_main_biz .bizitem .pic { width:45px; } .m_main_biz .bizitem .pic img { width:100%; } .m_main_biz .bizitem .txt { width:calc(100% - 50px); padding-top:5px; font-family:GmSansB; font-size:14px; color:#cebd90; font-style:normal; font-weight:normal; line-height:1.2; text-align:left; } .m_main_biz .bizitem .txt span { display:block; font-family:GmSansM; font-size:16px; color:#fff; font-style:normal; font-weight:normal; line-height:1.2; } .m_main_biz .slick-list .slick-track .slick-slide { padding:0 0; } } @media screen and (max-width: 1000px){ #top_blk_mb .logo_set { position:absolute; top:50px; left:15%; width:200px; margin:0 auto; } #top_blk_mb .m-chkakao { position:absolute; top:42px; right:200px; width:340px; padding:20px 80px 0 0; text-align:left; line-height:1.2; border:0px solid red; } } @media screen and (max-width: 900px){ #top_blk { display:none; } #content_blk { background:#ffffff; padding:0 0 0 0; width:100%; border:0 solid red; } #bottom_blk { width:100%; text-align:center; } #top_blk_mb { display:block; height:100px; } #top_blk_mb .logo_set { position:absolute; top:47px; left:10%; width:200px; margin:0 auto; } #top_blk_mb .logo_set .pm img {height:35px;} #top_blk_mb .m-chkakao { position:absolute; top:36px; right:180px; width:340px; padding:20px 80px 0 0; text-align:left; line-height:1.2; border:0px solid red; } #top_blk_mb .mphone { top:45px; right:0; width:70px; height:50px; font-size:16px; } .mobile-prizeWrap { width:100%; height:45px; } .mobile-prizeinWrap { width:240px; margin:2px auto 0; } .m_main_biz .bizitem .pic { width:40px; } .m_main_biz .bizitem .txt { width:calc(100% - 45px); padding-top:5px; font-size:13px; } .m_main_biz .bizitem .txt span { font-size:15px; color:#fff; } } @media screen and (max-width: 750px){ #top_blk_mb .logo_set { position:absolute; top:47px; left:5%; width:200px; margin:0 auto; } #top_blk_mb .m-chkakao { position:absolute; top:36px; right:130px; width:300px; padding:20px 80px 0 0; text-align:left; line-height:1.2; border:0px solid red; } #top_blk_mb .m-chkakao span { font-size:13px; color:#00f6ff; font-family:GmSansB; font-weight:normal; } #top_blk_mb .m-chkakao span em { display:block; font-size:13px; color:#fff600; font-family:GmSansB; } #top_blk_mb .m-chkakao .m-chkakaobtn { position:absolute; left:150px; width:120px; top:17px; } #top_blk_mb .m-chkakao .m-chkakaobtn a { color:#4a2f1c; left:200px; top:18px; text-align:center; } #top_blk_mb .m-chkakao .m-chkakaobtn a span em { padding-top:5px; font-family:GmSansB; font-size:12px; } } @media screen and (max-width: 650px){ #LayerPopupContainer { dis play:none; } #top_blk { display:none; } #content_blk { background:#ffffff; padding:0 0 0 0; width:100%; border:0px solid red; } #bottom_blk { width:100%; text-align:center; } #top_blk_mb { display:block; height:90px; } #top_blk_mb .logo_set { position:absolute; top:47px; left:50%; width:200px; margin-left:-120px; top:40px; } #top_blk_mb .logo_set .pm img {height:30px;} #top_blk_mb .m-chkakao { display:none; } #top_blk_mb .mphone { top:39px; right:0; width:70px; height:50px; font-size:16px; } .mobile-prizeWrap { width:100%; height:40px; } .mobile-prizeinWrap { width:200px; margin:2px auto 0; } .m_main_biz .bizitem .pic { width:35px; } .m_main_biz .bizitem .txt { width:calc(100% - 40px); padding-top:5px; font-size:12px; } .m_main_biz .bizitem .txt span { font-size:14px; color:#fff; } } @media screen and (max-width: 300px){ #top_blk_mb { display:block; height:90px; } #top_blk_mb .logo_set { padding:11px 40px 0 0; } #top_blk_mb .logo_set .pm img {height:25px;} } /* 기본레이아웃 */ #sidebar-box { width:250px; height:100%; top:0; left:-320px; border-right:0px solid #eeeeee; position: fixed; z-index:99999998; background:#262626; overflow-y:hidden; overflow-x:hidden; -webkit-overflow-scrolling:touch; -webkit-appearance:none; -webkit-backface-visibility:hidden; -webkit-transform:translate3d(0,0,0); line-height:100%; } .sidebar-btn { position:fixed; padding:18px 20px 0px 15px; width:70px; height:50px; top:55px; left:0px; z-index:999997; } .sidebar-btn img { width:25px; } @media screen and (max-width: 1260px){ .sidebar-btn { padding:18px 20px 0px 15px; width:70px; height:50px; top:52px; } .sidebar-btn img { width:25px; } } @media screen and (max-width: 900px){ .sidebar-btn { padding:18px 20px 0px 15px; width:70px; height:50px; top:46px; } .sidebar-btn img { width:25px; } } @media screen and (max-width: 650px){ .sidebar-btn { padding:18px 20px 0px 15px; width:70px; height:50px; top:38px; } .sidebar-btn img { width:25px; } } /* 로고 */ .mb_m { width:100%; background:#00145a;} .mb_m .mb_cvr { width:100%; height:90px; text-align:left; padding:24px 0 0 35px; } .mb_m .since {position:relative; top:0; height:0;} .mb_m .since .year_pos {position:absolute; top:-20px; right:25px; color:white; font-size:8px; } .mb_m .since .year_pos span {opacity:0.5; margin-right:5px;} .mb_m a img {width:170px;} /* sc section */ .sc_section { width:100%; height:calc(100% - 150px); overflow-x:hidden; overflow-y:auto;} /* 기본메뉴 =================================== */ #navi_mb { width:100%; text-align:left; padding:0px 0;} #navi_mb ul { width:100%; margin:0; padding:0; } #navi_mb ul.menu li {position:relative; float:left; width:100%; } #navi_mb ul.menu li a { font-family:GmSansM; font-size:14px; display:block; width:100%; padding:18px 0px 18px 25px; border-bottom:1px solid rgba(255,255,255,0.1); color:rgba(255,255,255,0.9); background:#19379f; } #navi_mb ul.menu li a:hover {color:#fff; } #navi_mb ul.menu li .sub a {position:relative; float:left; padding:15px 0px 12px 30px; font-size:13px; border-bottom:1px solid rgba(255,255,255,0.1); width:100% !important; color:rgba(255,255,255,1); display:block; width:100%; background:#3856c2; } #navi_mb ul.menu li .sub a:hover {background:#ffffff; color:#bf1d2d; } #navi_mb ul.menu .plus {float:right; margin-right:30px; color:rgba(255,255,255,0.7); opacity:0.6; font-size:8px; padding-top:3px; } #navi_mb ul.menu .icon {width:30px; text-align:right; margin-right:10px; color:black; opacity:0.2;} #navi_mb ul.menu .ft_as_arr {margin-right:10px; color:black; opacity:0.2;} .lng_box {width:100%; text-align:center; float:left; padding:0px 0;} .lng_box ul {width:100%; margin:0; padding:0; } .lng_box ul li {float:left; width:50%; font-size:11px; font-family:tahoma; letter-spacing:0em;} .lng_box ul li a {display:block; width:100%; height:40px; padding:15px 0px; color:rgba(0,0,0,0.8); line-height:100%; background:#fafafa;} .lng_box ul li a:hover {color:white; font-weight:500;} .lng_box ul .on a {background:#bf1d2d; color:white;} .lng_box ul .off a {background:#737373;color:rgba(255,255,255,0.6);} .mb_leftmenu_btn { display:flex !important; flex-wrap:wrap; align-items:center; justify-content:space-between; } .mb_leftmenu_btn .menuitems { width:50%; text-align:center; background:#fae101; padding:20px 0; } .mb_leftmenu_btn .menuitems i { width:35px; color:#3c201f; font-size:30px; } .mb_leftmenu_btn .menuitems span { display:block; padding-top:10px; font-family:GmSansB; font-size:15px; color:#3c201f; line-height:1; } .mb_leftmenu_btn .menuitems2 { width:50%; text-align:center; background:#00ab9f; padding:20px 0; } .mb_leftmenu_btn .menuitems2 i { display:block; width:28px; margin:0 auto; } .mb_leftmenu_btn .menuitems2 i img { width:100%; } .mb_leftmenu_btn .menuitems2 span { display:block; padding-top:12px; font-family:GmSansB; font-size:15px; color:#fff; line-height:1; } .mb_leftmenu_btn .menuitems3 { width:50%; text-align:center; background:#00c73c; padding:20px 0; } .mb_leftmenu_btn .menuitems3 i { width:35px; color:#fff; font-size:30px; } .mb_leftmenu_btn .menuitems3 i img { width:100%; } .mb_leftmenu_btn .menuitems3 span { display:block; padding-top:12px; font-family:GmSansB; font-size:15px; color:#fff; line-height:1; } .mb_leftmenu_btn .menuitems4 { width:50%; text-align:center; background:#00145b; padding:20px 0; } .mb_leftmenu_btn .menuitems4 i { width:35px; color:#fff; font-size:30px; } .mb_leftmenu_btn .menuitems4 i img { width:100%; } .mb_leftmenu_btn .menuitems4 span { display:block; padding-top:12px; font-family:GmSansB; font-size:15px; color:#fff; line-height:1; } /* 카피라이트 */ .mn_s_copy { width:100%; padding:18px 0 20px 0; text-align:center; line-height:100%; font-size:8px; } .mn_s_copy .df { font-family:GmSansM; font-size:12px; color:rgba(255,255,255,0.5); font-weight:normal; } .mn_s_copy .name { font-family:GmSansM; font-size:12px; color:rgba(255,255,255,0.8); } /* 마스크 / 키프레임=적용시간 */ #sidebar-box-mask{ display:none; position:fixed; z-index:99999997; background:rgba(0,0,0,0.6); left:0; top:0; width:100%; height:100%; animation: fadein 2s; -moz-animation: fadein 2s; /* Firefox */ -webkit-animation: fadein 2s; /* Safari and Chrome */ -o-animation: fadein 2s; /* Opera */ } @keyframes fadein { from {opacity:0;} to {opacity:1;} } @-moz-keyframes fadein { /* Firefox */ from {opacity:0;} to {opacity:1;} } @-webkit-keyframes fadein { /* Safari and Chrome */ from {opacity:0;} to {opacity:1;} } @-o-keyframes fadein { /* Opera */ from {opacity:0;} to {opacity: 1;} } @keyframes fadeout { from {opacity:1;} to {opacity:0;} } @-moz-keyframes fadeout { /* Firefox */ from {opacity:1;} to {opacity:0;} } @-webkit-keyframes fadeout { /* Safari and Chrome */ from {opacity:1;} to {opacity:0;} } @-o-keyframes fadeout { /* Opera */ from {opacity:1;} to {opacity:0;} } #sidebar-box-mask .close {float:right; width:100%; height:100%; text-align:left; padding:15px 0 0 265px;} #sidebar-box-mask .close img {width:20px;} /* TOP M =================================== */ .mtop-phone { position:absolute; height:48px; right:10px; top:7px; width:150px; /* background:#7000b1; border-radius:2px; */ text-align:center; } .mtop-phone strong { display:block; width:100%; font-family:GmSansB; font-size:14px; padding:5px 0 5px 0; color:#fff000; animation: mtopphone 1.2s infinite; } .mtop-phone span { display:block; width:100%; font-family:GmSansB; font-size:22px; color:#00fffc; } @media screen and (max-width: 1260px){ .mtop-phone { height:48px; right:10px; top:7px; width:150px; } .mtop-phone strong { font-size:14px; padding:5px 0 3px 0; } .mtop-phone span { font-size:22px; } } @media screen and (max-width: 900px){ .mtop-phone { height:43px; right:10px; top:7px; width:130px; } .mtop-phone strong { font-size:12px; padding:5px 0 3px 0; } .mtop-phone span { font-size:18px; } } @media screen and (max-width: 650px){ .mtop-phone { height:40px; right:10px; top:3px; width:110px; } .mtop-phone strong { font-size:12px; padding:8px 0 2px 0; } .mtop-phone span { font-size:18px; } } @media screen and (max-width: 300px){ .mtop-phone { height:40px; right:10px; top:3px; width:110px; } .mtop-phone strong { font-size:10px; padding:8px 0 2px 0; } .mtop-phone span { font-size:14px; } } @keyframes mtopphone { 0% { bottom: 0px; color:#fff000; opacity:1; } 50% { bottom: 0; color:#00ff4d; opacity:1;} 100% { bottom: 0px; color:#fff000; opacity:1; } } /* TOP 상장 =================================== */ .mbizWrap { position:relative; width:320px; height:62px; padding:0 0; z-index:999; overflow:hidden; } .main_biz { position:relative; width:100%; } .main_biz .bizitem { display:flex !important; flex-wrap:wrap; align-items:center; justify-content:space-between; font-size:0; margin:0 0 0 0; padding:0 0; transition:all .2s; vertical-align:middle; } .main_biz .bizitem .pic { width:20%; } .main_biz .bizitem .pic img { width:100%; } .main_biz .bizitem .txt { width:78%; padding-top:5px; font-family:GmSansB; font-size:17px; color:#000; font-style:normal; font-weight:normal; line-height:1.2; text-align:left; } .main_biz .bizitem .txt span { display:block; font-family:GmSansM; font-size:20px; color:#000; font-style:normal; font-weight:normal; line-height:1.2; } .main_biz .slick-list .slick-track .slick-slide { padding:0 0; } /* MAIN 폼 =================================== */ .main-form-wrap { position:relative; display:flex; flex-wrap:wrap; justify-content:space-between; max-width:1380px; margin:-100px auto 50px; background:#0c70f5; border-radius:15px; height:300px; box-shadow: 0px 10px 12px rgb(0 0 0 / 10%); z-index:999; overflow:hidden; } .main-form-wrap > .leftArea { position:relative; width:50%; background:#171c61; padding:40px; line-height:1.2; } .main-form-wrap > .leftArea strong { font-size:22px; } .main-form-wrap > .leftArea strong span { display:block; font-size:24px; color:#fff; font-family:GmSansL; } .main-form-wrap > .leftArea strong span em { font-size:24px; color:#4d99ff; font-family:GmSansM; } .main-form-wrap > .leftArea strong i { display:block; font-size:24px; color:#fff; font-style:normal; font-family:GmSansL; } .main-form-wrap > .leftArea strong i em { font-size:24px; color:#4d99ff; font-family:GmSansM; } .main-form-wrap > .leftArea p { display:block; padding-top:30px; font-size:16px; color:rgba(255,255,255,0.6); font-family:GmSansM; font-weight:normal; } .main-form-wrap > .leftArea .pic { position:absolute; bottom:30px; right:30px; width:150px; } .main-form-wrap > .leftArea .pic img { width:100%; } .main-form-wrap > .righArea { padding:40px; width:50%; background:url("/2023_img/order_form_bg.png") no-repeat 300px -20px; } .main-form-wrap > .righArea .set { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; } .main-form-wrap > .righArea .set strong { font-size:25px; color:#fff; font-family:GmSansM; font-weight:normal; } .main-form-wrap > .righArea .set .go-pic { font-size:16px; color:#fff; font-family:GmSansM; font-weight:normal; } .main-form-wrap > .righArea .set .go-pic a { font-size:15px; width:auto; padding:5px 8px; background:#171c61; color:#fff; border-radius:3px; transition:all .2s; } .main-form-wrap > .righArea .set .go-pic a:hover { background:#b20000; transition:all .2s; } @media screen and (max-width: 1260px){ .main-form-wrap { max-width:95%; margin:-80px auto 50px; height:auto; } .main-form-wrap > .leftArea { width:50%; padding:30px; } .main-form-wrap > .leftArea strong span { display:block; font-size:22px; } .main-form-wrap > .leftArea strong span em { font-size:22px; } .main-form-wrap > .leftArea strong i { display:block; font-size:22px; } .main-form-wrap > .leftArea strong i em { font-size:22px; } .main-form-wrap > .leftArea p { padding-top:25px; font-size:15px; } .main-form-wrap > .leftArea .pic { bottom:30px; right:30px; width:130px; } .main-form-wrap > .righArea { padding:30px; width:50%; } .main-form-wrap > .righArea .set strong { font-size:22px; } .main-form-wrap > .righArea .set .go-pic { font-size:15px; } .main-form-wrap > .righArea .set .go-pic a { font-size:14px; padding:5px 8px; } } @media screen and (max-width: 900px){ .main-form-wrap { margin:-30px auto 40px; } .main-form-wrap > .leftArea { width:100%; padding:20px 20px 15px 20px; } .main-form-wrap > .leftArea strong { text-align:center; } .main-form-wrap > .leftArea strong span { width:100%; font-size:18px; } .main-form-wrap > .leftArea strong span em { font-size:18px; } .main-form-wrap > .leftArea strong i { width:100%; font-size:18px; } .main-form-wrap > .leftArea strong i em { font-size:18px; } .main-form-wrap > .leftArea p { display:none; padding-top:5px; font-size:14px; } .main-form-wrap > .leftArea .pic { display:none; bottom:10px; right:30px; width:70px; } .main-form-wrap > .righArea { padding:30px; width:100%; } .main-form-wrap > .righArea .set strong { font-size:19px; } .main-form-wrap > .righArea .set .go-pic { font-size:14px; } .main-form-wrap > .righArea .set .go-pic a { font-size:13px; padding:5px 8px; } } @media screen and (max-width: 650px){ .main-form-wrap { margin:-55px auto 30px; } .main-form-wrap > .leftArea { padding:15px 10px 15px 10px; text-align:center;} .main-form-wrap > .leftArea strong span { width:100%; font-size:16px; } .main-form-wrap > .leftArea strong span em { font-size:16px; } .main-form-wrap > .leftArea strong i { width:100%; font-size:16px; padding-top:2px; } .main-form-wrap > .leftArea strong i em { font-size:16px; } .main-form-wrap > .righArea { padding:20px; width:100%; } .main-form-wrap > .righArea .set strong { font-size:17px; } .main-form-wrap > .righArea .set .go-pic { padding:15px 0 0 0; font-size:13px; } .main-form-wrap > .righArea .set .go-pic a { font-size:12px; padding:5px 8px; } } @media screen and (max-width: 300px){ .main-form-wrap { margin:-55px auto 30px; } .main-form-wrap > .leftArea { padding:10px 5px 10px 5px; text-align:center;} .main-form-wrap > .leftArea strong span { width:100%; font-size:13px; } .main-form-wrap > .leftArea strong span em { font-size:13px; } .main-form-wrap > .leftArea strong i { width:100%; font-size:15px; padding-top:2px; } .main-form-wrap > .leftArea strong i em { font-size:15px; } .main-form-wrap > .righArea { padding:10px; } .main-form-wrap > .righArea .set strong { width:100%; font-size:14px; } .main-form-wrap > .righArea .set .go-pic { font-size:13px; } .main-form-wrap > .righArea .set .go-pic a { font-size:12px; padding:3px 5px; } } /* MAIN 폼 =================================== */ .order-form-wrap { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:15px; } .order-form-wrap .form-1 { width:73%; display:flex; flex-wrap:wrap; justify-content:space-between; } .order-form-wrap .form-1 .form-item1 { width:100%; } .order-form-wrap .form-1 .form-item2 { width:28%; margin-top:10px; border:1px solid red; } .order-form-wrap .form-1 .form-item3 { width:34%; margin-top:10px; border:1px solid #081131; } .order-form-wrap .form-1 .form-item4 { width:34%; margin-top:10px; border:1px solid red; } .order-form-wrap .form-1 .form-item5 { width:49%; margin-top:10px; border:1px solid red; } .order-form-wrap .form-1 .form-item6 { width:49%; margin-top:10px; border:1px solid red; } .order-form-wrap .form-1 .form-item7 { width:100%; margin-top:15px; } .order-form-wrap .form-1 .form-item7 a { color:#fff; font-size:14px; font-family: 'GmSansM'; font-style: normal; font-weight:normal; } .order-form-wrap .form-2 { width:25%; } select.select-1 { font-family:GmSansM; outline:none; width: 100%; font-size:14px; height:40px; color:#000; padding-left:10px; background: #fff url('/images/sel_arr.gif') no-repeat 95% 50%; /* 화살표 대체 */ border: 0px solid #999; border-radius: 0px; -webkit-appearance: none; /* 외형 감추기 */ -moz-appearance: none; appearance: none;} select.select-1 > option { font-family:GmSansM; color:#000; font-size:14px; } .iptStyle01 { width:100%; font-size:14px; height:40px; color:#000; border:0px solid #a09153; background:#fff; transition:all .3s; padding:0 10px; letter-spacing:-0.05em; font-family: 'GmSansM'; font-style: normal; font-weight:normal; } .iptStyle01::placeholder { color: #000; } .iptStyle01:hover { border:0px solid #000; background:#fff; transition:all .3s; } .iptStyle02 { width:100%; font-size:14px; height:40px; color:#000; border:0px solid #a09153; background:#fff; transition:all .3s; padding:0 10px; letter-spacing:-0.05em; font-family: 'GmSansM'; font-style: normal; font-weight:normal; } .iptStyle02::placeholder { color: #ff0000; } .iptStyle02:hover { border:0px solid #000; background:#fff; transition:all .3s; } .btnSubmit { width:100%; background:#29498c; color:#fff; font-size:17px; font-family: 'GmSansM'; line-height:160%; border:0; height:140px; transition: all 1s;} .btnSubmit:hover { background:#0ab9ff; transition: all 1s;} @media screen and (max-width: 1260px){ .order-form-wrap { margin-top:15px; } .order-form-wrap .form-1 { width:73%; } .order-form-wrap .form-1 .form-item1 { width:100%; } .order-form-wrap .form-1 .form-item2 { width:28%; margin-top:10px; border:1px solid red; } .order-form-wrap .form-1 .form-item3 { width:34%; margin-top:10px; border:1px solid #081131; } .order-form-wrap .form-1 .form-item4 { width:34%; margin-top:10px; border:1px solid red; } .order-form-wrap .form-1 .form-item5 { width:49%; margin-top:10px; border:1px solid red; } .order-form-wrap .form-1 .form-item6 { width:49%; margin-top:10px; border:1px solid red; } .order-form-wrap .form-1 .form-item7 { width:100%; margin-top:15px; } .order-form-wrap .form-1 .form-item7 a { color:#fff; font-size:14px; font-family: 'GmSansM'; font-style: normal; font-weight:normal; } .order-form-wrap .form-2 { width:25%; } select.select-1 { font-size:13px; height:40px; padding-left:10px; } select.select-1 > option { font-size:13px; } .iptStyle01 { font-size:14px; height:40px; } .iptStyle02 { font-size:14px; height:40px; } .btnSubmit { font-size:15px; height:145px; } } @media screen and (max-width: 900px){ } @media screen and (max-width: 650px){ .order-form-wrap { margin-top:15px; } .order-form-wrap .form-1 { width:100%; } .order-form-wrap .form-1 .form-item1 { width:100%; } .order-form-wrap .form-1 .form-item2 { width:28%; margin-top:10px; border:1px solid red; } .order-form-wrap .form-1 .form-item3 { width:34%; margin-top:10px; border:1px solid #081131; } .order-form-wrap .form-1 .form-item4 { width:34%; margin-top:10px; border:1px solid red; } .order-form-wrap .form-1 .form-item5 { width:49%; margin-top:10px; border:1px solid red; } .order-form-wrap .form-1 .form-item6 { width:49%; margin-top:10px; border:1px solid red; } .order-form-wrap .form-1 .form-item7 { width:100%; margin-top:15px; } .order-form-wrap .form-1 .form-item7 a { color:#fff; font-size:13px; } .order-form-wrap .form-2 { width:100%; margin-top:10px; } select.select-1 { font-size:13px; height:40px; padding-left:10px; } select.select-1 > option { font-size:13px; } .iptStyle01 { font-size:13px; height:40px; } .iptStyle02 { font-size:13px; height:40px; } .btnSubmit { font-size:15px; height:auto; padding:10px 0; } } @media screen and (max-width: 300px){ .order-form-wrap { margin-top:15px; } .order-form-wrap .form-1 { width:100%; } .order-form-wrap .form-1 .form-item1 { width:100%; } .order-form-wrap .form-1 .form-item2 { width:100%; margin-top:5px; border:1px solid red; } .order-form-wrap .form-1 .form-item3 { width:100%; margin-top:5px; border:1px solid #081131; } .order-form-wrap .form-1 .form-item4 { width:100%; margin-top:5px; border:1px solid red; } .order-form-wrap .form-1 .form-item5 { width:100%; margin-top:5px; border:1px solid red; } .order-form-wrap .form-1 .form-item6 { width:100%; margin-top:5px; border:1px solid red; } .order-form-wrap .form-1 .form-item7 { width:100%; margin-top:15px; } .order-form-wrap .form-1 .form-item7 a { color:#fff; font-size:10px; } .order-form-wrap .form-2 { width:100%; margin-top:10px; } select.select-1 { font-size:12px; height:40px; padding-left:10px; } select.select-1 > option { font-size:12px; } .iptStyle01 { font-size:13px; height:40px; } .iptStyle02 { font-size:13px; height:40px; } .btnSubmit { font-size:13px; height:auto; padding:10px 0; } } /* MAIN 서비스 =================================== */ .main-service-bg { background:#f6f8fa; width:100%; padding:60px 0; } .main-service-wrap { max-width:1380px; margin:0px auto 0px; overflow:hidden; } .main-service-wrap h2 { font-family:GmSansL; font-size:36px; color:#000; text-align:center; font-style:normal; font-weight:normal; letter-spacing:-0.025em; line-height:1.2; } .main-service-wrap h2 em { font-family:GmSansM; font-size:36px; color:#4156d3; } .main-service-wrap h2 span { display:block; padding-top:5px; font-family:Pretendard; font-size:19px; color:rgba(0,0,0,0.5); text-align:center; font-weight:700; } .main-service-wrap ul.searce-wrap { margin-top:30px; width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; letter-spacing:-0.025em; line-height:1.2; } .main-service-wrap ul.searce-wrap li { width:24.5%; padding:20px; margin-bottom:20px; border:0px solid #eaeaea; background:#fff; border-radius:5px; box-shadow: 0px 10px 12px rgb(0 0 0 / 10%); } .main-service-wrap ul.searce-wrap li .title { font-family:GmSansM; font-size:20px; margin-top:0; padding-bottom:10px; color:#212121; text-align:center; } .main-service-wrap ul.searce-wrap li .desc { font-family:GmSansM; font-size:17px; padding:15px 0; letter-spacing:-0.05em; color:#3c4962; text-align:center; } .main-service-wrap ul.searce-wrap li .pic { border-top:1px dashed #eaeaea; width:100%; background:#ebf1ff; border-radius:5px; } .main-service-wrap ul.searce-wrap li .pic img { width:100%; } .main-service-wrap ul.searce-wrap li .btn { display:flex; flex-wrap:wrap; justify-content:space-between; } .main-service-wrap ul.searce-wrap li .btn a { width:49%; font-size:16px; padding:6px 0 4px 0; border-radius:3px; color:#fff; font-family:GmSansM; text-align:center; line-height:1.2; transition:all .2s; } .main-service-wrap ul.searce-wrap li .btn a.color1 { background:#171c61; } .main-service-wrap ul.searce-wrap li .btn a.color1:hover { background:#b90000; transition:all .2s; } .main-service-wrap ul.searce-wrap li .btn a.color2 { background:#0c70f5; } .main-service-wrap ul.searce-wrap li .btn a.color2:hover { background:#b90000; transition:all .2s; } .main-service-wrap ul.searce-wrap li .btn a.color3 { background:#171c61; display:none; } .main-service-wrap ul.searce-wrap li .btn a.color3:hover { background:#b90000; transition:all .2s; } .main-service-wrap ul.searce-wrap li.lastLi { position:relative; width:49.4%; padding:40px; margin-bottom:20px; border:1px solid #eaeaea; background:#2f3a7c; } .main-service-wrap ul.searce-wrap li.lastLi .title2 { font-family:GmSansM; font-size:30px; padding-bottom:10px; color:#fff; letter-spacing:-0.05em; z-index:5; } .main-service-wrap ul.searce-wrap li.lastLi .title2 em { font-family:GmSansB; font-size:30px; color:#72d9e2; } .main-service-wrap ul.searce-wrap li.lastLi .title2 span { display:block; font-family:GmSansM; font-size:30px; padding-bottom:10px; color:#fff; } .main-service-wrap ul.searce-wrap li.lastLi .phone2 { position:relative; font-family:GmSansM; font-size:25px; padding-top:20px; color:#fff; z-index:5; } .main-service-wrap ul.searce-wrap li.lastLi .phone2 span { display:block; font-family:GmSansB; font-size:55px; padding-top:0px; color:#ff0000; animation: phone2loof 1.2s infinite; } .main-service-wrap ul.searce-wrap li.lastLi .info { position:relative; height:35px; width:380px; padding:10px 0 0 80px; font-family:GmSansM; font-size:15px; color:#000; background:#72d9e2; border-radius:50px; z-index:5; letter-spacing:-0.025em; } .main-service-wrap ul.searce-wrap li.lastLi .info span { position:absolute; left:5px; top:5px; width:70px; height:25px; background:#000; font-family:GmSansM; border-radius:30px; text-align:center; font-size:14px; padding-top:6px; color:#ff0000; animation: info2loof 1.2s infinite; } .main-service-wrap ul.searce-wrap li.lastLi .pic2 { position:absolute; width:60%; right:0; bottom:0; z-index:1; } .main-service-wrap ul.searce-wrap li.lastLi .pic2 img { width:100%; } .main-service-wrap ul.searce-wrap li:nth-child1 .pic { background:#bbe4f6; } @media screen and (max-width: 1260px){ .main-service-bg { padding:50px 0; } .main-service-wrap { max-width:95%; } .main-service-wrap h2 { font-size:32px; } .main-service-wrap h2 em { font-size:32px; } .main-service-wrap h2 span { padding-top:5px; font-size:18px; } .main-service-wrap ul.searce-wrap { margin-top:30px; } .main-service-wrap ul.searce-wrap li { width:24%; padding:15px; margin-bottom:20px; } .main-service-wrap ul.searce-wrap li .title { font-size:19px; padding-bottom:10px; } .main-service-wrap ul.searce-wrap li .desc { font-size:16px; padding:15px 0; } .main-service-wrap ul.searce-wrap li .pic { width:100%; } .main-service-wrap ul.searce-wrap li .btn a { width:49%; font-size:15px; padding:6px 0 4px 0; } .main-service-wrap ul.searce-wrap li.lastLi { width:49.4%; padding:30px; margin-bottom:20px; } .main-service-wrap ul.searce-wrap li.lastLi .title2 { font-size:26px; padding-bottom:10px; } .main-service-wrap ul.searce-wrap li.lastLi .title2 em { font-size:26px; } .main-service-wrap ul.searce-wrap li.lastLi .title2 span { font-size:26px; padding-bottom:10px; } .main-service-wrap ul.searce-wrap li.lastLi .phone2 { font-size:22px; padding-top:20px; } .main-service-wrap ul.searce-wrap li.lastLi .phone2 span { font-size:50px; } .main-service-wrap ul.searce-wrap li.lastLi .info { height:35px; width:350px; padding:10px 0 0 80px; font-size:14px; border-radius:50px; } .main-service-wrap ul.searce-wrap li.lastLi .info span { left:5px; top:5px; width:70px; height:25px; border-radius:30px; font-size:14px; padding-top:6px; } .main-service-wrap ul.searce-wrap li.lastLi .pic2 { width:60%; right:0; bottom:0; } } @media screen and (max-width: 900px){ .main-service-bg { padding:40px 0; } .main-service-wrap h2 { font-size:28px; } .main-service-wrap h2 em { font-size:28px; } .main-service-wrap h2 span { padding-top:5px; font-size:16px; } .main-service-wrap ul.searce-wrap { margin-top:25px; } .main-service-wrap ul.searce-wrap li { width:24%; padding:10px; margin-bottom:20px; } .main-service-wrap ul.searce-wrap li .title { font-size:17px; padding-bottom:10px; } .main-service-wrap ul.searce-wrap li .desc { font-size:14px; padding:15px 0; } .main-service-wrap ul.searce-wrap li .pic { width:100%; } .main-service-wrap ul.searce-wrap li .btn a { width:49%; font-size:13px; padding:6px 0 4px 0; } .main-service-wrap ul.searce-wrap li.lastLi { width:49.4%; padding:20px; margin-bottom:20px; } .main-service-wrap ul.searce-wrap li.lastLi .title2 { font-size:20px; padding-bottom:10px; } .main-service-wrap ul.searce-wrap li.lastLi .title2 em { font-size:20px; } .main-service-wrap ul.searce-wrap li.lastLi .title2 span { font-size:20px; padding-bottom:10px; } .main-service-wrap ul.searce-wrap li.lastLi .phone2 { font-size:18px; padding-top:0px; } .main-service-wrap ul.searce-wrap li.lastLi .phone2 span { font-size:35px; } .main-service-wrap ul.searce-wrap li.lastLi .info { height:35px; width:300px; padding:10px 0 0 70px; font-size:12px; border-radius:50px; } .main-service-wrap ul.searce-wrap li.lastLi .info span { left:5px; top:5px; width:60px; height:25px; border-radius:30px; font-size:12px; padding-top:6px; } .main-service-wrap ul.searce-wrap li.lastLi .pic2 { width:50%; right:0; bottom:70px; } } @media screen and (max-width: 650px){ .main-service-bg { padding:30px 0; } .main-service-wrap h2 { font-size:22px; } .main-service-wrap h2 em { font-size:22px; } .main-service-wrap h2 span { padding-top:5px; font-size:14px; } .main-service-wrap ul.searce-wrap { margin-top:20px; } .main-service-wrap ul.searce-wrap li { width:49%; padding:10px 5px; margin-bottom:15px; } .main-service-wrap ul.searce-wrap li .title { font-size:15px; padding-bottom:10px; } .main-service-wrap ul.searce-wrap li .desc { font-size:12px; padding:15px 0; } .main-service-wrap ul.searce-wrap li .pic { width:100%; } .main-service-wrap ul.searce-wrap li .btn a { width:49%; font-size:12px; padding:6px 0 4px 0; } .main-service-wrap ul.searce-wrap li.lastLi { width:100%; padding:15px; height:210px; margin-bottom:20px; } .main-service-wrap ul.searce-wrap li.lastLi .title2 { font-size:18px; padding-bottom:10px; } .main-service-wrap ul.searce-wrap li.lastLi .title2 em { font-size:18px; } .main-service-wrap ul.searce-wrap li.lastLi .title2 span { font-size:18px; padding-bottom:10px; } .main-service-wrap ul.searce-wrap li.lastLi .phone2 { font-size:18px; padding-top:0px; } .main-service-wrap ul.searce-wrap li.lastLi .phone2 span { font-size:30px; } .main-service-wrap ul.searce-wrap li.lastLi .info { margin-top:10px; height:35px; width:300px; padding:10px 0 0 70px; font-size:12px; border-radius:50px; } .main-service-wrap ul.searce-wrap li.lastLi .info span { left:5px; top:5px; width:60px; height:25px; border-radius:30px; font-size:12px; padding-top:6px; } .main-service-wrap ul.searce-wrap li.lastLi .pic2 { width:40%; right:10px; bottom:60px; } .main-service-wrap ul.searce-wrap li .btn a.color3 { background:#00ab9f; display:inline-block; width:100%; margin-top:3px; } .main-service-wrap ul.searce-wrap li .btn a.color3:hover { background:#b90000; transition:all .2s; } } @media screen and (max-width: 300px){ .main-service-bg { padding:20px 0; } .main-service-wrap h2 { font-size:18px; } .main-service-wrap h2 em { font-size:18px; } .main-service-wrap h2 span { padding-top:5px; font-size:12px; } .main-service-wrap ul.searce-wrap { margin-top:20px; } .main-service-wrap ul.searce-wrap li { width:100%; padding:10px 5px; margin-bottom:15px; } .main-service-wrap ul.searce-wrap li .title { font-size:14px; padding-bottom:10px; } .main-service-wrap ul.searce-wrap li .desc { font-size:12px; padding:15px 0; } .main-service-wrap ul.searce-wrap li .pic { width:100%; } .main-service-wrap ul.searce-wrap li .btn a { width:49%; font-size:12px; padding:6px 0 4px 0; } .main-service-wrap ul.searce-wrap li.lastLi { width:100%; padding:15px; height:210px; margin-bottom:20px; } .main-service-wrap ul.searce-wrap li.lastLi .title2 { font-size:18px; padding-bottom:10px; } .main-service-wrap ul.searce-wrap li.lastLi .title2 em { font-size:18px; } .main-service-wrap ul.searce-wrap li.lastLi .title2 span { font-size:18px; padding-bottom:10px; } .main-service-wrap ul.searce-wrap li.lastLi .phone2 { font-size:18px; padding-top:0px; } .main-service-wrap ul.searce-wrap li.lastLi .phone2 span { font-size:30px; } .main-service-wrap ul.searce-wrap li.lastLi .info { margin-top:10px; height:35px; width:100%; padding:10px 0 0 60px; font-size:12px; border-radius:50px; line-height:1; } .main-service-wrap ul.searce-wrap li.lastLi .info span { left:5px; top:5px; width:50px; height:25px; border-radius:30px; font-size:12px; padding-top:6px; } .main-service-wrap ul.searce-wrap li.lastLi .pic2 { width:40%; right:10px; bottom:60px; } } @keyframes phone2loof { 0% { bottom: 0px; color:#fff; opacity:1; } 50% { bottom: 0; color:#49feeb; opacity:1;} 100% { bottom: 0px; color:#fff; opacity:1; } } @keyframes info2loof { 0% { bottom: 0px; color:#fff; opacity:1; } 50% { bottom: 0; color:#00ff2a; opacity:1;} 100% { bottom: 0px; color:#fff; opacity:1; } } /* MAIN 수상 =================================== */ .main-prize-wrap { max-width:100%; margin:0px auto 0; padding:80px 0; background:url("/2023_img/prize_bg.jpg?tm=1.1") no-repeat top center / cover; } .main-prize-wrap h2 { position:relative; height:130px; max-width:610px; margin:0 auto; background-image: url('/2023_img/prz_title6.png?tm=1.5'); background-size : contain; animation-duration: 20s; animation-iteration-count: infinite; } @keyframes crossfade { 15% { background-image: url('/2023_img/prz_title5.png?tm=1.4'); } 25% { background-image: url('/2023_img/prz_title4.png?tm=1.5'); } 40% { background-image: url('/2023_img/prz_title4.png?tm=1.5'); } 50% { background-image: url('/2023_img/prz_title5.png?tm=1.4'); } 65% { background-image: url('/2023_img/prz_title5.png?tm=1.4'); } 75% { background-image: url('/2023_img/prz_title4.png?tm=1.5'); } 90% { background-image: url('/2023_img/prz_title4.png?tm=1.5'); } 100% { background-image: url('/2023_img/prz_title5.png?tm=1.4'); } } /* .main-prize-wrap h2 { font-family:GmSansM; font-size:40px; color:#fff; text-align:center; font-style:normal; font-weight:normal; letter-spacing:-0.025em; line-height:1.2; } .main-prize-wrap h2 span { display:block; padding-top:5px; font-family:Pretendard; font-size:22px; color:rgba(255,255,255,0.7); text-align:center; font-weight:700; } */ .main_prz-wrap { margin-top:50px; } .main_prz { max-width:1360px; } .main_prz .przitem { position:relative; margin:0 0 1% 0; padding:0 0; transition:all .2s; } .main_prz .przitem .pic { /* max-width:195px; */ max-width:230px; margin:0 auto 10px; overflow:hidden; } .main_prz .przitem .pic img { width:100%; filter: drop-shadow(2px 6px 6px #000000); } .main_prz .przitem strong { display:block; width:100%; font-family:GmSansM; padding-top:10px; font-size:20px; font-weight:normal; color:rgba(255,255,255,1); letter-spacing:-0.05em; line-height:1.5; transition:all .2s; text-align:center; text-shadow: 0 0 2px #000000; } .main_prz .przitem strong span { display:block; font-family:GmSansM; font-size:17px; color:#fff; text-shadow: 0 0 2px #000000; line-height:1.2; } .main_prz .przitem em { display:block; width:100%; font-family:GmSansM; padding-top:0; font-size:16px; font-weight:normal; color:rgba(255,255,255,0.8); letter-spacing:-0.05em; line-height:1.5; transition:all .2s; text-align:center; text-shadow: 0 0 2px #000000; } .main_prz .slick-list .slick-track .slick-slide { padding:20px 0; } @media screen and (max-width: 1260px){ .main-prize-wrap { padding:60px 0; } .main-prize-wrap h2 { max-width:500px; height:110px; } .main_prz-wrap { margin-top:30px; } .main_prz { max-width:95%; } .main_prz .przitem .pic { max-width:180px; margin:0 auto 10px; } .main_prz .przitem strong { padding-top:10px; font-size:20px; } .main_prz .przitem strong span { font-size:17px; } .main_prz .przitem em { font-size:16px; } .main_prz .slick-list .slick-track .slick-slide { padding:20px 0; } } @media screen and (max-width: 900px){ .main-prize-wrap { padding:40px 0; } .main_prz-wrap { margin-top:30px; } .main_prz { max-width:95%; } .main_prz .przitem .pic { max-width:180px; margin:0 auto 10px; } .main_prz .przitem strong { padding-top:10px; font-size:18px; } .main_prz .przitem strong span { font-size:15px; } .main_prz .przitem em { font-size:14px; } .main_prz .slick-list .slick-track .slick-slide { padding:20px 0; } } @media screen and (max-width: 650px){ .main-prize-wrap { padding:40px 0; } .main-prize-wrap h2 { max-width:250px; height:57px; } .main_prz-wrap { margin-top:30px; } .main_prz { max-width:95%; } .main_prz .przitem .pic { max-width:150px; margin:0 auto 10px; } .main_prz .przitem strong { padding-top:10px; font-size:17px; } .main_prz .przitem strong span { font-size:14px; } .main_prz .przitem em { font-size:13px; } .main_prz .slick-list .slick-track .slick-slide { padding:10px 0; } } @media screen and (max-width: 300px){ .main-prize-wrap { padding:20px 0; } .main_prz-wrap { margin-top:20px; } .main_prz .przitem .pic { max-width:100px; margin:0 auto 10px; } .main_prz .przitem strong { padding-top:10px; font-size:17px; } .main_prz .przitem strong span { font-size:14px; } .main_prz .przitem em { font-size:13px; } } .ytube-wrap { position:relative; display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; max-width:1260px; overflow:hidden; } .ytube-wrap .ytube-item { position:relative; width:400px; height:340px; border-radius:10px; overflow:hidden; } .ytube-wrap .tube-th { position:absolute; font-family:GmSansM; color:#fff; font-size:19px; padding:10px 0 15px 0; text-align:center; width:100%; background: linear-gradient(316deg, #4e1311 0%, #1c0404 100%); top:0; left:0; z-index:5; line-height:1.2; } .ytube-wrap .tube-tb { position:absolute; padding:18px 0 0 0; text-align:center; width:100%; height:65px; background: linear-gradient(316deg, #1c0404 0%, #4e1311 100%); bottom:0; left:0; z-index:5; } .ytube-wrap .tube-tb img { width:100px; } @media screen and (max-width: 1260px){ .ytube-wrap { width:95%; } .ytube-wrap .ytube-item { position:relative; width:32%; height:300px; } .ytube-wrap .tube-th { font-size:16px; padding:10px 0 10px 0; } .ytube-wrap .tube-tb { padding:18px 0 0 0; height:65px; } } @media screen and (max-width: 900px){ .ytube-wrap { width:95%; } .ytube-wrap .ytube-item { position:relative; width:33%; height:250px; } .ytube-wrap .tube-th { font-size:13px; padding:10px 0 10px 0; } .ytube-wrap .tube-tb { padding:18px 0 0 0; height:58px; } .ytube-wrap .tube-tb img { width:80px; } } @media screen and (max-width: 650px){ .ytube-wrap { width:90%; } .ytube-wrap .ytube-item { position:relative; width:100%; height:290px; margin-bottom:10px; } .ytube-wrap .tube-th { font-size:13px; padding:10px 0 10px 0; } .ytube-wrap .tube-tb { padding:14px 0 0 0; height:48px; } .ytube-wrap .tube-tb img { width:70px; } } @media screen and (max-width: 300px){ .ytube-wrap { width:95%; height:200px; } .ytube-wrap .tube-th { font-size:12px; padding:18px 0 0 0; height:48px; } .ytube-wrap .tube-tb { padding:14px 0 0 0; height:48px; } .ytube-wrap .tube-tb img { width:50px; } } /* MAIN WHY =================================== */ .main-why-wrap { position:relative; max-width:100%; margin:0 auto; padding:80px 0 120px 0; background:#fbfbfd; } .main-why-wrap h2 { position:relative; font-family:GmSansM; font-size:40px; color:#000; text-align:center; font-style:normal; font-weight:normal; letter-spacing:-0.025em; line-height:1.2; z-index:5; } .main-why-wrap h2 span { display:block; padding-top:5px; font-family:Pretendard; font-size:22px; color:rgba(0,0,0,0.4); text-align:center; font-weight:700; } .main-why-wrap .why-img1 { position:absolute; max-width:300px; left:50%; margin-left:450px; top:20px; z-index:2; } .main-why-wrap .why-img2 { position:absolute; max-width:200px; left:50%; margin-left:250px; top:40px; z-index:2; } .why-wrap { position:relative; max-width:1380px; margin:80px auto 0; padding:0 0; z-index:5; } .why-wrap ul.whyUl { display:flex; flex-wrap:wrap; justify-content:space-between; letter-spacing:-0.025em; } .why-wrap ul.whyUl li { position:relative; width:19.5%; padding:10px 15px 20px 15px; text-align:center; border-radius:5px; border:1px solid #eaeaea; box-shadow: 0px 10px 12px rgb(0 0 0 / 10%); -webkit-backdrop-filter: blur(10px) !important; backdrop-filter: blur(10px) !important; background: rgba(255,255,255,0.7); } .why-wrap ul.whyUl li span { position: absolute; font-family:GmSansM; font-size:15px; line-height:33px; color:#fff; width:30px; height:30px; background:#0065ea; border-radius:50%; top: 0; left: 50%; transform:translate(-50%, -50%); } .why-wrap ul.whyUl li strong { display:block; font-family:GmSansM; padding-top:20px; font-size:17px; line-height:1.1; color:#081131; font-weight:normal; } .why-wrap ul.whyUl li p { font-family:Pretendard; padding-top:15px; font-size:16px; font-weight:600; line-height:1.1; color:rgba(0,0,0,0.5); } @media screen and (max-width: 1260px){ .main-why-wrap { padding:60px 0 100px 0; } .main-why-wrap h2 { font-size:35px; } .main-why-wrap h2 span { padding-top:5px; font-size:20px; } .main-why-wrap .why-img1 { max-width:300px; margin-left:400px; top:20px; } .main-why-wrap .why-img2 { max-width:150px; margin-left:250px; top:40px; } .why-wrap { max-width:95%; margin:60px auto 0; } .why-wrap ul.whyUl li { width:19%; padding:20px 10px 20px 10px; } .why-wrap ul.whyUl li span { font-family:GmSansM; font-size:14px; line-height:33px; width:30px; height:30px; top: 0; left: 50%; transform:translate(-50%, -50%); } .why-wrap ul.whyUl li strong { padding-top:10px; font-size:15px; } .why-wrap ul.whyUl li p { padding-top:15px; font-size:14px; } } @media screen and (max-width: 900px){ .main-why-wrap { padding:40px 0 60px 0; } .main-why-wrap h2 { font-size:28px; } .main-why-wrap h2 span { padding-top:5px; font-size:17px; } .main-why-wrap .why-img1 { max-width:150px; margin-left:250px; top:20px; } .main-why-wrap .why-img2 { max-width:150px; margin-left:-300px; top:20px; } .why-wrap { max-width:95%; margin:40px auto 0; } .why-wrap ul.whyUl li { width:32%; padding:20px; margin-bottom:30px; } .why-wrap ul.whyUl li span { font-size:14px; line-height:33px; width:30px; height:30px; top: 0; left: 50%; transform:translate(-50%, -50%); } .why-wrap ul.whyUl li strong { padding-top:10px; font-size:16px; } .why-wrap ul.whyUl li p { padding-top:12px; font-size:14px; } .why-wrap ul.whyUl li:last-child { width:66%; } } @media screen and (max-width: 650px){ .main-why-wrap { padding:30px 0 20px 0; } .main-why-wrap h2 { font-size:23px; } .main-why-wrap h2 span { padding-top:5px; font-size:15px; } .main-why-wrap .why-img1 { display:none; max-width:150px; margin-left:250px; top:20px; } .main-why-wrap .why-img2 { max-width:80px; margin-left:-190px; top:20px; } .why-wrap { max-width:95%; margin:40px auto 0; } .why-wrap ul.whyUl li { width:49%; padding:10px; margin-bottom:30px; } .why-wrap ul.whyUl li span { font-size:13px; line-height:33px; width:30px; height:30px; top: 0; left: 50%; transform:translate(-50%, -50%); } .why-wrap ul.whyUl li strong { padding-top:20px; font-size:15px; } .why-wrap ul.whyUl li p { padding-top:12px; font-size:13px; } .why-wrap ul.whyUl li:last-child { width:100%; } } @media screen and (max-width: 300px){ .main-why-wrap { padding:30px 0 30px 0; } .main-why-wrap h2 { font-size:23px; } .main-why-wrap h2 span { padding-top:5px; font-size:15px; } .main-why-wrap .why-img1 { display:none; max-width:150px; margin-left:250px; top:20px; } .main-why-wrap .why-img2 { max-width:80px; margin-left:-190px; top:20px; } .why-wrap { max-width:95%; margin:40px auto 0; } .why-wrap ul.whyUl li { width:100%; padding:20px; margin-bottom:30px; } .why-wrap ul.whyUl li span { font-size:13px; line-height:33px; width:30px; height:30px; top: 0; left: 50%; transform:translate(-50%, -50%); } .why-wrap ul.whyUl li strong { padding-top:10px; font-size:15px; } .why-wrap ul.whyUl li p { padding-top:12px; font-size:13px; } } /* MAIN 실시간 =================================== */ .main-our-wrap { position:relative; background:url("/2023_img/order_info_bg2.jpg") no-repeat top center / cover; } .main-our-wrap .halfbg { position:absolute; top:0; left:0; width:50%; height:100%; background:#171c61; } .main-our-wrap .our-wrap { position:relative; display:flex; flex-wrap:wrap; justify-content:space-between; max-width:1380px; margin:0 auto; height:500px; z-index:9; overflow:hidden; } .main-our-wrap .our-wrap .leftArea { position:relative; width:50%; padding:60px 0; line-height:1.2; } .main-our-wrap .our-wrap .leftArea strong { font-size:30px; color:#fff; font-family:GmSansM; font-weight:normal; } .main-our-wrap .our-wrap .leftArea strong span { display:block; font-size:30px; color:#fff; font-family:GmSansL; font-weight:normal; } .main-our-wrap .our-wrap .leftArea .numWrap { padding-top:20px; font-size:20px; color:rgba(255,255,255,0.8); font-family:GmSansM; font-weight:normal; } .main-our-wrap .our-wrap .leftArea .numWrap span { padding-top:10px; font-size:30px; color:#6ee8e9; font-family:GmSansB; font-weight:normal; } .main-our-wrap .our-wrap .leftArea .numWrap1 { padding-top:5px; font-size:20px; color:rgba(255,255,255,0.8); font-family:GmSansM; font-weight:normal; } .main-our-wrap .our-wrap .leftArea .numWrap1 span { padding-top:20px; font-size:30px; color:#6ee8e9; font-family:GmSansB; font-weight:normal; } .slide_secbg { position: sticky; top: 0; left: 0; right: 0; bottom: 0; width: 95%; height: 150px; text-align: center; margin-top: 20px; transition: all .3s; background: url("/2023_img/order_info_bg.jpg?tm=1.1"); background-position: 0 0; background-size: 539px 150px; animation: vslbg 20s infinite forwards linear; z-index: 9; position: relative; border-radius:10px; overflow:hidden; } .main-our-wrap .our-wrap .leftArea .LtxtWrap { padding-top:20px; font-size:18px; color:rgba(255,255,255,0.8); font-family:Pretendard; font-weight:700; } .main-our-wrap .our-wrap .righArea { position:relative; width:50%; padding:60px 0 0 40px; line-height:1.2; } .main-our-wrap .our-wrap .righArea strong { font-size:30px; color:#fff; font-family:GmSansM; font-weight:normal; } .main-our-wrap .our-wrap .righArea strong span { padding-top:10px; font-size:20px; color:#6ee8e9; font-family:GmSansM; font-weight:normal; } .main-our-wrap .our-wrap .righArea .silWrap { overflow:hidden; position: relative; margin-top:25px; } .latest_odr { width:100%; border-top:1px solid rgba(255,255,255,0.2); } .latest_odr li { display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; border-bottom:1px solid rgba(255,255,255,0.1); padding:10px 0; } .latest_odr li > div { display:inline-block; white-space:nowrap; color:white; padding:15px 5px; font-family:Pretendard; font-weight:500; font-size:15px; } .latest_odr li .ord_svc { width:18%; background:#3b56c9; text-align:center; margin:5px 0; border-radius:5px; } .latest_odr li .ord_addr { width:40%; margin:5px 0; } .latest_odr li .ord_name { width:13%; margin:5px 0;} .latest_odr li .ord_date { width:17%; margin:5px 0;} .latest_odr li .ord_stat { width:12%; margin:5px 0; background:rgba(0,0,0,0.3); text-align:center; border-radius:3px; } @keyframes vslbg { 0 { background-position: 0 0 } 100% { background-position: 1078px } } @media screen and (max-width: 1260px){ .main-our-wrap .halfbg { width:50%; background:#171c61; } .main-our-wrap .our-wrap { max-width:95%; height:450px; } .main-our-wrap .our-wrap .leftArea { width:50%; padding:30px 0; } .main-our-wrap .our-wrap .leftArea strong { font-size:25px; } .main-our-wrap .our-wrap .leftArea strong span { font-size:25px; } .main-our-wrap .our-wrap .leftArea .numWrap { padding-top:20px; font-size:19px; } .main-our-wrap .our-wrap .leftArea .numWrap span { padding-top:10px; font-size:25px; } .main-our-wrap .our-wrap .leftArea .numWrap1 { padding-top:5px; font-size:18px; } .main-our-wrap .our-wrap .leftArea .numWrap1 span { padding-top:18px; font-size:25px; } .slide_secbg { height: 150px; margin-top: 20px; } .main-our-wrap .our-wrap .leftArea .LtxtWrap { padding-top:25px; font-size:16px; padding-right:15px; } .main-our-wrap .our-wrap .righArea { position:relative; width:50%; padding:30px; } .main-our-wrap .our-wrap .righArea strong { font-size:25px; } .main-our-wrap .our-wrap .righArea strong span { padding-top:10px; font-size:18px; } .main-our-wrap .our-wrap .righArea .silWrap { overflow:hidden; height:330px !important; position: relative; margin-top:20px; } .latest_odr li { padding:7px 0; } .latest_odr li > div { padding:10px 5px; font-family:Pretendard; font-weight:500; font-size:13px; } .latest_odr li .ord_svc { width:18%; background:#3b56c9; text-align:center; margin:5px 0; border-radius:5px; } .latest_odr li .ord_addr { width:40%; margin:5px 0; } .latest_odr li .ord_name { width:13%; margin:5px 0;} .latest_odr li .ord_date { width:17%; margin:5px 0;} .latest_odr li .ord_stat { width:12%; margin:5px 0; background:rgba(0,0,0,0.3); text-align:center; border-radius:3px; } } @media screen and (max-width: 900px){ .main-our-wrap .halfbg { display:none; width:100%; height:50%; background:#171c61; } .main-our-wrap .our-wrap { max-width:100%; height:auto; } .main-our-wrap .our-wrap .leftArea { width:100%; margin:0 auto; padding:30px 0; text-align:center; background:#171c61; } .main-our-wrap .our-wrap .leftArea strong { font-size:20px; } .main-our-wrap .our-wrap .leftArea strong span { font-size:20px; } .main-our-wrap .our-wrap .leftArea .numWrap { padding-top:20px; font-size:17px; } .main-our-wrap .our-wrap .leftArea .numWrap span { padding-top:10px; font-size:20px; } .main-our-wrap .our-wrap .leftArea .numWrap1 { padding-top:5px; font-size:17px; } .main-our-wrap .our-wrap .leftArea .numWrap1 span { padding-top:18px; font-size:20px; } .slide_secbg { width:95%; margin:20px auto; height: 150px; } .main-our-wrap .our-wrap .leftArea .LtxtWrap { padding-top:5px; font-size:14px; padding-right:15px; } .main-our-wrap .our-wrap .righArea { position:relative; width:95%; margin:40px auto; padding:0; } .main-our-wrap .our-wrap .righArea strong { font-size:20px; padding-top:40px; } .main-our-wrap .our-wrap .righArea strong span { padding-top:10px; font-size:18px; } .main-our-wrap .our-wrap .righArea .silWrap { overflow:hidden; height:330px !important; position: relative; margin-top:20px; } .latest_odr li { padding:7px 0; } .latest_odr li > div { padding:10px 5px; font-family:Pretendard; font-weight:500; font-size:13px; } .latest_odr li .ord_svc { width:18%; background:#3b56c9; text-align:center; margin:5px 0; border-radius:5px; } .latest_odr li .ord_addr { width:40%; margin:5px 0; } .latest_odr li .ord_name { width:13%; margin:5px 0;} .latest_odr li .ord_date { width:17%; margin:5px 0;} .latest_odr li .ord_stat { width:12%; margin:5px 0; background:rgba(0,0,0,0.3); text-align:center; border-radius:3px; } } @media screen and (max-width: 650px){ .main-our-wrap .halfbg { display:none; width:100%; height:50%; background:#171c61; } .main-our-wrap .our-wrap { max-width:100%; height:auto; } .main-our-wrap .our-wrap .leftArea { width:100%; margin:0 auto; padding:30px 0; text-align:center; background:#171c61; } .main-our-wrap .our-wrap .leftArea strong { font-size:18px; } .main-our-wrap .our-wrap .leftArea strong span { font-size:18px; } .main-our-wrap .our-wrap .leftArea .numWrap { padding-top:20px; font-size:15px; } .main-our-wrap .our-wrap .leftArea .numWrap span { padding-top:10px; font-size:18px; } .main-our-wrap .our-wrap .leftArea .numWrap1 { padding-top:5px; font-size:15px; } .main-our-wrap .our-wrap .leftArea .numWrap1 span { padding-top:18px; font-size:18px; } .slide_secbg { width:95%; margin:20px auto; height: 150px; } .main-our-wrap .our-wrap .leftArea .LtxtWrap { padding-top:5px; font-size:13px; padding-right:15px; } .main-our-wrap .our-wrap .righArea { position:relative; width:95%; margin:40px auto; padding:0; } .main-our-wrap .our-wrap .righArea strong { font-size:20px; padding-top:40px; } .main-our-wrap .our-wrap .righArea strong span { padding-top:10px; font-size:18px; } .main-our-wrap .our-wrap .righArea .silWrap { overflow:hidden; height:310px !important; position: relative; margin-top:20px; } .latest_odr li { padding:7px 0; } .latest_odr li > div { padding:10px 5px; font-family:Pretendard; font-weight:500; font-size:11px; } .latest_odr li .ord_svc { width:18%; background:#3b56c9; text-align:center; margin:5px 0; border-radius:5px; } .latest_odr li .ord_addr { width:35%; margin:5px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all; } .latest_odr li .ord_name { width:13%; margin:5px 0;} .latest_odr li .ord_date { width:20%; margin:5px 0;} .latest_odr li .ord_stat { width:12%; margin:5px 0; background:rgba(0,0,0,0.3); text-align:center; border-radius:3px; } } @media screen and (max-width: 300px){ .main-our-wrap .halfbg { display:none; width:100%; height:50%; background:#171c61; } .main-our-wrap .our-wrap { max-width:100%; height:auto; } .main-our-wrap .our-wrap .leftArea { width:100%; margin:0 auto; padding:30px 0; text-align:center; background:#171c61; } .main-our-wrap .our-wrap .leftArea strong { font-size:18px; } .main-our-wrap .our-wrap .leftArea strong span { font-size:18px; } .main-our-wrap .our-wrap .leftArea .numWrap { padding-top:20px; font-size:15px; } .main-our-wrap .our-wrap .leftArea .numWrap span { padding-top:10px; font-size:18px; } .main-our-wrap .our-wrap .leftArea .numWrap1 { padding-top:5px; font-size:15px; } .main-our-wrap .our-wrap .leftArea .numWrap1 span { padding-top:18px; font-size:18px; } .slide_secbg { width:95%; margin:20px auto; height: 150px; } .main-our-wrap .our-wrap .leftArea .LtxtWrap { padding-top:5px; font-size:13px; padding-right:15px; } .main-our-wrap .our-wrap .righArea { position:relative; width:95%; margin:40px auto; padding:0; } .main-our-wrap .our-wrap .righArea strong { font-size:16px; padding-top:40px; } .main-our-wrap .our-wrap .righArea strong span { padding-top:10px; font-size:13px; } .main-our-wrap .our-wrap .righArea .silWrap { overflow:hidden; height:310px !important; position: relative; margin-top:20px; } .latest_odr li { padding:7px 0; } .latest_odr li > div { padding:10px 5px; font-family:Pretendard; font-weight:500; font-size:11px; } .latest_odr li .ord_svc { width:30%; background:#3b56c9; text-align:center; margin:5px 0; border-radius:5px; } .latest_odr li .ord_addr { width:45%; margin:5px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all; } .latest_odr li .ord_name { width:13%; margin:5px 0;} .latest_odr li .ord_date { display:none; width:20%; margin:5px 0;} .latest_odr li .ord_stat { display:none; width:12%; margin:5px 0; background:rgba(0,0,0,0.3); text-align:center; border-radius:3px; } } /* MAIN 리뷰 */ /* MAIN 직원 */ .main-mber-wrap { width:100%; padding:60px 0 40px 0; background:#fff; } .main-mber-wrap .mber-wrap { display:flex; flex-wrap:wrap; justify-content:space-between; max-width:1380px; margin:0 auto; } .main-mber-wrap .mber-wrap .leftArea { position:relative; width:50%; padding:30px; text-align:left; background:#171c61; border-radius:10px 0px 0 0; } .main-mber-wrap .mber-wrap .leftArea h2 { position:relative; font-family:GmSansM; font-size:29px; color:#fff; font-style:normal; font-weight:normal; letter-spacing:-0.025em; line-height:1; z-index:5; } .main-mber-wrap .mber-wrap .leftArea h2 span { display:block; padding-top:3px; font-family:GmSansM; font-size:24px; color:#fff; } .main-mber-wrap .mber-wrap .leftArea p { display:block; padding-top:15px; font-family:Pretendard; font-weight:600; letter-spacing:-0.025em; font-size:18px; color:rgba(255,255,255,0.7); line-height:1.2; } .main-mber-wrap .mber-wrap .leftArea p span { display:block; padding-bottom:10px; font-size:18px; color:#e4ff00; } .main-mber-wrap .mber-wrap .leftArea .wlogo { position:absolute; right:20px; bottom:0; width:130px; opacity:0.5; } .main-mber-wrap .mber-wrap .our-Area { width:50%; border-radius:0 10px 0 0; overflow:hidden; } .main-mber-wrap .mber-wrap .our-Area .ouritem { position:relative; width:100%; height:250px; border:0 solid red; } .main-mber-wrap .mber-wrap ul.our-pic { width:100%; background:#171c61; padding:30px; border-radius:0 0px 10px 10px; display:flex; flex-wrap:wrap; justify-content:space-between; } .main-mber-wrap .mber-wrap ul.our-pic li { width:25%; } .main-mber-wrap .mber-wrap ul.our-pic li img { width:100%; } .main-mber-wrap .mber-wrap .fullArea { width:100%; } .main-mber-wrap .mber-wrap .fullArea h3 { font-family:GmSansM; margin:30px 0 15px 0; font-size:22px; color:#000; font-style:normal; font-weight:normal; letter-spacing:-0.025em; line-height:1; } .main-mber-wrap .mber-wrap .fullArea h3 span { font-family:GmSansB; font-size:22px; color:#0a11a0; font-style:normal; font-weight:normal; letter-spacing:-0.025em; line-height:1; } .main-mber-wrap .mber-wrap .fullArea .boxitem { display:flex; flex-wrap:wrap; margin-left: -20px; width: calc(100% + 20px); } .main-mber-wrap .mber-wrap .our-Area .slick-list .slick-track .slick-slide { padding:0; } @media screen and (max-width: 1260px){ .main-mber-wrap { padding:50px 0 20px 0; } .main-mber-wrap .mber-wrap { max-width:95%; margin:0 auto; } .main-mber-wrap .mber-wrap .leftArea { width:50%; padding:30px; border-radius:10px 0px 0 0; } .main-mber-wrap .mber-wrap .leftArea h2 { font-size:24px; } .main-mber-wrap .mber-wrap .leftArea h2 span { font-size:24px; } .main-mber-wrap .mber-wrap .leftArea p { padding-top:15px; font-size:17px; } .main-mber-wrap .mber-wrap .leftArea p span { font-size:17px; } .main-mber-wrap .mber-wrap .leftArea .wlogo { right:20px; bottom:20px; width:120px; opacity:0.5; } .main-mber-wrap .mber-wrap .our-Area { width:50%; } .main-mber-wrap .mber-wrap .our-Area .ouritem { height:280px; } .main-mber-wrap .mber-wrap .fullArea { width:100%; } .main-mber-wrap .mber-wrap .fullArea h3 { margin:30px 0 15px 0; font-size:20px; } .main-mber-wrap .mber-wrap .fullArea h3 span { font-size:20px; } .main-mber-wrap .mber-wrap .fullArea .boxitem { margin-left: -20px; width: calc(100% + 20px); } } @media screen and (max-width: 900px){ .main-mber-wrap { padding:40px 0 20px 0; background:#fff; } .main-mber-wrap .mber-wrap .leftArea { width:100%; padding:20px; border-radius:10px 10px 0 0; } .main-mber-wrap .mber-wrap .leftArea h2 { font-size:22px; } .main-mber-wrap .mber-wrap .leftArea h2 span { font-size:22px; } .main-mber-wrap .mber-wrap .leftArea p { padding-top:15px; font-size:13px; } .main-mber-wrap .mber-wrap .leftArea p span { font-size:15px; } .main-mber-wrap .mber-wrap .leftArea .wlogo { right:20px; top:20px; width:100px; opacity:0.5; } .main-mber-wrap .mber-wrap .our-Area { width:100%; border-radius:0px 0 0 0px; } .main-mber-wrap .mber-wrap .our-Area .ouritem { height:300px; } .main-mber-wrap .mber-wrap ul.our-pic { padding:20px; } .main-mber-wrap .mber-wrap .fullArea { width:100%; } .main-mber-wrap .mber-wrap .fullArea h3 { margin:30px 0 15px 0; font-size:18px; } .main-mber-wrap .mber-wrap .fullArea h3 span { font-size:18px; } .main-mber-wrap .mber-wrap .fullArea .boxitem { margin-left: -10px; width: calc(100% + 10px); } } @media screen and (max-width: 650px){ .main-mber-wrap { padding:30px 0 10px 0; } .main-mber-wrap .mber-wrap .leftArea { width:100%; padding:15px; border-radius:10px 10px 0 0; } .main-mber-wrap .mber-wrap .leftArea h2 { font-size:18px; } .main-mber-wrap .mber-wrap .leftArea h2 span { font-size:18px; } .main-mber-wrap .mber-wrap .leftArea p { padding-top:15px; font-size:12px; } .main-mber-wrap .mber-wrap .leftArea p span { font-size:13px; } .main-mber-wrap .mber-wrap .leftArea .wlogo { display:none; right:20px; top:20px; width:80px; opacity:0.5; } .main-mber-wrap .mber-wrap .our-Area { width:100%; } .main-mber-wrap .mber-wrap .our-Area .ouritem { height:200px; } .main-mber-wrap .mber-wrap ul.our-pic { padding:10px; } .main-mber-wrap .mber-wrap ul.our-pic li { width:50%; } .main-mber-wrap .mber-wrap .fullArea { width:100%; } .main-mber-wrap .mber-wrap .fullArea h3 { margin:30px 0 15px 0; font-size:16px; } .main-mber-wrap .mber-wrap .fullArea h3 span { font-size:16px; } .main-mber-wrap .mber-wrap .fullArea .boxitem { margin-left: -10px; width: calc(100% + 10px); } } @media screen and (max-width: 300px){ .main-mber-wrap { padding:10px 0 10px 0; } .main-mber-wrap .mber-wrap .leftArea { width:100%; padding:10px; border-radius:10px 10px 0 0; } .main-mber-wrap .mber-wrap .leftArea h2 { font-size:15px; } .main-mber-wrap .mber-wrap .leftArea h2 span { font-size:15px; } .main-mber-wrap .mber-wrap .leftArea p { padding-top:15px; font-size:11px; } .main-mber-wrap .mber-wrap .leftArea .wlogo { right:20px; top:20px; width:70px; opacity:0.5; } .main-mber-wrap .mber-wrap .our-Area { width:100%; } .main-mber-wrap .mber-wrap .fullArea { width:100%; } .main-mber-wrap .mber-wrap .fullArea h3 { margin:30px 0 15px 0; font-size:14px; } .main-mber-wrap .mber-wrap .fullArea h3 span { font-size:14px; } .main-mber-wrap .mber-wrap .fullArea .boxitem { margin-left: -10px; width: calc(100% + 10px); } } /* MAIN 정식허가 */ .main-good-wrap { background:#0099f1; padding:40px 0 0 0; } .main-good-wrap .good-wrap { max-width:1380px; margin:50px auto 0; display:flex; flex-wrap:wrap; justify-content:space-between; } .main-good-wrap .good-wrap .good-img { width:433px; } .main-good-wrap .good-wrap .good-img img { width:100%; } .main-good-wrap .good-wrap .goodtxt { width:calc(100% - 480px); } .main-good-wrap .good-wrap .goodtxt h2 { position:relative; font-family:GmSansM; font-size:35px; color:#fff; padding:15px 0 0 0; text-align:left; font-style:normal; font-weight:normal; letter-spacing:-0.025em; line-height:1.2; z-index:5; } .main-good-wrap .good-wrap .goodtxt h2 span { font-family:GmSansB; font-size:40px; color:#fff600; } .main-good-wrap .good-wrap .goodtxt .g-title { font-family:GmSansM; font-size:30px; color:#fff; } .main-good-wrap .good-wrap .goodtxt .g-desc { font-family:GmSansM; font-size:18px; color:#fff; padding:20px 0; margin:20px 0; border:1px dotted rgba(255,255,255,0.3); border-width:1px 0; } .main-good-wrap .good-wrap .goodtxt ul.good-ul { margin-top:30px; display:flex; flex-wrap:wrap; justify-content:space-between; } .main-good-wrap .good-wrap .goodtxt ul.good-ul li { width:48%; padding:20px; background:rgba(255,255,255,1); border-radius:10px; } .main-good-wrap .good-wrap .goodtxt ul.good-ul li strong { display:block; font-family:GmSansM; font-size:20px; color:#171c61; padding:0 0 20px 0; font-style:normal; font-weight:normal; letter-spacing:-0.025em; line-height:1.2; } .main-good-wrap .good-wrap .goodtxt ul.good-ul li span { display:block; font-family:GmSansM; font-size:14px; padding:5px 0; color:#000; font-style:normal; font-weight:normal; letter-spacing:-0.025em; line-height:1.2; } @media screen and (max-width: 1260px){ .main-good-wrap { padding:30px 0 0 0; } .main-good-wrap .good-wrap { max-width:95%; margin:50px auto 0; } .main-good-wrap .good-wrap .good-img { width:350px; } .main-good-wrap .good-wrap .goodtxt { width:calc(100% - 400px); } .main-good-wrap .good-wrap .goodtxt h2 { font-size:30px; } .main-good-wrap .good-wrap .goodtxt h2 span { font-size:35px; } .main-good-wrap .good-wrap .goodtxt .g-title { font-size:25px; } .main-good-wrap .good-wrap .goodtxt .g-desc { font-size:16px; padding:15px 0; margin:15px 0; } .main-good-wrap .good-wrap .goodtxt ul.good-ul { margin-top:20px; } .main-good-wrap .good-wrap .goodtxt ul.good-ul li { width:49%; padding:15px; } .main-good-wrap .good-wrap .goodtxt ul.good-ul li strong { font-size:18px; padding:0 0 10px 0; } .main-good-wrap .good-wrap .goodtxt ul.good-ul li span { font-size:14px; padding:3px 0; } } @media screen and (max-width: 900px){ .main-good-wrap { padding:0 0 0 0; } .main-good-wrap .good-wrap { max-width:95%; margin:0 auto 0; padding:40px 0 50px 0; } .main-good-wrap .good-wrap .good-img { width:330px; margin:0 auto; } .main-good-wrap .good-wrap .goodtxt { width:100%; } .main-good-wrap .good-wrap .goodtxt h2 { font-size:25px; text-align:center; padding-top:20px;} .main-good-wrap .good-wrap .goodtxt h2 span { font-size:30px; } .main-good-wrap .good-wrap .goodtxt .g-title { font-size:20px; text-align:center; } .main-good-wrap .good-wrap .goodtxt .g-desc { font-size:14px; padding:15px 0; margin:15px 0; text-align:center; } .main-good-wrap .good-wrap .goodtxt ul.good-ul { margin-top:20px; } .main-good-wrap .good-wrap .goodtxt ul.good-ul li { width:100%; padding:15px; margin-bottom:10px; } .main-good-wrap .good-wrap .goodtxt ul.good-ul li strong { font-size:16px; padding:0 0 10px 0; } .main-good-wrap .good-wrap .goodtxt ul.good-ul li span { font-size:13px; padding:3px 0; } } @media screen and (max-width: 650px){ .main-good-wrap { padding:20px 0; } .main-good-wrap .good-wrap { padding:20px 0 10px 0; } .main-good-wrap .good-wrap .good-img { width:80%; margin:0 auto; } .main-good-wrap .good-wrap .goodtxt { width:100%; margin-top:30px; text-align:left; } .main-good-wrap .good-wrap .goodtxt h2 { font-size:20px; } .main-good-wrap .good-wrap .goodtxt h2 span { display:block; font-size:25px; } .main-good-wrap .good-wrap .goodtxt .g-title { font-size:16px; } .main-good-wrap .good-wrap .goodtxt .g-desc { font-size:14px; padding:15px 0; margin:15px 0; } .main-good-wrap .good-wrap .goodtxt ul.good-ul { margin-top:15px; } .main-good-wrap .good-wrap .goodtxt ul.good-ul li { width:100%; padding:10px; margin-bottom:10px; } .main-good-wrap .good-wrap .goodtxt ul.good-ul li strong { font-size:15px; padding:0 0 5px 0; } .main-good-wrap .good-wrap .goodtxt ul.good-ul li span { font-size:12px; padding:3px 0; } } /* MAIN 직원 */ .team_box { position:relative; width: calc(25% - 20px); margin-left:20px; margin-bottom:20px; padding:0 0 0 0; border:1px solid #d8d8d8; border-radius:5px; } .team_box .set { display:flex; flex-wrap:wrap; justify-content:space-between; padding:20px; } .team_box .set .pic { width:70px; height:70px; border-radius: 50%; overflow:hidden; } .team_box .set .title { width:calc(100% - 70px); padding-top:15px; padding-left:20px; font-family:GmSansM; font-size:18px; line-height:1.1; color:#000; font-weight:normal; text-align:left; } .team_box .set .title span { display:block; padding-top:3px; font-family:GmSansM; font-size:22px; line-height:1.1; } .team_box .set .desc { display:block; margin-top:20px; height:auto; overflow:hidden; font-size:14px; font-family:Pretendard; letter-spacing:-0.025em; font-weight:600; line-height:1.2; color:rgba(0,0,0,0.4); text-align:left; } @media screen and (max-width: 1260px){ .team_box { width: calc(25% - 20px); margin-left:20px; margin-bottom:20px; padding:0; border:1px solid #d8d8d8; } .team_box .set { padding:20px; } .team_box .set .pic { width:60px; height:60px; border-radius: 50%; } .team_box .set .title { width:calc(100% - 60px); padding-top:10px; padding-left:15px; font-size:17px; } .team_box .set .title span { padding-top:3px; font-size:20px; } .team_box .set .desc { margin-top:20px; font-size:14px; } } @media screen and (max-width: 900px){ .team_box { width: calc(33.3333% - 10px); margin-left:10px; margin-bottom:10px; padding:0; border:1px solid #d8d8d8; } .team_box .set { padding:20px; } .team_box .set .pic { width:50px; height:50px; border-radius: 50%; } .team_box .set .title { width:calc(100% - 50px); padding-top:8px; padding-left:10px; font-size:15px; } .team_box .set .title span { padding-top:3px; font-size:20px; } .team_box .set .desc { margin-top:20px; font-size:14px; } } @media screen and (max-width: 650px){ .team_box { width: calc(50% - 10px); margin-left:10px; margin-bottom:10px; padding:0; } .team_box .set { padding:10px; } .team_box .set .pic { width:50px; height:50px; border-radius: 50%; } .team_box .set .title { width:calc(100% - 50px); padding-top:8px; padding-left:10px; font-size:12px; } .team_box .set .title span { padding-top:3px; font-size:17px; } .team_box .set .desc { margin-top:15px; font-size:12px; } } @media screen and (max-width: 300px){ .team_box { width: 100%; margin-bottom:10px; padding:0; } .team_box .set { padding:10px; } .team_box .set .pic { width:50px; height:50px; border-radius: 50%; } .team_box .set .title { width:calc(100% - 50px); padding-top:8px; padding-left:10px; font-size:12px; } .team_box .set .title span { padding-top:3px; font-size:17px; } .team_box .set .desc { margin-top:15px; font-size:12px; } } /* MAIN 리뷰 */ .review_box {position:relative; width:100%; padding:0 0 0 0; background:#917aff; z-index:99;} .review_box .r_tit_wrap {display:inline-block; width:100%; padding:0 0 0 0; font-size:0; background:#ffc734; } .review_box .r_tit_wrap .r_set { display:flex; flex-wrap:wrap; justify-content:space-between; max-width:1380px; margin:0 auto; } .review_box .r_tit_wrap .r_set .r_title { width:calc(100% - 693px); } .review_box .r_tit_wrap .r_set .r_title .tit { text-align:left; font-size:45px; padding:100px 0 10px 0; line-height:100%; font-family:GmSansM; letter-spacing:-0.025em; color:#694505;} .review_box .r_tit_wrap .r_set .r_title .tit span { display:block; font-family:GmSansB; font-size:40px; line-height:100%; padding-top:0;letter-spacing:-0.025em; color:#694505;} .review_box .r_tit_wrap .r_set .r_title p { display:block; text-align:left; padding-top:30px; font-size:19px; font-family:Pretendard; font-weight:700; line-height:130%; letter-spacing:-0.025em; color:#6f4c0b; } .review_box .r_tit_wrap .r_set .r_img { max-width:693px; } .review_box .r_tit_wrap .r_set .r_img img { width:100%; } .review_box .r_pos { max-width:1380px; padding:30px 0 60px 0; margin:0 auto; width:100%; font-size:0; } .review_box .r_pos .r_center {position:relative; width:100%; margin:0 auto; height:auto; margin-top:20px; } .r_data { position:relative; height:100%; padding:0; text-align:center; background:white; border-radius:10px 10px 0 0; cursor:pointer; box-shadow: 0px 5px 12px rgb(0 0 0 / 10%)} .r_data span, .r_data h3, .r_data p {display:inline-block; width:100%; padding:0 20px; } .r_data span { text-align:left; } .r_data span img { max-width:80px; padding:20px 0 20px 0;} .r_data h3 { text-align:left; font-family:GmSansM; font-size:18px; font-weight:normal; color:black; letter-spacing:-0.025em; line-height:120%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .r_data p { text-align:left; padding-top:15px; font-family:Pretendard; font-weight:700; line-height:120%; color:rgba(0,0,0,0.4); font-size:14px; } .review_box .r_pos .r_center .slick-list .slick-track .slick-slide { padding:10px; margin:10px; } @media screen and (max-width: 1260px){ .review_box .r_tit_wrap .r_set { max-width:95%; } .review_box .r_tit_wrap .r_set .r_title { width:50%; } .review_box .r_tit_wrap .r_set .r_title .tit { font-size:40px; padding:80px 0 10px 0; } .review_box .r_tit_wrap .r_set .r_title .tit span { font-size:40px; } .review_box .r_tit_wrap .r_set .r_title p { padding-top:20px; font-size:17px; } .review_box .r_tit_wrap .r_set .r_img { max-width:50%; } .review_box .r_pos { max-width:95%; padding:30px 0 60px 0; margin:0 auto; width:100%; font-size:0; } .review_box .r_pos .r_center {position:relative; width:100%; margin:0 auto; height:auto; margin-top:20px; } .r_data { position:relative; padding:0; border-radius:10px 10px 0 0; } .r_data span, .r_data h3, .r_data p { padding:0 10px; } .r_data span img { max-width:80px; padding:20px 0 20px 0;} .r_data h3 { font-size:17px; } .r_data p { padding-top:15px; font-size:13px;} } @media screen and (max-width: 900px){ .review_box .r_tit_wrap .r_set { } .review_box .r_tit_wrap .r_set .r_title { width:50%; } .review_box .r_tit_wrap .r_set .r_title .tit { font-size:25px; padding:40px 0 10px 0; } .review_box .r_tit_wrap .r_set .r_title .tit span { font-size:25px; } .review_box .r_tit_wrap .r_set .r_title p { padding-top:10px; font-size:15px; } .review_box .r_tit_wrap .r_set .r_img { max-width:50%; } .review_box .r_pos .r_center { height:auto; margin-top:10px; } .r_data { position:relative; padding:0; border-radius:10px 10px 0 0; } .r_data span, .r_data h3, .r_data p { padding:0 10px; } .r_data span img { max-width:80px; padding:20px 0 20px 0;} .r_data h3 { font-size:15px; } .r_data p { padding-top:15px; font-size:13px;} } @media screen and (max-width: 650px){ .review_box .r_tit_wrap .r_set { } .review_box .r_tit_wrap .r_set .r_title { width:100%; } .review_box .r_tit_wrap .r_set .r_title .tit { font-size:20px; padding:40px 0 10px 0; } .review_box .r_tit_wrap .r_set .r_title .tit span { display:inline-block; padding-left:10px; font-size:20px; } .review_box .r_tit_wrap .r_set .r_title p { padding-top:0px; font-size:13px; } .review_box .r_tit_wrap .r_set .r_img { max-width:100%; } .review_box .r_pos .r_center { height:auto; margin-top:0; } .r_data { position:relative; padding:0; } .r_data span, .r_data h3, .r_data p { padding:0 10px; } .r_data span img { max-width:80px; padding:20px 0 20px 0;} .r_data h3 { font-size:15px; } .r_data p { padding-top:15px; font-size:12px;} } @media screen and (max-width: 300px){ .review_box { padding:20px 0 10px 0; margin-bottom:20px; } .review_box .r_pos .tit { font-size:18px; padding-bottom:20px; } .review_box .r_pos .tit span { font-size:13px; padding-top:5px; } .review_box .r_pos .r_center { height:auto; margin-top:0; } .r_data { position:relative; padding:0; } .r_data span, .r_data h3, .r_data p { padding:0 10px; } .r_data span img { max-width:80px; padding:20px 0 20px 0;} .r_data h3 { font-size:14px; } .r_data p { padding-top:15px; font-size:12px;} } /* MAIN 카드 */ .main-card-wrap { width:100%; margin:60px 0; } .main-card-wrap .card-wrap { padding:20px 50px; display:flex; flex-wrap:wrap; justify-content:space-between; max-width:1380px; margin:0 auto; background:#ebf1ff; border-radius:10px; } .main-card-wrap .card-wrap .leftArea { position:relative; width:calc(100% - 400px); text-align:left; } .main-card-wrap .card-wrap .leftArea h2 { position:relative; padding-top:20px; font-family:GmSansM; font-size:34px; color:#081131; font-style:normal; font-weight:normal; letter-spacing:-0.025em; line-height:1; z-index:5; } .main-card-wrap .card-wrap .leftArea h2 span { font-family:GmSansM; font-size:34px; color:#ff0000; font-style:normal; font-weight:normal; letter-spacing:-0.025em; line-height:1; } .main-card-wrap .card-wrap .leftArea p { display:block; padding-top:15px; font-family:Pretendard; font-weight:600; letter-spacing:-0.025em; font-size:18px; color:rgba(0,0,0,0.7); line-height:1.2; } .main-card-wrap .card-wrap .cardimg { width:200px; padding-top:20px; } @media screen and (max-width: 1260px){ .main-card-wrap { margin:40px 0; } .main-card-wrap .card-wrap { padding:20px 50px; max-width:95%; margin:0 auto; border-radius:10px; } .main-card-wrap .card-wrap .leftArea { width:80%; } .main-card-wrap .card-wrap .leftArea h2 { padding-top:15px; font-size:29px; } .main-card-wrap .card-wrap .leftArea h2 span { font-size:29px; } .main-card-wrap .card-wrap .leftArea p { padding-top:10px; font-size:16px; } .main-card-wrap .card-wrap .cardimg { width:15%; padding-top:15px; } } @media screen and (max-width: 900px){ .main-card-wrap { margin:20px 0 30px 0; } .main-card-wrap .card-wrap { padding:20px 30px; } .main-card-wrap .card-wrap .leftArea { width:80%; } .main-card-wrap .card-wrap .leftArea h2 { padding-top:10px; font-size:25px; } .main-card-wrap .card-wrap .leftArea h2 span { font-size:25px; } .main-card-wrap .card-wrap .leftArea p { padding-top:10px; font-size:14px; } .main-card-wrap .card-wrap .cardimg { width:15%; padding-top:15px; } } @media screen and (max-width: 650px){ .main-card-wrap { margin:0 0 20px 0; } .main-card-wrap .card-wrap { padding:10px 20px; } .main-card-wrap .card-wrap .leftArea { width:65%; } .main-card-wrap .card-wrap .leftArea h2 { padding-top:10px; font-size:19px; } .main-card-wrap .card-wrap .leftArea h2 span { font-size:19px; } .main-card-wrap .card-wrap .leftArea p { padding-top:5px; font-size:12px; } .main-card-wrap .card-wrap .cardimg { padding-top:10px; width:30%; } } @media screen and (max-width: 300px){ .main-card-wrap { margin:0 0 20px 0; } .main-card-wrap .card-wrap { padding:10px 20px; } .main-card-wrap .card-wrap .leftArea { width:100%; } .main-card-wrap .card-wrap .leftArea h2 { padding-top:10px; font-size:17px; } .main-card-wrap .card-wrap .leftArea h2 span { font-size:19px; } .main-card-wrap .card-wrap .leftArea p { padding-top:5px; font-size:12px; } .main-card-wrap .card-wrap .cardimg { display:none; width:30%; } } /* 하단 */ .footer { width:100%; background:#081131; } .footer .f-wrap { max-width:1380px; padding:50px 0; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:space-between; } .footer .f-wrap .f-logo { width:70%; } .footer .f-wrap .f-logo .f-logoimg { width:200px; } .footer .f-wrap .f-logo ul.bgnb { width:100%; margin:10px auto 0; } .footer .f-wrap .f-logo ul.bgnb li { display:inline-block; padding-right:18px; margin:20px 0; } .footer .f-wrap .f-logo ul.bgnb li a { font-family:GmSansM; letter-spacing:-0.05em; color:#fff; font-size:13px; } .footer .f-wrap .f-call { width:30%; display:flex; align-items:center; justify-content:flex-end; } .footer .f-wrap .f-call strong { font-family:GmSansL; font-size:33px; color:#fff; font-weight:normal; } .footer .f-wrap .f-call strong span { color:#00deff; font-family:GmSansM; font-size:33px; color:#00deff; font-weight:normal; } .footer .f-wrap .fcopy { width:100%; background:#373741; } .footer .f-wrap .copyright { width:100%; border:1px solid rgba(255,255,255,0.1); margin-top:10px; border-width:1px 0; padding:30px 0; display:flex; flex-wrap:wrap; justify-content:space-between; } .footer .f-wrap .copyright .copyTxt { width:70%; line-height:1.6; } .footer .f-wrap .copyright .copyTxt span { font-family: 'Pretendard'; padding-right:20px; font-weight: 500; font-size:16px; color:rgba(255,255,255,0.5); } .footer .f-wrap .copyright .copyins { width:25%; } .footer .copy-info { width:1380px; margin:30px auto 0; padding-bottom:80px; font-family: 'Pretendard'; font-weight: 500; font-size:16px; color:rgba(255,255,255,0.5); line-height:1.3; } .btm_prz-wrap { margin-top:0; } .btm_prz { width:100%; } .btm_prz .przitem { position:relative; padding:0 0; transition:all .2s; } .btm_prz .przitem .pic { max-width:150px; margin:0 auto 0; overflow:hidden; } .btm_prz .przitem .pic img { width:100%; filter: drop-shadow(2px 6px 6px #000000); } .btm_prz .slick-list .slick-track .slick-slide { padding:0px 0; } @media screen and (max-width: 1260px){ .footer .f-wrap { max-width:95%; padding:40px 0; } .footer .f-wrap .f-logo { width:70%; } .footer .f-wrap .f-logo .f-logoimg { width:180px; } .footer .f-wrap .f-logo ul.bgnb li { padding-right:18px; margin:20px 0; } .footer .f-wrap .f-logo ul.bgnb li a { font-size:13px; } .footer .f-wrap .f-call { width:30%; } .footer .f-wrap .f-call strong { font-size:29px; } .footer .f-wrap .f-call strong span { font-size:29px; } .footer .f-wrap .copyright { margin-top:10px; padding:30px 0; } .footer .f-wrap .copyright .copyTxt { width:75%; line-height:1.6; } .footer .f-wrap .copyright .copyTxt span { padding-right:20px; font-size:15px; } .footer .f-wrap .copyright .copyins { width:20%; } .footer .copy-info { width:100%; margin:30px auto 0; padding-bottom:80px; font-size:14px; color:rgba(255,255,255,0.3); } } @media screen and (max-width: 900px){ .footer .f-wrap { padding:30px 0; } .footer .f-wrap .f-logo { width:100%; } .footer .f-wrap .f-logo .f-logoimg { width:150px; margin:0 auto; } .footer .f-wrap .f-logo ul.bgnb { text-align:center; } .footer .f-wrap .f-logo ul.bgnb li { padding-right:15px; margin:15px 0; } .footer .f-wrap .f-logo ul.bgnb li a { font-size:13px; } .footer .f-wrap .f-call { width:100%; justify-content:center; margin:10px 0; } .footer .f-wrap .f-call strong { font-size:24px; } .footer .f-wrap .f-call strong span { font-size:24px; } .footer .f-wrap .copyright { margin-top:10px; padding:20px 0; text-align:center;} .footer .f-wrap .copyright .copyTxt { width:100%; line-height:1.6; } .footer .f-wrap .copyright .copyTxt span { padding-right:15px; font-size:15px; } .footer .f-wrap .copyright .copyins { width:25%; margin:20px auto; } .footer .copy-info { margin:30px auto 0; padding-bottom:80px; font-size:15px; } } @media screen and (max-width: 650px){ .footer .f-wrap { padding:30px 0; } .footer .f-wrap .f-logo { width:100%; } .footer .f-wrap .f-logo .f-logoimg { width:150px; margin:0 auto; } .footer .f-wrap .f-logo ul.bgnb { text-align:center; margin-top:20px; } .footer .f-wrap .f-logo ul.bgnb li { padding-right:15px; margin:0 0; } .footer .f-wrap .f-logo ul.bgnb li a { font-size:13px; } .footer .f-wrap .f-call { width:100%; justify-content:center; margin:25px 0 10px; } .footer .f-wrap .f-call strong { font-size:24px; } .footer .f-wrap .f-call strong span { font-size:24px; } .footer .f-wrap .copyright { margin-top:10px; padding:20px 0; text-align:center;} .footer .f-wrap .copyright .copyTxt { width:100%; } .footer .f-wrap .copyright .copyTxt span { padding-right:10px; font-size:12px; } .footer .f-wrap .copyright .copyins { width:45%; margin:20px auto; } .footer .copy-info { margin:20px auto 0; padding-bottom:80px; font-size:12px; } } @media screen and (max-width: 300px){ .footer .f-wrap { padding:30px 0; } .footer .f-wrap .f-logo { width:100%; } .footer .f-wrap .f-logo .f-logoimg { width:150px; margin:0 auto; } .footer .f-wrap .f-logo ul.bgnb { text-align:center; margin-top:20px; } .footer .f-wrap .f-logo ul.bgnb li { padding-right:15px; margin:0 0; } .footer .f-wrap .f-logo ul.bgnb li a { font-size:11px; } .footer .f-wrap .f-call { width:100%; justify-content:center; margin:25px 0 10px; } .footer .f-wrap .f-call strong { font-size:20px; } .footer .f-wrap .f-call strong span { font-size:20px; } .footer .f-wrap .copyright { margin-top:10px; padding:20px 0; text-align:center;} .footer .f-wrap .copyright .copyTxt { width:100%; } .footer .f-wrap .copyright .copyTxt span { padding-right:10px; font-size:12px; } .footer .f-wrap .copyright .copyins { width:45%; margin:20px auto 0; } .footer .copy-info { margin:20px auto 0; padding-bottom:80px; font-size:12px; } } .go-top { position:fixed; right:20px; width:100px; bottom:20px; transition:all .8s; z-index:999999; } .go-top.show { right:20px; transition:all .8s; } .go-top ul.gotoUl { display:flex; flex-wrap:wrap; } .go-top ul.gotoUl li.phone { width:100px; height:100px; text-align:center; font-size:18px; border-radius:100px; background:#3345a3; margin-bottom:10px; } .go-top ul.gotoUl li.phone i { display:block; font-size:20px; padding-top:10px; text-align:center; width:100%; color:#fff; } .go-top ul.gotoUl li.phone strong { font-family: 'GmSansM'; display:block; font-size:13px; padding-top:5px; text-align:center; font-weight:normal; width:100%; color:#fff; } .go-top ul.gotoUl li.phone a { font-family: 'GmSansM'; display:block; font-size:15px; padding-top:0px; text-align:center; font-weight:normal; width:100%; color:#fff; } .go-top ul.gotoUl li.naver { width:100px; height:100px; text-align:center; font-size:18px; border-radius:100px; background:#03c75a; margin-bottom:10px; } .go-top ul.gotoUl li.naver i { display:block; font-size:40px; padding-top:15px; text-align:center; width:100%; color:#fff; } .go-top ul.gotoUl li.naver span { font-family: 'GmSansB'; display:block; font-size:16px; padding-top:0px; text-align:center; font-weight:normal; font-style:normal; color:#fff; } .go-top ul.gotoUl li.kakao { width:100px; height:100px; text-align:center; font-size:18px; border-radius:100px; background:#f2dc00; } .go-top ul.gotoUl li.kakao i { display:block; font-size:40px; padding-top:15px; text-align:center; width:100%; color:#3a1d1d; } .go-top ul.gotoUl li.kakao span { font-family: 'GmSansB'; display:block; font-size:16px; padding-top:0px; text-align:center; font-weight:normal; color:#3a1d1d; } @media screen and (max-width: 650px){ .go-top { position:fixed; right:0; width:100%; bottom:0; } .go-top.show { right:0; bottom:0; } .go-top ul.gotoUl li.phone { width:33%; height:80px; font-size:18px; border-radius:0; margin-bottom:0; } .go-top ul.gotoUl li.phone i { display:inline-block; font-size:20px; padding-top:10px; text-align:center; width:100%; color:#fff; } .go-top ul.gotoUl li.phone strong { font-family: 'GmSansM'; display:block; font-size:13px; padding-top:5px; text-align:center; font-weight:normal; width:auto; color:#fff; } .go-top ul.gotoUl li.phone a { font-family: 'GmSansM'; display:block; font-size:15px; padding-top:0px; text-align:center; font-weight:normal; width:100%; color:#fff; } .go-top ul.gotoUl li.naver { width:33%; height:80px; text-align:center; font-size:18px; border-radius:0; background:#03c75a; margin-bottom:0px; } .go-top ul.gotoUl li.naver i { display:block; font-size:40px; padding-top:10px; text-align:center; width:100%; color:#fff; } .go-top ul.gotoUl li.naver span { font-family: 'GmSansB'; display:block; font-size:16px; padding-top:0px; text-align:center; font-weight:normal; color:#fff; } .go-top ul.gotoUl li.kakao { width:34%; height:80px; text-align:center; font-size:18px; border-radius:0; background:#f2dc00; } .go-top ul.gotoUl li.kakao i { display:block; font-size:40px; padding-top:10px; text-align:center; width:100%; color:#3a1d1d; } .go-top ul.gotoUl li.kakao span { font-family: 'GmSansB'; display:block; font-size:16px; padding-top:0px; text-align:center; font-weight:normal; color:#3a1d1d; } } .btm-order-wrap { position:fixed; height:80px; width:100%; bottom:10px; z-index:999999; line-height:1; } .btm-order-wrap .btm-order-set { max-width:1380px; height:75px; padding:0 30px; display:flex; flex-wrap:wrap; align-items:center; margin:0 auto 0; background:rgba(0,0,0,0.8); border-radius:50px; } .btm-order-wrap .btm-order-set .smsTitle { width:150px; display:flex; align-items:flex-start; } .btm-order-wrap .btm-order-set .smsTitle em { width:50px; font-size:40px; color:#fff; } .btm-order-wrap .btm-order-set .smsTitle em img { width:80%; } .btm-order-wrap .btm-order-set .smsTitle i { width:50px; font-size:40px; color:#fff; } .btm-order-wrap .btm-order-set .smsTitle span { width:calc(100% - 50px); font-family:GmSansB; padding:4px 0 0 0; font-size:18px; color:#fff; animation: phoneloof 1.5s infinite; } .btm-order-wrap .btm-order-set .orderSet { width:250px; } .btm-order-wrap .btm-order-set .btm-call { width:430px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; } .btm-order-wrap .btm-order-set .btm-call .infoTxt { width:55%; padding:2px 0 0 20px; font-family:GmSansM; font-size:15px; color:#fff; } .btm-order-wrap .btm-order-set .btm-call .infocall { width:45%; padding:2px 0 0 0; font-family:GmSansB; font-size:32px; color:#fff; text-align:right; animation: callloof 1.5s infinite; } .btm-order-wrap .btm-order-set .btm-btns { width:calc(100% - 830px); display:flex; align-items:flex-start; align-items:center; justify-content:flex-end; } .btm-order-wrap .btm-order-set .btm-btns .addfav { width:135px; } .btm-order-wrap .btm-order-set .btm-btns .addfav a { display:flex; align-items:center; justify-content:space-between; height:40px; padding:0 10px; width:100%; background:#00ab9f; border-radius:50px; } .btm-order-wrap .btm-order-set .btm-btns .addfav a i { width:35px; color:#ffde00; font-size:20px; } .btm-order-wrap .btm-order-set .btm-btns .addfav a span { width:clac(100% - 35px); padding-top:3px; color:#ffde00; font-size:13px; font-family:GmSansB; font-size:15px; color:#fff; line-height:1; text-align:left; } .btm-order-wrap .btm-order-set .btm-btns .addfav a:hover { background:#ff0000; transition:all .2s; } .btm-order-wrap .btm-order-set .btm-btns .kakaot { width:180px; } .btm-order-wrap .btm-order-set .btm-btns .kakaot a { display:flex; align-items:center; margin-left:10px; height:40px; padding:0 10px; width:100%; background:#fae101; border-radius:50px; } .btm-order-wrap .btm-order-set .btm-btns .kakaot a i { width:35px; color:#3c201f; font-size:30px; } .btm-order-wrap .btm-order-set .btm-btns .kakaot a span { position:relative; width:150px; height:30px; padding:8px 0 0 0; overflow:hidden; } .btm-order-wrap .btm-order-set .btm-btns .kakaot a span em { position: absolute; left: 0%; animation: BtnemAnimation infinite linear 5s; color:#ffde00; padding-top:0; font-size:13px; font-family:GmSansB; font-size:15px; color:#3c201f; line-height:1; white-space: nowrap; } .btm-order-wrap .btm-order-set .btm-btns .kakaot a span em:nth-child(2) { animation-delay: -2.50s; } .btm-order-wrap .btm-order-set .btm-btns .kakaot a span em:nth-child(3) { animation-delay: -5.00s; } .btm-order-wrap .btm-order-set .btm-btns .kakaot a:hover { background:#fff; transition:all .2s; } .btm-itemWrap { display:none; } @media screen and (max-width: 1220px){ .btm-order-wrap { display:none; } .btm-itemWrap { position:fixed; bottom:0; width:100%; display:flex; justify-content:space-between; font-family: 'GmSansM'; z-index:99999; } .btm-itemWrap .itemz1 { display:block; width:33%; height:70px; background:rgba(36,78,159,1); border-right:1px solid rgba(255,255,255,0.1); text-align:center; color:#fff; font-size:14px; } .btm-itemWrap .itemz1 a { display:block; text-align:center; width:100%; height:100%; transition:all .2s; } .btm-itemWrap .itemz1 a i { display:block; width:100%; font-size:27px; color:#fff; padding:8px 0 0px 0; animation: BtnemAnimation1 infinite 2s; } .btm-itemWrap .itemz1 a span { display:block; font-family:GmSansB; font-size:14px; color:#fff; padding:7px 0 0 0; line-height:1; white-space: nowrap; } .btm-itemWrap .itemz2 { display:block; width:33%; height:70px; background:#00ab9f; border-right:1px solid rgba(255,255,255,0.1); text-align:center; color:#fff; font-size:14px; } .btm-itemWrap .itemz2 a { display:block; text-align:center; width:100%; height:100%; transition:all .2s; } .btm-itemWrap .itemz2 a em { display:block; width:22px; margin:0 auto; color:#fff; padding:12px 0 0px 0; } .btm-itemWrap .itemz2 a em img { width:100%; } .btm-itemWrap .itemz2 a span { display:block; font-family:GmSansB; animation: BtnemAnimation2 infinite 2s; font-size:14px; color:#fff; padding:8px 0 0 0; line-height:1; white-space: nowrap; } .btm-itemWrap .itemz3 { width:34%; height:70px; background:#fae101; border-right:1px solid rgba(255,255,255,0.1); text-align:center; color:#fff; } .btm-itemWrap .itemz3 a { display:flex; flex-wrap:wrap; align-items:center; width:100%; height:100%; font-size:14px; color:#fff; transition:all .2s; } .btm-itemWrap .itemz3 a i { display:block; width:100%; font-size:30px; color:#3c201f; padding:7px 0 0px 0; } .btm-itemWrap .itemz3 a span { position:relative; width:100%; height:30px; padding:5px 0 0 0; overflow:hidden; } .btm-itemWrap .itemz3 a span em { position: absolute; left: 0%; animation: BtnemAnimation3 infinite linear 5s; color:#ffde00; padding-top:0; font-family:GmSansB; font-size:14px; color:#3c201f; line-height:1; white-space: nowrap; } .btm-itemWrap .itemz3 a span em:nth-child(2) { animation-delay: -2.50s; } .btm-itemWrap .itemz3 a span em:nth-child(3) { animation-delay: -5.00s; } .btm-itemWrap .itemz3 a:hover { background:#ffed4e; transition:all .2s; } } @keyframes BtnemAnimation1 { 0% { color: #00fffc; } 50% { color: #fff; } 100% { color: #00fffc; } } @keyframes BtnemAnimation2 { 0% { color: #00fffc; } 50% { color: #fff; } 100% { color: #00fffc; } } @keyframes BtnemAnimation3 { 0% { left: 100%; } 100% { left: -100%; } } @keyframes BtnemAnimation { 0% { left: 100%; } 100% { left: -100%; } } @keyframes phoneloof { 0% { top: 0; color:#fff; opacity:1; } 50% { top: 0; color:#00ab9f; opacity:1;} 100% { top: 0; color:#fff; opacity:1; } } @keyframes callloof { 0% { top: 0; color:#fff; opacity:1; } 50% { top: 0; color:#00ab9f; opacity:1;} 100% { top: 0; color:#fff; opacity:1; } } /* side area */ #siteQk { position:fixed; top:50px; right:20px; width:120px; z-index:9999999;} #siteQk > div { border-radius:10px; overflow:hidden; } #siteQk > div > a { background: linear-gradient(316deg, #0097F6 0%, #09DD8D 100%); display:flex; height:100px; justify-content:center; align-items:center; flex-direction:column; } #siteQk > div > a > img {width:80px; margin-bottom:10px; } #siteQk > div > a > span { color:#fff; font-family:GmSansB; font-size:14px; color:#ffffff; line-height:12px; text-align:center; } #siteQk > div > ul { background-color:#171c61; /*background-color:#001a33;*/ padding:3px; } #siteQk > div > ul > li > a { display:flex; align-items:center; font-family:GmSansM; font-size:14px; color:#fff; height:40px; justify-content:center; border-radius:5px;} #siteQk > div > ul > li > a:hover { background-color:#5967f7; color:#fff;} #siteQk > a.kakao { position:relative; padding:2px 0 0 15px; background-color:#fae101; display:flex; font-family:GmSansM; height:40px; color:#3f231e; font-size:15px; border:0; width:100%; justify-content:center;align-items: center; margin-top:5px; border-radius:5px; } #siteQk > a.kakao i { position:absolute; left:10px; top:7px; color:#3c201f; font-size:25px; } #siteQk > a.naver { position:relative; padding:2px 0 0 15px; background-color:#00c73c; display:flex; font-family:GmSansM; height:40px; color:#fff; font-size:15px; border:0; width:100%; justify-content:center;align-items: center; margin-top:5px; border-radius:5px; } #siteQk > a.naver i { position:absolute; left:10px; top:9px; color:#fff; font-size:23px; } #siteQk > a.reque { position:relative; padding:2px 0 0 15px; background-color:#00145b; display:flex; font-family:GmSansM; height:40px; color:#fff; font-size:15px; border:0; width:100%; justify-content:center;align-items: center; margin-top:5px; border-radius:5px; } #siteQk > a.reque i { position:absolute; left:10px; top:9px; color:#fff; font-size:21px; } #siteQk > .qrcode { margin-top:20px; border-radius:10px; overflow:hidden; border:1px solid #eaeaea; box-shadow: 0px 15px 15px rgb(0 0 0 / 10%); background:#fff; } #siteQk > .qrcode img { width:100%; } #siteQk > .qrcode span { display:block; padding:10px 0 10px 0; font-family:GmSansM; color:#00887e; font-size:15px; text-align:center; } .sbtm_prz2 { width:100%; margin-top:30px; } .sbtm_prz2 .przitem2 { position:relative; padding:0 0; transition:all .2s; } .sbtm_prz2 .przitem2 ul.pic { max-width:150px; margin:0 auto 0; overflow:hidden; } .sbtm_prz2 .przitem2 ul.pic li { display:flex; flex-direction:column; max-width:150px; margin:0 auto 0; overflow:hidden; } .sbtm_prz2 .przitem2 ul.pic li img { width:100%; } .sbtm_prz2 .slick-list .slick-track .slick-slide { padding:0px 0; } @media screen and (max-width: 1360px){ #siteQk { display:none; } } /* 메인배너 */ .slick-slider{position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent; } .slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0; border:0px solid red; } .slick-list:focus{outline: none; } .slick-list.dragging{cursor: pointer; cursor: hand;} .slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .slick-track{position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after{display: table; content: '';} .slick-track:after{clear: both;} .slick-loading .slick-track{visibility: hidden;} .slick-slide{display: none;float: left; height: auto; min-height: 1px;} [dir='rtl'] .slick-slide{float: right;} .slick-slide img{display: block;} .slick-slide.slick-loading img{display: none;} .slick-slide.dragging img{pointer-events: none;} .slick-initialized .slick-slide{display: block;} .slick-loading .slick-slide{visibility: hidden;} .slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;} .slick-arrow.slick-hidden {display: none;} /* main Notice slide_간격 */ .slider {width: 100%; margin: auto;} .slick-slide {padding:20px; border:0px solid red; margin-right:0px;} .slick-slide img {width: 100%;} .slick-prev:before, .slick-next:before {color: black; } .slick-slide {transition: all ease-in-out .3s; opacity:1;} .slick-active {opacity: 1; } .slick-current {opacity: 1;} .slick-dotted.slick-slider{margin-bottom: 0px;} .slick-dots{position: absolute; bottom: -50px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center;} .slick-dots li{position: relative; display: inline-block; margin: 0 5px; padding: 0; cursor: pointer; background:transparent; border-radius:100%; display:none;} .slick-dots li button{font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: #dddddd; border-radius:100%;} .slick-dots li button:hover, .slick-dots li button:focus{outline: none; background:red;} .slick-dots li button:hover:before, .slick-dots li button:focus:before{opacity: 1;} .slick-dots li button:before{font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 10px; height: 10px; content: 'ㆍ'; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border-radius:100%;} .slick-dots li.slick-active button:before{ background:red;} .slick-prev{display:none !important;} .slick-next{display:none !important;} /* 서브페이지 백그라운드이미지 / 타이틀영역 */ .tt_bg_blk { margin-top:150px; height:200px; width:100%; transform:perspective(500px) rotate(.001deg); overflow:hidden; } .tt_bg_blk .full { position:absolute; width:100%; height:100%; top:0; left:0; background: rgba(0,0,0,0.0); z-index:2; } .tt_bg_blk .inbg_blk { position:relative; display:flex !important; flex-wrap:wrap; justify-content:space-between; max-width:1380px; height:100%; margin:0 auto; z-index:3; } .tt_bg_blk .inbg_blk .sub-title { width:50%; } .tt_bg_blk .inbg_blk .sub-title .exp { text-align:left; font-family: 'GmSansM'; color:white; letter-spacing:0em; font-size:25px; margin-top:70px; line-height:130%; text-shadow: 0 0 1px #000000; opacity: 0; animation:titleArea_sub 1s 0.5s forwards; } .tt_bg_blk .inbg_blk .sub-title .exp i { font-family: 'GmSansB'; font-style:normal; color:#ff2a00; font-size:30px; line-height:100%; text-shadow: 0 0 1px #000000; } .tt_bg_blk .inbg_blk .sub-title .exp span { display:block; font-family: 'GmSansM'; font-size:35px; padding:0px; line-height:100%; text-shadow: 0 0 1px #000000; color:#fff; } .tt_bg_blk .inbg_blk .sub-title .exp span em { font-family: 'GmSansB'; color:#00ffc0; font-size:35px; line-height:100%; text-shadow: 0 0 1px #000000; } .tt_bg_blk .inbg_blk .sub-prize { width:40%; color:#fff; } .animate-bg {-webkit-animation-name: animateBg; animation-name: animateBg;} .animate {-webkit-animation-duration: 5000ms; animation-duration: 5000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: cubic-bezier(.3,0,.7,1); animation-timing-function: cubic-bezier(.3,0,.7,1); } .sub_prz { max-width:100%; } .sub_prz .przitem { position:relative; margin:0; padding:0; transition:all .2s; } .sub_prz .przitem .pic { max-width:100px; margin:0 auto 10px; overflow:hidden; } .sub_prz .przitem .pic img { width:100%; filter: drop-shadow(2px 6px 6px #000000); } .sub_prz .przitem strong { display:block; width:100%; font-family:GmSansM; padding-top:0px; font-size:14px; font-weight:normal; color:rgba(255,255,255,1); letter-spacing:-0.05em; line-height:1.5; transition:all .2s; text-align:center; text-shadow: 0 0 2px #000000; } .sub_prz .przitem strong span { display:block; font-family:GmSansM; font-size:12px; color:#fff; text-shadow: 0 0 2px #000000; line-height:1.2; } .sub_prz .przitem em { display:block; width:100%; font-family:GmSansM; padding-top:0; font-size:14px; font-weight:normal; color:rgba(255,255,255,0.8); letter-spacing:-0.05em; line-height:1.5; transition:all .2s; text-align:center; text-shadow: 0 0 2px #000000; } .sub_prz .slick-list .slick-track .slick-slide { padding:20px 0; } .tt_bg_blk .bg { position:absolute; left:0; top:0; width:100%; height:100%; } .tt_bg_blk .img01 {background:url(/2023_img/chimg1.jpg) no-repeat top center; background-size:cover; -webkit-backface-visibility: hidden;backface-visibility: hidden;} .tt_bg_blk .img02 {background:url(/2023_img/chimg1.jpg) no-repeat top center; background-size:cover; -webkit-backface-visibility: hidden;backface-visibility: hidden;} .tt_bg_blk .img03 {background:url(/2023_img/chimg1.jpg) no-repeat top center; background-size:cover; -webkit-backface-visibility: hidden;backface-visibility: hidden;} .tt_bg_blk .img04 {background:url(/2023_img/chimg1.jpg) no-repeat top center; background-size:cover; -webkit-backface-visibility: hidden;backface-visibility: hidden;} .tt_bg_blk .img05 {background:url(/2023_img/chimg1.jpg) no-repeat top center; background-size:cover; -webkit-backface-visibility: hidden;backface-visibility: hidden;} .tt_bg_blk .img06 {background:url(/2023_img/chimg1.jpg) no-repeat top center; background-size:cover; -webkit-backface-visibility: hidden;backface-visibility: hidden;} .tt_bg_blk .img07 {background:url(/2023_img/chimg1.jpg) no-repeat top center; background-size:cover; -webkit-backface-visibility: hidden;backface-visibility: hidden;} .tt_bg_blk .img08 {background:url(/2023_img/chimg1.jpg) no-repeat top center; background-size:cover; -webkit-backface-visibility: hidden;backface-visibility: hidden;} .tt_bg_blk .img09 {background:url(/2023_img/chimg1.jpg) no-repeat top center; background-size:cover; -webkit-backface-visibility: hidden;backface-visibility: hidden;} .tt_bg_blk .img10 {background:url(/2023_img/chimg1.jpg) no-repeat top center; background-size:cover; -webkit-backface-visibility: hidden;backface-visibility: hidden;} .tt_bg_blk .img11 {background:url(/2023_img/chimg1.jpg) no-repeat top center; background-size:cover; -webkit-backface-visibility: hidden;backface-visibility: hidden;} .tt_bg_blk .img12 {background:url(/2023_img/chimg1.jpg) no-repeat top center; background-size:cover; -webkit-backface-visibility: hidden;backface-visibility: hidden;} .tt_bg_blk .img13 {background:url(/2023_img/chimg1.jpg) no-repeat top center; background-size:cover; -webkit-backface-visibility: hidden;backface-visibility: hidden;} .tt_bg_blk .img14 {background:url(/2023_img/chimg1.jpg) no-repeat top center; background-size:cover; -webkit-backface-visibility: hidden;backface-visibility: hidden;} @media screen and (max-width: 1260px){ .tt_bg_blk { margin-top:110px; height:200px; } .tt_bg_blk .inbg_blk { max-width:95%; margin:0 auto; } .tt_bg_blk .inbg_blk .sub-title { width:50%; } .tt_bg_blk .inbg_blk .sub-title .exp { margin-top:70px; font-size:22px; } .tt_bg_blk .inbg_blk .sub-title .exp i { font-size:25px; } .tt_bg_blk .inbg_blk .sub-title .exp span { font-size:30px; } .tt_bg_blk .inbg_blk .sub-title .exp span em { font-size:30px; } .tt_bg_blk .inbg_blk .sub-prize { width:40%; color:#fff; } .sub_prz .przitem .pic { max-width:80px; margin:10px auto 0; } .sub_prz .przitem strong { font-size:14px; } .sub_prz .przitem strong span { font-size:12px; } .sub_prz .przitem em { font-size:14px; } } @media screen and (max-width: 900px){ .tt_bg_blk { margin-top:100px; height:150px; } .tt_bg_blk .inbg_blk { max-width:95%; margin:0 auto; } .tt_bg_blk .inbg_blk .sub-title { width:70%; } .tt_bg_blk .inbg_blk .sub-title .exp { margin-top:50px; font-size:18px; } .tt_bg_blk .inbg_blk .sub-title .exp i { font-size:21px; } .tt_bg_blk .inbg_blk .sub-title .exp span { font-size:25px; } .tt_bg_blk .inbg_blk .sub-title .exp span em { font-size:25px; } .tt_bg_blk .inbg_blk .sub-prize { width:30%; } .sub_prz .przitem .pic { max-width:100px; margin:5px auto 0; } .sub_prz .przitem strong { display:none; font-size:14px; } .sub_prz .przitem strong span { display:none; font-size:12px; } .sub_prz .przitem em { display:none; font-size:14px; } } @media screen and (max-width: 650px){ .tt_bg_blk { margin-top:90px; height:160px; } .tt_bg_blk .inbg_blk { max-width:95%; margin:0 auto; } .tt_bg_blk .inbg_blk .sub-title { width:100%; } .tt_bg_blk .inbg_blk .sub-title .exp { margin-top:15px; font-size:18px; text-align:center; } .tt_bg_blk .inbg_blk .sub-title .exp i { font-size:17px; } .tt_bg_blk .inbg_blk .sub-title .exp span { font-size:20px; } .tt_bg_blk .inbg_blk .sub-title .exp span em { font-size:20px; } .tt_bg_blk .inbg_blk .sub-prize { width:70%; margin:0 auto; } .sub_prz .przitem .pic { max-width:70px; margin:0px auto 0; } .sub_prz .slick-list .slick-track .slick-slide { padding:0px 10px; } } @media screen and (max-width: 300px){ .tt_bg_blk { margin-top:90px; height:160px; } .tt_bg_blk .inbg_blk { max-width:95%; margin:0 auto; } .tt_bg_blk .inbg_blk .sub-title { width:100%; } .tt_bg_blk .inbg_blk .sub-title .exp { margin-top:20px; font-size:13px; text-align:center; } .tt_bg_blk .inbg_blk .sub-title .exp i { font-size:13px; } .tt_bg_blk .inbg_blk .sub-title .exp span { font-size:15px; } .tt_bg_blk .inbg_blk .sub-title .exp span em { font-size:15px; } .tt_bg_blk .inbg_blk .sub-prize { width:70%; margin:0 auto; } .sub_prz .przitem .pic { max-width:70px; margin:0px auto 0; } .sub_prz .slick-list .slick-track .slick-slide { padding:0px 10px; } } @keyframes titleArea_sub { 0%{ letter-spacing: 5px; opacity: 0; } 100%{ opacity: 1; letter-spacing: -1px; } } /* SUB CNT =================================== */ @keyframes animateBg { from {-ms-transform: scale(1.2,1.2); transform: scale(1.2,1.2) translateZ(1px);} to {-ms-transform: scale(1, 1); transform: scale(1, 1) translateZ(1px);} } .sub-cntWrap { position:relative; display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; max-width:1380px; margin:0 auto; z-index:5; } .sub-cntWrap .layout-leftArea { position:sticky; top:70px; width:270px; margin-top:30px; height:auto; border-radius:10px; box-shadow: 0px 10px 12px rgb(0 0 0 / 10%); background: rgba(255,255,255,1); z-index:9999; overflow:hidden; } .sub-cntWrap .conArea { width:calc(100% - 320px); } .sub-cntWrap .conArea .title_wrap { color: #000; font-family: GmSansM; font-size: 28px; line-height: 1.1; padding: 50px 0 23px; border-bottom: 2px dotted #dbdbdb; } .sub-cntWrap .conArea .sub-content { padding:40px 0; } .sub-cntWrap .sub8-content { width:100% !important; padding:40px 0; } .sub-cntWrap .slick-list .slick-track .slick-slide { padding:0px 0; } @media screen and (max-width: 1360px){ .sub-cntWrap { max-width:95%; margin:0 auto; } .sub-cntWrap .layout-leftArea { display:none; } .sub-cntWrap .conArea { width:100%; } .sub-cntWrap .conArea .title_wrap { font-size: 26px; padding: 40px 0 20px; } .sub-cntWrap .conArea .sub-content { padding:30px 0; } .sub-cntWrap .sub8-content { padding:30px 0; } } @media screen and (max-width: 900px){ .sub-cntWrap .conArea .title_wrap { font-size: 23px; padding: 30px 0 15px; } } @media screen and (max-width: 650px){ .sub-cntWrap .conArea .title_wrap { font-size: 19px; padding: 20px 0 10px; } .sub-cntWrap .conArea .sub-content { padding:20px 0; } .sub-cntWrap .sub8-content { padding:20px 0; } } @media screen and (max-width: 300px){ .sub-cntWrap .conArea .title_wrap { font-size: 17px; padding: 15px 0 10px; } } .cntWrap { display:flex; flex-wrap:wrap; justify-content:space-between; } .cntWrap .infoTxt { width:100%; } .cntWrap .infoTxt .spoint { display:inline-block; margin:0 0 0 0; font-size:20px; padding:0 0 0 0; font-family:GmSansB; line-height:1.1; text-transform: uppercase; background: linear-gradient(305deg, #02408b 0%, #2eade6 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .cntWrap .infoTxt .sdesc { font-family:Pretendard; font-size:28px; font-weight:500; margin:15px 0 0 0; line-height:1.3; letter-spacing:-0.025em; color:rgba(0,0,0,0.9); } .cntWrap .infoTxt .sdesc span { position:relative; font-family:Pretendard; font-size:28px; font-weight:700; margin:15px 0 0 0; line-height:1.3; letter-spacing:-0.025em; color:#29498c; z-index:2; } .cntWrap .infoTxt .sdesc span::before { /* content:''; position:absolute; width:100%; height:5px; left:0; bottom:3px; border-radius:30px; background:#009af1; z-index:-1; opacity:0.2; */ } .cntWrap .infoTxt .sdesc .sdescinfo { display:block; font-family:Pretendard; font-size:20px; font-weight:700; padding:15px 0 15px 0; line-height:1.3; letter-spacing:-0.025em; color:rgba(0,0,0,0.4) ; } .cntWrap .infoTxt .spoint2 { display:inline-block; margin:30px 0 0 0; font-size:20px; padding:0 0 0 0; font-family:GmSansB; line-height:1.1; text-transform: uppercase; background: linear-gradient(305deg, #02408b 0%, #2eade6 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .cntWrap .infoTxt ul.sdescUl { margin-top:10px; display:flex; flex-wrap:wrap; } .cntWrap .infoTxt ul.sdescUl li { width:auto; margin:0 10px 10px 0; padding:10px 20px 8px 20px; font-size:16px; color:#fff; border:1px solid #eaeaea; background: linear-gradient(316deg, #0097F6 0%, #09DD8D 100%); text-align:center; font-family:GmSansM; text-shadow: 0 0 1px #000000; letter-spacing:-0.025em; border-radius:30px; } .cntWrap .pic { width:100%; margin:10px 0 10px 0; border:1px solid #eaeaea; overflow:hidden; } .cntWrap .pic img { width:100%; } @media screen and (max-width: 1260px){ .cntWrap .infoTxt .spoint { margin:0px 0 0 0; font-size:19px; } .cntWrap .infoTxt .sdesc { font-size:28px; margin:15px 0 0 0; } .cntWrap .infoTxt .sdesc span { font-size:28px; margin:15px 0 0 0; } .cntWrap .infoTxt .sdesc span::before { height:5px; left:0; bottom:3px; border-radius:30px; background:#009af1; } .cntWrap .infoTxt .sdesc .sdescinfo { font-size:19px; padding:15px 0 15px 0; } .cntWrap .infoTxt .spoint2 { margin:30px 0 0 0; font-size:19px; } .cntWrap .infoTxt ul.sdescUl { margin-top:10px; } .cntWrap .infoTxt ul.sdescUl li { width:auto; font-size:16px; margin:0 10px 10px 0; padding:10px 20px 8px 20px; border-radius:30px; } .cntWrap .pic { margin:30px 0 15px 0; } } @media screen and (max-width: 900px){ .cntWrap .infoTxt .spoint { margin:0px 0 0 0; font-size:18px; } .cntWrap .infoTxt .sdesc { font-size:25px; margin:15px 0 0 0; } .cntWrap .infoTxt .sdesc span { font-size:25px; margin:15px 0 0 0; } .cntWrap .infoTxt .sdesc span::before { height:5px; left:0; bottom:3px; border-radius:30px; background:#009af1; } .cntWrap .infoTxt .sdesc .sdescinfo { font-size:17px; padding:15px 0 15px 0; } .cntWrap .infoTxt .spoint2 { margin:30px 0 0 0; font-size:18px; } .cntWrap .infoTxt ul.sdescUl { margin-top:10px; } .cntWrap .infoTxt ul.sdescUl li { width:auto; font-size:15px; margin:0 10px 10px 0; padding:10px 20px 8px 20px; border-radius:30px; } .cntWrap .pic { margin:30px 0 15px 0; } } @media screen and (max-width: 650px){ .cntWrap .infoTxt .spoint { margin:0px 0 0 0; font-size:16px; } .cntWrap .infoTxt .sdesc { font-size:21px; margin:15px 0 0 0; } .cntWrap .infoTxt .sdesc span { font-size:21px; margin:15px 0 0 0; } .cntWrap .infoTxt .sdesc span::before { height:5px; left:0; bottom:3px; border-radius:30px; background:#009af1; } .cntWrap .infoTxt .sdesc .sdescinfo { font-size:15px; padding:15px 0 15px 0; } .cntWrap .infoTxt .spoint2 { margin:20px 0 0 0; font-size:16px; } .cntWrap .infoTxt ul.sdescUl { margin-top:10px; } .cntWrap .infoTxt ul.sdescUl li { width:auto; font-size:14px; margin:0 10px 5px 0; padding:8px 15px 6px 15px; border-radius:30px; } .cntWrap .pic { margin:20px 0 15px 0; } } @media screen and (max-width: 300px){ .cntWrap .infoTxt .spoint { margin:0px 0 0 0; font-size:16px; } .cntWrap .infoTxt .sdesc { font-size:19px; margin:10px 0 0 0; } .cntWrap .infoTxt .sdesc span { font-size:19px; margin:15px 0 0 0; } .cntWrap .infoTxt .sdesc span::before { height:5px; left:0; bottom:3px; border-radius:30px; background:#009af1; } .cntWrap .infoTxt .sdesc .sdescinfo { font-size:14px; padding:15px 0 15px 0; } .cntWrap .infoTxt .spoint2 { margin:20px 0 0 0; font-size:14px; } .cntWrap .infoTxt ul.sdescUl { margin-top:10px; } .cntWrap .infoTxt ul.sdescUl li { width:auto; font-size:13px; margin:0 3px 5px 0; padding:6px 10px 4px 10px; border-radius:30px; } .cntWrap .pic { margin:20px 0 15px 0; } } .s-btn-wrap { width:100%; display:flex; justify-content:center; padding:20px 0; margin:30px 0 20px 0; background:#f7f7f7; border:1px solid #eaeaea; border-radius:5px; } .s-btn-wrap a.ord-btn { width:25%; font-family:GmSansB; font-size:18px; padding:15px 0; text-align:center; background:#00145b; border-radius:30px; color:#ffffff; margin:0 5px; transition:all .2s; } .s-btn-wrap a.ord-btn:hover { background:#5b0000; color:#ffffff; transition:all .2s; } .s-btn-wrap a.ord-kko { width:25%; font-family:GmSansB; font-size:18px; padding:15px 0; text-align:center; background:#fae101; border-radius:30px; color:#3c201f; margin:0 5px; transition:all .2s; } .s-btn-wrap a.ord-kko:hover { background:#3c201f; color:#ffffff; transition:all .2s; } @media screen and (max-width: 1260px){ .s-btn-wrap { padding:20px 0; margin:30px 0 20px 0; } .s-btn-wrap a.ord-btn { width:25%; font-size:17px; padding:15px 0; } .s-btn-wrap a.ord-kko { width:25%; font-size:17px; padding:15px 0; } } @media screen and (max-width: 900px){ .s-btn-wrap { padding:20px 0; margin:20px 0 10px 0; } .s-btn-wrap a.ord-btn { width:30%; font-size:15px; padding:15px 0; } .s-btn-wrap a.ord-kko { width:30%; font-size:15px; padding:15px 0; } } @media screen and (max-width: 650px){ .s-btn-wrap { padding:10px 0; margin:15px 0 10px 0; } .s-btn-wrap a.ord-btn { width:40%; font-size:13px; padding:10px 0; } .s-btn-wrap a.ord-kko { width:40%; font-size:13px; padding:10px 0; } } @media screen and (max-width: 300px){ .s-btn-wrap { padding:10px 0; margin:10px 0 10px 0; } .s-btn-wrap a.ord-btn { width:43%; font-size:12px; padding:8px 0; } .s-btn-wrap a.ord-kko { width:43%; font-size:12px; padding:8px 0; } } /* 서브페이지 메뉴 셀렉트바 css =================================== */ .sub_sel_nav { } .sub_sel_nav ul { } .sub_sel_nav ul li { float:left; width:250px; text-align:left; margin-right:-1px; } .sub_sel_nav ul li a { float:left; display:block; width:100%; height:70px; border:1px solid #eeeeee; border-width:0 1px; padding:27px 25px; font-size:15px; font-weight:bold; color:rgba(0,0,0,0.8); transition:all .2s;} .sub_sel_nav ul li a span { float:right; font-size:17px; color:#383838; margin-top:2px;} .sub_sel_nav .home {width:75px; text-align:center;} .sub_sel_nav .home a {width:100%; font-size:16px; padding:27px 0;} .sub_sel_nav .bul {width:auto; padding:15px;} .sub_sel_nav .pos {position:relative; width:100%; z-index:20;} .sub_sel_nav .pos .list {border:1px solid #eeeeee; border-width:0 1px 1px 1px; position:absolute; top:70px; left:0; width:100%; background:#fafafa;} /* 서브페이지 메뉴 셀렉트바 css =================================== */ @media screen and (max-width: 1260px){ .sub_sel_nav ul li {width:220px;} .sub_sel_nav ul li a {height:50px; padding:18px 25px; font-size:12px; } .sub_sel_nav .home {width:60px;} .sub_sel_nav .home a {font-size:16px; padding:16px 0;} .sub_sel_nav .pos .list {top:50px; } } @media screen and (max-width: 900px){ .sub_sel_nav ul li {font-family:NanumBarunGothic, sans-serif;} .sub_sel_nav ul li a {padding:16px 15px; font-size:12px; font-weight:normal;} .sub_sel_nav ul li a span {font-size:12px; color:#383838; margin-top:4px;} .sub_sel_nav .home {width:60px;} .sub_sel_nav .home a {font-size:14px; padding:18px 0;} } @media screen and (max-width: 650px){ .sub_sel_nav {width:100%;} .sub_sel_nav ul {width:100%;} .sub_sel_nav ul li {width:calc(50% - 20px);} .sub_sel_nav ul li a {height:40px; padding:12px 15px; font-size:11px;} .sub_sel_nav ul li a span {font-size:11px; color:#383838; margin-top:3px;} .sub_sel_nav .home {width:42px;} .sub_sel_nav .home a {font-size:12px; padding:14px 0;} .sub_sel_nav .pos .list {top:40px;} } /* 서브페이지 메뉴 셀렉트바 - depth1 css =================================== */ #sub_sel_cate {text-align:left; float:left;} #sub_sel_cate ul{ float:left; width:100%; margin:0; padding:0;} #sub_sel_cate ul.depth1 li {float:left; letter-spacing:0em; width:100%; font-family:NanumBarunGothic, sans-serif;border-top:1px solid #eeeeee;} #sub_sel_cate ul.depth1 li a {float:left; width:100%; padding:15px 25px; height:auto; color:rgba(0,0,0,0.7); transition:all .2s; font-size:13px; border:0;} #sub_sel_cate ul.depth1 li a:hover {transition:all .2s;color:rgba(0,0,0,1); background:white;} #sub_sel_cate ul.depth1 li .on {color:red; background:white;} #sub_sel_cate ul.depth1 li .on:hover {color:red;} /* 서브페이지 메뉴 셀렉트바 - depth2 css =================================== */ #sub_sel_li {float:left; padding:0px 0; width:100%; text-align:left;} #sub_sel_li ul {float:left; width:100%; margin:0; padding:0;} #sub_sel_li ul.depth2 li {float:left; width:100%; font-family:NanumBarunGothic, sans-serif;} #sub_sel_li ul.depth2 li a {float:left; width:100%; height:auto; padding:15px 25px; font-size:13px; background:#fafafa; color:rgba(0,0,0,0.7); border:1px solid #eeeeee; border-width:1px 0 0 0;} #sub_sel_li ul.depth2 li a:hover {color:red;background:#ffffff;} #sub_sel_li ul.depth2 .on a {background:#ffffff; color:red;} #sub_sel_li ul.depth2 .depth3 li {float:left; width:100%; font-family:NanumBarunGothic, sans-serif;} #sub_sel_li ul.depth2 .depth3 a {padding:2px 0 2px 30px; font-size:12px; color:rgba(0,0,0,0.6); border:0; background:white;} #sub_sel_li ul.depth2 .depth3 a:hover {color:red;} #sub_sel_li ul.depth2 .depth3 .on3 a {color:red;} #sub_sel_li ul.depth2 .depth3 .depth4 li {float:left; width:100%;} #sub_sel_li ul.depth2 .depth3 .depth4 a {padding:0px 0 0px 43px; font-size:11px; color:rgba(0,0,0,0.5); } #sub_sel_li ul.depth2 .depth3 .depth4 a:hover {color:red;} #sub_sel_li ul.depth2 .depth3 .depth4 .on4 a {color:red;} #sub_sel_li .icon2 {font-size:11px; opacity:0.7; margin-right:10px;} #sub_sel_li .icon3 {font-size:11px; opacity:0.7; margin-right:10px; color:black;} #sub_sel_li .here {float:right; font-size:9px; color:red; padding:4px 20px 0 0;} /* 하위메뉴 출력시 여백을 위아래로 주고 싶을때 대비 넣어둠 */ #sub_sel_li .space1 {float:left; width:100%; padding:15px 0; background:white; border-top:1px dotted #eeeeee;} #sub_sel_li .space2 {float:left; width:100%; padding:5px 0 15px 0; background:white; } /* sub navi */ .sub_menu_blk {position:absolute; bottom:0; left:0; width:100%; height:75px; text-align:center; background:rgba(0,0,0,0.2);z-index:3;} .sub_menu_blk .pos {display:inline-block; width:1380px; text-align:center; font-size:0; padding:0;} .navi_sub {float:left; padding:0px 0; width:100%; text-align:center;} .navi_sub ul {display:inline-block; max-width:100%; width:auto; margin:0; padding:0;} .navi_sub ul li {display:inline-block; } .navi_sub ul li a {display:inline-block; width:100%; height:75px; padding:0px 40px; line-height:75px; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:16px; color:rgba(255,255,255,1); transition:all .2s; text-align:center; letter-spacing:-0.05em;} .navi_sub ul li a:hover {background:#b79161;transition:all .2s;} .navi_sub ul .on a {display:inline-block; background:#e46a51;transition:all .2s;} /* 서브메뉴 css =================================== */ @media screen and (max-width: 1380px){ .sub_menu_blk {height:50px;} .sub_menu_blk .pos {width:100%;} .navi_sub ul li a {height:50px; padding:0px 50px; font-size:15px;line-height:50px;} } @media screen and (max-width: 900px){ .sub_menu_blk {height:50px;} .navi_sub ul { width:100%;} .navi_sub ul li {margin:0px;} .navi_sub ul li a {font-size:13px; } } @media screen and (max-width: 650px){ .sub_menu_blk {display:none;} .navi_sub {text-align:left;} .navi_sub ul li {width:20%;} .navi_sub ul li a {padding:13px 0; font-size:11px;} .navi_sub ul .on a {width:100%; padding:13px 0; font-size:11px;} } /* layout mb */ /* 팝업창제어 800px 이하 히든 */ @media screen and (max-width: 750px){ #LayerPopupContainer { dis play:none; } } @media screen and ( max-width: 1100px){ #bottom_blk {min-width:100%; } .top_cslt_btn {display:none;} .top_cslt_btn_m {position:fixed; top:0px; right:10px; height:50px; padding:0 5px; border:0px solid red; letter-spacing:-0.05em; z-index:999999999999999999999999;} .top_cslt_btn_m .icon {float:left; width:100%;padding:14px 0 0 0px; color:#585858; font-size:25px; } .top_cslt_btn_m .txt {float:left; width:100%;color:black; font-size:8px; opacity:0.8; display:none;} } /* 서브페이지 메뉴 셀렉트바 - depth1 css =================================== */ @media screen and (max-width: 1380px){ #sub_sel_cate ul.depth1 li a {padding:10px 25px; font-size:12px;} } @media screen and (max-width: 900px){ #sub_sel_cate ul.depth1 li a {font-size:11px;padding:10px 15px;} } @media screen and (max-width: 650px){ #sub_sel_cate ul.depth1 li a {padding:8px 15px; } } /* 서브페이지 메뉴 셀렉트바 - depth2 css =================================== */ @media screen and (max-width: 1380px){ #sub_sel_li ul.depth2 li a {padding:10px 25px; font-size:12px; } } @media screen and (max-width: 900px){ #sub_sel_li ul.depth2 li a {padding:10px 15px; font-size:11px;} #sub_sel_li ul.depth2 .depth3 a {padding:0px 0 0px 20px;} #sub_sel_li ul.depth2 .depth3 .depth4 a {padding:0px 0 0px 28px;} } @media screen and (max-width: 650px){ #sub_sel_li ul.depth2 li a {padding:8px 15px; } #sub_sel_li ul.depth2 .depth3 a {padding:0px 0 0px 20px; font-size:10px;} #sub_sel_li ul.depth2 .depth3 .depth4 a {padding:0px 0 0px 28px; font-size:10px; line-height:170%;} #sub_sel_li .space2 {padding:3px 0 10px 0;} #sub_sel_li .icon2 {font-size:9px; margin-right:5px;} } /* 서브페이지 메뉴 셀렉트바 - depth1 css =================================== */ @media screen and (max-width: 1380px){ #sub_sel_cate ul.depth1 li a {padding:10px 25px; font-size:12px;} } @media screen and (max-width: 900px){ #sub_sel_cate ul.depth1 li a {font-size:11px;padding:10px 15px;} } @media screen and (max-width: 650px){ #sub_sel_cate ul.depth1 li a {padding:8px 15px; } } /* 서브페이지 메뉴 셀렉트바 - depth2 css =================================== */ @media screen and (max-width: 1380px){ #sub_sel_li ul.depth2 li a {padding:10px 25px; font-size:12px; } } @media screen and (max-width: 900px){ #sub_sel_li ul.depth2 li a {padding:10px 15px; font-size:11px;} #sub_sel_li ul.depth2 .depth3 a {padding:0px 0 0px 20px;} #sub_sel_li ul.depth2 .depth3 .depth4 a {padding:0px 0 0px 28px;} } @media screen and (max-width: 650px){ #sub_sel_li ul.depth2 li a {padding:8px 15px; } #sub_sel_li ul.depth2 .depth3 a {padding:0px 0 0px 20px; font-size:10px;} #sub_sel_li ul.depth2 .depth3 .depth4 a {padding:0px 0 0px 28px; font-size:10px; line-height:170%;} #sub_sel_li .space2 {padding:3px 0 10px 0;} #sub_sel_li .icon2 {font-size:9px; margin-right:5px;} } /* cnt css =================================== */ .sub-why-wrap { position:relative; width:100%; padding:10px 0; margin:0px 0 0 -13px; z-index:5; } .sub-why-wrap .swhyitem { position:relative; width:48%; padding:20px; text-align:left; border-radius:5px; border:1px solid #eaeaea; box-shadow: 0px 10px 12px rgb(0 0 0 / 10%); font-size:0; background: rgba(255,255,255,1); } .sub-why-wrap .swhyitem .wset { float:left; width:65%; } .sub-why-wrap .swhyitem .wset strong { display:block; font-family:GmSansM; font-size:20px; line-height:1.1; color:#081131; font-weight:normal; } .sub-why-wrap .swhyitem .wset strong span { font-family:GmSansB; font-size:19px; line-height:15px; background: linear-gradient(305deg, #0097F6 0%, #09DD8D 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .sub-why-wrap .swhyitem .wset p { font-family:Pretendard; padding-top:10px; height:70px; font-size:17px; font-weight:700; line-height:1.1; letter-spacing:-0.025em; color:rgba(0,0,0,0.5); } .sub-why-wrap .swhyitem .spic { float:right; width:30%; } .sub-why-wrap .swhyitem .spic img { width:100%; } .sub-why-wrap .slick-list .slick-track .slick-slide { padding:20px; margin:10px; } .sub-kakao-wrap { position:relative; width:100%; margin:20px 0 0 -13px; z-index:5; } .sub-kakao-wrap .kakaoitem { position:relative; width:48%; padding:20px; text-align:left; border-radius:5px; border:1px solid #eaeaea; box-shadow: 0px 10px 12px rgb(0 0 0 / 10%); -webkit-backdrop-filter: blur(10px) !important; backdrop-filter: blur(10px) !important; font-size:0; background: rgba(255,255,255,0.7); } .sub-kakao-wrap .kakaoitem .wset { width:100%; } .sub-kakao-wrap .kakaoitem .wset strong { display:block; font-family:GmSansM; font-size:20px; padding:0px 0 10px 0; line-height:1.1; color:#081131; font-weight:normal; text-align:center; } .sub-kakao-wrap .kakaoitem .wset strong span { font-family:GmSansB; font-size:19px; line-height:15px; background: linear-gradient(305deg, #0097F6 0%, #09DD8D 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .sub-kakao-wrap .kakaoitem .spic { width:100%; } .sub-kakao-wrap .kakaoitem .spic img { width:100%; } .sub-kakao-wrap .slick-list .slick-track .slick-slide { padding:20px; margin:10px; } @media screen and (max-width: 1260px){ .sub-why-wrap { margin:0px 0 0 -13px; } .sub-why-wrap .swhyitem { width:48%; padding:20px; } .sub-why-wrap .swhyitem .wset { width:65%; } .sub-why-wrap .swhyitem .wset strong { font-size:18px; } .sub-why-wrap .swhyitem .wset strong span { font-size:17px; } .sub-why-wrap .swhyitem .wset p { padding-top:10px; height:60px; font-size:16px; } .sub-why-wrap .swhyitem .spic { width:30%; } .sub-why-wrap .slick-list .slick-track .slick-slide { padding:20px; margin:10px; } .sub-kakao-wrap { margin:20px 0 0 -13px; } .sub-kakao-wrap .kakaoitem { width:48%; padding:20px; } .sub-kakao-wrap .kakaoitem .wset { width:100%; } .sub-kakao-wrap .kakaoitem .wset strong { font-size:18px; padding:0px 0 10px 0; } .sub-kakao-wrap .kakaoitem .wset strong span { font-size:17px; } .sub-kakao-wrap .kakaoitem .spic { float:right; width:100%; } .sub-kakao-wrap .kakaoitem .spic img { width:100%; } } @media screen and (max-width: 900px){ .sub-why-wrap { margin:0px 0 0 -13px; } .sub-why-wrap .swhyitem { width:48%; padding:15px 10px; } .sub-why-wrap .swhyitem .wset { width:65%; } .sub-why-wrap .swhyitem .wset strong { font-size:16px; } .sub-why-wrap .swhyitem .wset strong span { font-size:16px; } .sub-why-wrap .swhyitem .wset p { padding-top:10px; height:50px; font-size:14px; } .sub-why-wrap .swhyitem .spic { width:30%; } .sub-why-wrap .slick-list .slick-track .slick-slide { padding:20px; margin:10px; } .sub-kakao-wrap { margin:20px 0 0 -13px; } .sub-kakao-wrap .kakaoitem { width:48%; padding:20px; } .sub-kakao-wrap .kakaoitem .wset { width:100%; } .sub-kakao-wrap .kakaoitem .wset strong { font-size:16px; padding:0 0 10px0 0; } .sub-kakao-wrap .kakaoitem .wset strong span { font-size:15px; } } @media screen and (max-width: 650px){ .sub-why-wrap { margin:0px 0 0 -10px; } .sub-why-wrap .swhyitem { width:100%; padding:15px 10px; } .sub-why-wrap .swhyitem .wset { width:65%; } .sub-why-wrap .swhyitem .wset strong { font-size:15px; } .sub-why-wrap .swhyitem .wset strong span { font-size:15px; } .sub-why-wrap .swhyitem .wset p { padding-top:10px; height:50px; font-size:13px; } .sub-why-wrap .swhyitem .spic { width:30%; } .sub-kakao-wrap { margin:20px 0 0 -10px; } .sub-kakao-wrap .kakaoitem { width:48%; padding:20px; } .sub-kakao-wrap .kakaoitem .wset { width:100%; } .sub-kakao-wrap .kakaoitem .wset strong { font-size:15px; padding:0 0 10px 0; } .sub-kakao-wrap .kakaoitem .wset strong span { font-size:14px; } } @media screen and (max-width: 300px){ } /* 상단 영역 */ /* main */ .Visual { position:relative; width:100%; } /* main roll */ #vis_box { overflow:hidden; position:relative; width:100%; } #vis_wrap { position:relative; width:1250px; margin:0 auto; z-index:9; } #vis_wrap .order_box {position:absolute; width:250px; top:70px; right:0; z-index:9; } #vis_wrap .btn_box {position:absolute; width:1250px; bottom:30px; left:0; z-index:9; } #mGallery .cut .img { position:relative;z-index:10;} #mGallery .cut .txt01 { position:absolute;top:77px;left:50%; margin-left:532px;z-index:5;} #mGallery .cut .tit01.ex02 {margin-left:-580px;} #mGallery .cut .txt01.ex02 {margin-left:-295px;} #mGallery .cut .tit01.ex03 {margin-left:-580px;} #mGallery .cut .txt01.ex03 {margin-left:-295px;} #mGallery .cut .tit01.ex04 {margin-left:-580px;} #mGallery .cut .txt01.ex04 {margin-left:-295px;} #mGallery .cut .go02 {position:absolute;bottom:50px;right:440px;z-index:50;} #mGallery { overflow:hidden;width:2001px;margin-left:-420px;height:640px; position:relative; z-index:1; background-color:#fff;} #mGallery .cut {width:2000px;float:left;height:640px; position:relative; z-index:1;} #mGallery .inner {width:8000px;} #mGallery .btn.prev {left:320px;} #mGallery .btn.next {right:240px;} #mGallery .btn {position:absolute; top:250px;z-index:100; } #mGallery .cut .tit01 {position:absolute;top:60px;left:50%;margin-left:-580px;z-index:50;} /* main roll */ .innWrap { clear:both; position:relative; width:1250px; margin:0 auto;} .container {overflow:visible; width:100%; background:#ffffff; } .container .guide {position:relative; width:100%; background:#e9e9e9; height:530px; } .container .guide .box { position:relative; width:1100px; margin:0 auto;} .container .guide .box .service { position:relative; float:left; width:507px; margin:0 auto;} .container .guide .box .service p.pding { padding-top:9px; } .container .guide .box .ord_list { position:relative; float:right; width:527px; margin:0 auto;} .container .guide .box .ord_list .list_box { position:relative; width:507px; height:408px; padding:10px 10px; background:#ffffff; } /* sub */ .sub_bg {height:160px;} .sub_bg .sub_slogan_text {width:1100px;margin:0 auto; } .sub_bg .sub_slogan_text p.text1 {font-size:40px;font-weight:bold;} .sub_bg .sub_slogan_text p.text2 {font-size:15px;font-weight:bold;} .sub_bg01 {background:url('/img/sub1.jpg') no-repeat center center;} .sub_bg02 {background:url('/img/sub1.jpg') no-repeat center center;} .sub_bg03 {background:url('/img/sub1.jpg') no-repeat center center;} .sub_bg04 {background:url('/img/sub1.jpg') no-repeat center center;} .sub_bg05 {background:url('/img/sub1.jpg') no-repeat center center;} .sub_bg06 {background:url('/img/sub1.jpg') no-repeat center center;} .sub_bg07 {background:url('/img/sub1.jpg') no-repeat center center;} .sub_bg08 {background:url('/img/sub1.jpg') no-repeat center center;} .sub_bg09 {background:url('/img/sub1.jpg') no-repeat center center;} #sContainer {position:relative; width:100%; background:#ffffff; } .conWrap {position:relative; width:1100px; margin:0 auto; background:#ffffff;} .centerWrap {position:relative; width:1100px; margin:0 auto; } .slnbWrap {float:left; width:200px; } .slnbWrap p {margin:0px;} .slnbWrap .left_menu li.menuli {width:185px; background:url(/img/left_menu.gif) no-repeat; height:34px; padding:15px 0 0 15px; } .slnbWrap .left_menu li.menuli a{font-family:ng,Arial,Verdana; color:#747474; font-weight:bold; font-size:15px;} .lnbBanner {margin:0px;} .lnbBanner p {margin-top:0px;} .mContents {float:right; position:relative; width:850px; margin-top:59px; } .sContents {width:850px; text-align:left; background:#fff; min-height:650px; } .titWrap {position:relative; } .titWrap .locWrap {position:absolute; right:0px; top:15px; } .titWrap .locWrap * {vertical-align:middle;} .sCntWrap {width:850px; overflow:hidden; border-top:2px solid #000000; padding:25px 0px 20px 0px; margin-top:15px; } .s_menu { position:relative; width:100%; margin:0px auto; } .s_menu .tab { overflow:hidden; width:100%; height:40px; } .s_menu .tab h2 { float:left; } .s_menu .tab h2 a { display:block; width:90px; height:20px; margin-left:5px; padding:8px 15px; border:1px solid #d9d9d9; font-size:15px; text-align:center; font-family:'ngb'; background:#eff4f3; } .s_menu .tab h2:first-child a { margin-left:0; font-size:13px; } .s_menu .tab h2 a.on { background:#00bcb8; border:1px solid #00bcb8; color:#fff; font-size:15px; } /* contents */ .heading_h1 { padding: 0 0 0 20px; background:url(/img/sub/h1bg.png) no-repeat 0 2px; color: #000; font-family:"ngeb"; font-size: 15px; } .heading_h2 { background:url(/img/left_topbg.gif) no-repeat; padding:50px 0 0 0; color:#ffffff; height:65px; font-family:"ngb"; font-size: 18pt; line-height:160%; text-align:center; } .heading_h3 { padding:0; color: #000000; height:38px; font-family:"ngeb"; font-size: 17pt; line-height:120%; } .heading_h4 { padding:0; color: #000000; height:30px; font-family:"ngb"; padding-top:10px; font-size: 13pt; line-height:120%; } .heading_h5 { background: url(/main/img/sub/h5bg.png)no-repeat 0 2px; } .heading_h6 { background: url(/main/img/sub/h6bg.png)no-repeat 0 2px; } .scontainer .sub_phone {position:relative; width:1100px; margin:0px auto; margin-top:20px;} */ /* container */ /*#container {padding:104px 0 100px;height:1900px}*/ #container {padding-top:135px} #middle {padding-bottom:100px} /* con_title */ #con_title {padding-bottom:40px;overflow:hidden;position:relative} #con_title h2 {float:left} .long_path {top:7px;right:0;margin-top:0!important;position:absolute} #con_title #path {position:absolute;right:1px;top:7px;color:#69696b} #con_title #path a, #con_title #path span, #con_title #path strong {float:left;margin-left:5px;color:#69696b;font-weight:normal;font-family:'돋움','dotum','Helvetica','sans-serif';font-size:11px;letter-spacing:-1px} #con_title #path a {color:#a6a6a6} #con_title #path a img {margin-top:3px;vertical-align:top} #right #con_title {padding-bottom:26px} /* guide */ .con_guide h3 { margin-top:25px; text-align:center;} .con_guide ul { margin-top:35px; padding-top:38px; border-top:1px solid #e0e1e3; overflow:hidden; height:100%;} .con_guide ul li { float:left; width:33.3%;} .con_guide ul li a { display:block; margin:17px 0 0 43px;} .con_guide ul li a img { display:block;} .con_guide { min-height:97px; margin-top:64px; border-top:1px solid #e0e1e3; border-bottom:1px solid #e0e1e3; background:url(/html/images/quotation/bg01_guide.png) 777px bottom no-repeat;} .con_guide dl { margin:14px 0 0 13px; padding:16px 0 14px 92px; background:url(/html/images/quotation/ico01_guide.png) left center no-repeat;} .con_guide dl dt { font-size:15px; letter-spacing:-2px;} .con_guide dl dd { font-size:11px; margin-top:5px;} /*common*/ .clfix:after {content:"."; display:block; clear:both; visibility:hidden; height:0;} .clfix {display:inline-block;} .clfix {display:block;} * html .clfix {height:1%;} /* hides from ie-mac */ .clfix {zoom:1;} /*for ie 5.5-7*/ /*background color*/ .bc_1 { background:#91887b; } /*margin*/ .mg_1 { margin-top:15px; } /*폰트정렬*/ .fc_01 {color:#ce6063; } /* */ .fc_02 {color:#c3c3c3; } .fc_03 {color:#333;} .fc_04 {color:#2232fe; } .fc_05 {color:#2232fe; } #comment-wrapper { position: relative; margin: 0; padding: 0; width:100%; height:34px; z-index:99999; } #commentWrapper { /* required to avoid jumping */ position:relative; margin: 0; padding: 0; width:100%; height:60px; z-index:99999; } #comment { position: relative; margin: 0; padding: 0; top: 0; width:100%; height:60px; z-index:99999; } #comment.fixed { position: fixed; margin: 0; padding: 0; top: 0; width:100%; height:60px; z-index:99999; } /* table */ .reqTb {table-layout:fixed; border:solid #999999; border-width:1px 0 0 0;} .reqTb th {padding:0; height:35px; text-align:center; background:#eaeaea; font-weight:bold; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc;} .reqTb th:first-child {border-left:0;} .reqTb td {padding:7px; border-left:1px solid #cccccc; border-bottom:1px solid #cccccc; line-height:160%; } .reqTb td:first-child {border-left:0;} .reqTb2 {table-layout:fixed; border:solid #999999; border-width:0 0 1px 0;} .reqTb2 th {padding:0; height:35px; text-align:center; background:#eaeaea; font-weight:bold; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc;} .reqTb2 th:first-child {border-left:0;} .reqTb2 td {padding:7px; border-left:1px solid #cccccc; border-bottom:1px solid #cccccc; line-height:160%; } .reqTb2 td:first-child {border-left:0;} .reqTb_order {table-layout:fixed; border:solid #999999; border-width:1px 0 0 0;} .reqTb_order th {padding:0; height:35px; text-align:center; background:#eaeaea; font-weight:bold; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc;} .reqTb_order th:first-child {border-left:0;} .reqTb_order td {padding:7px; border-left:1px solid #cccccc; border-bottom:1px solid #cccccc; line-height:160%; } .reqTb_order td:first-child {border-left:0;} .order_btn01 { width:auto; padding:0 20px; text-align:center; display:inline-block; height:25px; background:#2db7c1; border:1px solid #0b8f99; color:#fff; font:bold 12px/25px '굴림',Gulim; } .order_btn02 { width:auto; padding:10px 30px; text-align:center; display:inline-block; height:45px; background:#2d5cc1; border:1px solid #0b3799; color:#fff; font:bold 13px/25px '굴림',Gulim; } .tbl_type,.tbl_type th,.tbl_type td{border:0} .tbl_type{width:100%;border-bottom:2px solid #dcdcdc;font-family:Tahoma;font-size:12px;text-align:left;} .tbl_type caption{display:none} .tbl_type th{padding:7px 0 4px 10px;border-top:2px solid #dcdcdc;background-color:#f5f7f9;color:#666;font-family:'돋움',dotum;font-size:12px;font-weight:bold} .tbl_type td{padding:7px 0 4px 10px;border-top:1px solid #dcdcdc;border-left:1px solid #dcdcdc;color:#4c4c4c;font-family:'돋움',dotum;font-size:12px; } .tbl_pad td{padding:3px; line-height:160%;} .tbl_pad_title {border-top:1px solid #65aa47;border-bottom:1px solid #65aa47; background:#eff8eb; color:#128835; font-weight:bold; text-align:center;} .tbl_pad5 td{padding:5px; line-height:160%; } .tbl_pad5 input{height:16px;} .tbl_pad_line td{border-bottom:1px solid #eaeaea;} .t_top {border-top:2px solid #454545; border-bottom:1px solid #e4e4e4; height:30px; padding-left:15px; } .t_top2 {border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; height:30px; padding-left:15px; } .t_line {border-bottom:1px solid #e4e4e4; height:30px; padding-left:15px; } .t_line2 {border-bottom:1px solid #e4e4e4; height:30px; } .t_pad10 {padding:10px; } .thema_l { width:auto; height:auto; padding:2px 5px; display:inline-block; background:#eaeaea; border:1px solid #cccccc; margin-right:2px; margin-bottom:3px; } .thema_ls { width:auto; height:auto; padding:2px 5px; display:inline-block; background:#ffffff; border:1px solid #cccccc; margin-right:2px; margin-bottom:3px; } a:link.thema_ls2 { width:auto; height:auto; padding:2px 5px; display:inline-block; color:#ffffff; background:#ff0000; border:1px solid #ff0000; margin-right:2px; margin-bottom:3px; } /* 테이블 */ .cul_list { width:100%; border-top:3px solid #333; margin-top:20px; } .cul_list table { width: 100%; border-collapse:collapse; } .cul_list table caption {height:0;} .cul_list table th {border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 12px 0; background: #f2f2f2; color: #000; font-size: 15px; font-weight: 400;} .cul_list table th:last-child {border-right: 0;} .cul_list table td {border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 12px 7px; font-size: 15px; color: #000; text-align: center; line-height:160%; } .cul_list table td.brdrig {border-right: 1px solid #ddd !important; } .cul_list table td:last-child {border-right: 0;}