/* common */
@import url('font.css');
* {padding:0;margin:0; -webkit-text-size-adjust:none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box}
html {font-family:"Noto Sans KR", sans-serif;font-size:16px;font-weight:400;color:#3c3c3c;line-height:1.4}
input, select {font-family:"Noto Sans KR", sans-serif;font-size:15px}
ul,ol,dl {list-style:none}
ul {font-size:0}
ul li {display:inline-block;vertical-align:top;font-size:16px}
a {color:#3d3d3d;cursor:pointer}
a,a:link,a:visited,a:hover  {text-decoration:none}
img {border:0;width:auto;max-width:100%;vertical-align:middle}
table {border-spacing:0;border-collapse:collapse}
.clear {clear:both}
.center {text-align:center}
.txt_right {text-align:right !important}
.green {color:#0a6759 !important}
.green2 {color:#126f20}
.blue {color:#094289}
.blue2 {color:#074097}
.skyblue {color:#2b88a8}
.red {color:#c50000}
.red2 {color:#e6441f}
.red3 {color:#ae0909}
.white {color:#fff}
.purple {color:#1a4ebc}
.pink {color:#a3137f}
.yellow {color:#fff55c}
.cyan {color:#1a4ebc}
.left {float:left}
.right {float:right}
.center {text-align:center !important}
.txt_left {text-align:left !important;padding-left:2% !important;;padding-right:2% !important}
.txt_left5 {text-align:left !important;padding-left:5% !important;;padding-right:5% !important}
.bold {font-weight:500}
td.last {border-right:1px solid #ddd}
.fnormal {font-weight:normal}
.space5 {clear:both;height:5px}
.space10 {clear:both;height:10px}
.space15 {clear:both;height:15px}
.space20 {clear:both;height:20px}
.space25 {clear:both;height:25px}
.space30 {clear:both;height:30px}
.space35 {clear:both;height:35px}
.space40 {clear:both;height:40px}
.space45 {clear:both;height:45px}
.space50 {clear:both;height:50px}
.space60 {clear:both;height:60px}
.space70 {clear:both;height:70px}
.space80 {clear:both;height:80px}
.space100 {clear:both;height:100px}
.space140 {clear:both;height:140px}
.mt0 {margin-top:0 !important}
.pc {display:block}
.pd0 {padding-bottom:0 !important}
.wr1200 {max-width:1200px;margin:0 auto}
.wr1400 {max-width:1400px;margin:0 auto}
.mobile {display:none}
.pc1250 {display:block}
.mobile1250 {display:none}
.pc1200 {display:block}
.mobile1200 {display:none}
.pc1200_in {display:inline}
.mobile1200_in {display:none}
.pc1150 {display:block}
.mobile1150 {display:none}
.pc1100 {display:block}
.mobile1100 {display:none}
.pc1000 {display:block}
.mobile1000 {display:none}
.pc1000_view {display:visible}
.mobile1000_view {display:none}
.pc840_ib {display:inline-block}
.pc840 {display:block}
.mobile840 {display:none}
.pc840_in {display:inline}
.mobile840_in {display:none}
.pc840_view {display:visible}
.mobile840_view {display:none}
.pc720 {display:block}
.mobile720 {display:none}
.pc640 {display:block}
.mobile640 {display:none}
.pc640_tbl {display:inline}
.mobile640_tbl {display:none}
.pc640_view {display:visible}
.mobile640_view {display:none}
.pc480 {display:block}
.mobile480 {display:none}
.pc480_tbl {display:inline}
.mobile480_tbl {display:none}
.mobile840_in {display:none}
.img_w1000, .img_w840, .img_w480 {display:none}
.img_w1000 {display:block}
.m840 {display:none}
.pt00 {padding-top:0 !important;margin-top:0 !important}
.pt0 {padding-top:0 !important;padding-bottom:20px}
.pb20 {padding-bottom:20px}
.pb0 {padding-bottom:0 !important}
*:focus { outline: none; }
input {-webkit-border-radius: 0;}
.line_right {border-right:1px solid #ddd !important}
.hidden {display:none}
.big_btn_silver {display:inline-block;width:100%;max-width:115px;height:40px;border:1px solid #d5d5d5;background:#fff;font-size:15px;font-weight:400;color:#303030 !important;text-align:center;line-height:38px;margin:0 7px;vertical-align:middle;cursor: pointer;border-radius:20px;}
.big_btn_magenta {display:inline-block;width:100%;max-width:115px;height:40px;border:1px solid #c80000;background:#fff;font-size:15px;font-weight:400;color:#c80000 !important;text-align:center;line-height:38px;margin:0 7px;vertical-align:middle;cursor: pointer;border-radius:20px;}
.big_btn_red {display:inline-block;width:100%;max-width:190px;height:45px;border:1px solid #0065e9;background:#0065e9;font-size:15px;font-weight:500;color:#fff !important;text-align:center;line-height:40px;margin:0 7px;vertical-align:middle;cursor: pointer}
.big_btn_blue {font-family:'notokr';display:inline-block;width:100%;max-width:138px;height:46px;border:1px solid #15a6a1;background:#15a6a1;font-size:18px;font-weight:500;color:#fff !important;text-align:center;line-height:45px;margin:0 7px;vertical-align:middle;cursor: pointer}
.big_btn_gray {font-family:'notokr';display:inline-block;width:100%;max-width:138px;height:46px;border:1px solid #6c707b;background:#6c707b;font-size:18px;font-weight:500;color:#fff !important;text-align:center;line-height:45px;margin:0 7px;vertical-align:middle;cursor: pointer}
.mid_btn_red {display:inline-block;width:100%;max-width:120px;height:40px;border:1px solid #386cda;background:#386cda;font-size:16px;font-weight:500;color:#fff !important;line-height:36px;margin:0 3px;text-align:center;vertical-align:middle;cursor: pointer}
.mid_btn_blue {display:inline-block;width:100%;max-width:110px;height:40px;border:1px solid #0d2d4f;background:#0065e9;font-size:15px;font-weight:500;color:#fff !important;line-height:36px;margin:0 3px;text-align:center;vertical-align:middle;cursor: pointer}
.mid_btn_gray {display:inline-block;width:100%;max-width:110px;height:40px;border:1px solid #737373;background:#737373;font-size:16px;font-weight:500;color:#fff !important;line-height:36px;margin:0 3px;text-align:center;vertical-align:middle;cursor: pointer}
.mid_btn_white {display:inline-block;width:100%;max-width:110px;height:40px;border:1px solid #c7c7c7;background:#fff;font-size:15px;font-weight:500;color:#4a4a4a !important;line-height:36px;margin:0 3px;text-align:center;vertical-align:middle;cursor: pointer}

.mid_btn_edu_red {display:inline-block;width:100%;max-width:110px;height:40px;border:1px solid #d70b40;background:#d70b40;font-size:15px;font-weight:500;color:#fff !important;line-height:36px;margin:0 3px;text-align:center;vertical-align:middle;cursor: pointer;border-radius:2px;}
.mid_btn_edu_blue {display:inline-block;width:100%;max-width:110px;height:40px;border:1px solid #0d2d4f;background:#0d2d4f;font-size:15px;font-weight:500;color:#fff !important;line-height:36px;margin:0 3px;text-align:center;vertical-align:middle;cursor: pointer;border-radius:2px;}
.mid_btn_edu_gray {display:inline-block;width:100%;max-width:110px;height:40px;border:1px solid #737373;background:#737373;font-size:15px;font-weight:500;color:#fff !important;line-height:36px;margin:0 3px;text-align:center;vertical-align:middle;cursor: pointer;border-radius:2px;}

.small_btn_blue {display:inline-block;width:100%;max-width:80px;height:40px;border:1px solid #0065e9;background:#0065e9;font-size:15px;font-weight:500;color:#fff !important;line-height:36px;margin:3px;text-align:center;vertical-align:middle;cursor: pointer}
.small_btn_gray {display:inline-block;width:100%;max-width:80px;height:40px;border:1px solid #737373;background:#737373;font-size:16px;font-weight:500;color:#fff !important;line-height:36px;margin:3px;text-align:center;vertical-align:middle;cursor: pointer}
.mid_btn_blue2 {display:inline-block;width:100%;max-width:110px;height:40px;border:1px solid #15a6a1;background:#15a6a1;font-size:15px;font-weight:500;color:#fff !important;line-height:36px;margin:3px;text-align:center;vertical-align:middle;cursor: pointer}
.mid_btn_gray2 {display:inline-block;width:100%;max-width:110px;height:40px;border:1px solid #737373;background:#737373;font-size:15px;font-weight:500;color:#fff !important;line-height:36px;margin:3px;text-align:center;vertical-align:middle;cursor: pointer}
.big_btn_blue2 {display:inline-block;width:100%;max-width:185px;height:45px;border:1px solid #15a6a1;background:#15a6a1;font-size:15px;font-weight:500;color:#fff !important;line-height:40px;margin:3px;text-align:center;vertical-align:middle;cursor: pointer}
.big_btn_gray2 {display:inline-block;width:100%;max-width:185px;height:45px;border:1px solid #868686;background:#868686;font-size:15px;font-weight:500;color:#fff !important;line-height:40px;margin:3px;text-align:center;vertical-align:middle;cursor: pointer}
.btn_arc_purple {display:block;max-width:240px;height:45px;border:1px solid #7b52f1;background:#7b52f1;font-size:17px;font-weight:500;color:#fff !important;line-height:40px;margin:50px auto;text-align:center;;padding:0 25px;border-radius:22px}
.btn_arc_purple2 {display:inline-block;width:210px;height:45px;border:1px solid #7b52f1;background:#7b52f1;font-size:17px;font-weight:500;color:#fff !important;line-height:40px;margin:25px auto;text-align:center;;padding:0 25px;border-radius:22px}
.btn_arc_gray {display:inline-block;width:210px;height:45px;border:1px solid #7a7a7a;background:#7a7a7a;font-size:17px;font-weight:500;color:#fff !important;line-height:40px;margin:25px auto;text-align:center;;padding:0 25px;border-radius:22px}
.btn_arc_blue {display:block;max-width:350px;height:45px;border:1px solid #7b52f1;background:#7b52f1;font-size:17px;font-weight:500;color:#fff !important;line-height:40px;margin:50px auto;text-align:center;;padding:0 25px;border-radius:22px}
.btn_download_blue {display: inline-block;width: 100%;max-width: 330px;height: 65px;background: #1c39b7;font-size: 20px;font-weight: 400;color: #fff !important;text-align: center;line-height: 65px;margin: 0 auto;vertical-align: middle;cursor: pointer;border-radius: 999px;margin:0 auto}
.bottom_sub_link {display:block;margin-top:40px;text-align:center}
.btn_online_red {background:#ff2452;display:inline-block;width:185px;height:47px;line-height:43px;font-size:18px;font-weight:500;color:#fff;margin:30px auto;border:none;text-align:center;}
.btn_online_gray {background:#868686;display:inline-block;width:100%;max-width:185px;height:47px;line-height:43px;font-size:18px;font-weight:500;color:#fff;margin:30px auto;border:none;text-align:center;}
.btn_link_blue {display: inline-block;width: 100%;max-width: 340px;height: 60px;background: #5d6cd8;font-size: 20px;font-weight: 400;color: #fff !important;text-align: center;line-height: 60px;margin: 0 auto;vertical-align: middle;cursor: pointer;border-radius: 999px;margin:0 auto%}

.min_width100 {min-width:100px}.transt_3 {transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease}
.transt_5 {transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease}
div.scroll {width:100%;overflow:auto;}
div.scroll table, div.scroll .content {white-space:normal;border-collapse:collapse;min-width:840px}
div.scroll_nowrap {width:100%;overflow:auto;}
div.scroll_nowrap table {white-space:nowrap;border-collapse:collapse}
div.scroll_ul {width:100%;overflow:auto;}
div.scroll_ul ul {border-collapse:collapse;min-width:900px}
div.scroll1000 {width:100%;overflow:auto;}
div.scroll1000 ul,div.scroll1000 table {border-collapse:collapse;min-width:1000px}
div.scroll840 {width:100%;overflow:auto;}
div.scroll840 table, div.scroll840 .scroll_in, div.scroll840 dl, div.scroll840 ul {border-collapse:collapse;min-width:840px}
div.scroll640 {width:100%;overflow:auto;}
div.scroll640 table, div.scroll640 .scroll_in, div.scroll640 ul {border-collapse:collapse;min-width:640px}
div.scroll480 {width:100%;overflow:auto;}
div.scroll480 table, div.scroll480 .scroll_in {border-collapse:collapse;min-width:480px}
div.scroll_img {width:100%;overflow:auto;}
div.scroll_img table {border-collapse:collapse;min-width:840px}
.pt50 {clear:both;padding-top:50px}
.tab_content div.ss_menu,
.tab_content2 div.ss_menu {position:relative;display:none}
.tab_content div.ss_menu:nth-of-type(1),
.tab_content2 div.ss_menu:nth-of-type(1) {display:block}
b, .bold {font-weight:500}
strong {color:#000;font-weight:600}
.sub_lh16 {line-height:1.6;padding-top:5px}
.bg_blue {background:#5978f5 !important;color:#fff !important;border:1px solid #00b2d9 !important}
.root_daum_roughmap {width:100% !important;height:auto}
.wrap_controllers {display:none !important}
select { -webkit-appearance: none;-moz-appearance: none; appearance: none; background:url(../img/icon_varrow.gif) no-repeat 95% 50%; }
.max_width65 {display:block;width:65%}
.sub55 .cont {display:none !important}
.sub55 .root_daum_roughmap .wrap_map {border-bottom:1px solid #e0e0e0}

#wrap {position:relative}


/* 퀵메뉴 */
#quick {position:absolute;top:605px;right:1%;z-index:999}
#sub_quick {position:absolute;top:415px;right:1%;z-index:999}
#quick ol li,#sub_quick ol li {display:block;height:90px;text-align:center;margin:5px 0}
#quick ol li a,#sub_quick ol li a {display:block;width:90px;height:90px;border-radius:50%;padding:18px 0;transition:all 0.2s ease;background:#008c7e}
#quick ol li a:hover,#sub_quick ol li a:hover {background:#f7941e}
#quick ol li p,#sub_quick ol li p {padding-top:5px;font-size:14px;font-weight:300;color:#fff;line-height:1.2;}
#quick ol li:nth-of-type(3) a,#sub_quick ol li:nth-of-type(3) a {padding:15px 0}
#quick ol li:nth-of-type(3) p,#sub_quick ol li:nth-of-type(3) p {padding:5px 0}
#quick ol li:nth-of-type(4) a,#sub_quick ol li:nth-of-type(4) a {padding:5px 0;border:none;width:54px;height:54px;margin:0 auto;background:none}
#quick ol li:nth-of-type(4) p,#sub_quick ol li:nth-of-type(4) p {padding:5px 0}



/* header */
#header {position:relative;}
#header.header_sub1 {background:url(../img/sub1_bg.jpg) no-repeat center top}
#header.header_sub2 {background:url(../img/sub2_bg.jpg) no-repeat center top}
#header.header_sub3 {background:url(../img/sub3_bg.jpg) no-repeat center top}
#header.header_sub4 {background:url(../img/sub4_bg.jpg) no-repeat center top}
#header .mobile_top {background:#ebebeb;height:35px;width:100%;padding:5px 3%;margin:0 auto}
#header .mobile_top li:first-child {display:inline-block;position:relative;width:42%;min-width:183px}
#header .mobile_top li:last-child  {float:right}
#header .mobile_top .search_m {background:#fff;border-radius:999px;width:100%;color:#8e8e8e;border:none;padding:0 20px 0 10px}
#header .mobile_top .search_m input:first-child {width:calc(100% - 20px);height:26px;border:none;font-size:14px}
#header .mobile_top .search_m input:last-child {width:20px;position:absolute;right:10px;top:50%;transform:translateY(-50%);}
#header .mobile_top .mobile840 li:last-child img {width:25px}
#header .header_top {height:110px;}
#header .header_top .pc840 {display:flex;align-items:center;height:110px}
#header .header_top .logo {width:275px}
#header .header_top .top_search {width:calc(100% - 275px - 325px);padding:0 3%;;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}
#header .header_top .top_search .search_wrap {max-width:380px;margin:0 auto}
#header .header_top .link_right {display:flex;align-items:center;justify-content:right;flex-wrap:wrap;width:325px}
#header .header_top .link_left ul {display:flex;align-items:center}
#header .header_top .link_left ul li {padding-right:15px}
#header .header_top .link_left ul li:last-child {padding-right:0}
#header .header_top .link_left ul li a {display:flex;align-items:center;font-size:15px;color:#171717}
#header .header_top .link_left ul li img {padding-right:3px}
#header .header_top .top_link {display:flex;align-items:center;height:60px}
#header .header_top .top_link li {text-align:center}
#header .header_top .top_link li > a {display:block;font-size:14px;color:#171717;padding:0 20px;line-height:30px;background:#636363;border-radius:999px;color:#fff}
#header .header_top .top_link li a:hover {color:#fffdb9}
#header .header_top .top_link li a img {vertical-align:top;padding-right:2px}
#header .header_top .top_link li:nth-last-of-type(1) {padding-left:10px}
#header .header_top .top_link .sns {display:flex;align-items:center}
#header .header_top .top_link .sns a {margin-left:5px}
#header .header_top .mobile840 {position:relative}
#header .header_top .mobile840 ul {display:flex;align-items:center;height:70px}
#header .header_top .mobile840 li:first-child {width:7.2%;text-align:right}
#header .header_top .mobile840 li:last-child {width:92.8%;text-align:center;}
#header .header_top .left li:nth-of-type(1) {width:270px}
#header .header_top .left li:nth-of-type(2) {width:calc(100% - 270px - 9%);margin:0 0 0 3%}
#header .navi {border-top:1px solid #cecece;border-bottom:1px solid #cecece}
#header .navi ul li {text-align:center;width:20%;text-align:center}
#header .navi > ul > li > a {display:block;font-family:'nanumSQ';font-size:22px;font-weight:600;color:#3c3c3c;line-height:64px}
#header .navi > ul > li > a:hover,
#header .navi > ul > li > a.on {color:#01866b}
#header .navi > ul > li > a:hover {content:'';background:url(../img/icon_navi_bar.gif) no-repeat bottom center;}
#header .main_sub_menu {display:none;position:absolute;top:175px;left:0;width:100%;z-index:9999999;background:rgba(255,255,255,0.95);border-bottom:1px solid #cecece;border-top:1px solid #cecece}
#header .main_sub_menu ul {max-width:1200px;margin:0 auto}
#header .main_sub_menu ul li {height:300px;padding:30px 0;border-left:1px solid #ddd}
#header .main_sub_menu ul li:last-child {border-right:1px solid #ddd}
#header .main_sub_menu ul li a {display:block;font-size:15px;font-weight:500;color:#5e5e5e;padding:0 10px;height:35px;line-height:35px}
#header .main_sub_menu ul li a:hover {background:#22be8c;color:#fff}
#header .main_top {overflow:hidden}
#header .main_top .pc840 {background:url(../img/main_top_bg.gif) repeat-y top center}
 .search_wrap ul {display:flex;align-items:center;border:1px solid #22be8c;border-radius:999px}
 .search_wrap ul li:first-child {width:calc(100% - 60px); background-origin: border-box;
  background-clip: border-box;}
 .search_wrap ul li:last-child {width:60px;text-align:center}
 .search_wrap input[type="text"] {width:100%;height:50px;border-radius:15px;font-size:14px;color:#6e6e6e;padding-left:6.5%;background:none;border:none}
 .search_wrap .recommend_search {padding-top:5px;font-size:16px;font-weight:500;color:#5b5a5a}
 .search_wrap .recommend_search span.btitle {font-size:18px;color:#520060}
 .search_wrap .recommend_search a {padding-left:10px}
#header .main_top .main_roll_content {display:flex}
#header .main_top .main_roll_content > li:nth-of-type(2n+1) {width:calc( (100% - 48.33% ) / 2)}
#header .main_top .main_roll_content > li:nth-of-type(1) {display:flex;justify-content:center;background:#00ae8b;flex-direction:column;padding-right:2%}
#header .main_top .main_roll_content > li:nth-of-type(1) h1 {font-family:'nanumSQ';font-size:42px;font-weight:800;color:#fff}
#header .main_top .main_roll_content > li:nth-of-type(1) h4 {font-size:16px;font-weight:400;color:#fff}
#header .main_top .main_roll_content > li:nth-of-type(1) .icon {padding-top:10px;text-align:right;}
#header .main_top .main_roll_content > li:nth-of-type(1) .sns_program dl {display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,0.3);padding:18px 0}
#header .main_top .main_roll_content > li:nth-of-type(1) .sns_program dl dt {font-family: 'GmarketSans';font-size:18px;color:#fff}
#header .main_top .main_roll_content > li:nth-of-type(1) .sns_program a:hover dl dt {color:#f5d327}
#header .main_top .main_roll_content > li:nth-of-type(2) {width:48.33%;text-align:center}
#header .main_top .main_roll_content > li:nth-of-type(3) {background:#e4f7f3;padding-left:3.5%;display:flex;justify-content:center;flex-direction:column;}
#header .main_top .main_roll_content > li:nth-of-type(3) h2 {font-family:'nanumSQ';font-size:26px;font-weight:600;color:#000}
#header .main_top .main_roll_content > li:nth-of-type(3) .tel {font-family:arial;font-size:35px;font-weight:600;color:#0058a2;line-height:1}
#header .main_top .main_roll_content > li:nth-of-type(3) .time_title {width:80px;background:#3c6abf;font-size:15px;color:#fff;border-radius:999px;text-align:center;padding:3px 0;margin-top:10px}
#header .main_top .main_roll_content > li:nth-of-type(3) .times {font-size:16px;color:#3c3c3c;margin-top:10px;padding-bottom:20px;border-bottom:1px solid #ddd}
#header .main_rolling,
#header .main_rolling .mroll,
#header .main_rolling .mroll2 {position:relative;height:650px;background:#f58b14}
#header .main_rolling .control {position:absolute;bottom:5%;display:inline-block;background:rgba(0, 0, 0, 0.2);width:170px;height:40px;z-index:999;left:50%;transform: translateX(-50%);border-radius:20px;padding:12px 0}
#header .main_rolling .control ul .swiper-button-next,
#header .main_rolling .control ul .swiper-container-rtl .swiper-button-prev {right:25px;width:auto}
#header .main_rolling .control ul .swiper-button-prev,
#header .main_rolling .control ul  .swiper-container-rtl .swiper-button-next {left:25px;width:auto}
#header .main_rolling .control ul .swiper-button-next,
#header .main_rolling .control ul  .swiper-button-prev {top:38%}
#header .main_rolling .control ul .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, #header .main_rolling .control ul .swiper-pagination-fraction {font-size:12px;bottom:12px;color:#fff;width:100%;text-align:center}
#header .main_rolling .control ul .swiper-pagination-fraction .swiper-pagination-current {padding-right:10px}
#header .main_rolling .control ul .swiper-pagination-fraction .swiper-pagination-total {padding-left:10px}
#header .main_rolling .swiper-button-next::after,#header .main_rolling  .swiper-container-rtl .swiper-button-prev::after {background:url(../img/btn_right.png)}
#header .main_rolling .swiper-button-next:after, #header .main_rolling .swiper-container-rtl .swiper-button-prev:after,
#header .main_rolling .swiper-button-prev:after,#header .main_rolling  .swiper-container-rtl .swiper-button-next:after {content:''}
#header .main_top .main_link > ul {display:flex;align-items:center;flex-wrap:wrap}
#header .main_top .main_link > ul > li {width:50%;padding:15px 0 10px}
#header .main_top .main_link > ul > li:nth-of-type(2n) {text-align:center;}
#header .main_top .main_link > ul > li p {font-family: 'GmarketSans';font-size:18px;color:#121212;padding-top:10px}
#header .main_top .main_link > ul > li a:hover p {color:#f58b14}
#header .main_top .mobile840 > ul > li {width:100%}
#header .main_top .mobile840 .main_rolling .mroll2 img {width:100%;}
#header .main_top .mobile840 .teacher img {width:100%}
#header .main_bnr_m {display:none;margin:20px auto;background:#e4f7f3;padding:15px;width:100%}
#header .main_bnr_m > ul {display:flex;align-items:center;flex-wrap:wrap;background:#effaf8;border:1px solid #ddd;padding:20px 10px 10px;border-radius:10px}
#header .main_bnr_m > ul li {width:33.3%;margin:0 auto;text-align:center;margin-bottom:15px}
#header .main_bnr_m > ul li:nth-of-type(3n) {margin-right:0}
#header .main_bnr_m > ul li img {height:45px}
#header .main_bnr_m > ul li a {display:flex;flex-direction:column;align-items:center;font-size:16px;font-weight:500;color:#fff}
#header .main_bnr_m > ul li a .img {display:flex;align-items:center;justify-content:center;width:65px;height:65px;background:#fff;border-radius:10px;border:1px solid #e2e2e2}
#header .main_bnr_m > ul li a .txt {font-size:14px;color:#121212;padding-top:5px}
#header .main_bnr_m > dl {margin-top:15px;display:flex;align-items:center;justify-content:center;}
#header .main_bnr_m > dl > dt {width:38%;font-family: 'NanumSQ';font-size:16px;font-weight:600;color:#000;}
#header .main_bnr_m > dl > dt p {font-family:Arial, Helvetica, sans-serif;font-size:22px;font-weight:600;color:#0058a2;letter-spacing:-1px;}
#header .main_bnr_m > dl > dd ul {display:flex;align-items:center;}
#header .main_bnr_m > dl > dd ul li:nth-of-type(1) {display:flex;align-items:center;justify-content:center;background:#3c6abf;width:45px;height:45px;font-size:12px;color:#fff;text-align:center;line-height:1.2;;border-radius:50%}
#header .main_bnr_m > dl > dd ul li:nth-of-type(2) {font-size:12px;color:#3c3c3c;line-height:1.4;padding-left:5px;letter-spacing:-0.5px;}

@media screen and (-webkit-min-device-pixel-ratio:0){  /*크롬*/
  #header .main_rolling .control {padding:15px 0}
  #header .main_rolling .control ul .swiper-button-next,
  #header .main_rolling .control ul  .swiper-button-prev {top:50%}
}
#header .sub_top_bg * {transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s}
#header .sub_top_bg {font-size:18px;font-weight:300;color:#4b4b4b;letter-spacing:-1px}
#header .sub_top_bg .wr1200 .txt_area {display:block;margin-top:40px}
#header .sub_top_bg b {display:block;font-family:'nanumSQ';font-size:40px;font-weight:800;color:#000;letter-spacing:-1px}
#header .sub_top_bg .mtxt {display:block;font-family:'nanumSQ';font-size:20px;font-weight:500;color:#000;letter-spacing:0.5px;line-height:1.3}
#header .sub_top_bg p {padding-top:10px}
#header .sub_top_bg .wr1200 {display:flex;height:140px;padding-right:2%}
#header .sub_top_bg .wr1200 .search_wrap {display:block;max-width:720px;width:100%;margin:60px auto 0;}



/* container */
#container * {transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s}
#container {overflow:hidden}
#container .mcontent {padding:0 0 20px}
#container .related_company > ul {display:flex;align-items:center;justify-content:space-between;padding:13px 0}
#container .main_title_wrap {position:relative}
#container .main_title_img {display:flex;align-items:center;justify-content:center;}
#container .main_title_img img {margin-left:20px}
#container .mtitle_wrap {padding-top:60px}
#container .main_title {text-align:center;padding-bottom:30px}
#container .main_title {font-family:'nanumSQ';font-size:42px;font-weight:800;color:#303030;margin:0 auto}
#container .main_title .big_title {font-family:'nanumSQ';font-size:48px;font-weight:800;color:#303030;margin:0 auto}
#container .main_title p {font-size:42px;padding-bottom:10px;padding-left:80px}
#container .main_title p img {padding-left:10px}
#container .main_title img {vertical-align:bottom;}
#container .main_stitle {display:block;font-family:'nanumSQ';font-size:18px;font-weight:600;color:#747474;padding-top:15px;text-align:center;}
#container .mtitle_area {position:relative;padding-bottom:25px}
#container .main_title_bold {width:auto;font-size:40px;font-weight:800;color:#000;}
#container .main_title_small {font-size:20px;font-weight:600;color:#121212;padding-bottom:3px}
#container .main_title2 {position:absolute;text-align:center;width:100%;top:0}
#container .main_title2 span {font-size:35px;font-weight:500;color:#000;background:#fff;line-height:1.2}
#container .mcontent2 {background:#e6f1ed;padding-bottom:60px}
#container .mcontent2 .wr1200 {position:relative}
#container .mcontent2 .mcontent2_roll .swiper-wrapper {height:auto}
#container .mcontent2 .swiper-slide a {display:block;padding:0 2.5%}
#container .mcontent2 .swiper-slide-active,
#container .mcontent2 .swiper-slide-next {border-right:1px solid #c4cfcb}
#container .mcontent2 .item_con {padding:0 25px}
#container .mcontent2 .item_con .day {font-size:60px;font-weight:600;color:#b3beba;letter-spacing:-1px;line-height:1.1}
#container .mcontent2 .item_con .year_month {font-size:16px;font-weight:600;color:#a5b0ac;}
#container .mcontent2 .item_con .title {font-size:18px;font-weight:500;color:#3c3c3c;padding-top:20px;line-height:1.3;text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
#container .mcontent2 .item_con .txt {font-size:15px;color:#3c3c3c;padding-top:20px;line-height:1.4;text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3;}
#container .mcontent2 .date {position:relative;display:flex;align-items:center;margin:20px 15px 0;border-top:1px solid #f0f0f0;height:50px;justify-content:center;font-size:15px;color:#a4a4a4}
#container .mcontent2 .date span {position:absolute;right:10px}
#container .mcontent2 .swiper-button-prev:after,#container .mcontent2 .swiper-container-rtl .swiper-button-next:after,
#container .mcontent2 .swiper-button-next:after,#container .mcontent2  .swiper-container-rtl .swiper-button-prev:after {content:''}
#container .mcontent2 .swiper-button-prev {width:50px;height:49px;left:-50px;opacity:1 !important;}
#container .mcontent2  .swiper-button-next {width:50px;height:49px;right:-50px;opacity:1 !important}
#container .mcontent3 {padding:60px 0}
#container .mcontent3 .main_content > ul {display:flex;align-items:center;flex-wrap:wrap}
#container .mcontent3 .main_content > ul > li {width:30.833%;margin-right:calc( (100% - 30.833% * 3) / 2)}
#container .mcontent3 .main_content > ul > li:nth-of-type(3n) {margin-right:0}
#container .mcontent3 .main_content > ul > li:nth-of-type(1) {background:url(../img/main1.jpg) no-repeat center center;background-size:cover;height:350px;border-radius:10px}
#container .mcontent3 .main_content > ul > li:nth-of-type(1) .content {position:relative;background:url(../img/main4.png) no-repeat left bottom;width:100%;height:100%;padding:25px 7% 20px 0;text-align:right;}
#container .mcontent3 .main_content > ul > li:nth-of-type(1) .content .title {font-size:40px;font-weight:600;color:#fff;line-height:1.2}
#container .mcontent3 .main_content > ul > li:nth-of-type(1) .content .txt {font-size:15px;color:#fff;padding-top:30px}
#container .mcontent3 .main_content > ul > li:nth-of-type(1) .content .arrow {position:absolute;bottom:20px;right:7%}
#container .mcontent3 .main_content > ul > li:nth-of-type(2) {background:url(../img/main2.jpg) no-repeat left center;background-size:cover;height:350px;border-radius:10px;padding:15px 30px;background-size:cover}
#container .mcontent3 .main_content > ul > li:nth-of-type(2) .tit {font-size:25px;font-weight:500;color:#fff;padding-bottom:5px}
#container .mcontent3 .main_content > ul > li:nth-of-type(2) .tel_bold {background:#daeff0;border-radius:10px;padding:7px 15px;font-size:16px;color:#3c3c3c;margin-top:5px}
#container .mcontent3 .main_content > ul > li:nth-of-type(2) .tel_bold span {background:#0471b5;font-size:15px;color:#fff;padding:2px 10px;border-radius:999px;margin-right:10px}
#container .mcontent3 .main_content > ul > li:nth-of-type(2) .bank_info {padding:10px 15px;background:#1b9699;margin-top:10px;border-radius:10px}
#container .mcontent3 .main_content > ul > li:nth-of-type(2) .bank_info .bank {display:inline-block;background:#0a6466;padding:3px 15px;font-size:15px;color:#fff;border-radius:999px}
#container .mcontent3 .main_content > ul > li:nth-of-type(2) .bank_info .account {font-size:27px;font-weight:600;color:#fff;padding-top:5px}
#container .mcontent3 .main_content > ul > li:nth-of-type(2) .bank_info .name {font-size:16px;color:#fff;}
#container .mcontent3 .main_content > ul > li:nth-of-type(3) {background:url(../img/main3.jpg) no-repeat center center;height:350px;background-size:cover;border-radius:10px}
#container .mcontent3 .swiper-button-prev:after,#container .mcontent3  .swiper-container-rtl .swiper-button-next:after, #container .mcontent3 .swiper-button-next:after,#container .mcontent3  .swiper-container-rtl .swiper-button-prev:after {content:''}
#container .mcontent3 .swiper-button-prev.swiper-button-disabled,#container .mcontent3  .swiper-button-next.swiper-button-disabled {opacity:1;}
#container .mcontent3 .swiper-button-prev,#container .mcontent3  .swiper-button-next {width:30px;height:30px}
#container .mcontent4 {background:#f3f7fd url(../img/main5.jpg) no-repeat center center;padding-bottom:40px;min-height:530px}
#container .mcontent4 .wr1200 {position:relative}
#container .mcontent4 .swiper-wrapper {height:auto}
#container .mcontent4 .swiper-button-prev:after,#container .mcontent4 .swiper-container-rtl .swiper-button-next:after,
#container .mcontent4 .swiper-button-next:after,#container .mcontent4  .swiper-container-rtl .swiper-button-prev:after {content:''}
#container .mcontent4 .swiper-button-prev {width:50px;height:49px;left:-60px;opacity:1 !important;}
#container .mcontent4 .swiper-button-next {width:50px;height:49px;right:-60px;opacity:1 !important}
#container .mcontent4 .mcontent4_roll a {display:block;background:#fff;padding:25px;border-radius:20px;border:1px solid #ddd;height:270px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
#container .mcontent4 .mcontent4_roll .type {display:inline-block;border-radius:5px;padding:2px 10px;font-size:13px}
#container .mcontent4 .mcontent4_roll .type1 {background:#fbeef1;color:#a90f39}
#container .mcontent4 .mcontent4_roll .type2 {background:#e6f3ea;color:#519e6c}
#container .mcontent4 .mcontent4_roll .type3 {background:#e3eaf4;color:#567bb0}
#container .mcontent4 .mcontent4_roll .title {display:block;font-size:22px;font-weight:500;color:#121212;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;padding-top:10px}
#container .mcontent4 .mcontent4_roll .item_con {padding-top:25px}
#container .mcontent4 .mcontent4_roll .item_con p {font-size:15px;color:#3c3c3c;line-height:1.5}
#container .mcontent4 .mcontent4_roll .date {padding-top:20px;text-align:right;font-size:15px;color:#868585}
#container .mcontent5 {background:#e7fdf9 url(../img/main7.jpg) no-repeat center center;padding-bottom:50px}
#container .mcontent5 .main_content ul {display:flex;align-items:center;flex-wrap:wrap}
#container .mcontent5 .main_content ul li {width:21%;margin-right:5.33%;text-align:center;}
#container .mcontent5 .main_content ul li:nth-of-type(4n) {margin-right:0}
#container .mcontent5 .main_content a .img img {border-radius:0px;width:100%}
#container .mcontent5 .main_content a .txt {padding-top:10px}
#container .mcontent5 .main_content a .txt .date {font-size:16px;font-weight:500;color:#797981}
#container .mcontent5 .main_content a .txt .title {display:block;font-size:18px;font-weight:500;color:#3c3c3c;padding-top:5px;white-space:nowrap;text-overflow: ellipsis;overflow:hidden;}
#container .mcontent5 .swiper-wrapper {height:auto}
#container .mcontent5 .swiper-slide {text-align:center;}
#container .mcontent5 .swiper-button-prev:after,#container .mcontent5 .swiper-container-rtl .swiper-button-next:after,
#container .mcontent5 .swiper-button-next:after,#container .mcontent5  .swiper-container-rtl .swiper-button-prev:after {content:''}
#container .mcontent5 .swiper-button-prev {display:none;width:40px;height:39px;opacity:1 !important;z-index:99;}
#container .mcontent5 .swiper-button-next {display:none;width:40px;height:39px;opacity:1 !important;z-index:99;}

/*메인 전단지*/
#container .mcontent5 {background:#f0f4f7}
#container .mcontent5 .wr1200 {position:relative}
#container .mcontent5 .mcon {padding:20px 0 80px}
#container .mcontent5 .mcon ul li {width:23.33%;margin-right:2.22%}
#container .mcontent5 .mcon ul li a {display:block}
#container .mcontent5 .mcon ul li:hover  {box-shadow:3px 3px 5px #999;border-radius:10px}
#container .mcontent5 .mcon ul li:last-child {margin-right:0}
#container .mcontent5 .mcon .img img {border-radius:10px 10px 0 0;width:100%;max-height:350px;border:1px solid #e3e3e3;border-bottom:0;}
#container .mcontent5 .mcon .title_wrap {border:1px solid #e3e3e3;border-top:0;padding:20px 0;text-align:center;border-radius:0 0 10px 10px;background:#fff}
#container .mcontent5 .mcon .title {font-size:17px;font-weight:500;color:#121212;padding:0px 10px;display: -webkit-box;word-wrap: break-word;-webkit-line-clamp:2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;line-height:1.3}
#container .mcontent5 .mcon .date {font-size:15px;font-weight:400;color:#a5a4a4;text-align:right;padding:10px 10px}
#container .mcontent5 a.more {position:absolute;right:0;top:-10px}

#container .mcontent6 {border-top:1px solid #ddd}
#container .mcontent6 ul {display:flex;align-items:center;justify-content:space-between;width:100%;}
#container .sub_tab ul {text-align:center}
#container .sub_tab li {display:inline-block;position:relative;text-align:center;margin-left:10px;margin-bottom:6px}
#container .sub_tab li:first-child {margin-left:0}
#container .sub_tab li a {display:block;min-width:129px;padding:10px 20px;font-size:18px;font-weight:500;color:#0c7c6f;border:1px solid #0c7c6f;border-radius:999px;background:#fff}
#container .sub_tab li a.on {background:#0c7c6f;color:#fff;border:1px solid #0c7c6f}
#container .sub_tab li:last-child div {display:inline-block;cursor:pointer}
#container .sub_tab2 ul {text-align:center}
#container .sub_tab2 li {display:inline-block;position:relative;text-align:center;margin-left:6px}
#container .sub_tab2 li:first-child {margin-left:0}
#container .sub_tab2 li a {display:block;min-width:129px;padding:10px 20px;font-size:18px;font-weight:500;color:#8e4bfb;border:1px solid #8e4bfb;border-radius:999px;background:#fff}
#container .sub_tab2 li a.on {background:#8e4bfb;color:#fff;border:1px solid #8e4bfb}
#container .sub_tab2 li:last-child div {display:inline-block;min-width:auto;width:46px;height:46px;border-radius:50%;background:#fff url(../img/icon_plus2.png) no-repeat center center;border:1px solid #8e4bfb;cursor:pointer}
#container .product_list ul li {width:23%;margin-right:2.66%;margin-bottom:50px}
#container .product_list ul li a {display:block;border:1px solid #ddd;border-radius:10px;overflow:hidden;background:#fff}
#container .product_list ul li a:hover {background:#f2fef6;border:1px solid #9ed9b2;box-shadow:3px 3px 5px #ccc}
#container .product_list ul li:nth-of-type(4n) {margin-right:0}
#container .product_list ul li .title {display:block;font-size:18px;font-weight:500;color:#121212;margin:20px;display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; line-height:24px; height:48px}
#container .product_list ul li .title .new {display:inline-block;background:#fa484d;width:65px;line-height:20px;text-align:center;font-size:13px;color:#fff;border-radius:10px;margin-right:5px}
#container .product_list ul li .title .new_red {display:inline-block;background:#fa484d;width:45px;line-height:20px;text-align:center;font-size:13px;color:#fff;border-radius:10px;margin-right:5px;font-weight:400}
#container .product_list ul li .title .new_yellow {display:inline-block;background:#ffab00;width:45px;line-height:20px;text-align:center;font-size:13px;color:#fff;border-radius:10px;margin-right:5px;font-weight:400}
#container .product_list ul li .title .new_blue {display:inline-block;background:#9c9c9c;width:45px;line-height:20px;text-align:center;font-size:13px;color:#fff;border-radius:10px;margin-right:5px;font-weight:400}
#container .product_list ul li .product_info {padding:25px 15px;overflow:hidden}
#container .product_info dl {width:100%}
#container .product_info dl dt {clear:both;float:left;width:70px;padding:5px 0;font-size:15px;vertical-align: top;color:#0f0f0f}
#container  .product_info dl dd {float:right;padding:5px 0;font-size:15px;vertical-align: top;color:#0f0f0f;width:calc(100% - 70px)}
#container  .product_info dl dd {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding-top:3px}
#container  .product_info dl dt.period p {display:inline-block;background:#00ae8b;width:60px;font-size:12px;color:#fff;text-align:center;border-radius:3px;text-align:center;height:20px;line-height:18px;border:1px solid #00ae8b}
#container  .product_info dl dt.period p span {display:inline-block;width:20px}
#container .product_info dl dt.basic p {display:inline-block;background:#fff;width:60px;font-size:12px;color:#707070;text-align:center;border-radius:3px;border:1px solid #ddd;height:20px;line-height:18px}
#container  .product_info dl dt.basic p span {display:inline-block;width:20px}
#container  .product_info dl dt.count p {display:inline-block;background:#5e5e5e;width:60px;font-size:12px;color:#fff;text-align:center;border-radius:3px;text-align:center;height:20px;line-height:18px;border:1px solid #5e5e5e}
#container .product_list .detail_view {background:#f1f1f1;height:42px;line-height:40px;text-align:center;font-size:14px;color:#3d3d3d;border-top:1px solid #ddd}



/* sub container */
#sub_container * {transition:all 0.5s ease-in;-webkit-transition:all 0.5s ease-in;-moz-transition:all 0.5s ease-in;-o-transition:all 0.5s ease-in;}
#sub_container .position_wrap {background:url(../img/sub_top_bg.jpg) no-repeat top center;background-size:cover;margin-top:20px}
#sub_container .position_wrap .wr1200 {position:relative;height:303px;}
#sub_container .position_wrap .sub_top_img {position:absolute;right:0;bottom:89px} 
#sub_container .position_wrap .pos {font-size:16px}
#sub_container .position_wrap .pos img {padding:0 5px}
#sub_container .position_wrap .pos span.home {background:url(../img/icon_position.jpg) no-repeat left center;  padding-left:25px}
#sub_container .position_wrap .sub_pc_cate {position:absolute;bottom:20px;width:72%;}
#sub_container .position_wrap .sub_pc_cate100 {width:100%;bottom:50px}
#sub_container .position_wrap .sub_pc_cate ul {display:flex;align-items:center;flex-wrap:wrap}
#sub_container .position_wrap .sub_pc_cate ul li {padding:3px 0}
#sub_container .position_wrap .sub_pc_cate ul a {display:block;font-family:'NanumSQ';font-size:20px;font-weight:600;color:#fff;padding:10px 30px}
#sub_container .position_wrap .sub_pc_cate ul a::before {display:inline-block;content:'';background:url(../img/icon_pos_dot_white.png) no-repeat left top;width:6px;height:6px;margin-right:6px;padding-bottom:3px}
#sub_container .position_wrap .sub_pc_cate ul a.on {background:#fff;color:#15a6a1;border-radius:999px 999px 999px 0}
#sub_container .sub_conent_detail {padding:50px 0}
#sub_container .sub_dot_list {display:flex;align-items:baseline;flex-wrap:wrap;}
#sub_container .sub_dot_list dt {display:flex;width:18px;font-size:20px;color:#3ca692;}
#sub_container .sub_dot_list dd {width:calc(100% - 18px);font-size:16px;color:#3c3c3c}
#sub_container .sub_tab_div2 {margin:10px 0}
#sub_container .sub_tab_div2 ul {display:flex;align-items:center;flex-wrap:wrap;}
#sub_container .sub_tab_div2 ul li {width:49%;margin-right:2%;text-align:center;}
#sub_container .sub_tab_div2 ul li:nth-of-type(2n) {margin-right:0}
#sub_container .sub_tab_div2 ul li a {display:block;background:#f5f5f5;padding:15px 3%;border-radius:999px;font-size:18px;color:#3c3c3c}
#sub_container .sub_tab_div2 ul li a.on {display:block;background:#44b779;border-radius:999px;color:#fff}
#sub_container .sub_tab_div3 {margin:10px 0}
#sub_container .sub_tab_div3 ul {display:flex;align-items:center;flex-wrap:wrap;}
#sub_container .sub_tab_div3 ul li {width:32.3%;margin-right:1.5%;text-align:center;}
#sub_container .sub_tab_div3 ul li:nth-of-type(3n) {margin-right:0}
#sub_container .sub_tab_div3 ul li a {display:block;background:#f5f5f5;padding:15px 3%;border-radius:999px;font-size:18px;color:#3c3c3c}
#sub_container .sub_tab_div3 ul li a.on {display:block;background:#44b779;border-radius:999px;color:#fff}
#sub_container .sub52 > ul {display:flex;flex-wrap:wrap;}
#sub_container .sub52 > ul li {display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 1%}
#sub_container .sub52 > ul > li:nth-of-type(2n+1) {background:#fff;width:19%;border-radius:10px;}
#sub_container .sub52 > ul > li:nth-of-type(2n) {width:8%;}
#sub_container .sub52 > ul.content1 > li {height:240px}
#sub_container .sub52 > ul.content2 > li {height:85px}
#sub_container .sub52 > ul.content3 > li {height:240px}
#sub_container .sub52 > ul.content1 > li:nth-of-type(2n) {background:url(../img/icon_green_dot_line.png) no-repeat center center}
#sub_container .sub52 > ul.content2 > li:nth-of-type(2n) {background:url(../img/icon_blue_dot_line.png) no-repeat center center}
#sub_container .sub52 > ul.content1 > li:nth-of-type(1) {background:#71c975;border-radius:10px;font-size:20px;font-weight:500;color:#fff}
#sub_container .sub52 > ul.content2 > li:nth-of-type(1) {background:#73c5db;border-radius:10px;font-size:20px;font-weight:500;color:#fff}
#sub_container .sub52 > ul.content3 > li:nth-of-type(1) {background:#c0d3d8;border-radius:10px;font-size:20px;font-weight:500;color:#fff}
#sub_container .sub52 .title {font-size:16px;font-weight:500;color:#0e0e0e}
#sub_container .sub52 .img {padding-top:10px}
#sub_container .sub52 .txt {padding-top:15px;font-size:15px;color:#3c3c3c;text-align:center;word-break: keep-all;}
#sub_container .sub52 > ul.content3 .dot {position:relative;padding-left:15px}
#sub_container .sub52 > ul.content3 .dot::before {position:absolute;left:-10px;content:'ㆍ';width:10px;padding-left:10px;font-weight:600}

#sub_container .bg_gray_content {background:#f9f9f9;padding:30px 4%;border-radius:10px}
#sub_container .content_title_wrap {display:flex;align-items:center;font-size:18px;font-weight:500;color:#3c3c3c}
#sub_container .content_title_wrap img {padding-right:10px}
#sub_container .tbl_basic_v_center {display:table;width:100%}
#sub_container .tbl_basic_v_center caption {border-top:2px solid #009a5a}
#sub_container .tbl_basic_v_center th {background:#f1fefc;font-size:16px;font-weight:500;color:#3c3c3c;padding:15px 10px;border-right:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;text-align:center}
#sub_container .tbl_basic_v_center td {font-size:16px;color:#3c3c3c;padding:15px;border-right:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;text-align:center;word-break:keep-all}
#sub_container td.valign {vertical-align:top;}
#sub_container .tbl_basic_v_center th:last-child,
#sub_container .tbl_basic_v_center td:last-child {border-right:none}
#sub_container .tbl_basic_v_center td.left_txt {text-align:left;padding-left:3% !important}
#sub_container .tbl_basic_v_center .rline {border-right:1px solid #d5d5d5 !important}
#sub_container .tbl_basic2 {display:table;width:100%}
#sub_container .tbl_basic2 caption {border-top:3px solid #009a5a}
#sub_container .tbl_basic2 th {background:#f1fefc;font-size:16px;font-weight:500;color:#3c3c3c;padding:15px 10px;border-right:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5}
#sub_container .tbl_basic2 td {font-size:15px;color:#3c3c3c;padding:15px 10px;border-right:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5}
#sub_container .tbl_basic2 td img {padding-right:5px}
#sub_container .tbl_basic2 th:last-child,
#sub_container .tbl_basic2 td:last-child {border-right:none}
#sub_container .tbl_basic2 td.left_txt {text-align:left;padding-left:3% !important}
#sub_container .tbl_basic2 input[type="text"] {max-width:135px;font-size:15px;color:#3d3d3d;height:34px;border:1px solid #ddd;padding:0 15px}
#sub_container .tbl_basic_v {display:table;width:100%}
#sub_container .tbl_basic_v  caption {border-top:2px solid #009a5a}
#sub_container .tbl_basic_v colgroup col:nth-of-type(1) {min-width:120px}
#sub_container .tbl_basic_v tr th,
#sub_container .tbl_basic_v tr td {font-size:16px;font-weight:400;color:#3d3d3d;padding:15px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;word-break:keep-all;}
#sub_container .tbl_basic_v tr td.line_right {border-right:1px solid #ddd !important}
#sub_container .tbl_basic_v tr th {background:#f3f3f3}
#sub_container .tbl_basic_v tr td {font-weight:400}
#sub_container .tbl_basic_v_tleft tr td {text-align:center}
#sub_container .tbl_basic_v tr td.pleft {text-align:left;padding-left:3.33%}
#sub_container .tbl_basic_v tr th:last-child, #sub_container .tbl_basic_v tr td:last-child {border-right:none}
#sub_container .tbl_basic_v input[type="text"] {max-width:135px;font-size:15px;color:#3d3d3d;height:34px;border:1px solid #ddd;padding:0 15px}
#sub_container .tbl_basic_v input[type="text"].cert_num {color:#386cda}
#sub_container .scontent {padding-top:60px}
#sub_container .scontent .title {font-size:21px;font-weight:500;color:#3a3a4a;padding-bottom:15px}
#sub_container .tbl_basic_center {display:table;width:100%}
#sub_container .tbl_basic_center caption {border-top:3px solid #0091ea}
#sub_container .tbl_basic_center tr th,
#sub_container .tbl_basic_center tr td {font-size:16px;font-weight:400;color:#3d3d3d;padding:13px 10px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;line-height:1.5;letter-spacing:-0.5px;padding-left:2%;padding-right:2%;text-align:center}
#sub_container .tbl_basic_center tr th {background:#f1fefc}
#sub_container .tbl_basic_center tr th:last-child, #sub_container .tbl_basic_center tr td:last-child {border-right:none}
#sub_container .bg_gray_content .content_txt {padding-top:10px}
#sub_container .bg_gray {background:#fafafa}
#sub_container .form_application table th {font-size:16px;font-weight:500;color:#0a6759;border-bottom:1px solid #ddd;text-align:center}
#sub_container .form_application table td input[type="text"],#sub_container .member_input table td input[type="password"] {width:45%;height:40px;line-height:40px;border:1px solid #d2d2d2;padding:0 10px;min-width:100px;max-width:max-content}
#sub_container .form_application table td.w90 input[type="text"] {width:90%;height:40px;line-height:40px;border:1px solid #d2d2d2;padding:0 10px;min-width:150px;max-width:100%}
#sub_container .form_application table td .btn_check {display:inline-block;line-height:33px;padding:0 7px;background:#666;font-size:13px;color:#fff;cursor:pointer}
#sub_container .form_application table td.address {padding-bottom:8px}
#sub_container .form_application table td.address input[type="text"] {margin-top:8px}
#sub_container .form_application .guide {display:flex;align-items:center;justify-content:center;flex-direction:column;background:#f6f6f6;padding:40px;text-align:center;}
#sub_container .form_application .guide .stit {font-size:16px;font-weight:500;color:#353535}
#sub_container .form_application .guide .tel {font-size:22px;font-weight:500;color:#353535;padding-top:10px}
#sub_container .form_application .guide .btn {display:block;margin-top:25px;width:175px;padding:12px 0;background:#262626;border-radius:999px;font-size:18px;font-weight:600;color:#fff;text-align:center;}
#sub_container .sub41_step3 ul li {width:31.5%;margin-right:2.75%;padding:40px 3.5% 30px;border:1px solid #ddd;border-radius:10px;margin-bottom:25px;height:428px}
#sub_container .sub41_step3 ul li:nth-of-type(3n) {margin-right:0}
#sub_container .sub41_step3 ul li .img {text-align:center;font-size:22px;font-weight:500;color:#3c3c3c}
#sub_container .sub41_step3 .title {display:flex;align-items:center;justify-content:center;margin-top:15px;height:60px;font-size:22px;font-weight:500;color:#3c3c3c;text-align:center;letter-spacing:-0.5px;text-decoration:underline !important;text-underline-offset:7px}
#sub_container .sub41_step3 .con_txt {font-size:16px;color:#3c3c3c;letter-spacing:-0.5px;padding-top:20px}
#sub_container .icon_list {display:flex;flex-wrap:wrap;}
#sub_container .icon_list dt {display:block;width:27px;background:url(../img/icon_list_img.gif) no-repeat left 3px;margin:2px 0}
#sub_container .icon_list dd {width:calc(100% - 27px);margin:2px 0}
#sub_container .target .content_title_wrap {padding-bottom:15px;border-bottom:1px solid #e5e5e5}
#sub_container .target > ul {display:flex;flex-wrap:wrap;}
#sub_container .target > ul li {width:47.25%;margin-right:5%}
#sub_container .target > ul li:nth-of-type(2) {margin-right:0}
#sub_container .target > ul li .target_content {background:#f7f8fb;padding:30px 5%;border-radius:10px}
#sub_container .sub_dash_list {display:flex;flex-wrap:wrap;text-align:left;padding:0 5px}
#sub_container .sub_dash_list dt {clear:both;width:12px;font-weight:600;color:#303030;}
#sub_container .sub_dash_list dd {width:calc(100% - 12px);color:#3c3c3c}
#sub_container .sub25_step3 .sub_dash_list dt,
#sub_container .sub25_step3 .sub_dash_list dd {margin:2px 0}
#sub_container .target > ul li .target_content {min-height:250px}
#sub_container .target > ul li .target_content .sub_dash_list {margin-top:15px;padding-left:5%;line-height:1.6}
#sub_container .text_type2 {padding-left:15px;line-height:1.6}
#sub_container .etc_left {padding-left:20px}
#sub_container .sub25_step3 > ul {display:flex;flex-wrap:wrap}
#sub_container .sub25_step3 > ul > li {width:31.66%;margin-right:2.5%;border:1px solid #e3e3e3;border-radius:15px}
#sub_container .sub25_step3 > ul > li .top {position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;height:150px;border-radius:15px}
#sub_container .sub25_step3 > ul > li .top .circle {position:absolute;right:-45px;top:50%;transform:translateY(-60%);z-index:99}
#sub_container .sub25_step3 > ul > li .top img {padding-top:5px}
#sub_container .sub25_step3 > ul > li:nth-of-type(1) .top {background:#72c6a9}
#sub_container .sub25_step3 > ul > li:nth-of-type(2) .top {background:#72c6bf}
#sub_container .sub25_step3 > ul > li:nth-of-type(3) .top {background:#72c5d0}
#sub_container .sub25_step3 > ul > li .top h2 {font-size:22px;font-weight:500;color:#fff}
#sub_container .sub25_step3 > ul > li:nth-of-type(3n) {margin-right:0}
#sub_container .sub25_step3 .sub_dash_list {padding:40px 10%}
#sub_container .sub27_img2 {background:#f9f9f9;padding:40px 4.5%;text-align:center;}
#sub_container .sub32 {display:flex;align-items:center;flex-wrap:wrap;flex-direction:column;}
#sub_container .sub32 > ul {display:flex;flex-wrap:wrap;width:100%}
#sub_container .sub32 > ul > li {position:relative;text-align:center;width:18.5%;padding:30px 5px;font-weight:500;line-height:1.4;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
#sub_container .sub32 > ul > li:first-child,
#sub_container .sub32 > ul > li:last-child {width:13%}
#sub_container .sub32 > ul > li .icon {position:absolute;bottom:-9px;left:50%;transform:translateX(-50%);}
#sub_container .sub32 > .green_line {display:block;border-top:2px solid #44b779;width:100%}
#sub_container .sub_circle_number_list {display:flex;align-items:center;flex-wrap:wrap;}
#sub_container .sub_circle_number_list dt {display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#2dad6a;border-radius:50%;font-family:'NanumSQ';font-size:16px;font-weight:800;color:#fff;margin:10px 0}
#sub_container .sub_circle_number_list dd {width:calc(100% - 15px - 36px);font-size:18px;font-weight:500;color:#3c3c3c;margin:10px 0 10px 15px}
#sub_container .sub33 {display:flex;align-items:center;flex-wrap:wrap;flex-direction:column;}
#sub_container .sub33 > ul {display:flex;flex-wrap:wrap;width:100%}
#sub_container .sub33 > ul > li {position:relative;text-align:center;width:16%;padding:30px 5px;font-weight:500;line-height:1.4;word-break:keep-all;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
#sub_container .sub33 > ul > li:first-child,
#sub_container .sub33 > ul > li:last-child {width:10%}
#sub_container .sub33 > ul > li .icon {position:absolute;bottom:-9px;left:50%;transform:translateX(-50%);}
#sub_container .sub33 > .green_line {display:block;border-top:2px solid #44b779;width:100%}
#sub_container .sub46_div3 {max-width:840px;margin:0 auto}
#sub_container .sub46_div3 > ul {display:flex;flex-wrap:wrap}
#sub_container .sub46_div3 > ul li:nth-of-type(2n+1) {width:24%}
#sub_container .sub46_div3 > ul li:nth-of-type(2n) {width:14%;display:flex;align-items:center;justify-content:center;padding-bottom:10%}
#sub_container .sub46_div3 > ul .content {position:relative;}
#sub_container .sub46_div3 > ul .content > img {width:100%}
#sub_container .sub46_div3 > ul .content .detail_wrap {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;}
#sub_container .sub46_div3 > ul .content .detail_wrap .num {font-size:18px;font-weight:600;color:#fff}
#sub_container .sub46_div3 > ul .content .detail_wrap .img {padding-top:10px}
#sub_container .sub46_div3 > ul .title {text-align:center;font-size:18px;font-weight:500;color:#3c3c3c;padding-top:20px;word-break:keep-all;}
#sub_container .sub_title {padding:10px 0 40px;font-family:'NanumSQ';font-size:33px;font-weight:600;color:#000}
#sub_container .sub_title_center {padding:10px 0 40px;font-family:'NanumSQ';font-size:33px;font-weight:600;color:#000;text-align:center}
#sub_container .sub_num_list {display:flex;align-items:center;flex-wrap:wrap;}
#sub_container .sub_num_list dt {clear:both;width:25px;display:inline-block;padding:3px 0;font-weight:500;color:#3d3d3d}
#sub_container .sub_num_list dd {width:calc(100% - 25px);padding:3px 0;}
#sub_container .sub_num_list dt.date4 {clear:both;width:50px;display:inline-block;padding:3px 0;font-weight:500;color:#3d3d3d}
#sub_container .sub_num_list dd.date4 {width:calc(100% - 50px);padding:3px 0;}
#sub_container .sub_num_list dt.date6 {clear:both;width:60px;display:inline-block;padding:3px 0;font-weight:500;color:#3d3d3d}
#sub_container .sub_num_list dd.date6 {width:calc(100% - 60px);padding:3px 0;}
#sub_container .sub_num_list dt.date8 {clear:both;width:105px;display:inline-block;padding:3px 0;font-weight:500;color:#3d3d3d}
#sub_container .sub_num_list dd.date8 {float:right;width:calc(100% - 105px);padding:3px 0;}
#sub_container .sub_dot_list_normal {display:flex;align-items:center;flex-wrap:wrap;}
#sub_container .sub_dot_list_normal dt {clear:both;width:12px;display:inline-block;line-height:normal;font-size:20px;color:#131313}
#sub_container .sub_dot_list_normal dd {width:calc(100% - 12px);line-height:normal;font-size:16px;color:#3c3c3c}
#sub_container .sub_dot_list_type2 {display:flex;align-items:center;flex-wrap:wrap;}
#sub_container .sub_dot_list_type2 dt {clear:both;width:12px;display:inline-block;height:30px;line-height:24px;font-size:20px;color:#131313}
#sub_container .sub_dot_list_type2 dd {width:calc(100% - 12px);line-height:20px;font-size:16px;color:#3c3c3c}
#sub_container .tbl_basic {display:table;width:100%}
#sub_container .tbl_basic caption {border-top:3px solid #623ad6}
#sub_container .tbl_basic th {background:#f3f3f3;padding:13px 10px;font-size:16px;font-weight:400;color:#000;border-right:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5}
#sub_container .tbl_basic td {padding:13px 10px;font-size:16px;color:#3c3c3c;border-bottom:1px solid #d5d5d5}
#sub_container .tbl_basic td.pdl2 {padding-left:2%}
#sub_container .sub_detail_content {position:relative}
#sub_container .sub_detail_content_title {display:block;background:url(../img/icon_sub_detail_dot.gif) no-repeat left 5px;padding-left:25px;font-size:20px;font-weight:500;color:#3d3d3d;margin:20px 0 15px}
#sub_container .sub_title h1 {font-family:'NanumSQ';font-size:33px;font-weight:600;color:#000;padding:10px 0 40px;letter-spacing: -1px;}
#sub_container .sub_title_bottom_none h1 {padding-bottom:0 !important}
#sub_container .sub_content_title {position:relative;display:block;font-size:25px;font-weight:500;color:#3d3d3d;padding:30px 0 15px;margin-top:20px;letter-spacing:-1px;}
#sub_container .sub_content_title_top_none {margin-top:0 !important}
#sub_container .sub_content_title_top_all_none {margin-top:0 !important;padding-top:0 !important}
#sub_container .sub_con_txt {font-size:16px;color:#3c3c3c;line-height:1.5}
#sub_container .sub_cate_navi {position:relative;transition:none;border-bottom:1px solid #ebebeb;overflow:hidden}
#sub_container .sub_cate_navi dl {width:100%}
#sub_container .sub_cate_navi dt {float:left;width:80px;padding:0;border-left:1px solid #ebebeb;border-right:1px solid #ebebeb}
#sub_container .sub_cate_navi dt a {display:block;width:80px;height:77px;text-align:center;padding-top:25px}
#sub_container .sub_cate_navi dd {float:right;background:#fff;width:calc(100% - 80px);padding:0 20px}
#sub_container .sub_cate_navi dd ul {display:block;width:100%}
#sub_container .sub_cate_navi dd ul li {font-size:14px;text-align:center}
#sub_container .sub_cate_navi dd ul li a {display:block;line-height:75px;font-size:18px;color:#444;letter-spacing:-1px;}
#sub_container .sub_cate_navi dd ul.sub_gap {width:100%}
#sub_container .sub_cate_navi dd ul.sub_gap li a.on {color:568ae5}
#sub_container .sub_cate_navi dd ul.sub_gap li a.on::after {content:'';display:block;border-bottom:2px solid #568ae5}
#sub_container .sub_cate_navi dd ul.sub_gap.sub_div5 {max-width:100%}
#sub_container .sub_cate_navi dd ul.sub_gap.sub_div8 {max-width:100%}
#sub_container .sub_cate_navi dd ul.sub_gap.sub_div8 li {padding-right:3.5%}
#sub_container .sub_cate_navi dd ul.sub_gap li {font-size:14px;text-align:center;padding-right:2%}
#sub_container .sub_cate_navi dd ul.sub_gap.sub_div5 li {padding-right:5%}
#sub_container .sub_cate_navi dd ul.sub_gap.sub_div4 li {padding-right:8%}
#sub_container .sub_cate_navi dd ul.sub_gap li:last-child {padding-right:0}
#sub_container .sub_cate_navi dd ul.sub_gap li a {display:block;line-height:75px;font-size:19px;font-weight:500;color:#444;letter-spacing:-1px;}
#sub_container .sub_cate_navi dd ul li a:hover {font-weight:500;color:#3d3d3d}
#sub_container .sub_tab * {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
#sub_container .sub_tab {padding:0 0 40px}
#sub_container .sub_tab ul {display:flex;align-items:center;justify-content:center;text-align:center;flex-wrap:wrap}
#sub_container .sub_tab ul li {position:relative;width:20%;text-align:center;margin:0.7%}
#sub_container .sub_tab ul li a {display:block;background:#fff;color:#3c3c3c;border:3px solid transparent;border-radius:999px;
  background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #4082f4 0%, #2e8bbe 29%, #0c9b5b 67%, #00a138 100%);background-origin: border-box;background-clip: content-box, border-box;;line-height:60px;font-size:22px;font-weight:500;color:#3c3c3c;margin-right:-1px}
#sub_container .sub_tab ul li a.on {background-image:linear-gradient(to right, #4082f4 0%, #2e8bbe 29%, #0c9b5b 67%, #00a138 100%),linear-gradient(45deg,#2f8be0 10%, #1dc966 90%);;color:#fff;border-radius:999px;}
#sub_container .sub_tab ul li img {position:absolute;bottom:-15px;right:30px}
#sub_container .sub_detail_title {font-size:25px;font-weight:500;color:#000;margin-bottom:15px;letter-spacing:-1px}
#sub_container .sub_cate{display:none}
#sub_container .sub_cate .sub_navi_title {font-size:16px;font-weight:400;color:#636262;line-height:45px}
#sub_container .sub_cate > ul > li {border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
#sub_container .sub_cate > ul > li:first-child {width:45px;padding:15px 0;background:#fff;text-align:center}
#sub_container .sub_cate > ul > li:last-child {position:relative;width:calc(100% - 45px);background:#fff;padding-left:0;border-left:1px solid #e1e1e1;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
#sub_container .sub_cate > ul > li:last-child > ol {position:absolute;top:46px;left:-1px;width:100%;background:#fff;z-index:999;}
#sub_container .sub_cate > ul > li:last-child >  ol > li {display:block;padding:0;border-left:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
#sub_container .sub_cate .content_m li a,#sub_container .sub_navi_title {display:inline-block;font-size:16px;color:#686868;line-height:1.4 !important;padding-left:15px;width:100%;padding:12px 12px 11px 12px}
#sub_container .sub_navi_title {background:url(../img/icon_varrow.gif) no-repeat 95% 50%}
#sub_container .sub_cate > ul > li:last-child .sub_navi_title {display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
#sub_container .sub_cate > ul > li:last-child .content_m {display:none}
#sub_container .sub_cate > ul > li:last-child .content_m a {display:block}
#sub_container .right_img {position:absolute;right:0;top:0}
#sub_container .sub_title2 > h1 {font-size:30px;font-weight:500;color:#0f0f0f}
#sub_container .sub_title3 > h1 {font-size:35px;font-weight:500;color:#0f0f0f}
#sub_container .sub_right_bg {position:absolute;right:0;top:-75px;background:#fff;width:50%;height:75px}
#sub_container .sub_tbl_title {font-size:22px;font-weight:500;color:#000;margin-bottom:20px}
#sub_container .fs18 {font-size:18px;font-weight:500;color:#000}
#sub_container .fs30 {font-size:30px;font-weight:500;color:#000}
#sub_container .btn_sub_tab ul {background:#eee;border-radius:999px;max-width:480px;margin:0 auto}
#sub_container .btn_sub_tab ul li {width:48%;text-align:center;font-size:20px;font-weight:500;color:#373737}
#sub_container .btn_sub_tab ul li.on {width:52%}
#sub_container .btn_sub_tab ul li a {display:block;height:55px;line-height:52px}
#sub_container .btn_sub_tab ul li.on a {background:#009a5a;color:#fff;border-radius:999px}
#sub_container .btn_sub_tab2 ul {background:#eee;border-radius:999px;max-width:540px;margin:0 auto}
#sub_container .btn_sub_tab2 ul li {width:32%;text-align:center;font-size:20px;font-weight:500;color:#373737}
#sub_container .btn_sub_tab2 ul li.on {width:36%}
#sub_container .btn_sub_tab2 ul li a {display:block;height:55px;line-height:52px}
#sub_container .btn_sub_tab2 ul li.on a {background:#009a5a;color:#fff;border-radius:999px}
#sub_container .btn_sub_tab5 ul {display:flex;align-items:center;justify-content:space-around;border-radius:999px;max-width:100%;margin:0 auto;flex-grow:1;flex-wrap:wrap}
#sub_container .btn_sub_tab5 ul li {background:#eee;text-align:center;flex-grow:1;}
#sub_container .btn_sub_tab5 ul li:nth-of-type(1) {border-radius:999px 0 0 999px}
#sub_container .btn_sub_tab5 ul li:nth-of-type(5) {border-radius:0 999px 999px 0}
#sub_container .btn_sub_tab5 ul li a {display:block;height:55px;line-height:52px;padding:0 20px;font-size:20px;font-weight:500;color:#373737}
#sub_container .btn_sub_tab5 ul li.on a {background:#009a5a;color:#fff;border-radius:999px}
#sub_container .btn_sub_tab5_type2 {max-width:600px;margin:0 auto}
#sub_container .btn_sub_tab5_type2 ul li:nth-of-type(3) {border-radius:0 999px 999px 0}
#sub_container .btn_sub_tab5_type3 {max-width:500px;margin:0 auto}
#sub_container .btn_sub_tab5_type3 ul li:nth-of-type(2) {border-radius:0 999px 999px 0}
#sub_container .product_list ul li {width:23%;margin-right:2.66%;margin-bottom:30px}
#sub_container .product_list ul li a {display:block;border:1px solid #ddd;border-radius:10px;overflow:hidden;background:#fff}
#sub_container .product_list ul li a:hover {background:#f2fef6}
#sub_container .product_list ul li a .img img {width:100%}
#sub_container .product_list ul li a:hover {background:#f2fef6;border:1px solid #9ed9b2;box-shadow:3px 3px 5px #ccc}
#sub_container .product_list ul li:nth-of-type(4n) {margin-right:0}
#sub_container .product_list ul li .title {display:block;font-size:17px;font-weight:500;color:#121212;margin:18px;display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; line-height:24px; height:48px}
#sub_container .product_list ul li .title .new {display:inline-block;background:#fa484d;width:65px;line-height:20px;text-align:center;font-size:13px;color:#fff;border-radius:10px;margin-right:5px}
#sub_container .product_list ul li .title .new_red {display:inline-block;background:#fa484d;width:45px;line-height:20px;text-align:center;font-size:13px;color:#fff;border-radius:10px;margin-right:5px;font-weight:400}
#sub_container .product_list ul li .title .new_yellow {display:inline-block;background:#ffab00;width:45px;line-height:20px;text-align:center;font-size:13px;color:#fff;border-radius:10px;margin-right:5px;font-weight:400}
#sub_container .product_list ul li .title .new_blue {display:inline-block;background:#9c9c9c;width:45px;line-height:20px;text-align:center;font-size:13px;color:#fff;border-radius:10px;margin-right:5px;font-weight:400}
#sub_container .product_list ul li .product_info {padding:18px 15px;overflow:hidden}
#sub_container .product_info dl {width:100%}
#sub_container .product_info dl dt {clear:both;float:left;width:70px;padding:5px 0;font-size:15px;vertical-align: top;color:#0f0f0f}
#sub_container  .product_info dl dd {float:right;padding:5px 0;font-size:15px;vertical-align: top;color:#0f0f0f;width:calc(100% - 70px)}
#sub_container  .product_info dl dd {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding-top:3px}
#sub_container  .product_info dl dt.period p {display:inline-block;background:#00ae8b;width:60px;font-size:12px;color:#fff;text-align:center;border-radius:3px;text-align:center;height:20px;line-height:18px;border:1px solid #00ae8b}
#sub_container  .product_info dl dt.period p span {display:inline-block;width:20px}
#sub_container .product_info dl dt.basic p {display:inline-block;background:#fff;width:60px;font-size:12px;color:#707070;text-align:center;border-radius:3px;border:1px solid #ddd;height:20px;line-height:18px}
#sub_container  .product_info dl dt.basic p span {display:inline-block;width:20px}
#sub_container  .product_info dl dt.count p {display:inline-block;background:#5e5e5e;width:60px;font-size:12px;color:#fff;text-align:center;border-radius:3px;text-align:center;height:20px;line-height:18px;border:1px solid #5e5e5e}
#sub_container .product_list .detail_view {background:#f1f1f1;height:42px;line-height:40px;text-align:center;font-size:14px;color:#3d3d3d;border-top:1px solid #ddd}
#sub_container .product_list .detail_view {background:#f1f1f1;height:42px;line-height:40px;text-align:center;font-size:14px;color:#3d3d3d;border-top:1px solid #ddd}
#sub_container .sub22_top_bnr {background:#f7f7f7 url(../img/sub22_1.png) no-repeat left bottom;border-radius:20px}
#sub_container .sub23_top_bnr {background:#e6f1ff url(../img/sub23_1.png) no-repeat 96.5% bottom;}
#sub_container .sub24_top_bnr {background:#e6f1ff url(../img/sub24_1.png) no-repeat 92% bottom;}
#sub_container .top_banner {display:flex;justify-content:center;flex-direction:column;flex-wrap:wrap;padding:0 5.4%;overflow:hidden;width:100%;height:180px;padding-left:350px}
#sub_container .top_banner .btit {font-size:20px;color:#158f56;padding-bottom:5px}
#sub_container .top_banner .stit {font-size:16px;color:#3c3c3c;line-height:1.5}
#sub_container .fs20 {font-size:20px;;color:#3d3d3d;letter-spacing:-1px;}
#sub_container .fs25 {font-size:25px;font-weight:500;color:#3d3d3d;letter-spacing:-1px;}
.round_content .round_txt {display:inline-block;padding:0 25px;height:35px;line-height:32px;font-size:16px;font-weight:500;color:#3f2f95;border:1px solid #6255a9;border-radius:999px;margin-right:5px;text-align:center}
.round_content {display:flex;align-items:center}
.round_type1 .round_txt {min-width:130px}
.round_type1 .sub_content_txt {width:calc(100% - 130px);margin-left:10px}
.round_type2 .round_txt {width:200px}
.round_type2 .sub_content_txt {width:calc(100% - 200px);margin-left:10px}
#sub_container .sub_num_step {margin:20px 0 30px;padding:30px 3%;border:1px solid #e3e3e3;border-radius:15px}
#sub_container .sub_num_step dt {clear:both;float:left;background:#52c040;width:35px;height:35px;line-height:35px;font-size:16px;font-weight:500;color:#fff;border-radius:50%;text-align:center;margin:8px 0}
#sub_container .sub_num_step dd {float:right;width:calc(100% - 35px - 10px);margin-left:10px;padding-top:5px;margin:8px 0}
#sub_container .sub_num_step_orange {margin:10px 0 30px;padding:30px 3%;border:1px solid #e3e3e3;border-radius:15px}
#sub_container .sub_num_step_orange dt {clear:both;float:left;background:#ffa92d;width:35px;height:35px;line-height:35px;font-size:16px;font-weight:500;color:#fff;border-radius:50%;text-align:center;margin:8px 0}
#sub_container .sub_num_step_orange dd {float:right;width:calc(100% - 35px - 10px);margin-left:10px;padding-top:5px;margin:8px 0}
#sub_container .add_content {background:#e7e7e7;padding:20px;font-size:16px;color:#3c3c3c;margin-top:10px;overflow:hidden}
#sub_container .sub_cate_tab {text-align:center;}
#sub_container .sub_cate_tab ul {max-width:720px;margin:0 auto}
#sub_container .sub_cate_tab ul li {width:31.5%;margin-right:2.75%;text-align:center;border:1px solid #dbdbdb}
#sub_container .sub_cate_tab ul li:nth-of-type(3n) {margin-right:0}
#sub_container .sub_cate_tab ul li a {display:block;font-size:20px;color:#000;line-height:55px}
#sub_container .sub_cate_tab ul li a.on {background:#ff7354;color:#fff}
#sub_container .sub_cate_tab2 {text-align:center;}
#sub_container .sub_cate_tab2 ul {max-width:1200;margin:0 auto}
#sub_container .sub_cate_tab2 ul li {width:15.5%;margin-right:1.4%;text-align:center;border:1px solid #dbdbdb}
#sub_container .sub_cate_tab2 ul li:nth-of-type(6n) {margin-right:0}
#sub_container .sub_cate_tab2 ul li a {display:block;font-size:20px;color:#000;line-height:55px}
#sub_container .sub_cate_tab2 ul li a.on {background:#ff7354;color:#fff}
#sub_container .sub_cate_tab3 {text-align:center;}
#sub_container .sub_cate_tab3 ul {display:flex;align-items:center;justify-content:space-between;max-width:810px;margin:0 auto}
#sub_container .sub_cate_tab3 ul li {text-align:center;border:1px solid #dbdbdb;flex-grow:1;margin:0 8px}
#sub_container .sub_cate_tab3 ul li:nth-of-type(3n) {margin-right:0}
#sub_container .sub_cate_tab3 ul li a {display:block;font-size:20px;color:#000;line-height:55px}
#sub_container .sub_cate_tab3 ul li a.on {background:#ff7354;color:#fff}
#sub_container .sub31 {display:flex;align-items:center}
#sub_container .sub31 .greeting_left {padding-top:10px;width:470px;box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;background-size:contain;font-size:20px;font-weight:500;color:#fff}
#sub_container .sub31 .greeting_right {width:calc(100% - 470px)}
#sub_container .sub31 .greeting_right h1 {font-size:25px;font-weight:500;color:#3d3d3d;letter-spacing:-1px;}
#sub_container .sub31_point {font-size:16px;color:#3c3c3c;line-height:1.6}
#sub_container .sub31 strong {font-weight:500;}
#sub_container .sub31 .mark {display:block;width:100%;text-align:right}
#sub_container .sub32 .btxt_green {font-size:18px;color:#62c366} 
#sub_container .sub32 .btxt_blue {font-size:18px;color:#40badb} 
#sub_container .sub32 .btxt {font-size:18px;color:#3c3c3c} 
#sub_container .sub32 .tbl_basic_v_center th, #sub_container .sub32 .tbl_basic_v_center td {padding:25px 3%}
#sub_container .sub34 ul  {display:flex;align-items:center;width:100%;flex-wrap:wrap}
#sub_container .sub34 ul li {display:flex;align-items:center;width:50%;margin-bottom:20px}
#sub_container .sub34 ul li:first-child {width:50%;min-width:400px}
#sub_container .sub34 ul li:last-child {width:50%;max-width:calc(100% - 400px)}
#sub_container .sub34 ul li img {padding-right:30px}
#sub_container .sub34 ul li .title {font-size:18px;font-weight:500;color:#3c3c3c;padding-bottom:5px}
#sub_container .equiv_guide {display:flex;flex-wrap:wrap}
#sub_container .equiv_guide h3 {font-size:18px;font-weight:400;color:#3c3c3c}
#sub_container .equiv_guide .img {width:calc(100% - 68.5%);}
#sub_container .equiv_guide .guide_content {background:#f2f8ff;width:66%;margin-left:2.5%;border-radius:15px;padding:35px 4%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
#sub_container .equiv_guide .guide_content dl {margin:20px 0;display:flex;align-items:center;flex-wrap:wrap}
#sub_container .equiv_guide .guide_content dl dt {width:70px;padding:10px 0}
#sub_container .equiv_guide .guide_content dl dd {width:calc(100% - 70px);padding:10px 0}
#sub_container .introduction dl {display:flex;align-items:center;flex-wrap:wrap;background:#f2f8ff;padding:20px 2.5%;border-radius:10px;margin-bottom:10px}
#sub_container .introduction dl dt {display:flex;align-items:center;justify-content:center;background:#fff;width:50px;height:50px;border-radius:50%;border:1px solid #bdd5fc;font-family:'arial';font-size:20px;font-weight:600;color:#4a87eb;margin-right:20px}
#sub_container .sub37_intro dl dt {font-size:16px}
#sub_container .introduction dl dd {font-size:18px;color:#3c3c3c;width:calc(100% - 70px)}
#sub_container .sub36 {display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap;background:#f7f7f7;height:315px;}
#sub_container .sub36 .title {font-size:22px;font-weight:500;color:#3d3d3d;padding-top:30px}
#sub_container .sub36 .sub_txt {font-size:18px;text-align:center;line-height:1.6;padding:10px 3% 0}
#sub_container .sub36_2 ul li {width:31.5%;margin-right:2.75%;padding:40px 2.5% 30px;border:1px solid #ddd;border-radius:10px;margin-bottom:25px;height:430px}
#sub_container .sub36_2 ul li:nth-of-type(3n) {margin-right:0}
#sub_container .sub36_2 ul li:nth-of-type(4),
#sub_container .sub36_2 ul li:nth-of-type(5),
#sub_container .sub36_2 ul li:nth-of-type(6) {height:475px}
#sub_container .sub36_2 ul li .img {text-align:center}
#sub_container .sub36_2 .title {display:flex;align-items:center;justify-content:center;margin-top:15px;height:60px;font-size:22px;font-weight:500;color:#3c3c3c;text-align:center;letter-spacing:-0.5px;}
#sub_container .sub36_2 .con_txt {font-size:16px;color:#3c3c3c;letter-spacing:-0.5px;padding-top:20px}
#sub_container .sub37 {background:url(../img/sub37_1.jpg) no-repeat top center;background-size:cover;height:350px;padding-top:150px;text-align:center;font-size:20px;font-weight:500;color:#3c3c3c;line-height:1.7}
#sub_container .kakao_ch {display:flex;align-items:center;justify-content:center;background:#f8dd20;border-radius:15px;padding:50px 0}
#sub_container .qna_list ul {display:block;}
#sub_container .qna_list ul li {display:block;margin-bottom:10px}
#sub_container .qna_list .item {border:1px solid #e3e3e3;border-radius:10px}
#sub_container .qna_list .item .question {display:block;background:url(../img/icon_question.png) no-repeat 30px center;;padding:30px 20px 30px 90px;font-size:18px;color:#3c3c3c;letter-spacing:-0.5px}
#sub_container .qna_list .item .question:hover {background:#f5f5f5 url(../img/icon_question.png) no-repeat 30px center;cursor:pointer}
#sub_container .qna_list .item .answer {display:none;border-top:1px solid #e3e3e3;margin:0 30px;padding:20px 0;font-size:16px;color:#3c3c3c;line-height:1.7}
#sub_container .sub23_step2 li {background:#f5f5f5;width:49%;margin-right:2%;padding:50px 2.5%;height:240px;border:1px solid #e3e3e3;border-radius:15px;}
#sub_container .sub23_step2 li .title {display:block;text-align:center}
#sub_container .sub23_step2 li .title span {display:inline-block;margin:0 auto 30px;background:#fe3774;height:45px;line-height:43px;padding:0 7.5%;border-radius:999px;font-size:18px;font-weight:500;color:#fff;text-align:center}
#sub_container .sub23_step2 li:nth-of-type(2n) {margin-right:0}
#sub_container .sub23_step3 ul {width:100%;}
#sub_container .sub23_step3 li {width:33.3%;text-align:center;background:url(../img/sub23_gap.gif) no-repeat right center}
#sub_container .sub23_step3 li:last-child {background:none}
#sub_container .sub23_step3 li .img {position:relative;}
#sub_container .sub23_step3 li .img p {position:absolute;top:60%;left:50%;transform:translate(-50%,-60%);font-size:20px;font-weight:500;color:#fff}
#sub_container .sub23_step3 li .txt {font-size:18px;font-weight:500;color:#3c3c3c;padding-top:20px;text-align:center;overflow:hidden}
#sub_container .sub23_method ul {display:flex;align-items:center;border:1px solid #e3e3e3;border-radius:15px;padding:30px 3%;flex-wrap:wrap}
#sub_container .sub23_method ul li:first-child {width:110px}
#sub_container .sub23_method ul li:last-child {width:calc(100% - 110px)}
#sub_container .sub24_step3 li {width:33.3%;text-align:center;background:url(../img/sub24_arrow.gif) no-repeat right 100px}
#sub_container .sub24_edu ul {display:flex;align-items:center;border:1px solid #e3e3e3;border-radius:15px;padding:30px 3%;flex-wrap:wrap}
#sub_container .sub24_edu ul li:first-child {width:22%;min-width:160px;text-align:center}
#sub_container .sub24_edu ul li:last-child {width:78%;max-width:calc(100% - 160px)}
#sub_container .sub24_edu li:first-child p {font-size:20px;font-weight:500;color:#3c3c3c;padding-top:10px}
#sub_container .sub22_step3 ul li {height:320px;width:48.5%;margin-right:3%}
#sub_container .sub22_step3 ul li:nth-of-type(2n) {margin-right:0}
#sub_container .process_step4 ul {display:flex;align-items:center;flex-wrap:wrap}
#sub_container .process_step4 ul li {text-align:center;height:230px}
#sub_container .process_step4 ul li:nth-of-type(2n+1) {display:flex;align-items:center;flex-direction:column;justify-content:center;width:21.625%;border:1px solid #e3e3e3;border-radius:10px}
#sub_container .process_step4 ul li:nth-of-type(2n) {width:4.5%;background:url(../img/icon_process_arrow.gif) no-repeat center center}
#sub_container .process_step4 .tit {font-size:18px;color:#3c3c3c;padding-top:20px}
#sub_container .sub41 .limg_rtxt ul {display:flex;align-items:center;flex-wrap:wrap}
#sub_container .sub41 .limg_rtxt ul li:first-child {width:39.2%;margin-right:5.8%}
#sub_container .sub41 .limg_rtxt ul li:first-child img {border-radius:25px}
#sub_container .sub41 .limg_rtxt ul li:last-child {width:55%}
.tbl_sub53 tr td {font-size:16px;line-height:2}
.tbl_sub53 tr td:nth-of-type(2) {font-size:30px;font-weight:500;color:#3d3d3d;text-align:center}
.tbl_sub53 tr:nth-of-type(4n+1) td:nth-of-type(2), .tbl_sub53 tr:nth-of-type(4n+3) td:nth-of-type(2) {background:url(../img/sub53.jpg) no-repeat top center;min-width:26px}
.tbl_sub53 tr {position:relative}
.tbl_sub53 tr:nth-of-type(4n+1) td:nth-of-type(2),
.tbl_sub53 tr:nth-of-type(4n+3) td:nth-of-type(2) {width:168px;height:168px;vertical-align:top;}
.tbl_sub53 tr:nth-of-type(4n+1) td:nth-of-type(1),
.tbl_sub53 tr:nth-of-type(4n+1) td:nth-of-type(3),
.tbl_sub53 tr:nth-of-type(4n+3) td:nth-of-type(1),
.tbl_sub53 tr:nth-of-type(4n+3) td:nth-of-type(3) {height:auto;padding:0;width:50%;vertical-align:top}
.tbl_sub53 tr:nth-of-type(4n+3) td:nth-of-type(1) div.item {float:right;width:100%;margin-right:0 !important;text-align:right;padding-right:35px;vertical-align:top}
.tbl_sub53 tr:nth-of-type(4n+1) td:nth-of-type(3) div.item {float:left;width:100%;margin-right:0 !important;padding-left:35px;vertical-align:top;}
.tbl_sub53 div.item {padding-bottom:70px}
.tbl_sub53 div.item h1 {line-height:1;font-size:45px;font-weight:800;color:#63b8e4}
.tbl_sub53 div.item .year {padding-top:20px;font-size:23px;font-weight:800;color:#010101}
.tbl_sub53 div.item .year:nth-of-type(n+2) {padding-top:40px;font-size:23px;font-weight:800;color:#010101}
.tbl_sub53 div.item .txt_content {font-size:16px;color:#3c3c3c;line-height:1.5}
.tbl_sub53 div.item .txt_content dl dd {padding-bottom:5px}
.tbl_sub53 tr:nth-of-type(2n) td {display:block}
.div_sub53 .year {font-size:20px;font-weight:500;color:#fff}
.div_sub53 .year:nth-of-type(n+2) {clear:both;display:block;margin:30px 0 10px}
.div_sub53 .year.ya {width:140px;height:40px;line-height:37px;background:#1c8bfc;border-radius:5px;text-align:center}
.div_sub53 .year.yb {width:140px;height:40px;line-height:37px;background:#6160d1;border-radius:5px;text-align:center}
#sub_container .org_chart {text-align:center}
#sub_container .org_chart1200  {display:block;}
#sub_container .org_chart640, #sub_container .org_chart480 {display:none}
#sub_container table.basic_online {width:100%}
#sub_container table.basic_online caption {border-top:3px solid #69b4fd}
#sub_container table.basic_online colgroup col:nth-of-type(1) {min-width:100px}
#sub_container table.basic_online th {background:#f3f3f3;padding:15px 0;font-size:16px;font-weight:500;color:#3c3c3c;border-right:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5}
#sub_container table.basic_online td {padding:5px 10px;font-size:16px;font-weight:normal;color:#3c3c3c;;border-right:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5}
#sub_container table.basic_online td input, #sub_container table.basic_online td select {padding:5px;border:1px solid #d2d2d2;font-size:16px;min-width:240px}
#sub_container table.basic_online td.left_align {padding-left:2.75%}
#sub_container table.basic_online th:last-child, #sub_container table.basic_online td:last-child {border-right:none}
#sub_container .sub57 ul {display:flex;align-items:center;flex-wrap:wrap;border:1px solid #e1e1e1;border-radius:999px;margin-bottom:15px}
#sub_container .sub57 ul li:first-child {display:flex;align-items:center;justify-content:center;width:75px;height:75px;border-radius:50%;font-size:16px;font-weight:500;color:#fff;margin-right:2.1%}
#sub_container .sub57 ul li:last-child {width:calc(100% - 75px - 2.1%);padding:10px 3.5% 10px 0}
#sub_container .sub57 ul:nth-of-type(1) li:first-child {background:#01a29a;}
#sub_container .sub57 ul:nth-of-type(2) li:first-child {background:#2aa7e1}
#sub_container .sub57 ul:nth-of-type(3) li:first-child {background:#006fc0}
#sub_container .sub57 ul:nth-of-type(4) li:first-child {background:#70509b}
#sub_container .sub57 ul:nth-of-type(5) li:first-child {background:#01a29a}
#sub_container .sub57 ul:nth-of-type(6) li:first-child {background:#70509b}
#sub_container .equiv_list ul li {width:31.6%;margin-right:2.6%;margin-bottom:20px}
#sub_container .equiv_list ul li p {padding:20px;font-size:16px;color:#3c3c3c;text-align:center}
#sub_container .equiv_list ul li img {border-radius:15px}
#sub_container .equiv_list ul li:nth-of-type(3n) {margin-right:0}
#sub_container .tbl_sub15 th {min-width:130px}
#sub_container .tbl_sub15 .reason {width:100%;height:70px;border:1px solid #d2d2d2}
#sub_container .tbl_sub15_admin td b {margin-right:20%;margin-left:20px}
#sub_container .scontent .etc {font-size:15px;font-weight:400;padding:15px 0}
#sub_container .sub11 .check_ok {max-width:705px;margin:0 auto;padding:35px 0 25px;text-align:center;border:1px solid #ddd}
#sub_container .sub11 .pt20 {padding-top:20px}
#sub_container .sub11 .check_ok h1 {font-size:26px;font-weight:400;color:#3c3c3c;padding-top:20px}
#sub_container .sub11 .check_ok p.mtxt {display:inline-block;font-size:18px;font-weight:400;color:#3d3d3d;margin-top:15px;padding:0 5px}
#sub_container .sub11 .check_ok p.mtxt2 {margin-top:5px}
#sub_container .guide_refund {border:1px solid #dbdbdb;border-radius:10px}
#sub_container .guide_refund .txt {display:flex;justify-content:center;align-items:center;background:#f5f5fb;height:110px;font-size:17px;padding:0 3%}
#sub_container .guide_refund .guide_step {padding:20px 3%;overflow:hidden}
#sub_container .guide_refund .guide_step > dl > dt {clear:both;float:left;width:20px;padding:10px 0}
#sub_container .guide_refund .guide_step > dl > dd {float:right;width:calc(100% - 20px);padding:10px 0}
#sub_container .con_txt {line-height:1.6}
#sub_container table.basic{width:100%}
#sub_container table.basic caption {border-top:3px solid #69b4fd}
#sub_container table.basic colgroup col:nth-of-type(1) {min-width:165px}
#sub_container table.basic th {background:#f1fefc;padding:15px 0;font-size:16px;font-weight:500;color:#3c3c3c;border-right:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5}
#sub_container table.basic td {padding:15px 2%;font-size:16px;font-weight:normal;color:#3c3c3c;;border-right:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5}
#sub_container table.basic td.left_align {padding-left:2.75%}
#sub_container table.basic th:last-child, #sub_container table.basic td:last-child {border-right:none}
#sub_container table.basic_list{width:100%}
#sub_container table.basic_list caption {border-top:3px solid #69b4fd}
#sub_container table.basic_list colgroup col:nth-of-type(1) {min-width:100px}
#sub_container table.basic_list th {background:#f1fefc;padding:12px 0;font-size:16px;font-weight:500;color:#3c3c3c;border-right:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5}
#sub_container table.basic_list td {padding:12px 10px;font-size:16px;font-weight:normal;color:#3c3c3c;;border-right:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5}
#sub_container table.basic_list td input, #sub_container table.basic_online td select {padding:5px;border:1px solid #d2d2d2;font-size:16px;min-width:240px}
#sub_container table.basic_list td.left_align {padding-left:2.75%}
#sub_container table.basic_list th:last-child, #sub_container table.basic_list td:last-child {border-right:none}
#sub_container table.td_center td {text-align:center}
#sub_container .ltitle_rcontent dt {clear:both;float:left;width:100px;margin-right:10px;height:25px;line-height:23px;text-align:center;border-radius:15px;margin-bottom:7px}
#sub_container .ltitle_rcontent dd {float:right;width:calc(100% - 110px);line-height:1.6;margin-bottom:7px}
#sub_container .ltitle_rcontent dt.bg_green {background:#19976c;color:#fff}
#sub_container .ltitle_rcontent dt.bg_lightgreen {background:#78be20;color:#fff}
#sub_container .step_chart.step5 li:nth-of-type(1) .sub_dot_list {width:120px;margin:10px auto 0}
#sub_container .step_chart.step5 li:nth-of-type(2) .sub_dot_list {width:175px;margin:10px auto 0}
#sub_container .step_chart.step5 li:nth-of-type(3) .sub_dot_list {width:175px;margin:10px auto 0}
#sub_container .step_chart.step5 li:nth-of-type(4) .sub_dot_list {width:175px;margin:10px auto 0}
#sub_container .step_chart.step5 li:nth-of-type(5) .sub_dot_list {width:180px;margin:10px auto 0}
#sub_container .sub_step3 ul li:nth-of-type(2n+1) {width:29%;;background:url(../img/icon_pattern.gif) repeat left top;padding:12px}
#sub_container .sub_step3 ul li:nth-of-type(2n+1) >  div {background:#fff;height:235px;text-align:center;vertical-align:middle;}
#sub_container .sub_step3 ul li:nth-of-type(2n) {width:6.5%;background:url(../img/arrow_step.gif) no-repeat center 110px;height:235px}
#sub_container .sub_step3 .icon {padding:50px 0 25px}
#sub_container .sub_step3 .txt {padding:0 10px}
#sub_container .sub_check_list dt {clear:both;float:left;width:120px;display:inline-block;margin:4px 0;font-size:18px;font-weight:500;color:#3d3d3d;background:url(../img/icon_list_check.gif) no-repeat left 3px;padding-left:30px}
#sub_container .sub_check_list dd {float:right;width:calc(100% - 120px);margin:5px 0;}
#sub_container .sub_check_list_basic > dl > dt {clear:both;float:left;width:30px;display:inline-block;margin:4px 0;font-size:18px;font-weight:500;color:#3d3d3d;background:url(../img/icon_list_check.gif) no-repeat left 3px;padding-left:30px}
#sub_container .sub_check_list_basic > dl > dd {float:right;width:calc(100% - 30px);margin:5px 0;line-height:1.6}
#sub_container .sub_check_list_basic .sub_dot_list {margin-top:5px}
#sub_container .sub2_top_content .title {font-size:17px;font-weight:500;color:#3c3c3c;padding-bottom:10px}
#sub_container .sub2_top_content ul {width:100%}
#sub_container .sub2_top_content ul li {vertical-align:middle;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
#sub_container .sub2_top_content ul li.left {width:63.6%;padding:2.5% 4% 0 2.5%;max-width:calc(100% - 340px);line-height:1.6;}
#sub_container .sub2_top_content ul li.right {width:36.4%;min-width:340px}
#sub_container .btn_color_green {background:#19976c;display:inline-block;width:100px;height:35px;line-height:33px;border-radius:25px;text-align:center;color:#fff}
#sub_container .btn_color_lightgreen {background:#78be20;display:inline-block;width:100px;height:35px;line-height:33px;border-radius:25px;text-align:center;color:#fff}
#sub_container .list_bold_title {font-size:16px;font-weight:500}
table.basic_all_center td {text-align:center;padding:13px 1% !important;white-space: nowrap;}
#sub_container .sub_sub_tab {width:80%;margin:60px auto}
#sub_container .sub_sub_tab ul li {width:23%;margin:0 1%;text-align:center}
#sub_container .sub_sub_tab ul li a {display:block;height:50px;line-height:50px;font-family:'nanumSQ';font-size:18px;font-weight:600;color:#df0723;border:1px solid #c9c9c9;border-radius:999px}
#sub_container .sub_sub_tab ul li a.on {display:block;background:#df0723;color:#fff;border:1px solid #df0723}
#sub_container .introduction > ul {display:flex;flex-wrap:wrap;justify-content:space-between;}
#sub_container .introduction > ul > li:nth-of-type(1) {width:41.25%;margin-right:4.75%}
#sub_container .introduction > ul > li:nth-of-type(2) {width:54%}
#sub_container .introduction > ul h1 {font-size:24px;font-weight:500;color:#3c3c3c}
#sub_container .introduction .sub_con_txt {line-height:1.4}
#sub_container .introduction .ceo_sign {text-align: right;}
#sub_container .sub52_div3 > ul {display:flex;flex-wrap:wrap;}
#sub_container .sub52_div3 > ul > li {display:flex;align-items:center;flex-direction:column;width:calc(95% / 3);margin-right:2.5%;padding:50px 0;text-align:center;border:1px solid #e3e3e3;border-radius:10px}
#sub_container .sub52_div3 > ul > li:nth-of-type(3n) {margin-right:0}
#sub_container .sub52_div3 > ul > li .title {font-size:22px;font-weight:500;color:#3c3c3c;text-decoration:underline;text-underline-offset:7px; text-decoration-thickness: 1px;}
#sub_container .sub52_div3 > ul > li .sub_con_txt {text-align:left;padding:0 5%;}
#sub_container .history dl {display:flex;background:url(../img/sub52_8.gif) no-repeat left top;padding-bottom:60px}
#sub_container .history dl > dt.year {font-size:28px;font-weight:500;color:#3d3d3d;letter-spacing:-1px;padding-left:30px;width:15%}
#sub_container .history dl > dd {width:calc(85% - 30px);padding-top:7px}
#sub_container .history dl > dd > ul {display:flex;flex-wrap:wrap}
#sub_container .history dl > dd .day {width:10%;font-size:17px;font-weight:500;color:#3d3d3d}
#sub_container .history dl > dd .content {width:90%;font-size:16px;color:#3c3c3c;line-height:1.8}
#sub_container .sub53 > ul {display:flex;align-items:center;flex-wrap:wrap;}
#sub_container .sub53 > ul > li {width:48.25%;margin-right:3.5%;margin-bottom:50px;text-align:center;}
#sub_container .sub53 > ul > li img {border-radius:10px}
#sub_container .sub53 > ul > li .title {padding-top:20px;font-size:16px;color:#3c3c3c}
#sub_container .sub53 > ul > li:nth-of-type(2n) {margin-right:0}
#sub_container .sub54 .section_address {display:none !important}
#sub_container .sub54 .traffic dl {display:flex;flex-wrap:wrap}
#sub_container .sub54 .traffic dl > dt {width:11%;margin-right:2%}
#sub_container .sub54 .traffic dl > dd {width:87%;padding-top:20px}
#sub_container .sub54 .traffic dl .tit {padding-bottom:15px;font-weight:500}
#sub_container .nomail ul {display:table;width:100%;border:1px solid #ddd}
#sub_container .nomail ul li {display:table-cell;vertical-align:middle}
#sub_container .nomail ul li:first-child {width:48%;padding:60px 3% 40px 6.5%}
#sub_container .nomail ul li:last-child {width:52%;font-size:18px;color:#3c3c3c;line-height:1.8;padding-right:3%}



/* footer */
#footer .content {clear:both;overflow:hidden;max-width:1200;margin:0 auto}
#footer .fbnr {width:100%;background:#fff;height:100px;padding:25px 0}
#footer .fbnr .swiper-slide {text-align:center}
#footer .fnb {background:#f2f2f2;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
#footer .fnb ul li {padding:0}
#footer .fnb ul li::after {content:'|';height:18px;padding-left:15px;margin-right:15px;color:#888}
#footer .fnb ul li:last-child::after {content:'';margin-right:0}
#footer .fnb ul li a {font-size:15px;height:40px;line-height:50px}
#footer .fnb ul li a:hover {color:#000}
#footer .bottom {padding:20px 0 40px}
#footer .bottom ul {width:100%}
#footer .bottom li:nth-of-type(1) {width:calc(100% - 220px)}
#footer .bottom li:nth-of-type(2) {width:220px;text-align:right}
#footer .bottom .bot_content {font-size:14px;color:#858585}


#container .mcontent2 .lecture_list_mobile ol:last-child {border-bottom:none}
#container .mcontent4 .lecture_list_mobile ol:last-child {border-bottom:none}


/* 구글지도 */
.labels {
	color:white;
	background-color: #f85f0e;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	border: 2px solid white;
	padding: 6px 6px 4px 6px;
	line-height:1.3em;
	cursor:text;
}
#map-canvas{width:100%; height:495px; margin:0;}

@media all and (max-width : 1300px){
  #container .mcontent2 .swiper-button-prev,
  #container .mcontent2 .swiper-button-next {display:none;}
  #container .mcontent4 .swiper-button-prev,
  #container .mcontent4 .swiper-button-next {display:none;}
}


@media all and (max-width : 1200px){

.pc1200 {display:none}
.mobile1200 {display:block}
.pc1200_in {display:none}
.mobile1200_in {display:inline}
.wr1200 {width:95%}
.space60 {height:40px}
#header .main_rolling, #header .main_rolling .mroll,#header .main_rolling .mroll2 {position:relative;height:auto}
#header .header_top .top_link li:nth-of-type(4) {background:url(none);padding-right:0;margin-right:0}
#container .rimg {display:none}
#header .sub_top_bg .wr1200 .txt_area {margin-top:50px}
#header .sub_top_bg .wr1200 .search_wrap {margin:50px auto 0}
#header .main_rolling, #header .main_rolling .mroll, #header .main_rolling .mroll2,
#header .main_top .pc840,
#header .main_top .main_roll_content {height:52vw}
#header .main_top .main_roll_content > li:nth-of-type(1) {position:relative;justify-content:normal;padding-top:20px}
#header .main_top .main_roll_content > li:nth-of-type(1) h1 {font-size:36px}
#header .main_top .main_roll_content > li:nth-of-type(1) h4 {font-size:14px}
#header .main_top .main_roll_content > li:nth-of-type(1) .sns_program {position:absolute;bottom:2%;width:90%}
#header .main_top .main_roll_content > li:nth-of-type(1) .sns_program dl {padding:12px 0}
#header .main_top .pc840 .wr1200 {width:97%}
#header .main_top .main_roll_content > li:nth-of-type(3) {position:relative;justify-content:normal;padding-top:20px}
#header .main_top .main_roll_content > li:nth-of-type(3) .main_link {position:absolute;bottom:2%;width:85%}
#header .main_top .main_roll_content > li:nth-of-type(3) h2 {font-size:22px}
#header .main_top .main_roll_content > li:nth-of-type(3) .tel {font-size:30px}
#header .main_top .main_roll_content > li:nth-of-type(3) .times {font-size:15px;margin-bottom:10px}
#header .main_top .main_link > ul > li {padding:10px 0 5px}
#header .main_top .main_link > ul > li img {width:55px}
#header .main_top .main_link > ul > li p {font-size:15px;padding-top:7px}
#header .main_top .main_link > ul > li {text-align:center;}
#header .main_top .main_roll_content > li:nth-of-type(3) {padding-left:2%;}
#header .main_top .main_roll_content > li:nth-of-type(2n+1) {width:95%}
#container .mcontent2 .notice_list dl dt {width:100%;}
#container .mcontent2 .notice_list dl dd {display:none}
#container .mcontent2 .main_banner .con2 ul li:first-child {padding:0 10px}
#container .mcontent2 .main_banner .con2 ul li img {width:40px}
#container .mcontent2 .main_banner .con2 .bt {font-size:24px}
#container .mcontent2 .item_con .day {font-size:50px}
#container .mcontent3 {padding:45px 0}
#container .mcontent3 .main_content > ul > li {width:32%;margin-right:2%}
#container .mcontent3 .main_content > ul > li:nth-of-type(2) {padding:15px}
#container .mcontent4 .notice_list dl dt {width:100%;}
#container .mcontent4 .notice_list dl dd {display:none}
#container .mcontent4 .main_banner .con2 ul li:first-child {padding:0 10px}
#container .mcontent3 .main_content > ul > li:nth-of-type(2) .tel_bold {padding:7px 10px}
#container .mcontent3 .main_content > ul > li:nth-of-type(2) .tel_bold span {margin-right:5px}
#container .mcontent4 .main_banner .con2 ul li img {width:40px}
#container .mcontent4 .main_banner .con2 .bt {font-size:24px}
#container .mcontent5 .main_recruit li a {padding:20px}
#container .mcontent3 .main_content > ul > li:nth-of-type(1) .content .title {font-size:35px}
#container .product_list ul li {width:31%;margin-right:3.5%;margin-bottom:40px}
#container .product_list ul li:nth-of-type(4n) {margin-right:3.33%}
#container .product_list ul li:nth-of-type(3n) {margin-right:0}
#container .mcontent3 .main_content > ul > li:nth-of-type(3) .title {width:100%;text-align:center;font-family: 'nanumSQ';font-size: 42px;font-weight: 800;color: #303030;margin:50px auto 0;}
#container .mcontent3 .main_content > ul > li:nth-of-type(3) .content {max-width:max-content;}
#container .mcontent4 .mcontent4_roll .title {font-size:20px}

#sub_container .sub41_step3 ul li {width:31.5%;margin-right:2.75%;padding:40px 2.5% 30px;border:1px solid #ddd;border-radius:10px;margin-bottom:25px;height:350px}
#sub_container .position_wrap .sub_pc_cate ul a {font-size:18px;padding:10px 20px}
#sub_container .position_wrap .wr1200 {height:260px}
#sub_container .position_wrap .sub_top_img {position:absolute;bottom:0}
#sub_container .position_wrap .sub_top_img img {height:200px}
#sub_container .fs30 {font-size:26px}
#sub_container .sub_title {font-size:28px}
#sub_container .sub11 .sub_detail_top_banner li {height:15.625vw}
#sub_container .sub11_step3 ul li {width:32%;margin-right:2%}
#sub_container .sub12_step3 ul li {width:32%;margin-right:2%;min-height:310px}
#sub_container .sub11_process ul li:nth-of-type(2n+1) {width:20.5%}
#sub_container .sub11_process ul li:nth-of-type(2n) {margin-top:70px;padding:0;width:6%;text-align:center;}
#sub_container .sub13_step3 ul li {width:32%;margin-right:2%;margin-bottom:20px}
#sub_container .sub13_step3 ul li:nth-of-type(3n) {margin-right:0}
#sub_container .sub13_step3 .title {font-size:18px;margin-top:15px}
#sub_container .sub21_content .center_item img {display:none}
#sub_container .sub21_content .tbl col:nth-of-type(1) {width:50%;}
#sub_container .sub21_content .tbl col:nth-of-type(2) {width:0}
#sub_container .sub21_content .tbl col:nth-of-type(3) {width:50%;}
#sub_container .sub31 .greeting_left {width:35%;margin-right:5%}
#sub_container .sub31 .greeting_right {width:60%}
#sub_container .sub31 .greeting_right h1 {font-size:25px}
#sub_container .sub36_2 ul li {width:48.5%;margin-right:3%;padding:40px 2.5% 30px;border:1px solid #ddd;border-radius:10px;margin-bottom:20px;height:528px}
#sub_container .sub36_2 ul li:nth-of-type(1),
#sub_container .sub36_2 ul li:nth-of-type(2) {height:400px}
#sub_container .sub36_2 ul li:nth-of-type(5),
#sub_container .sub36_2 ul li:nth-of-type(6) {height:460px}
#sub_container .sub36_2 ul li:nth-of-type(3n) {margin-right:3%}
#sub_container .sub36_2 ul li:nth-of-type(2n) {margin-right:0}
#sub_container .sub36_2 ul li .img {text-align:center}
#sub_container .sub36_2 .title {display:flex;align-items:center;justify-content:center;margin-top:15px;height:50px;font-size:20px;font-weight:500;color:#3c3c3c;text-align:center;letter-spacing:-0.5px;}
#sub_container .sub_cate_tab ul li a,
#sub_container .sub_cate_tab2 ul li a,
#sub_container .sub_cate_tab3 ul li a {font-size:18px;line-height:50px}
#sub_container .sub52 > ul {display:flex;flex-wrap:wrap;}
#sub_container .sub52 > ul li {display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 1%}
#sub_container .sub52 > ul > li:nth-of-type(2n+1) {background:#fff;width:22%;border-radius:10px;}
#sub_container .sub52 > ul > li:nth-of-type(2n) {width:4%}
#sub_container .sub52 > ul > li:nth-of-type(1) {background:#71c975;border-radius:10px;font-size:20px;font-weight:500;color:#fff}
#sub_container .sub52 .title {font-size:16px;font-weight:500;color:#0e0e0e}
#sub_container .sub52 .img {padding-top:10px}
#sub_container .sub52 .txt {padding-top:15px;font-size:15px;color:#3c3c3c;text-align:center;word-break: keep-all;}
#sub_container .sub52 > ul .dot {font-size:15px}

.tbl_sub53 tr:nth-of-type(4n+1) td:nth-of-type(1) div,
.tbl_sub53 tr:nth-of-type(4n+1) td:nth-of-type(3) div,
.tbl_sub53 tr:nth-of-type(4n+3) td:nth-of-type(1) div,
.tbl_sub53 tr:nth-of-type(4n+3) td:nth-of-type(3) div {width:100%}
.tbl_sub53 tr:nth-of-type(4n+3) td:nth-of-type(1) div.item {padding-right:20px}
.tbl_sub53 tr:nth-of-type(4n+1) td:nth-of-type(3) div.item {padding-left:20px}
.tbl_sub53 div.item h1 {font-size:35px}
.tbl_sub53 div.item .year:nth-of-type(n+2) {padding-top:20px;font-size:23px;font-weight:800;color:#010101}
.div_sub53 .year:nth-of-type(1) {margin-bottom:10px}
#sub_container .sub_num_list dt {float:none;width:100%;font-size:20px;font-weight:800}
#sub_container .sub_num_list dd {float:none;width:100%;padding-bottom:15px;line-height:1.5}
#sub_container .btn_sub_tab5 ul li a {display:block;height:55px;line-height:52px;padding:0 15px;font-size:18px;font-weight:500;color:#373737}
#sub_container .step_chart.step5 > ul > li {width:25%}
#sub_container .step_chart.step4 > ul > li {width:33.3%}
#sub_container .product_list ul li {width:31%;margin-right:3.5%;margin-bottom:40px}
#sub_container .product_list ul li:nth-of-type(4n) {margin-right:3.33%}
#sub_container .product_list ul li:nth-of-type(3n) {margin-right:0}
#sub_container .step3_chart ul li:nth-of-type(2n+1) {padding:25px}
#sub_container .step_chart.step3 > ul > li {width:32.3%;margin-right:1.5%}
#sub_container .step_chart.step3 > ul > li > div.box > .content {padding:20px 7% 0}
#sub_container .sub22_chart_step5 > ul > li {width:23%;margin-right:2.5%;padding:20px 2%;border-radius:20px;height:290px;margin-bottom:20px}
#sub_container .sub22_chart_step5 > ul > li:nth-of-type(5n) {margin-right:2.5%}
#sub_container .sub22_chart_step5 > ul > li:nth-of-type(4n) {margin-right:0}
#sub_container .sub_sub_tab {margin:40px auto}

#footer .fbnr {width:100%;background:#fff;height:70px;padding:10px 0}
#footer .bottom li:nth-of-type(1) {width:calc(100% - 250px)}
#footer .bottom li:nth-of-type(2) {width:250px}
#footer .relate_site dl dt {float:none;width:100%}
#footer .relate_site dl dd {float:none;width:100%;margin-top:20px;max-width:100%}
}


@media all and (max-width : 1100px){
.pc1100 {display:none}
.mobile1100 {display:block}
#header .main_top .main_roll_content > li:nth-of-type(1) h1 {font-size:32px}
#header .main_top .main_roll_content > li:nth-of-type(1) .sns_program dl {padding:10px 0}
#header .main_top .main_roll_content > li:nth-of-type(1) .sns_program dl dt {font-size:16px}
#header .main_top .main_roll_content > li:nth-of-type(3) .times {border-bottom:none;padding:0}
#header .main_top .main_roll_content > li:nth-of-type(1) h1 {font-size:28px}
#header .main_top .main_roll_content > li:nth-of-type(1) h4 {font-size:12px}
#header .main_top .main_roll_content > li:nth-of-type(1) .sns_program dl dd img {width:55px}
#header .main_top .main_roll_content > li:nth-of-type(3) h2 {font-size:20px}
#header .main_top .main_roll_content > li:nth-of-type(3) .tel {font-size:26px} 
#header .main_top .main_roll_content > li:nth-of-type(3) .times {font-size:14px}
#header .main_top .main_roll_content > li:nth-of-type(3) .time_title {margin-top:5px}
#header .main_top .main_link > ul > li {padding:5px 0}
#header .main_top .main_link > ul > li img {width:45px}
#header .main_top .main_roll_content > li:nth-of-type(2n+1) {width:100%}
#header .main_top .main_link > ul > li p {font-size:14px}

#container .mcontent2 .main_banner > ul > li {position:relative;width:49%;margin-right:2%;text-align:left}
#container .mcontent2 .main_banner > ul > li img {width:100%}
#container .mcontent2 .main_banner > ul > li:nth-of-type(2n) {margin-right:0}
#container .mcontent2 .main_banner > ul.cs_m1 > li {background:#fff;height:360px;border-radius:20px;margin-top:20px;text-align:center;padding:30px 20px}
#container .mcontent2 .main_banner > ul.cs_m1  > li img {width:auto;margin:20px 0}
#container .mcontent2 .main_banner > ul.cs_m1 .bg_green {display:inline-block;background:#5ab533;font-size:20px;font-weight:500;color:#fff;height:40px;line-height:35px;padding:0 25px;border-radius:999px}
#container .mcontent2 .main_banner > ul.cs_m1 .bg_red {display:inline-block;background:#ff004e;font-size:20px;font-weight:500;color:#fff;height:40px;line-height:35px;padding:0 25px;border-radius:999px}
#container .mcontent2 .main_banner > ul.cs_m1  .bt {font-size:30px;font-weight:600;letter-spacing:-1px;line-height:1}
#container .mcontent2 .main_banner > ul.cs_m1 .st {font-size:18px;color:#1a1a1a;letter-spacing:-1px;padding-top:10px}
#container .mcontent2 .main_banner > ul.cs_m1 .st2 {font-size:18px;color:#1a1a1a;letter-spacing:-1px}
#container .mcontent2 .main_banner > ul.cs_m1 .account {padding:10px 0}
#container .mcontent2 .main_banner > ul.cs_m1 .consult {border:1px solid #aaa;padding:5px;margin-top:10px}
#container .mcontent4 .main_banner > ul > li {position:relative;width:49%;margin-right:2%;text-align:left}
#container .mcontent4 .main_banner > ul > li img {width:100%}
#container .mcontent4 .main_banner > ul > li:nth-of-type(2n) {margin-right:0}
#container .mcontent4 .main_banner > ul.cs_m1 > li {background:#fff;height:360px;border-radius:20px;margin-top:20px;text-align:center;padding:30px 20px}
#container .mcontent4 .main_banner > ul.cs_m1  > li img {width:auto;margin:20px 0}
#container .mcontent4 .main_banner > ul.cs_m1 .bg_green {display:inline-block;background:#5ab533;font-size:20px;font-weight:500;color:#fff;height:40px;line-height:35px;padding:0 25px;border-radius:999px}
#container .mcontent4 .main_banner > ul.cs_m1 .bg_red {display:inline-block;background:#ff004e;font-size:20px;font-weight:500;color:#fff;height:40px;line-height:35px;padding:0 25px;border-radius:999px}
#container .mcontent4 .main_banner > ul.cs_m1  .bt {font-size:30px;font-weight:600;letter-spacing:-1px;line-height:1}
#container .mcontent4 .main_banner > ul.cs_m1 .st {font-size:18px;color:#1a1a1a;letter-spacing:-1px;padding-top:10px}
#container .mcontent4 .main_banner > ul.cs_m1 .st2 {font-size:18px;color:#1a1a1a;letter-spacing:-1px}
#container .mcontent4 .main_banner > ul.cs_m1 .account {padding:10px 0}
#container .mcontent4 .main_banner > ul.cs_m1 .consult {border:1px solid #aaa;padding:5px;margin-top:10px}
}


@media all and (max-width : 1000px){
.space70 {height:60px}
.pc1000 {display:none}
.mobile1000 {display:block}
.pc1000_view {display:none}
.mobile1000_view {display:visible}
.root_daum_roughmap {width:100% !important;height:550px}
.img_w1000, .img_w840, .img_w480 {display:none;text-align:center}
.img_w840 {display:block}
.max_width65 {display:block;width:100%}
#header .header_top .link_left {width:35px;text-align:right;}
#header .header_top .link_right {width:225px}
#header .header_top .top_search {width:calc(100% - 275px - 225px)}
#header .navi > ul > li > a {font-size:18px;height:60px}
#header .sub_top_bg {display:none;font-size:18px}
#header .sub_top_bg b {font-size:39px}
#header .sub_top_bg p {padding-top:15px}
#header .sub_top_bg .wr1200 .txt_area {margin-top:40px}
#header .sub_top_bg .wr1200 .search_wrap {margin:15px auto 0}
#header .sub_top_bg .mtxt {font-size:18px}
#header .main_rolling .swiper-slide {height:210px}
#header .main_top .main_roll_content > li:nth-of-type(3) .main_link {width:90%}

#container .mtitle_wrap {padding-top:50px}
#container .main_title,
#container .main_title p {font-size:38px}
#container .main_title p img {width:110px}
#container .main_title .big_title {font-size:42px}
#container .mcontent2 {padding:0 0 30px}
#container .mcontent2 .tab_content2 ul li {width:100%;margin-right:0;margin-bottom:20px}
#container .mcontent2 .tab_content2 .cate_date .day {font-size:30px}
#container .mcontent2 .tab_content2 .item_con .title {font-size:18px;padding-top:0}
#container .mcontent2 .tab_content2 .item_con .txt {padding-top:10px;font-size:15px}
#container .mcontent2 .tab_content2 > .ss_menu > ul > li > a {display:flex;align-items:center;flex-wrap:wrap;height:auto;padding:20px 0}
#container .mcontent2 .tab_content2 .notice {width:70px}
#container .mcontent2 .tab_content2 .item_con {width:calc(100% - 170px)}
#container .mcontent2 .tab_content2 > .ss_menu .date {width:80px;margin:0;border-top:none}
#container .mcontent2 .tab_content2 > .ss_menu .date span {display:none}
#container .mcontent2 .main_banner > ul > li .con {padding:0 5%}
#container .mcontent2 .main_sns .main_sns_bnr p {font-size:15px}
#container .mcontent2 .mcon dl {width:100%}
#container .mcontent2 .mcon dl dd {background:url(none);padding-right:0}
#container .mcontent2 .mcon dl dd .title {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#container .mcontent2 .mcon dl dd .content {white-space:normal;text-overflow:ellipsis;overflow:hidden;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical}
#container .mcontent2 .mcon .notice {float:none;;width:100%;padding:25px 3%;border-radius:20px;}
#container .mcontent4 {background:#f3f7fd url(../img/main5.jpg) no-repeat center center;padding-bottom:40px;min-height:530px}
#container .mcontent4 .wr1200 {position:relative}
#container .mcontent4 .mobile1000 > ul {display:flex;flex-wrap:wrap}
#container .mcontent4 .mobile1000 > ul > li {width:24.25%;margin-right:1%}
#container .mcontent4 .mobile1000 > ul > li:nth-of-type(4n) {margin-right:0}
#container .mcontent4 .mobile1000 > ul a {display:block;background:#fff;padding:15px;border-radius:20px;border:1px solid #ddd;height:235px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
#container .mcontent4 .type {display:inline-block;border-radius:5px;padding:2px 10px;font-size:13px}
#container .mcontent4 .type1 {background:#fbeef1;color:#a90f39}
#container .mcontent4 .type2 {background:#e6f3ea;color:#519e6c}
#container .mcontent4 .type3 {background:#e3eaf4;color:#567bb0}
#container .mcontent4 .title {display:block;font-size:18px;font-weight:500;color:#121212;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;padding-top:10px}
#container .mcontent4 .item_con {padding-top:10px}
#container .mcontent4 .item_con p {font-size:15px;color:#3c3c3c;line-height:1.5}
#container .mcontent4 .date {padding-top:10px;text-align:right;font-size:15px;color:#868585}
#container .mcontent5 .main_recruit li {width:32%;margin-right:2%}
#container .mcontent5 .main_recruit li:nth-of-type(4n) {margin-right:2%}
#container .mcontent5 .main_recruit li:nth-of-type(3n) {margin-right:0}
#container .mcontent5 .main_recruit .title {font-size:20px}

/*메인 전단지*/
#container .mcontent5 .mcon {padding:20px 0 50px}
#container .mcontent5 .mcon ul li {width:49%;margin-right:2%;margin-bottom:20px}
#container .mcontent5 .mcon ul li:nth-of-type(2n) {margin-right:0}

#container .mcon_roll .wr1200 {width:85%}
#container .mcon_roll > .wr1400 .btn-prev-product, #container .mcon_roll > .wr1400 .btn-prev-product2,
#container .mcon_roll > .wr1400 .btn-next-product, #container .mcon_roll > .wr1400 .btn-next-product2 {width:16px;height:28px}
#container .mcontent1 {margin:30px 0;padding:20px 0;background:#f4f3f3}
#container .mcontent1 ul > li {width:32.3%;margin-bottom:20px;margin-right:1%}
#container .mcontent1 ul > li:nth-of-type(2n) {margin-right:0;}
#container .mcontent1 .txt {font-family:inherit;font-size:18px;font-weight:500;line-height:1.4}
#container .mcontent1 .txt {padding-top:10px}
#container .main_title_small {display:none}
#container .main_title_bold {font-size:35px;text-align:center;}
#container .mcontent3 {padding:30px 0}
#container .mcontent3 .mcon ul li {width:49%;margin-right:2%;margin-bottom:20px}
#container .mcontent3 .mcon ul li:nth-of-type(2n) {margin-right:0}
#container .mcontent3 ul li:nth-of-type(2n+1) {width:48.5%;text-align:center}
#container .mcontent3 .mb-mid {top:38px}
#container .mcontent3 .sns {display:none}
#container .mcontent3 .main_content > ul > li {width:100%;}
#container .mcontent3 .main_content > ul > li:nth-of-type(1) {height:220px}
#container .mcontent3 .main_content > ul > li:nth-of-type(1) {display:flex;align-items:center;margin-bottom:20px}
#container .mcontent3 .main_content > ul > li:nth-of-type(1) .content {width:48%;background:url(../img/main4_2.png) no-repeat left bottom}
#container .mcontent3 .main_content > ul > li:nth-of-type(1) .content .title {font-size:30px}
#container .mcontent3 .main_content > ul > li:nth-of-type(1) .content2 {width:48%;background:#fff;}
#container .mcontent3 .main_content > ul > li:nth-of-type(2) {display:flex;align-items:center;min-height:360px}
#container .mcontent3 .main_content > ul > li:nth-of-type(2) .tel,
#container .mcontent3 .main_content > ul > li:nth-of-type(2) .bank_info .account {font-size:24px}
#container .sub_tab li a,
#container .sub_tab2 li a {font-size:16px;padding:10px 15px}
#container .sub_tab li:last-child div,
#container .sub_tab2 li:last-child div {width:42px;height:42px}
.mcon .title_wrap {padding-bottom:25px}
.mcon .title_wrap .title {font-size:25px;line-height:35px}
.mcon .title_wrap .right img {width:35px}
.mcon .title_wrap_gallery {padding:25px 3% 0;border-bottom:none !important}
#container .mcontent3 .main_content2 > .type1 {display:flex;align-items:center}
#container .mcontent3 .main_content2 > .type1 > li {width:49%;height:220px}
#container .mcontent3 .main_content2 > .type1 > li:nth-of-type(1) {background:#f86059 url(../img/main4_2.png) no-repeat left bottom;text-align:right;padding:20px 3%;border-radius:20px}
#container .mcontent3 .main_content2 > .type1 > li:nth-of-type(1) .title {font-size:25px;font-weight:600;color:#fff;line-height:1.2}
#container .mcontent3 .main_content2 > .type1 > li:nth-of-type(1) .arrow {padding-top:30px}
#container .mcontent3 .main_content2 > .type1 > li:nth-of-type(2) {display:flex;align-items:center;background:url(../img/main3_3.jpg) no-repeat left center;background-size:cover;margin-left:2%;padding:0 3%;border-radius:20px}
#container .mcontent3 .main_content2 > .type1 > li:nth-of-type(2) > ul {display:flex;align-items:center;justify-content:space-between;flex-wrap: wrap;}
#container .mcontent3 .main_content2 > .type1 > li:nth-of-type(2) > ul > li:nth-of-type(1) {width:50%;padding-right:5%}
#container .mcontent3 .main_content2 > .type1 > li:nth-of-type(2) > ul > li:nth-of-type(2) {width:45%;text-align:right;font-size:22px;font-weight:600;color:#06096f;line-height:1.2}
#container .mcontent3 .main_content2 > .type1 > li:nth-of-type(2) > ul > li:nth-of-type(2) p {padding-bottom:10px}
#container .mcontent3 .main_content2 > .type2 > li {text-align:left;padding:20px 3%;}
#container .mcontent3 .main_content2 > .type2 > li:nth-of-type(1) {background:#5ac4be;width:50%;border-radius:20px 0 0 20px;height:220px;} 
#container .mcontent3 .main_content2 > .type2 > li:nth-of-type(2) {background:#1b9699;width:50%;border-radius:0 20px 20px 0;height:220px} 
#container .mcontent3 .main_content2 > .type2 > li .tit {font-size:20px;font-weight:500;color:#fff;padding-bottom:15px}
#container .mcontent3 .main_content2 > .type2 > li:nth-of-type(1) > dl {display:flex;align-items: center;flex-wrap: wrap;margin-bottom:10px;}
#container .mcontent3 .main_content2 > .type2 > li:nth-of-type(1) > dl > dt {display:inline-block;background:#0471b5;font-size:15px;color:#fff;padding:5px 20px;min-width:80px;text-align:center;border-radius:999px;margin-right:10px}
#container .mcontent3 .main_content2 > .type2 > li:nth-of-type(1) > dl > dd {font-size:18px;font-weight:500;color:#fff}
#container .mcontent3 .main_content2 > .type2 > li:nth-of-type(2) .bank {display:inline-block;background:#7ac823;padding:5px 20px;font-size:16px;color:#fff;border-radius:999px} 
#container .mcontent3 .main_content2 > .type2 > li:nth-of-type(2) .account {font-size:25px;font-weight:600;color:#fff;padding:10px 0;letter-spacing:1px;}
#container .mcontent3 .main_content2 > .type2 > li:nth-of-type(2) .txt {font-size:16px;color:#fff}

#sub_container .sub_cate * {transition:none}
#sub_container .sub_cate{display:block;}
#sub_container .position {position:relative;height:80px}
#sub_container .position .sub_pc_cate ol > li > a {font-size:18px;}
#sub_container .sub_top_m_wrap {display:block;background:url(../img/sub_top_bg_m.jpg) no-repeat center center;height:160px}
#sub_container .sub_top_m_wrap ul {display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;height:160px}
#sub_container .sub_top_m_wrap ul li:nth-of-type(1) {width:calc(100% - 160px);color:#fff}
#sub_container .sub_top_m_wrap ul li:nth-of-type(1) h1 {font-size:30px;font-weight:600}
#sub_container .sub_top_m_wrap ul li:nth-of-type(1) .txt {font-size:16px;padding-top:5px;word-break:keep-all;}
#sub_container .sub_top_m_wrap ul li:nth-of-type(2) {width:160px;text-align: right;}
#sub_container .sub25_step3 > ul > li {width:48.5%;margin-right:3%;margin-bottom:20px}
#sub_container .sub25_step3 > ul > li:nth-of-type(3n) {margin-right:3%}
#sub_container .sub25_step3 > ul > li:nth-of-type(2n) {margin-right:0}
#sub_container .sub25_step3 > ul > li .top {height:130px}
#sub_container .sub25_step3 > ul > li:nth-of-type(2) .top .circle {display:none}
#sub_container .sub25_step3 > ul > li .top img {padding-top:0}
#sub_container .sub25_step3 > ul > li .top h2 {font-size:20px;font-weight:500;color:#fff}
#sub_container .sub25_step3 > ul > li:nth-of-type(3n) {margin-right:0}
#sub_container .sub25_step3 .sub_dash_list {padding:20px 8%}
#sub_container .sub32 > ul > li {position:relative;text-align:center;width:50%;font-weight:500;line-height:1.3;padding:20px 2%}
#sub_container .sub32 > ul > li:first-child, #sub_container .sub32 > ul > li:last-child {width:25%}
#sub_container .sub32 > ul > li > img {width:40px}
#sub_container .sub32 > ul > li .icon {position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);}
#sub_container .sub32 > .green_line {display:block;border-top:2px solid #44b779;width:100%}
#sub_container .sub_circle_number_list dt {display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:15px;margin:7px 0}
#sub_container .sub_circle_number_list dd {width:calc(100% - 10px - 30px);font-size:16px;margin:7px 0 7px 10px}
#sub_container .sub33 > ul.div4 > li {position:relative;text-align:center;width:30%;padding:20px 5px;font-weight:500;line-height:1.2;}
#sub_container .sub33 > ul.div3 > li {position:relative;text-align:center;width:50%;padding:20px 5px;font-weight:500;line-height:1.2;}
#sub_container .sub33 > ul.div4 > li:first-child, #sub_container .sub33 > ul.div4 > li:last-child {width:20%}
#sub_container .sub33 > ul.div3 > li:first-child, #sub_container .sub33 > ul.div3 > li:last-child {width:25%}
#sub_container .sub33 > ul > li > img {width:40px}
#sub_container .sub33 > ul > li .icon {position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);}
#sub_container .sub33 > .green_line {display:block;border-top:2px solid #44b779;width:100%}
#sub_container .sub46_div3 > ul li:nth-of-type(2n+1) {width:28%}
#sub_container .sub46_div3 > ul li:nth-of-type(2n) {width:7%;display:flex;align-items:center;justify-content:center;padding-bottom:10%}
#sub_container .sub46_div3 > ul .content .detail_wrap .num {font-size:18px;font-weight:600;color:#fff}
#sub_container .sub46_div3 > ul .content .detail_wrap .img {padding-top:5px}
#sub_container .sub46_div3 > ul .title {font-size:16px;padding-top:15px;word-break:keep-all;}
#sub_container .sub52 > ul {display:flex;flex-wrap:wrap;}
#sub_container .sub52 > ul li {display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 1%}
#sub_container .sub52 > ul > li:nth-of-type(1) {background:#71c975;border-radius:10px;font-size:18px;font-weight:500;color:#fff}
#sub_container .sub52 .title {font-size:16px;font-weight:500;color:#0e0e0e}
#sub_container .sub52 .img {padding-top:10px}
#sub_container .sub52 .txt {padding-top:15px;font-size:14px}
#sub_container .sub52 > ul .dot {font-size:14px}
#sub_container .sub52_div3 > ul > li {width:calc(95% / 3);margin-right:2.5%;padding:40px 0}
#sub_container .sub52_div3 > ul > li .title {font-size:20px}
#sub_container .org_chart1200,#sub_container .org_chart480 {display:none}
#sub_container .org_chart640 {display:block}
#sub_container .fs20 {font-size:18px}
#sub_container .fs25 {font-size:22px}
#sub_container .sub21_content .tit {font-size:18px;}
#sub_container .top_banner {padding-left:325px}
#sub_container .top_banner .btit {font-size:18px}
#sub_container .top_banner .stit {font-size:15px}
#sub_container .sub_num_step,
#sub_container .sub_num_step_orange {padding:20px 2.5%}
#sub_container .sub11 .sub_detail_top_banner h2 {font-size:20px}
#sub_container .sub11 .sub_detail_top_banner h3 {font-size:16px}
#sub_container .sub11_point {padding-top:30px}
#sub_container .sub11_step3 ul li {padding:20px 2.5%;min-height:290px}
#sub_container .sub11_step3 .title {font-size:18px;margin-top:15px}
#sub_container .sub11_step3 .con_txt {padding-top:10px}
#sub_container .sub11_step3 .link {width:160px}
#sub_container .sub11_step3 .con_txt {line-height:1.4}
#sub_container .sub12_step3 ul li {padding:20px 2.5%;min-height:300px}
#sub_container .sub12_step3 .title {font-size:18px;margin-top:15px}
#sub_container .sub12_step3 .con_txt {padding-top:10px}
#sub_container .sub12_step3 .link {width:160px}
#sub_container .sub12_step3 .con_txt {line-height:1.4}
#sub_container .sub16_step3 li {height:220px;text-align:center}
#sub_container .sub16_step3 li .img {padding-bottom:15px}
#sub_container .sub16_step3 li .title {line-height:1.3}
#sub_container .sub16_step3 li > div > div.vc {height:180px}
#sub_container .sub16_step3 li:nth-of-type(2n+1) {clear:both;border:1px solid #dfdce6;border-radius:10px;padding:20px 0;width:31%}
#sub_container .sub16_step3 li:nth-of-type(2n+1) img {width:110px}
#sub_container .sub16_step3 li:nth-of-type(2n) {display:inline-block;width:3.5%;background:none}
#sub_container .sub16_step_guide ul li {margin-bottom:20px}
#sub_container .sub16_step_guide ul li:nth-of-type(2n+1) {width:20%}
#sub_container .sub16_step_guide ul li:nth-of-type(2n) {background:url(../img/icon_process_arrow.gif) no-repeat center center;width:calc( (100% - 20% * 4) / 3 );height:100px;margin-bottom:20px;text-align:center;}
#sub_container .sub16_step_guide ul li .tit {padding-top:10px}
#sub_container .sub22_content ul li.title > p {font-size:20px;padding-top:15px}
#sub_container .process_step4 ul li {height:230px;margin-bottom:20px}
#sub_container .process_step4 ul li:nth-of-type(2n+1) {width:31%}
#sub_container .process_step4 ul li:nth-of-type(2n) {width:3.5%}
#sub_container .process_step4 .tit {font-size:18px;color:#3c3c3c;padding-top:20px}
#sub_container .sub31 .greeting_left {display:none}
#sub_container .sub31 .greeting_right {width:100%}
#sub_container .equiv_guide .img {display:none}
#sub_container .equiv_guide .guide_content {width:100%;margin-left:0;padding:25px 3%}
#sub_container .equiv_guide .guide_content dl {margin:10px 0;}
#sub_container .equiv_guide .guide_content dl dt, 
#sub_container .equiv_guide .guide_content dl dd {padding:5px 0}
#sub_container .sub36 {height:280px;}
#sub_container .sub36 .title {font-size:20px;padding-top:20px}
#sub_container .sub36 .sub_txt {font-size:16px}
#sub_container .introduction > ul h1 {font-size:20px}
#sub_container .introduction > ul > li:nth-of-type(1) {display:none}
#sub_container .introduction > ul > li:nth-of-type(2) {width:100%}
#sub_container .sub23_step2 li {padding:40px 2.5%}
#sub_container .sub23_step2 li .title span {font-size:16px;height:40px;line-height:40px;margin-bottom:20px}
#sub_container .sub23_step3 li .img p {font-size:18px}
#sub_container .sub24_edu ul {padding:20px 3%}
#sub_container .sub24_edu li:first-child p {font-size:18px;padding-top:5px}
#sub_container .sub26_step3 .title {font-size:20px}
#sub_container .sub26_step3 .btxt {font-size:17px}
#sub_container .sub26_step3 ul li .content_txt {padding:15px 5%;font-size:15px}
#sub_container .sub26_step3 .sub_dot_list dt {font-size:18px}
#sub_container .sub26_step3 .sub_dot_list dd {font-size:15px;line-height:}
#sub_container .sub41 .limg_rtxt ul li:first-child {display:none}
#sub_container .sub41 .limg_rtxt ul li:last-child {width:100%}
#sub_container .sub41_step3 ul li {width:48.5%;margin-right:3%;padding:40px 2.5% 30px;border:1px solid #ddd;border-radius:10px;margin-bottom:20px}
#sub_container .sub41_step3 ul li:nth-of-type(3n) {margin-right:3%}
#sub_container .sub41_step3 ul li:nth-of-type(2n) {margin-right:0}
#sub_container .sub41_step3 ul li .img {text-align:center}
#sub_container .sub41_step3 .title {display:flex;align-items:center;justify-content:center;margin-top:15px;height:50px;font-size:20px;font-weight:500;color:#3c3c3c;text-align:center;letter-spacing:-0.5px;}
#sub_container .sub41_step3 .con_txt {font-size:15px}
#sub_container .sub22_step3 ul li {height:280px;min-height:260px;padding:20px 2.5%}
#sub_container .sub41_step3 ul li .img {font-size:18px}
#sub_container .sub22_step3 ul li .img p {padding-top:15px}
#sub_container .btn_sub_tab5 ul li {width:33.3%;margin-bottom:5px}
#sub_container .btn_sub_tab5 ul li:nth-of-type(3) {border-radius:0 999px 999px 0}
#sub_container .btn_sub_tab5 ul li:nth-of-type(4) {border-radius:999px 0 0 999px}
#sub_container .sub_content {padding:10px 0 0}
#sub_container .step_chart.step5 > ul > li {width:33.3%}
#sub_container .step_chart.step4 > ul > li {width:50%}
#sub_container .step3_chart .btitle {font-size:18px}
#sub_container .pos {padding-top:10px}
#sub_container .sub_title {padding:10px 0 25px;font-size:26px}
#sub_container .sub_title_center {padding:10px 0 25px;font-size:27px}
#sub_container .sub_title2 > h1 {font-size:28px;}
#sub_container .sub_title3 > h1 {font-size:32px;}
#sub_container .sub_cate_navi dd ul li {padding:0}
#sub_container .sub_cate_navi dd ul.sub_gap li a {letter-spacing:-1px;font-size:18px}
#sub_container .sub_cate_navi dd ul li a {font-size:18px}
#sub_container .sub_title h1 {font-size:30px;padding:10px 0 30px}
#sub_container .sub_chart ul li {width:31.3%;margin-right:3%;text-align:center;margin-bottom:40px}
#sub_container .sub_tab ul li a {font-size:20px;line-height:55px}
#sub_container .history dl {display:flex;background:url(../img/sub52_8.gif) no-repeat left top;padding-bottom:50px}
#sub_container .history dl > dt.year {font-size:24px;font-weight:500;color:#3d3d3d;letter-spacing:-1px;padding-left:30px;width:110px}
#sub_container .history dl > dd {width:calc(100% - 110px);padding-top:5px}
#sub_container .history dl > dd > ul {display:flex;flex-wrap:wrap}
#sub_container .history dl > dd .day {width:70px;font-size:17px;font-weight:500;color:#3d3d3d}
#sub_container .history dl > dd .content {width:calc(100% - 70px);font-size:16px;color:#3c3c3c;line-height:1.8}
#sub_container .sub53 > ul > li {margin-bottom:40px;}



#footer .bottom li:first-child .sns_img {display:flex}
#footer .bottom li:first-child .sns_img a {margin:0 2px}
#footer .bottom {padding:20px 0 30px}
#footer .foot_sns {padding-bottom:15px}
}


@media all and (max-width : 840px){

.pc840 {display:none !important}
.mobile840 {display:block}
.pc840_in {display:none}
.mobile840_in {display:inline}
.pc840_view {display:none}
.mobile840_view {display:visible;}
.mobile840_in {display:inline;}
.pc840_ib {display:none}
.space5 {height:0}
.space20 {height:10px}
.space40 {height:30px}
.space50 {height:35px}
.space70 {height:50px}
.space80 {height:60px}
.m840 {display:block}
html, input, ul li {font-size:15px}
.space30 {height:15px}
#header {background:#e4f2f9 url(none);min-height:auto}
#header .header_top .pc840 {display:none}
#header .header_top .link_left {width:auto}
#header .main_rolling, #header .main_rolling .mroll,#header .main_rolling .mroll2 {position:relative;height:auto}
#header .main_rolling, #header .main_rolling .mroll .swiper-wrapper,#header .main_rolling .mroll2 .swiper-wrapper {height:auto}
#header .main_top .left {float:none;width:100%;padding-right:0;}
#header .main_top .left .swiper-slide img {width:100%}
#header .main_rolling .swiper-slide img {border-radius:0}
#header .main_top .right {float:none;width:100%;margin-top:10px}
#header .main_top .right .medal {background:url(../img/main_bnr_bg.jpg) no-repeat center center;height:145px}
#header .main_top .right .medal ul {display:flex;flex-direction:row;align-items:center;text-align:center;justify-content:center;}
#header .main_top .mobile840 > ul > li:nth-of-type(2) {display:flex;align-items:center;background:url(../img/main_top_bg_m.gif) repeat-y center center;height:55px}
#header .main_top .mobile840 > ul > li:nth-of-type(2) .wr1200 > ul {display:flex;align-items:center;height:55px}
#header .main_top .mobile840 > ul > li:nth-of-type(2) .wr1200 > ul > li {width:50%;text-align:center; font-family: 'GmarketSans';font-size:16px;}
#header .main_top .mobile840 > ul > li:nth-of-type(2) .wr1200 > ul > li:nth-of-type(1) a {color:#000}
#header .main_top .mobile840 > ul > li:nth-of-type(2) .wr1200 > ul > li:nth-of-type(2) a {color:#fff}
#sub_container .sub18_guide .title {font-size:20px}
#header .header_top {height:70px}
#header .main_top .right .medal li > b {font-family:'nanumSQ';font-size:26px;font-weight:600;color:#ffdbb7}
#header .main_top .right .medal li > p {font-size:20px;font-weight:400;color:#eee1b3;padding-top:5px}
#header .swiper-pagination-bullet {width:15px;height:15px;background:#fff;opacity:1;margin:0 4px;border:none}
#header .swiper-container-horizontal>.swiper-pagination-bullets,#header  .swiper-pagination-custom,#header  .swiper-pagination-fraction {bottom:20px}
#header .swiper-pagination-bullet-active {background:#363636;border:none}
#header .fix_area {position:fixed;top:0;width:100%;background:#fff;z-index:99999;border-bottom:1px solid #ddd;height:110px}
#header .main_top {max-width:1200px;margin:110px auto 0;overflow:hidden}
#header .main_bnr_m {display:block;margin:0 auto}

#container .main_stitle {display:none}
#container {margin-top:0}
#container .mtitle_wrap {position:relative;padding-top:40px;padding-bottom:10px}
#container .main_title {font-size:30px;padding-bottom:0}
#container .main_title_img img {margin-left:15px;width:35px}
#container .mcontent5 .btn_more {display:inline-block;position:absolute;right:0;top:45px}
#container .mcontent5 .total_view {display:none}
#container .sub_tab li a,
#container .sub_tab2 li a {min-width:auto;font-size:15px}
#container .mcontent {padding:0}
#container .main_title, #container .main_title p {font-size:30px}
#container .main_title .big_title {font-size:34px}
#container .main_title p {padding-left:0;padding-bottom:0}
#container .main_title p img {display:none;}
#container .sub_tab2 {margin-top:20px}
#container .mcontent1 {margin-bottom:0}
#container .mcon_roll .total_view {display:none}
#container .mcon_roll .total_view_m {display:block;width:35px;height:35px;line-height:30px;margin-bottom:20px;font-size:30px}
#container .main_title {float:none;width:100%;text-align:center}
#container .main_title_wrap {clear:both;height:60px;margin:50px 0 10px;overflow:hidden}
#container .main_title2 {overflow:hidden}
#container .main_title2 span {font-size:30px}
#container .sub_tab {float:none;width:100%;text-align:center;margin-top:20px}
#container .sub_tab ul {text-align:center}
#container .sub_tab li:nth-of-type(3n) {margin-right:0}
#container .board_list {margin:20px 10px 0}
#container .board_list > ul > li {width:100%;margin-right:0;padding:12px 0}
#container .board_list dl dt {float:none;margin-right:0;display:none}
#container .board_list dl dd {float:none;width:100%}
#container .board_list dl dd .title {font-size:15px;font-weight:400;color:#3d3d3d;line-height:1.4em;height:auto;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#container .board_list dl dd .sub_con_txt {display:none}
#container .product_list ul li {width:48%;margin-right:4%;margin-bottom:30px}
#container .product_list ul li:nth-of-type(3n) {margin-right:4%}
#container .product_list ul li:nth-of-type(2n) {margin-right:0}
#container .mcontent2 {padding:0}
#container .mcontent2 .mtitle_area img {width:35px}
#container .main_title_bold {font-size:30px}
#container .mcontent2 .mcon {margin-top:10px}
#container .mcontent2 .mcon dl {padding:0 10px}
#container .mcontent2 .mcon dl dt {min-width:80px;}
#container .mcontent2 .mcon dl dd .title {font-size:18px}
#container .mcontent2 .mcon dl dd .content {font-size:15px}
#container .mcontent2 .main_banner > ul.cs_m1 .bg_green,
#container .mcontent2 .main_banner > ul.cs_m1 .bg_red {font-size:18px;height:35px;line-height:30px;padding:0 20px}
#container .mcontent2 .main_banner > ul.cs_m1 > li {padding:25px 20px;height:320px}
#container .mcontent2 .main_banner > ul.cs_m1 > li img {margin:15px 0}
#container .mcontent2 .main_banner > ul.cs_m1 .bt {font-size:25px}
#container .mcontent2 .main_banner > ul.cs_m1 .st {font-size:15px}
#container .mcontent2 .main_sns .main_sns_title {display:block;text-align:center}
#container .mcontent2 .main_sns .main_sns_title .btitle {font-size:22px}
#container .mcontent2 .main_sns .main_sns_title .sns {padding-top:10px}
#container .mcontent2 .main_sns .main_sns_bnr ul li {width:32%;margin-right:2%;margin-bottom:20px}
#container .mcontent2 .main_sns .main_sns_bnr ul li img {width:100%}
#container .mcontent2 .main_sns .main_sns_bnr ul li:nth-of-type(3n) {margin-right:0}
#container .mcontent2 .main_sns .main_sns_bnr p {background:#fff;display:flex;align-items:center;justify-content:center;width:auto;text-align:center;font-size:16px;color:#3c3c3c;line-height:1.3;height:80px;border-radius:0 0 20px 20px;margin-top:-5px}
#container .mcontent2 .mobile840 li {padding-bottom:15px;border-bottom:1px solid #ddd;margin-bottom:15px}
#container .mcontent2 .mobile840 li:last-child {padding-bottom:30px;margin-bottom:0;border-bottom:none}
#container .mcontent2 .item_con {padding:0}
#container .mcontent2 .item_con .title_wrap {display:flex;align-items:center;}
#container .mcontent2 .item_con .title_wrap > div {padding-right:15px}
#container .mcontent2 .item_con .title_wrap > .txt {width:calc(100% - 55px)}
#container .mcontent2 .item_con .title {padding-top:0}
#container .mcontent2 .item_con .day {font-size:40px}
#container .mcontent2 .item_con .title {font-size:16px}
#container .mcontent2 .item_con .txt {padding-top:10px}
#container .mcontent2 .item_con .year_month {font-size:12px}
#container .mcontent3 .title {font-size:22px}
#container .mcontent3 .mtitle_area img {width:35px}
#container .mcontent3 .cs_title {font-size:22px}
#container .mcontent3 .stitle {font-size:20px}
#container .mcontent3 .cs .con_txt {margin-top:10px;padding:15px 5%}
#container .mcontent3 .cs .con_txt ul li:last-child {display:none}
#container .mcontent3 .cs .con_txt ul li {width:100%;text-align:center;}
#container .mcontent3 .cs .tel {font-size:25px;text-align:center;padding-top:5px}
#container .mcontent3 .cs .timg {padding-top:20px;text-align:center}
#container .mcontent3 .cs .timg img {width:60px}
#container .mcontent3 .bank .bank_wrap ul li:last-child {display:none}
#container .mcontent3 .bank .bank_wrap li:first-child {width:100%;text-align:center;}
#container .mcontent3 .bank .timg {padding-top:20px;text-align:center}
#container .mcontent3 .bank .timg img {width:50px}
#container .mcontent3 .bank .bank_wrap {padding:10px 5%;min-height:auto}
#container .mcontent3 .bank .bank_wrap .account {font-size:22px;text-align: center;}
#container .mcontent3 .bank .bank_wrap ul {height:110px}
#container .mcontent3 .bottom {padding:15px 0}
#container .mcontent3 .main_content > ul > li:nth-of-type(1) {width:100%;margin:0}
#container .mcontent3 .main_content > ul > li:nth-of-type(1) > ul > li {width:23.875%;margin-right:1.5%;margin-bottom:0}
#container .mcontent3 .main_content > ul > li:nth-of-type(1) > ul > li:nth-of-type(2n) {margin-right:1.5%}
#container .mcontent3 .main_content > ul > li:nth-of-type(1) > ul > li:nth-of-type(n+3) {margin-bottom:0}
#container .mcontent3 .main_content > ul > li:nth-of-type(1) > ul > li:nth-of-type(4n) {margin-right:0}
#container .mcontent3 .main_content > ul > li:nth-of-type(1) > ul > li a {height:auto;padding:14px}
#container .mcontent3 .main_content > ul > li:nth-of-type(2) {width:100%;margin:0;margin-top:20px;padding:0}
#container .mcontent3 .main_content > ul > li:nth-of-type(3) .title {font-size:30px;margin:40px auto 0}
#container .mcontent3 .main_content > ul > li:nth-of-type(2) {display:flex;flex-wrap:wrap;background:none;min-height:auto}
#container .mcontent3 .main_content > ul > li:nth-of-type(2) .bank_info {padding:0;background:none}
#container .mcontent3 .main_content > ul > li:nth-of-type(2) .bank_info .account,
#container .mcontent3 .main_content > ul > li:nth-of-type(2) .bank_info .name {margin-top:7px}
#container .mcontent3 .main_content > ul > li:nth-of-type(2) .wrap_tel {background:#dce2eb;width:50%;padding:15px 0;border-radius:10px 0 0 10px;display:flex;align-items:center;flex-direction:column;}
#container .mcontent3 .main_content > ul > li:nth-of-type(2) .wrap_bank {background:#dcebeb;width:50%;padding:15px 0;border-radius:0 10px 10px 0;display:flex;align-items:center;flex-direction:column;}
#container .mcontent3 .main_content > ul > li:nth-of-type(2) .tel_bold {background:none;padding:2px 0}
#container .mcontent3 .main_content > ul > li:nth-of-type(2) .space5 {height:5px}
#container .mcontent4 {padding:0}
#container .mcontent4 .mtitle_area img {width:35px}
#container .main_title_bold {font-size:30px}
#container .mcontent4 .mcon {margin-top:10px}
#container .mcontent4 .mcon dl {padding:0 10px}
#container .mcontent4 .mcon dl dt {min-width:80px;}
#container .mcontent4 .mcon dl dd .title {font-size:18px}
#container .mcontent4 .mcon dl dd .content {font-size:15px}
#container .mcontent4 .main_banner > ul.cs_m1 .bg_green,
#container .mcontent4 .main_banner > ul.cs_m1 .bg_red {font-size:18px;height:35px;line-height:30px;padding:0 20px}
#container .mcontent4 .main_banner > ul.cs_m1 > li {padding:25px 20px;height:320px}
#container .mcontent4 .main_banner > ul.cs_m1 > li img {margin:15px 0}
#container .mcontent4 .main_banner > ul.cs_m1 .bt {font-size:25px}
#container .mcontent4 .main_banner > ul.cs_m1 .st {font-size:15px}
#container .mcontent4 .main_sns .main_sns_title {display:block;text-align:center}
#container .mcontent4 .main_sns .main_sns_title .btitle {font-size:22px}
#container .mcontent4 .main_sns .main_sns_title .sns {padding-top:10px}
#container .mcontent4 .main_sns .main_sns_bnr ul li {width:32%;margin-right:2%;margin-bottom:20px}
#container .mcontent4 .main_sns .main_sns_bnr ul li img {width:100%}
#container .mcontent4 .main_sns .main_sns_bnr ul li:nth-of-type(3n) {margin-right:0}
#container .mcontent4 .main_sns .main_sns_bnr p {background:#fff;display:flex;align-items:center;justify-content:center;width:auto;text-align:center;font-size:16px;color:#3c3c3c;line-height:1.3;height:80px;border-radius:0 0 20px 20px;margin-top:-5px}
#container .mcontent5 .btn_more {display:none}
#container .mcontent5 .main_content a .txt .title {font-size:16px}
#container .mcontent3 .main_content2 > .type1 > li {height:180px}
#container .mcontent3 .main_content2 > .type1 > li:nth-of-type(1) {width:49.25%;background-size:auto 90%}
#container .mcontent3 .main_content2 > .type1 > li:nth-of-type(1) .title {font-size:22px;}
#container .mcontent3 .main_content2 > .type1 > li:nth-of-type(2) {width:49.25%;margin-left:1.5%}
#container .mcontent3 .main_content2 > .type1 > li:nth-of-type(2) > ul > li:nth-of-type(2) {font-size:20px}
#container .mcontent3 .main_content2 > .type2 > li .tit {font-size:18px}
#container .mcontent3 .main_content2 > .type2 > li:nth-of-type(1),
#container .mcontent3 .main_content2 > .type2 > li:nth-of-type(2) {height:190px}
#container .mcontent3 .main_content2 > .type2 > li:nth-of-type(1) > dl > dt {font-size:14px;padding:5px 10px;}
#container .mcontent3 .main_content2 > .type2 > li:nth-of-type(1) > dl {margin-bottom:7px}
#container .mcontent3 .main_content2 > .type2 > li:nth-of-type(2) .bank {font-size:15px;padding:5px 10px}
#container .mcontent3 .main_content2 > .type2 > li:nth-of-type(1) > dl > dd {font-size:16px}
#container .mcontent3 .main_content2 > .type2 > li:nth-of-type(2) .account {font-size:20px;padding:8px 0}
#container .mcontent4 .mobile1000 > ul > li {width:49%;margin-right:2%;margin-bottom:15px}
#container .mcontent4 .mobile1000 > ul > li:nth-of-type(4n) {margin-right:2%}
#container .mcontent4 .mobile1000 > ul > li:nth-of-type(2n) {margin-right:0}

/*메인 전단지*/
#container .mcontent5 .mcon {padding:20px 0 40px}
#container .mcontent5 .mtitle_area img {width:35px}
#container .mcontent5 a.more img {width:42px}

#sub_container {padding-top:110px}
#sub_container .sub_check_list dt {font-size:16px;width:110px}
#sub_container .sub_check_list dd {width:calc(100% - 110px)}
#sub_container .sub_title,
#sub_container .sub_title_center {padding:30px 0 20px;}
#sub_container .fs18 {font-size:16px}
#sub_container .fs30 {font-size:24px}
#sub_container .product_list ul li {width:48%;margin-right:4%;margin-bottom:30px}
#sub_container .product_list ul li:nth-of-type(3n) {margin-right:4%}
#sub_container .product_list ul li:nth-of-type(2n) {margin-right:0}
#sub_container .sub_tab {padding:0 0 30px}
#sub_container .sub_tab ul {text-align:center;justify-content:space-between;}
#sub_container .sub_tab ul li {width:48%;text-align:center;margin:1%}
#sub_container .sub_detail_title {font-size:19px;margin-bottom:10px}
#sub_container .sub_tbl_title {font-size:20px;margin-bottom:15px}
#sub_container table.basic th,
#sub_container table.basic td {padding:13px 2%}
#sub_container .tbl_basic th,#sub_container .tbl_basic td {padding:12px 10px;font-size:15px}
#sub_container .tbl_basic_v_center th,
#sub_container .tbl_basic_v_center td {padding:12px 10px;font-size:15px}
#sub_container .tbl_basic2 th,
#sub_container .tbl_basic2 td {padding:12px 5px;font-size:15px}
#sub_container .tbl_basic_v tr td {padding:10px}
#sub_container .btn_sub_tab ul li {font-size:18px}
#sub_container .btn_sub_tab ul li a {height:50px;line-height:47px}
#sub_container .btn_sub_tab2 ul li {font-size:18px}
#sub_container .btn_sub_tab2 ul li a {height:50px;line-height:47px}
#sub_container .sub_content_title {font-size:20px;padding:20px 0 10px}
.center_item {display:none}
#sub_container .sub_top_m_wrap ul li:nth-of-type(1) {width:calc(100% - 150px)}
#sub_container .sub_top_m_wrap ul li:nth-of-type(1) h1 {font-size:25px}
#sub_container .sub_top_m_wrap ul li:nth-of-type(1) .txt {font-size:14px}
#sub_container .sub_top_m_wrap ul li:nth-of-type(2) {width:150px}
#sub_container .scontent {padding-top:40px}
#sub_container .scontent .title {font-size:19px}
#sub_container .bg_gray_content {background:#f9f9f9;padding:20px 4%}
#sub_container .content_title_wrap {display:flex;align-items:center;font-size:16px;font-weight:500;color:#3c3c3c}
#sub_container .content_title_wrap img {padding-right:10px}
#sub_container .bg_gray_content .content_txt {padding-top:5px}
#sub_container .form_application table th {font-size:15px}
#sub_container .form_application table td input[type="text"],#sub_container .member_input table td input[type="password"] {width:100%;height:35px;line-height:35px}
#sub_container .form_application table td.w90 input[type="text"] {width:100%;height:35px;line-height:35px;}
#sub_container .form_application .guide {padding:25px}
#sub_container .form_application .guide .stit {font-size:15px}
#sub_container .form_application .guide .tel {font-size:18px}
#sub_container .form_application .guide .btn {margin-top:20px;width:150px;padding:10px 0;font-size:16px;}
#sub_container .target > ul li {width:100%;margin-right:0;margin-bottom:20px}
#sub_container .target > ul li .target_content {min-height:auto;padding:20px 4%}
#sub_container .target .content_title_wrap {padding-bottom:10px}
#sub_container .target > ul li .target_content .sub_dash_list {margin-top:10px;line-height:1.4;padding-left:0}
#sub_container .sub11 .check_ok h1 {font-size:22px;font-weight:400;}
#sub_container .sub11 .check_ok p.mtxt {font-size:16px;margin-top:7px}
#sub_container .sub11 .check_ok {padding-top:25px}
#sub_container .sub11 .sub_detail_top_banner h2 {font-size:18px}
#sub_container .sub11 .sub_detail_top_banner li {height:auto;min-height:100px}
#sub_container .sub11 .sub_detail_top_banner li:nth-of-type(1) {display:none}
#sub_container .sub11 .sub_detail_top_banner li:nth-of-type(2) {width:100%;padding:20px 2%}
#sub_container .sub12_step3 ul li {width:100%;min-height:auto;margin-bottom:15px;padding:20px 10%}
#sub_container .sub11_process ul {height:auto}
#sub_container .sub11_process ul li {margin-bottom:5px}
#sub_container .sub11_process ul li:nth-of-type(2n+1) {width:40%;padding:0 4%}
#sub_container .sub11_process ul li:nth-of-type(2n) {margin-top:70px;padding:0;width:10%;text-align:center;}
#sub_container .sub11_process .content .title_img .img {width:80%;text-align:center;margin:0 auto}
#sub_container .sub13_step3 ul li {width:48%;margin-right:2%;margin-bottom:15px;min-height:215px;padding:20px 2.5%}
#sub_container .sub13_step3 ul li:nth-of-type(3n) {margin-right:2%}
#sub_container .sub13_step3 ul li:nth-of-type(2n) {margin-right:0}
#sub_container .sub13_step3 .title {font-size:18px;margin-top:15px}
#sub_container .sub13_step3 .con_txt {padding-top:10px}
#sub_container .sub22_content {width:100%;overflow:auto;}
#sub_container .sub22_content > ul {border-collapse:collapse;min-width:840px}
#sub_container .top_banner {height:auto;background:#f7f7f7 url(none);padding:20px;border-radius:10px}
#sub_container .process_step4 ul li {height:200px;margin-bottom:20px}
#sub_container .process_step4 ul li:nth-of-type(2n+1) {width:45%}
#sub_container .process_step4 ul li:nth-of-type(2n) {width:5%}
#sub_container .process_step4 .tit {font-size:16px;color:#3c3c3c;padding:15px 10px}
#sub_container .sub26_step4 ul li {width:49%;margin-right:2%;padding:20px 2%;border:1px solid #ddd;border-radius:15px;min-height:260px;text-align:center;margin-bottom:15px}
#sub_container .sub26_step4 ul li:nth-of-type(2n) {margin-right:0}
#sub_container .sub26_step4 ul li .img {text-align:center;font-size:22px;font-weight:500;color:#3c3c3c}
#sub_container .sub26_step4 .title {margin-top:15px;font-size:18px}
#sub_container .sub26_step4 .con_txt {font-size:15px;padding-top:10px;text-align:center;}
#sub_container .sub31 {display:flex;align-items:center}
#sub_container .sub31 .greeting_right h1 {font-size:22px;letter-spacing:-0.5px;}
#sub_container .sub31 .greeting_left {display:none;margin-right:0}
#sub_container .sub31 .greeting_right {width:100%}
#sub_container .sub34 ul li:first-child {width:100%;min-width:auto}
#sub_container .sub34 ul li:last-child {width:100%;max-width:100%}
#sub_container .sub34 ul li img {width:90px;padding-right:20px}
#sub_container .introduction dl {padding:15px 2%}
#sub_container .introduction dl dt {width:40px;height:40px;font-size:16px;margin-right:10px}
#sub_container .introduction dl dd {font-size:16px;color:#3c3c3c;width:calc(100% - 50px)}
#sub_container .sub37 {height:300px;padding:140px 3% 30px;text-align:center;font-size:18px;font-weight:500;color:#3c3c3c;line-height:1.5}
#sub_container .sub14_round {padding:20px 3%}
#sub_container .sub23_step3 li {padding:0 10px}
#sub_container .sub23_step3 li .img p {font-size:16px}
#sub_container .sub23_step3 li .txt {font-size:16px;padding-top:10px}
#sub_container .sub24_step3 li {background:none}
#sub_container .equiv_list ul li {width:48.5%;margin-right:3%;margin-bottom:15px}
#sub_container .equiv_list ul li p {padding:15px;font-size:15px;color:#3c3c3c;text-align:center}
#sub_container .equiv_list ul li:nth-of-type(3n) {margin-right:3%}
#sub_container .equiv_list ul li:nth-of-type(2n) {margin-right:0}
#sub_container .btn_sub_tab5 ul li a {font-size:16px;height:45px;line-height:42px}
#sub_container .sub_cate_tab ul li a,
#sub_container .sub_cate_tab2 ul li a,
#sub_container .sub_cate_tab3 ul li a  {font-size:16px;line-height:45px}
#sub_container .sub_cate_tab2 ul li {width:32%;margin-right:2%;margin-bottom:10px}
#sub_container .sub_cate_tab2 ul li:nth-of-type(3n) {margin-right:0}
#sub_container .add_content {font-size:15px}
#sub_container .sub2_top_content ul li.left {width:100%;padding:2%;max-width:100%}
#sub_container .sub2_top_content ul li.right {display:none;}
#sub_container .nomail ul li:first-child {display:none;padding:0}
#sub_container .nomail ul li:last-child {width:100%;font-size:18px;line-height:1.6;padding:5%}
#sub_container .tbl_basic_sub52 tr:nth-of-type(2n+1) td:nth-of-type(1) {background:#f2f2f2;border:1px solid #d0d0d0;border-radius:55px;text-align:center;padding:15px 0;height:100px;line-height:70px;vertical-align:middle}
#sub_container .sub_tab2 {padding:20px 0 40px}
#sub_container .sub_tab2 ul li a {display:block;line-height:55px;background:#eae9e9;font-size:18px;font-weight:500;color:#252525;border-radius:30px}
#sub_container .tbl_basic_img colgroup col:nth-of-type(2) {width:20px}
#sub_container .tbl_basic_img tr:nth-of-type(2n+1) td:nth-of-type(2) {min-width:20px}
#sub_container .tbl_basic_sub52 tr:nth-of-type(2n+1) td:nth-of-type(3) {padding:0 40px}
#sub_container .map_content .addr_img {display:none}
#sub_container .map_content .con_txt {width:100%}
#sub_container .sub11_point {font-size:15px}
.bottom_sub_link {margin:30px 0 10px}
.bottom_sub_link .btn_download_blue {width:auto;font-size:18px;max-width:auto;height:55px;line-height:55px;padding:0 30px}
#sub_container .sub_sub_tab {width:100%;margin:25px auto}
#sub_container .sub_sub_tab ul li a {height:40px;line-height:40px;font-size:16px}
#sub_container .sub54 ul li:first-child {width:100%;min-width:auto}
#sub_container .sub54 ul li:last-child {width:100%;max-width:100%}
#sub_container .sub54 ul li img {width:90px;padding-right:20px}
#sub_container .sub_tab_div2 ul li a,
#sub_container .sub_tab_div3 ul li a {font-size:16px;padding:10px 3%}
#sub_container .sub52_div3 > ul > li {width:100%;margin-right:0;padding:25px 0;margin-bottom:15px}
#sub_container .sub52_div3 > ul > li .title {font-size:18px;font-weight:500;color:#3c3c3c;text-decoration:underline;text-underline-offset:7px; text-decoration-thickness: 1px;}
#sub_container .sub52_div3 > ul > li .sub_con_txt {text-align:left;padding:0 5%;}
#sub_container .history dl {display:flex;flex-wrap:wrap;background:url(../img/sub52_8.gif) no-repeat left top;padding-bottom:30px;}
#sub_container .history dl > dt.year {font-size:22px;font-weight:500;color:#3d3d3d;letter-spacing:-1px;padding-left:30px;width:100%;padding-top:5px}
#sub_container .history dl > dd {width:100%;padding-top:5px;padding-left:30px}
#sub_container .history dl > dd > ul {display:flex;flex-wrap:wrap}
#sub_container .history dl > dd .day {width:60px;font-size:15px;font-weight:500;color:#3d3d3d;padding-top:3px}
#sub_container .history dl > dd .content {width:calc(100% - 60px);font-size:15px;color:#3c3c3c;line-height:1.6}
#sub_container .sub53 > ul > li {margin-bottom:30px;}
#sub_container .sub53 > ul > li .title {padding-top:15px}
#sub_container .sub54 .traffic dl > dt {display:none}
#sub_container .sub54 .traffic dl > dd {width:100%;padding-top:0;font-size:15px}
#sub_container .sub54 .traffic dl .tit {padding-bottom:10px;font-weight:500}
#sub_container .sub54 .space60 {height:25px}


#footer .bottom_m {background:#2e2e2e}
#footer .bottom_m .left {width:100%}
#footer .bottom_m .right {width:100%;text-align:left}
#footer .relate_site .content {padding:5px 10px}
#footer .bot_content {font-size:14px;color:#a4a4a4;line-height:1.6}
#footer .fnb {background:#f3f4f5;border-bottom:none;text-align:left;border-top:0;border-bottom:1px solid rgba(255,255,255,0.2);margin-bottom:10px}
#footer .fnb_m {background:#2e2e2e !important}
#footer .fnb ul li {padding-left:0;text-align:center}
#footer .fnb ul li::after {display:inline-block;content:'';border-right:none;height:13px;line-height:13px;padding-right:0}
#footer .fnb ul li:last-child::after,
#footer .fnb ul li:last-child {border-right:0;padding-right:0}
#footer .fnb ul li a {height:auto;line-height:20px}
#footer .fnb_m ul li a,
#footer .fnb_m ul li a:hover {font-size:14px;color:#fff;height:55px;line-height:55px}
}


@media all and (max-width : 800px){
  #container .mcontent3 .content {font-size:15px}
  #sub_container .sub36_2 ul li {width:100%;height:auto}
  #sub_container .sub36_2 ul li:nth-of-type(1), #sub_container .sub36_2 ul li:nth-of-type(2) {height:auto}
  #sub_container .sub36_2 ul li:nth-of-type(3n)  {margin-right:0}
}


@media all and (max-width : 720px){

.pc720 {display:none}
.mobile720 {display:block}
.img_w1000, .img_w840, .img_w480 {display:none;text-align:center}
.img_w480 {display:block}
#sub_container .sub16_step3 li:nth-of-type(2n+1) {width:100%}
#sub_container .sub16_step3 li:nth-of-type(2n+1) img {width:110px}
#sub_container .sub16_step3 li:nth-of-type(2n) {display:block;height:20px}
#sub_container .sub16_step3 li {height:auto}
#sub_container .sub16_step3 li > div > div.vc {height:auto;padding:10px 0}

#sub_container .sub26_step3 ul li {width:100%;margin-right:0;margin-bottom:20px}
#sub_container .sub26_step3 ul li .img {text-align:center;}
#sub_container .sub26_step3 ul li .content_txt {min-height:auto;padding-bottom:20px;overflow:hidden}
#sub_container .sub26_step3 .title {font-size:18px;height:75px}


}



@media all and (max-width : 640px){

.space50 {height:25px}
.pc640 {display:none}
.mobile640 {display:block}
.pc640_tbl {display:none}
.mobile640_tbl {display:inline}
.pc640_view {display:none}
.mobile640_view {display:visible}
.space70 {height:40px}
.btn_online_red {background:#ff2452;display:inline-block;max-width:150px;height:40px;line-height:40px;font-size:16px;font-weight:500;color:#fff;margin:20px auto;border:none;text-align:center;}
.btn_online_gray {background:#868686;display:inline-block;width:100%;max-width:150px;height:40px;line-height:40px;font-size:16px;font-weight:500;color:#fff;margin:20px auto;border:none;text-align:center;}
#container .main_title_wrap {clear:both;height:50px;margin:40px 0 5px}
#header .main_top .right .medal, #header .main_top .right .medal ul {height:22.65vw}
#header .main_top .right .medal img {height:21.25vw}
#header .main_top .right .medal li > b {font-size:22px}
#header .main_top .right .medal li > p {font-size:16px;padding-top:5px}
#container .mtitle_wrap {padding-top:30px}
#container .main_title {font-size:25px}
#container .mcontent2 .tab_content2 > .ss_menu > ul > li > a {padding:15px 0;border-radius:15px}
#container .mcontent2 .tab_content2 .item_con {padding:0 20px}
#container .mcontent2 .tab_content2 ul li {margin-bottom:10px;width:49%;margin-right:2%}
#container .mcontent2 .tab_content2 ul li:nth-of-type(2n) {margin-right:0}
#container .mcontent2 .main_sns .main_sns_bnr ul li {width:49%;margin-right:2%;margin-bottom:10px}
#container .mcontent2 .main_sns .main_sns_bnr ul li:nth-of-type(3n) {margin-right:2%}
#container .mcontent2 .main_sns .main_sns_bnr ul li:nth-of-type(2n) {margin-right:0}
#container .mcontent2 .main_sns {padding-bottom:10px}
#container .mcontent2 .main_sns .main_sns_bnr p {font-size:15px;height:70px}
#container .mcontent2 .mcon {margin-top:0}
#container .mcontent2 .main_list {margin-top:0}
#container .mcontent2 .notice_list dl dt a {font-size:15px;padding:7px 0}
#container .mcontent2 .main_list li .item .txt_con .txt {font-size:15px;margin:5px 0}
#container .mcontent2 .main_list li .item img {border-radius:15px 15px 0 0}
#container .mcontent2 .main_list li .item .txt_con {border-radius:0 0 15px 15px}
#container .mcontent2 .main_banner > ul.cs_m1 > li {padding:20px;height:auto;min-height:230px;margin-top:10px}
#container .mcontent2 .main_banner > ul.cs_m1 .bg_green, #container .mcontent2 .main_banner > ul.cs_m1 .bg_red {font-size:16px}
#container .mcontent2 .main_banner > ul.cs_m1 .bt {font-size:22px}
#container .mcontent2 .main_banner > ul.cs_m1 .st2 {font-size:16px}
#container .mcontent2 .tab_content2 > .ss_menu > ul > li > a {padding:15px}
#container .mcontent2 .tab_content2 .notice {width:100%;padding:0 0 10px 5px}
#container .mcontent2 .tab_content2 .item_con {width:100%}
#container .mcontent2 .tab_content2 > .ss_menu .date {width:100%;border-top:1px solid #ddd;margin-top:10px;height:30px} 
#container .mcontent3 .mcon ul li {margin-bottom:10px}
#container .mcontent3 .mcon .title_wrap {padding:15px 5%}
#container .mcontent3 ul li{height:auto}
#container .mcontent3 .main_content > ul > li:nth-of-type(1) > ul > li {width:48%;margin-right:2%;margin-bottom:10px}
#container .mcontent3 .main_content > ul > li:nth-of-type(1) > ul > li:nth-of-type(2n) {margin-right:0}
#container .mcontent3 .main_content > ul > li:nth-of-type(1) > ul > li:nth-of-type(n+3) {margin-bottom:10px}
#container .mcontent3 .main_content > ul > li:nth-of-type(1) > ul > li a {height:auto;padding:14px}
#container .mcontent3 .mb-mid {top:34px}
#container .mcontent3 .cs_quide {padding:20px}
#container .mcontent3 .cs_title {padding-bottom:5px}
#container .mcontent3 .cs_bg_title, #container .mcontent3 .cs_title_blue {font-size:16px}
#container .mcontent3 .cs_txt {font-size:15px;font-weight:400;line-height:1.5}
#container .mcontent3 .cs_quide dt {width:60%}
#container .mcontent3 .cs_quide dd {width:40%;text-align:center}
.main_bottom_roll .slide_title {font-size:16px}
#container .mcontent3 .cs {width:100%;margin:0;border-right:none}
#container .mcontent3 .main_content > ul > li:nth-of-type(3) .title {font-size:25px;margin:30px auto 0}
#container .mcontent3 .main_content > ul > li:nth-of-type(3) .mroll_bottom {padding:10px}
#container .mcontent3 .main_content > ul > li:nth-of-type(2) .wrap_tel {width:100%;border-radius:10px 10px 0 0}
#container .mcontent3 .main_content > ul > li:nth-of-type(2) .wrap_bank {width:100%;border-radius:0 0 10px 10px}
#container .mcontent4 .tab_content2 > .ss_menu > ul > li > a {padding:15px 0;border-radius:15px}
#container .mcontent4 .tab_content2 .item_con {padding:0 20px}
#container .mcontent4 .tab_content2 ul li {margin-bottom:10px;width:49%;margin-right:2%}
#container .mcontent4 .tab_content2 ul li:nth-of-type(2n) {margin-right:0}
#container .mcontent4 .main_sns .main_sns_bnr ul li {width:49%;margin-right:2%;margin-bottom:10px}
#container .mcontent4 .main_sns .main_sns_bnr ul li:nth-of-type(3n) {margin-right:2%}
#container .mcontent4 .main_sns .main_sns_bnr ul li:nth-of-type(2n) {margin-right:0}
#container .mcontent4 .main_sns {padding-bottom:10px}
#container .mcontent4 .main_sns .main_sns_bnr p {font-size:15px;height:70px}
#container .mcontent4 .mcon {margin-top:0}
#container .mcontent4 .main_list {margin-top:0}
#container .mcontent4 .notice_list dl dt a {font-size:15px;padding:7px 0}
#container .mcontent4 .main_list li .item .txt_con .txt {font-size:15px;margin:5px 0}
#container .mcontent4 .main_list li .item img {border-radius:15px 15px 0 0}
#container .mcontent4 .main_list li .item .txt_con {border-radius:0 0 15px 15px}
#container .mcontent4 .main_banner > ul.cs_m1 > li {padding:20px;height:auto;min-height:230px;margin-top:10px}
#container .mcontent4 .main_banner > ul.cs_m1 .bg_green, #container .mcontent4 .main_banner > ul.cs_m1 .bg_red {font-size:16px}
#container .mcontent4 .main_banner > ul.cs_m1 .bt {font-size:22px}
#container .mcontent4 .main_banner > ul.cs_m1 .st2 {font-size:16px}
#container .mcontent4 .tab_content2 > .ss_menu > ul > li > a {padding:15px}
#container .mcontent4 .tab_content2 .notice {width:100%;padding:0 0 10px 5px}
#container .mcontent4 .tab_content2 .item_con {width:100%}
#container .mcontent4 .tab_content2 > .ss_menu .date {width:100%;border-top:1px solid #ddd;margin-top:10px;height:30px} 
#container .mcontent5 .btn_more {top:32px}
#container .mcontent5 .main_recruit li {width:48.5%;margin-right:3%}
#container .mcontent5 .main_recruit li:nth-of-type(3n) {margin-right:3%}
#container .mcontent5 .main_recruit li:nth-of-type(2n) {margin-right:0}
#container .mcontent5 .main_recruit li a {height:auto}
#container .mcontent5 .main_recruit .title {font-size:18px}
#container .mcontent5 .main_recruit .detail {padding-top:15px;font-size:14px}
#container .mcontent5 .main_recruit .date {padding-top:10px;font-size:14px}
#container .mcontent5 .main_content a .txt .date,
#container .mcontent5 .main_content a .txt .title {text-align:center;padding:0}

/*메인 전단지*/
#container .mcontent5 .mcon {padding:20px 0 30px}
#container .mcontent5 .mcon ul li {margin-bottom:10px}
#container .mcontent5 .mcon .title_wrap {padding:15px 5%}
#container .mcontent5 a.more {top:0}
#container .mcontent5 a.more img {width:26px}

#container .sub_tab {margin-top:20px}
#container .main_title_bold {font-size:24px}
#container .mcontent1 {background:#f4f3f3;margin:0;padding:0}
#container .mcontent1 .wr1200 {width:100%}
#container .mcontent1 ul {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
#container .mcontent1 ul > li {margin:0;border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;width:33.3%}
#container .mcontent1 ul > li:nth-of-type(3n) {border-right:none}
#container .mcontent1 li a {text-align:center;width:110px;margin:0 auto;display:flex;justify-content:center;align-items:center;padding:10px 0}
#container .mcontent1 li img {float:left;max-width:40px}
#container .mcontent1 li .txt {font-size:14px;width:100px;padding-top:0;line-height:1.3}
#container .mcontent1 .mobile640 li:nth-of-type(2n) {margin-right:0}
#container .mcontent1 .mobile640 li:nth-of-type(2n+1) {margin-right:2%}
#container .sub_tab li,
#container .sub_tab2 li {width:auto;min-width:60px}
#container .sub_tab li a,
#container .sub_tab2 li a {font-size:14px;padding:6px;letter-spacing:-1px}
#container .sub_tab li:last-child,
#container .sub_tab2 li:last-child {width:34px;min-width:auto}
#container .sub_tab li:last-child div.more,
#container .sub_tab2 li:last-child div.more {width:34px;height:34px;background-size:50% 50%}
#container .main_title, #container .main_title p {font-size:25px}
#container .main_title .big_title {font-size:28px}
#container .mtitle_area {padding-bottom:20px}
.mcon .title_wrap {padding-bottom:15px}
.mcon .title_wrap .title {font-size:20px;line-height:25px}
.mcon .title_wrap .right img {width:25px}
#container .mcontent3 .main_content2 > .type1 > li {height:140px}
#container .mcontent3 .main_content2 > .type1 > li:nth-of-type(1) .title {font-size:18px}
#container .mcontent3 .main_content2 > .type1 > li:nth-of-type(1) .arrow {padding-top:20px;}
#container .mcontent3 .main_content2 > .type1 > li:nth-of-type(1) .arrow img {width:30px}
#container .mcontent3 .main_content2 > .type1 > li:nth-of-type(2) > ul > li:nth-of-type(1) {width:40%;margin-right:0}
#container .mcontent3 .main_content2 > .type1 > li:nth-of-type(2) > ul > li:nth-of-type(2) {width:55%;font-size:16px}
#container .mcontent3 .main_content2 > .type2 > li .tit {font-size:16px}
#container .mcontent3 .main_content2 > .type2 > li:nth-of-type(1) > dl > dt {font-size:14px;padding:2px 5px;min-width:50px}
#container .mcontent3 .main_content2 > .type2 > li:nth-of-type(1) > dl > dd {font-size:14px}
#container .mcontent3 .main_content2 > .type2 > li:nth-of-type(2) .bank {font-size:14px;padding:4px 7px}
#container .mcontent3 .main_content2 > .type2 > li:nth-of-type(2) .account {padding:4px 0;font-size:16px}
#container .mcontent3 .main_content2 > .type2 > li:nth-of-type(2) .txt {font-size:14px;word-break: keep-all;}
#container .mcontent3 .main_content2 > .type2 .long dd {text-align:right;}
#container .mcontent5 .swiper-button-prev {display:block}
#container .mcontent5 .swiper-button-next {display:block}


#sub_container .sub_detail_title {font-size:18px}
#sub_container .sub_content_title {font-size:20px}
#sub_container .sub_title {padding:25px 0 20px;font-size:24px}
#sub_container .sub_title_center {padding:30px 0 20px;font-size:24px;line-height:1.3}
#sub_container .sub_title h1 {font-size:26px;padding:10px 0 25px}
#sub_container .sub_title2 > h1 {font-size:26px;}
#sub_container .sub_title3 > h1 {font-size:28px;}
#sub_container .sub_tab ul li a {font-size:18px;height:50px;line-height:45px}
#sub_container .sub_tab ul li img {display:none}
#sub_container .sub_con_txt {font-size:15px;line-height:1.5}
#sub_container .usage h2, #sub_container .usage_area h2 {font-size:20px}
#sub_container .fs20 {font-size:16px}
#sub_container .fs25 {font-size:20px}
#sub_container table.basic_online th, #sub_container table.basic_online td {font-size:15px}
#sub_container .sub41_step3 .title {margin-top:10px;height:40px;font-size:18px}
#sub_container .sub41_step3 ul li:nth-of-type(1),
#sub_container .sub41_step3 ul li:nth-of-type(2) {height:auto}
#sub_container .sub41_step3 ul li {width:100%;height:auto !important;min-height:auto}
#sub_container .sub41_step3 ul li:nth-of-type(3n)  {margin-right:0}
#sub_container .sub25_step3 > ul > li {width:100%;margin-right:0;margin-bottom:15px}
#sub_container .sub25_step3 > ul > li:nth-of-type(3n) {margin-right:0}
#sub_container .sub25_step3 > ul > li:nth-of-type(2n) {margin-right:0}
#sub_container .sub25_step3 > ul > li .top {height:60px}
#sub_container .sub25_step3 > ul > li:nth-of-type(1) .top .circle {display:none}
#sub_container .sub25_step3 > ul > li .top img {display:none}
#sub_container .sub25_step3 > ul > li .top h2 {font-size:18px;font-weight:500;color:#fff}
#sub_container .sub25_step3 > ul > li:nth-of-type(3n) {margin-right:0}
#sub_container .sub25_step3 .sub_dash_list {padding:15px 5%}
#sub_container .sub46_div3 > ul li:nth-of-type(2n+1) {width:100%;text-align:center;margin-bottom:30px}
#sub_container .sub46_div3 > ul li:nth-of-type(2n) {display:none}
#sub_container .sub46_div3 > ul .content img {max-width:200px;margin:0 auto}
#sub_container .sub46_div3 > ul .content .detail_wrap .num {font-size:16px;font-weight:600;color:#fff}
#sub_container .sub46_div3 > ul .content .detail_wrap .img {padding-top:5px}
#sub_container .sub46_div3 > ul .title {font-size:15px;padding-top:15px;word-break:keep-all;}

#sub_container .sub36 {height:250px;}
#sub_container .sub36 .title {font-size:18px}
#sub_container .sub36 .sub_txt {font-size:15px;padding-top:5px;line-height:1.4}
#sub_container .sub36_2 .title {height:40px;font-size:18px}
#sub_container .sub37 {height:auto;padding:120px 3% 40px;text-align:center;font-size:16px;font-weight:500;color:#3c3c3c;line-height:1.5;background-size:auto;background-position-y:-40px;}
#sub_container .qna_list .item .question {background:url(../img/icon_question.png) no-repeat 20px center;;padding:25px 20px 25px 80px;font-size:16px}
#sub_container .qna_list .item .question:hover {background:#f5f5f5 url(../img/icon_question.png) no-repeat 20px center;cursor:pointer}
#sub_container .qna_list .item .answer {display:none;border-top:1px solid #e3e3e3;margin:0 20px;padding:15px 0;font-size:15px;color:#3c3c3c;line-height:1.7}
#sub_container .sub_dot_list dd {font-size:15px}
#sub_container .sub_num_step {padding:15px 2.5%}
#sub_container .sub_num_step dt {width:30px;height:30px;line-height:30px;margin:5px 0}
#sub_container .sub_num_step dd {margin:5px 0;padding-top:0;width:calc(100%- 30px - 10px)}
#sub_container .org_chart1200,#sub_container .org_chart640 {display:none}
#sub_container .org_chart480 {display:block}
#sub_container .sub57 ul {border:none;border-bottom:1px solid #ddd;border-radius:0;padding-bottom:10px;margin-bottom:10px}
#sub_container .nomail ul li:last-child {font-size:15px}
#sub_container .nomail ul li b {font-size:16px}
#sub_container .sub_tab2 {padding:10px 0 20px}
#sub_container .sub_tab2 ul li {width:100%;text-align:center;margin:0 0 5px}
#sub_container .sub_tab2 ul li a {border-radius:0;height:45px;line-height:40px}
.root_daum_roughmap {height:250px}
#sub_container .tbl_sub15_admin td b {margin-right:0}
#sub_container table.basic td, #sub_container table.basic th {font-size:15px}
#sub_container table.basic_list td, #sub_container table.basic_list th {font-size:15px}
#sub_container .sub53 > ul > li {margin-bottom:20px;}
}


@media all and (max-width : 550px){
  #header .main_top .right .medal li > b {font-size:20px}
  #container .mcontent1 .mobile640 .mtitle {font-size:18px}
  #container .mcontent1 .mobile640 .micon img {width:58px}
  #container .mcontent1 .mobile640 li {padding:10px 12px}
}


@media all and (max-width : 500px){
  #sub_container .sub16_step_guide ul li:nth-of-type(2n) {height:20vw}
  #sub_container .sub16_step_guide ul li:nth-of-type(2n+1) {width:30%}
#sub_container .sub16_step_guide ul li:nth-of-type(2n) {background:url(../img/icon_process_arrow.gif) no-repeat center center;width:calc( (100% - 30% * 2) / 2 );height:100px;text-align:center;}

  
}

@media all and (max-width : 480px){

.pc480 {display:none}
.mobile480 {display:block}
.pc480_tbl {display:none}
.mobile480_tbl {display:inline}
.big_btn_blue2, .big_btn_gray2 {max-width:160px}
.space20 {height:10px}
.space30 {height:15px}
.space40 {height:20px}
.space50 {height:25px}
.space70 {height:30px}
.space80 {height:45px}
#header .main_top .right .medal li > b {font-size:17px;line-height:1.4}
#header .main_top .right .medal li > p {font-size:14px}
#header .main_bnr_m > ul li a {font-size:15px}
#header .main_top .right .medal, #header .main_top .right .medal ul {height:106px}
#header .main_top .right .medal img {height:102px}
#header .main_top .mobile840 > ul > li:nth-of-type(2) .wr1200 > ul > li {font-size:15px}

#container .mcontent5 .main_recruit .title {font-size:15px}
#container .mcontent5 .main_recruit li a {height:auto;padding:10px}
#container .mtitle_wrap {padding-top:20px;padding-bottom:0}
#container .main_title {font-size:20px}
#container .main_title_img img {margin-left:10px;width:25px}
#container .sub_tab,
#container .sub_tab2  {float:none;width:100%;text-align:center;margin-top:10px}
#sub_container .sub_title h1 {font-size:22px}
#sub_container .sub_title2 > h1 {font-size:22px;}
#sub_container .sub_title3 > h1 {font-size:24px;}
#sub_container .sub11 .sub_detail_top_banner h2 {font-size:16px}
#sub_container .sub11 .sub_detail_top_banner h3 {font-size:14px}
#sub_container .sub11 .sub_detail_top_banner li {height:auto;min-height:130px;padding:20px 10px}
#container .mcontent1 .left {display:block}
#container .mcontent1 .mobile640 li {padding:10px 20px}
#container .mcontent1 .mobile640 .mtitle {font-size:17px;line-height:1.2;width:65%}
#container .mcontent2 .main_sns .main_sns_title .btitle {font-size:20px}
#container .mcontent2 .tab_content2 .tab_cate {width:80px;font-size:15px;height:25px;line-height:22px}
#container .mcontent2 .tab_content2 .item_con {padding:0 15px 0 5px}
#container .mcontent2 .tab_content2 .item_con .title {padding-top:0;font-size:16px}
#container .mcontent2 .tab_content2 .item_con .txt {padding-top:10px;font-size:14px}
#container .mcontent2 .tab_content2 .cate_date .day {padding-top:0;font-size:25px}
#container .mcontent2 .main_banner > ul.cs_m1 > li {padding:15px 10px;min-height:200px}
#container .mcontent2 .main_banner > ul.cs_m1 .st {font-size:12.2px}
#container .mcontent2 .main_banner > ul.cs_m1 .bt {font-size:20px}
#container .mcontent2 .main_banner > ul.cs_m1 .st2 {font-size:14px}
#container .mcontent2 .main_banner > ul.cs_m1 .bg_green, #container .mcontent2 .main_banner > ul.cs_m1 .bg_red {font-size:15px;height:30px;line-height:25px;padding:0;width:100%}
#container .main_title2 span {font-size:30px}
#container .mcontent4 .main_sns .main_sns_title .btitle {font-size:20px}
#container .mcontent4 .tab_content2 .tab_cate {width:80px;font-size:15px;height:25px;line-height:22px}
#container .mcontent4 .tab_content2 .item_con {padding:0 15px 0 5px}
#container .mcontent4 .tab_content2 .item_con .title {padding-top:0;font-size:16px}
#container .mcontent4 .tab_content2 .item_con .txt {padding-top:10px;font-size:14px}
#container .mcontent4 .tab_content2 .cate_date .day {padding-top:0;font-size:25px}
#container .mcontent4 .main_banner > ul.cs_m1 > li {padding:15px 10px;min-height:200px}
#container .mcontent4 .main_banner > ul.cs_m1 .st {font-size:12.2px}
#container .mcontent4 .main_banner > ul.cs_m1 .bt {font-size:20px}
#container .mcontent4 .main_banner > ul.cs_m1 .st2 {font-size:14px}
#container .mcontent4 .main_banner > ul.cs_m1 .bg_green, #container .mcontent4 .main_banner > ul.cs_m1 .bg_red {font-size:15px;height:30px;line-height:25px;padding:0;width:100%}
#container .mcontent2 .item_con .day {font-size:34px}
#container .mcontent2 .item_con .title {font-size:15px}
#container .mcontent2 .item_con .txt {font-size:14px}
#container .mcontent2 .item_con .title_wrap > div {padding-right:8px}
#container .mcontent3 .main_content2 > .type1 > li:nth-of-type(1) .title {font-size:16px}
#container .mcontent3 .main_content2 > .type1 > li:nth-of-type(2) > ul > li:nth-of-type(2) {font-size:14px}
#container .mcontent3 .main_content2 > .type1 > li:nth-of-type(2) > ul > li:nth-of-type(1) {padding-right:0}
#container .mcontent4 .mobile1000 > ul a {height:205px}
#container .mcontent4 .title {font-size:16px}
#container .mcontent4 .item_con {padding-top:5px}
#container .mcontent4 .item_con p {font-size:14px}
#container .mcontent4 .date {padding-top:5px;text-align:center;}

/*메인 전단지*/
#container .mcontent5 .mcon {padding:20px 0 20px}
#container .mcontent5 .mcon .title {font-size:15px;}
#container .mcontent5 .mcon .date {font-size:14px}

#sub_container .sub_title_center {font-size:22px}
#sub_container .fs30 {font-size:20px}
#sub_container .sub_content_title {padding:10px 0 5px}
#sub_container .btn_sub_tab ul li {font-size:16px}
#sub_container .btn_sub_tab ul li a {height:45px;line-height:42px}
#sub_container .btn_sub_tab2 ul li {font-size:16px}
#sub_container .btn_sub_tab2 ul li a {height:45px;line-height:42px}
#sub_container .top_banner .btit {font-size:16px}
#sub_container .top_banner .stit {font-size:15px}
#sub_container table.basic_online td input, #sub_container table.basic_online td select {min-width:auto;width:100%}
#sub_container .sub51_txt {padding:20px 3%;}
#sub_container .equiv_list ul li {margin-bottom:10px}
#sub_container .equiv_list ul li p {padding:10px}
#sub_container .equiv_list ul li img {border-radius:10px;}
#sub_container .sub_top_m_wrap ul li:nth-of-type(1) h1 {font-size:20px}
#sub_container .sub_top_m_wrap ul li:nth-of-type(1) .txt {font-size:13px}
#sub_container .sub23_step3 li {width:100%;margin-bottom:20px;padding:0 5%}
#sub_container .sub23_step3 li .txt {padding-top:10px}
#sub_container .sub23_step3 li .img {width:170px;margin:0 auto}
#sub_container .sub23_method ul {padding:15px 3%}
#sub_container .sub23_method ul li:first-child {display:none}
#sub_container .sub23_method ul li:last-child {width:100%}
#sub_container .sub_cate_tab ul li a, #sub_container .sub_cate_tab2 ul li a {font-size:15px}
#sub_container .sub_cate_tab3 ul li {margin:0 4px}
#sub_container .product_list ul li {width:100%;margin-right:0;margin-bottom:30px}
#sub_container .product_list ul li:nth-of-type(3n) {margin-right:0}
#sub_container .product_list ul li:nth-of-type(2n) {margin-right:0}
#sub_container .ltitle_rcontent dt {float:none;height:35px;line-height:33px;border-radius:25px;}
#sub_container .ltitle_rcontent dd {float:none;width:100%;line-height:1.6;margin-bottom:7px}
#sub_container .sub_step3 ul li:nth-of-type(2n+1) > div {height:150px}
#sub_container .sub_step3 .icon {padding-top:20px}
#sub_container .sub_sub_tab ul li {width:48%;margin-bottom:10px}
#sub_container .sub12_step3 ul li {padding:20px 5%}
#sub_container .sub12_step3 ul li .img, #sub_container .sub12_step3 ul li .title {text-align:center;}
#sub_container .sub13_step3 ul li {width:100%;margin-right:0;text-align:center;min-height:auto}
#sub_container .sub13_step3 ul li:nth-of-type(3n) {margin-right:0}
#sub_container .sub13_step3 .con_txt {text-align:center;}
#sub_container .sub_tab ul li a {font-size:16px}
#sub_container .sub_circle_number_list dt {display:flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:14px;margin:5px 0}
#sub_container .sub_circle_number_list dd {width:calc(100% - 10px - 28px);font-size:15px;margin:5px 0 5px 10px}
#sub_container .sub_tab_div2 ul li,
#sub_container .sub_tab_div3 ul li {width:100%;margin:0 0 5px}
#sub_container .sub53 > ul > li {width:100%;margin-right:0;margin-bottom:20px;}
#sub_container .sub53 > ul > li .title {padding-top:10px}

#footer .relate_site dl {padding:20px 0 10px}
#footer .relate_site dl dd ul li {width:50%}
#footer .fnb ul li {padding-right:4%}
#footer .fnb ul li:last-child {padding-right:0}
#footer .fnb ul li::after {padding-left:0;margin-right:0}
}


@media all and (max-width : 400px){
  #header .main_rolling, #header .main_rolling .mroll,#header .main_rolling .mroll2 {position:relative;height:auto}
  #header .main_rolling .mroll .swiper-slide,#header .main_rolling .mroll2 .swiper-slide {background-size:cover !important}
  #header .main_rolling .swiper-slide {height:52.5vw}

  #container .mcontent5 .btn_more {top:30px}
  #container .mcontent2 .tab_content2 ul li {margin-bottom:10px;width:100%;margin-right:0}
  #container .mcontent4 .tab_content2 ul li {margin-bottom:10px;width:100%;margin-right:0}
}


@media all and (max-width : 360px){

}


.panel {
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  position: fixed;
  z-index: 99999999;
  top:0;
  height: 100%;
  width: 320px;
  background-color:#00ae8b;
}
.panel .moff {display:none}
.panel .close_btn {display:none}
.panel .ninja-btn {
  display:none;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  display: inline-block;
  float: left;
  cursor: pointer;
  padding: 10px 25px;
  position: absolute;
  z-index: 2;
  top: -25px;
  width: 25px;
  height: auto;
}
.panel .ninja-btn span,
.panel .ninja-btn span:before,
.panel .ninja-btn span:after {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  width: 0px;
  height: 2px;
  background-color: #fff;
}
.panel .ninja-btn span {
  position: relative;
  display: inline-block;
  float:left;
  margin-top: 9.09090909px;
}
.panel .ninja-btn span:before,
.panel .ninja-btn span:after {
  content: "";
  position: absolute;
  left: 0;
}
.panel .ninja-btn span:before {
  top: -9.09090909px;
}
.panel .ninja-btn span:after {
  top: 9.09090909px;
}

.panel .ninja-btn.active span {
  background-color: transparent;
}
.panel .ninja-btn.active span:before,
.panel .ninja-btn.active span:after {
  top: 0;
}
.panel .ninja-btn.active span:before {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
}
.panel .ninja-btn.active span:after {
  -webkit-transition-delay: 0.09s;
  -moz-transition-delay: 0.09s;
  -o-transition-delay: 0.09s;
  -msa-transition-delay: 0.09s;
  transition-delay: 0.09s;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
}
.panel-overlay {
  position: fixed;
  top: 0;
  z-index: 99998;
  width: 100%;
  height: 100%;
  display: none;
  background-color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}
.panel-overlay_cert {
  position: fixed;
  top: 0;
  z-index: 99998;
  width: 100%;
  height: 100%;
  display: none;
  background-color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}
.panel.left {
  left: -750px;
}

.panel.left .ninja-btn {
  left: 770px;top:0;
}
.panel.left.active {
  left: 0;
  overflow: scroll;
  overflow-x:hidden;
}
.panel.left.active .ninja-btn {
  left: 100%;
  margin-left: -70px;
}
.panel ul li.sub-menu{
}

/*.close_btn {display:none;position:fixed;top:0;right:270px;z-index:99999}*/
.mmenu ul {
  width:100%;
  margin:0;
  list-style:none;
}
.mmenu ul > li{
  display:block;
  border-bottom:1px solid #87d9c8;
}
.mmenu  ul > li > a.tmenu{
  height:45px;
  line-height:45px;
  display:block;
  text-decoration:none;
  color:#fff;
background:#00ae8b url("../img/icon_plus_new.gif") no-repeat 95% center;
font-size:17px;
font-weight:500;
padding-left:35px;
letter-spacing:-1
}
.mmenu .login_area {width:100%;height:200px;background:#009a5a;text-align:center;font-size:106%;padding-top:30px}
.mmenu .login_area .btn_login {display:flex;align-items:center;justify-content:center;flex-direction:column;margin:0 auto;width:88px;height:88px;background:#242424;color:#fff;border-radius:50%}
.mmenu .login_area .btn_login img {padding-bottom:5px}
.mmenu .login_area .btn_new {display:inline-block;width:35%;height:38px;text-align:center;line-height:38px;margin-top:18px;color:#fff;background:#79c651;border-radius:5px;border-radius:999px}
.mmenu .sub_list {background:#ebebeb;padding:10px 0}
.mmenu .sub_list a::before {content:' ';margin-left:-10px }
.mmenu .sub_list a {display:block;line-height:1.3;padding:5px 0 5px 40px;font-size:15px;color:#034042}

.member_top_menu {width:100%;;background:#4c4c4c;height:50px}
.member_top_menu ul  {max-width:1200px;margin:0 auto;height:50px;line-height:50px}
.member_top_menu ul li {box-sizing:border-box;text-align:center;padding:0 2%;height:50px;line-height:50px;text-align:center;border-left:1px solid #555452}
.member_top_menu ul li:last-of-type {border-right:1px solid #555452}
.member_top_menu ul li a {font-size:113%;font-weight:500;color:#fff}

/* scroll */
div.scroll {width:100%;overflow:auto;}
div.scroll ul {white-space:nowrap;border-collapse:collapse}
div.scroll_nowrap {width:100%;overflow:auto;}
div.scroll_nowrap table {white-space:nowrap;border-collapse:collapse}


/* 사이트맵 */
#sub_container .sitemap a {font-family:'SCoreDream', sans-serif}
#sub_container .sitemap > ul > li:last-child {border-right:none}
@media (max-width:480px){
 #sub_container .sitemap > ul > li {width:100%;height:auto;margin-bottom:30px;border-right:none !important;border-bottom:1px solid #e5e5e5;padding-bottom:20px}
}