@charset "utf-8";



@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;background:#fff; font-family: 'Noto Sans KR', sans-serif; font-size: 17px; color: #333; font-weight: 300; letter-spacing: -0.6px; word-break: keep-all;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em; font-family: 'Noto Sans KR', sans-serif; font-weight: 500;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em; outline: none;}
input, button {margin:0;padding:0; font-family: 'Noto Sans KR', sans-serif; font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family: 'Noto Sans KR', sans-serif; font-size:1em; outline: none;}
select {margin:0}
p {margin:0;padding:0; word-break: keep-all;}
hr {display:none}
pre {font-family: 'Noto Sans KR', sans-serif; font-size: 1em; margin: 0; white-space: pre-wrap;}
a {color: #333; text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

.placeholdersjs {color:#aaa !important}

br {font-family: dotum;}

strong, b {font-weight: 500;}

table {border-collapse: collapse;}



/* 레이아웃 크기 지정 */
#hd,
.main-ban-wr,
#sub-ban,
#sub-nav-m,
#wrapper,
#ft {min-width: 640px;}

#hd_pop,
#hd_wrapper,

#gnb .gnb_wrap,
#ft_wr {width: 1200px;}



/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}









/* 전체 설정 */
.tbl-ver,
.m-ver {display: none !important;}

.wr {width: 1200px; margin: 0 auto;}

.main-col-font {color: #094 !important;}
.red-col-font {color: #df0c0c !important;}



/* 상단 레이아웃 */
#hd {width: 100%; position: fixed; left: 0; top: 0; z-index: 100; background: #fff; border-bottom: 1px solid #e1dfdf;}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#hd_wrapper {display: flex; justify-content: space-between; align-items: center; height: 99px; margin: 0 auto;}

#logo {height: 100%;}
#logo a {display: flex; align-items: center; height: 100%;}
#logo a img {}



/* 메뉴 */
#gnb_open,
#gnb_m {display: none;}

#gnb_pc {position:relative; height: 100%;}
#gnb_pc > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#gnb_pc .qnb {display: none;}

#gnb_pc .gnb_wrap {height: 100%; position:relative}
#gnb_pc .gnb_wrap:hover, #gnb_pc .gnb_wrap:focus, #gnb_pc .gnb_wrap:active{z-index:3}
#gnb_pc .gnb_1dul {zoom:1; display: flex; height: 100%;}
#gnb_pc .gnb_1dli {height: 100%; position:relative}

.gnb_1dli .bg {position:absolute;font-size:0;line-height:0;overflow:hidden}
.gnb_1da {display: block; height: 100%; padding: 0 33px;}
.gnb_1da span {display: flex; align-items: center; height: 100%; font-size: 20px; font-weight: 700; position: relative; z-index: 1;}
.gnb_1da span:before {content: ""; display: block; width: 0; height: 5px; background: #fac92a; position: absolute; left: 0; bottom: 0; z-index: -1; transition: 0.3s ease-in-out;}
.gnb_1dli:hover > .gnb_1da span:before,
.gnb_1dli.actv02 > .gnb_1da span:before {width: 100%;}
.gnb_2dul {display: none; position: absolute; left: 0; top: 100px; width: 100%; height: 250px; padding-top: 23.5px;}
.gnb_2da {display: block; padding: 7.5px 0; padding-left: 33px; font-size: 17px; color: #606060; letter-spacing: -1.2px; white-space: nowrap;}
.gnb_2da:hover,
.gnb_2dli.actv02 .gnb_2da {color: #000; font-weight: 500; text-decoration: underline;}

#gnb_all_bg {display: none; background: #fff; width: 100%; height: 250px; position: fixed; left: 0; top: 100px; box-shadow: 0 5px 10px rgba(0,0,0,0.15); z-index: 99;}



/* 메인 배너 */
.main-ban-wr {padding-top: 100px;}
#main-ban {position: relative;}
#main-ban .ctrl_wr {width: 207px; height: 63px; position: absolute; left: 50%; margin-left: -600px; bottom: 230px; z-index: 1; display: flex; justify-content: space-between;}
#main-ban .ctrl_wr > button {width: 63px; height: 100%; border-radius: 50%; border: 1px solid #fff; overflow: hidden; text-indent: -999px;}
#main-ban .ctrl_wr > button.btn_prev {background: url(/theme/basic/img/main/main_ban_arr_prv.png) center no-repeat;}
#main-ban .ctrl_wr > button.btn_next {background: url(/theme/basic/img/main/main_ban_arr_nxt.png) center no-repeat;}
#main-ban .ctrl_wr > button.btn_pause {background: none; position: relative;}
#main-ban .ctrl_wr > button.btn_pause:before {content: ""; display: block; width: 2px; height: 13px; background: #fff; position: absolute; left: 50%; margin-left: -4px; top: 50%; margin-top: -6.5px;}
#main-ban .ctrl_wr > button.btn_pause:after {content: ""; display: block; width: 2px; height: 13px; background: #fff; position: absolute; right: 50%; margin-right: -4px; top: 50%; margin-top: -6.5px;}
#main-ban .ctrl_wr > button.btn_play {display: none; background: none; position: relative;}
#main-ban .ctrl_wr > button.btn_play:before {content: ""; display: block; border-top: 6.5px solid transparent; border-bottom: 6.5px solid transparent; border-left: 9px solid #fff; position: absolute; left: 50%; margin-left: -4.5px; top: 50%; margin-top: -6.5px;}
#main-ban .swiper-slide {height: 800px; overflow: hidden;}
#main-ban .swiper-slide .txt-wr {color: #fff; position: absolute; left: 50%; margin-left: -600px; top: 225px; z-index: 1;}
#main-ban .swiper-slide .txt-wr p {font-size: 28px; transform: translateY(30px); opacity: 0;}
#main-ban .swiper-slide .txt-wr h2 {margin-top: 10px; font-size: 50px; line-height: 60px; transform: translateY(30px); opacity: 0;}
#main-ban .swiper-slide img {min-width: 2200px; width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

@keyframes mb_txt {
	from {transform: translateY(50px); opacity: 0;}
	to {transform: translateY(0); opacity: 1;}
}

#main-ban .swiper-slide-active .txt-wr p {animation: mb_txt 1s 0.3s forwards;}
#main-ban .swiper-slide-active .txt-wr h2 {animation: mb_txt 1s 0.6s forwards;}



/* 중간 레이아웃 */
#wrapper {}

#container {position:relative;min-height:500px;height:auto !important;font-size:1em;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}

#main {}
#main .row {}
#main .row .r-tit {}
#main .row .r-tit h2 {font-size: 35px; color: #000; font-weight: 700;}
#main .row .r-tit p {margin-top: 5px; font-size: 18px; color: #404040;}
#main .r01 {margin: -70px auto 0; height: 140px; background: #f6f6f6; box-shadow: 10px 10px 20px rgba(0,0,0,0.1); display: flex; justify-content: space-evenly; align-items: center; position: relative; z-index: 1;}
#main .r01 li {}
#main .r01 li a {display: flex; align-items: center;}
#main .r01 li a * {transition: 0.3s ease-in-out;}
#main .r01 li a .icn-wr {width: 71px; height: 69px; margin-right: 22px;}
#main .r01 li:nth-child(1) a .icn-wr {background: url(/theme/basic/img/main/r0101.png) center no-repeat;}
#main .r01 li:nth-child(2) a .icn-wr {background: url(/theme/basic/img/main/r0102.png) center no-repeat;}
#main .r01 li:nth-child(3) a .icn-wr {background: url(/theme/basic/img/main/r0103.png) center no-repeat;}
#main .r01 li a span {font-family: 'GmarketSansBold'; font-size: 22px; color: #404040; margin-right: 26px;}
#main .r01 li a .img-wr {width: 41px; height: 41px; border-radius: 50%; border: 1px solid #bbb; position: relative;}
#main .r01 li a .img-wr img {position: absolute; left: 50%; top: 50%; margin-left: -6.5px; margin-top: -6px;}
#main .r01 li a .img-wr img.on {opacity: 0;}
#main .r01 li a .img-wr img.off {opacity: 1;}
#main .r01 li a:hover span {color: #df7901;}
#main .r01 li a:hover .img-wr img.on {opacity: 1;}
#main .r01 li a:hover .img-wr img.off {opacity: 0;}
#main .r02 {padding: 70px 0 100px;}
#main .r02 .r-tit {text-align: center;}
#main .r02 .r-con {margin-top: 42px; display: flex; justify-content: center; gap:20px;}
#main .r02 .r-con li {width: 376px; height: 354px;}
#main .r02 .r-con li a {display: block; width: 100%; height: 100%; padding-top: 52px; transition: 0.3s ease-in-out;}
#main .r02 .r-con li a:hover {transform: translateY(-17px); box-shadow: 0 0 20px rgba(0,0,0,0.26);}
#main .r02 .r-con li:nth-child(1) a {background: #f2c00a;}
#main .r02 .r-con li:nth-child(2) a {background: #02a349;}
#main .r02 .r-con li:nth-child(3) a {background: #373bc8;}
#main .r02 .r-con li a .img-wr {width: 190px; height: 190px; margin: 0 auto; border-radius: 50%; background: #fff; display: flex; justify-content: center; align-items: center;}
#main .r02 .r-con li a .img-wr img {}
#main .r02 .r-con li a h3 {margin-top: 27px; font-size: 22px; color: #fff; font-weight: 500; text-align: center;}
#main .r02 .r-con li:nth-child(1) a h3 {color: #000;}
#main .r03 {padding-top: 85px; position: relative; z-index: 1;}
#main .r03:before {content: ""; display: block; width: 100%; height: 500px; background: url(/theme/basic/img/main/r03_bg.jpg) center/cover no-repeat; position: absolute; left: 0; top: 0; z-index: -1;}
#main .r03:after {content: ""; display: block; width: 100%; height: calc(100% - 500px); background: #ebe9e4; position: absolute; left: 0; bottom: 0; z-index: -1;}
#main .r03 .r-tit {text-align: center;}
#main .r03 .r-tit h2 {color: #fff;}
#main .r03 .r-tit p {color: #fff;}
#main .r03 .r-con {margin-top: 105px; display: flex;}
#main .r03 .r-con li {width: calc(100% / 3); height: 419px; background: #f4f4f4; padding-top: 55px; text-align: center;}
#main .r03 .r-con li:nth-child(2) {background: #fff;}
#main .r03 .r-con li h3 {font-size: 23px; font-weight: 500; transition: 0.3s ease-in-out;}
#main .r03 .r-con li.actv h3 {color: #094;}
#main .r03 .r-con li .img-wr {width: 112px; height: 93px; margin: 45px auto 0; display: flex; justify-content: center; align-items: center;}
#main .r03 .r-con li p {margin-top: 45px; color: #606060; line-height: 28px;}
#main .r04 {background: #ebe9e4;}
#main .r04 .wr {padding: 90px 0 105px; display: flex; justify-content: space-between;}
#main .r04 .r-tit p {margin-top: 15px;}
#main .r04 .r-tit .ctrl_wr {margin-top: 15px; width: 207px; height: 63px; position: relative; display: flex; justify-content: space-between;}
#main .r04 .r-tit .ctrl_wr > button {width: 63px; height: 100%; border-radius: 50%; border: 1px solid #606060; overflow: hidden; text-indent: -999px;}
#main .r04 .r-tit .ctrl_wr > button.btn_prev {background: url(/theme/basic/img/main/r04_arr_prv.png) center no-repeat;}
#main .r04 .r-tit .ctrl_wr > button.btn_next {background: url(/theme/basic/img/main/r04_arr_nxt.png) center no-repeat;}
#main .r04 .r-tit .ctrl_wr > button.btn_pause {background: none; position: relative;}
#main .r04 .r-tit .ctrl_wr > button.btn_pause:before {content: ""; display: block; width: 2px; height: 13px; background: #3e3e3e; position: absolute; left: 50%; margin-left: -4px; top: 50%; margin-top: -6.5px;}
#main .r04 .r-tit .ctrl_wr > button.btn_pause:after {content: ""; display: block; width: 2px; height: 13px; background: #3e3e3e; position: absolute; right: 50%; margin-right: -4px; top: 50%; margin-top: -6.5px;}
#main .r04 .r-tit .ctrl_wr > button.btn_play {display: none; background: none; position: relative;}
#main .r04 .r-tit .ctrl_wr > button.btn_play:before {content: ""; display: block; border-top: 6.5px solid transparent; border-bottom: 6.5px solid transparent; border-left: 9px solid #3e3e3e; position: absolute; left: 50%; margin-left: -4.5px; top: 50%; margin-top: -6.5px;}
#main .r04 .r-con {width: 822px; margin-right: -17.5px;}
#main .r04 .r-con .slick-slide {padding: 0 17.5px;}
#main .r04 .r-con .slick-slide a {display: block; width: 100%; height: 100%;}
#main .r04 .r-con .slick-slide a .img-wr {border: 1px solid #e1e1e1;}
#main .r04 .r-con .slick-slide a .txt-wr {padding: 25px 40px 30px; background: #fff;}
#main .r04 .r-con .slick-slide a .txt-wr h3 {height: 58px; font-size: 20px; color: #555; font-weight: 500; line-height: 29px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#main .r05 {padding: 55px 0 80px;}
#main .r05 .r-con {margin-top: 20px; display: flex; justify-content: space-between;}
#main .r05 .r-con li {width: 376px;}
#main .r05 .r-con li a {display: block; width: 100%; height: 100%; border: 1px solid #e1e1e1; padding: 35px 40px; background: url(/theme/basic/img/main/r0501.png) right 50px bottom 40px no-repeat; transition: 0.3s ease-in-out;}
#main .r05 .r-con li.actv a {border-color: #0c0c0c; box-shadow: 0 0 20px rgba(0,0,0,0.26);}
#main .r05 .r-con li a h3 {}
#main .r05 .r-con li a h3 span {display: block; height: 58px; font-size: 20px; color: #555; font-weight: 500; line-height: 29px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#main .r05 .r-con li a p {margin-top: 18px;}
#main .r05 .r-con li a p span {display: block; height: 52px; font-size: 16px; color: #606060; line-height: 28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#main .r05 .r-con li a > span {display: block; margin-top: 28px; font-size: 16px; color: #606060;}
#main .r06 {background: #f4f4f4;}
#main .r06 .wr {display: flex; justify-content: space-between; align-items: center; padding: 25px 0;}
#main .r06 .ctrl_wr {width: 88px; height: 30px; position: relative; display: flex; justify-content: space-between;}
#main .r06 .ctrl_wr > button {width: 30px; height: 100%; border: 1px solid #ddd; background: #fff; overflow: hidden; text-indent: -999px; margin-left: -1px;}
#main .r06 .ctrl_wr > button.btn_prev {background: url(/theme/basic/img/main/r06_arr_prv.png) #fff center no-repeat; margin-left: 0;}
#main .r06 .ctrl_wr > button.btn_next {background: url(/theme/basic/img/main/r06_arr_nxt.png) #fff center no-repeat;}
#main .r06 .ctrl_wr > button.btn_pause {position: relative;}
#main .r06 .ctrl_wr > button.btn_pause:before {content: ""; display: block; width: 2px; height: 14px; background: #7f7f7f; position: absolute; left: 50%; margin-left: -4px; top: 50%; margin-top: -7px;}
#main .r06 .ctrl_wr > button.btn_pause:after {content: ""; display: block; width: 2px; height: 14px; background: #7f7f7f; position: absolute; right: 50%; margin-right: -4px; top: 50%; margin-top: -7px;}
#main .r06 .ctrl_wr > button.btn_play {display: none; position: relative;}
#main .r06 .ctrl_wr > button.btn_play:before {content: ""; display: block; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 9px solid #7f7f7f; position: absolute; left: 50%; margin-left: -4.5px; top: 50%; margin-top: -7px;}
#main .r06 .r-con {width: 1040px;}
#main .r06 .r-con .slick-slide a {height: 50px; display: flex; justify-content: center; align-items: center;}




/* 하단 레이아웃 */
#ft {background: #363636;}
#ft .ft-tp {border-bottom: 1px solid #545454;}
#ft .ft-tp .wr {padding: 28px 0 18px; display: flex; justify-content: space-between;}
#ft .ft-tp .left {display: flex;}
#ft .ft-tp .left li {margin-right: 26px; position: relative;}
#ft .ft-tp .left li:last-child {margin-right: 0;}
#ft .ft-tp .left li:after {content: ""; display: block; width: 1px; height: 15px; background: #5c5c5c; position: absolute; right: -15px; top: 50%; margin-top: -6px;}
#ft .ft-tp .left li:last-child:after {display: none;}
#ft .ft-tp .left li a,
#ft .ft-tp .left li span {font-size: 16px; color: #fff; cursor: pointer;}
#ft .ft-tp .right {display: flex;}
#ft .ft-tp .right li a,
#ft .ft-tp .right li span {font-size: 16px; color: #fff; cursor: pointer;}
#ft .ft-tp .right li.blg a {color: #51bf1b;}
#ft .ft-bt .wr {padding: 30px 0 35px; display: flex; justify-content: space-between;}
#ft .ft-bt .left {color: #aaa;}
#ft .ft-bt .left ul {display: flex; font-size: 16px; line-height: 30px; flex-wrap: wrap;}
#ft .ft-bt .left ul li {margin-right: 26px; position: relative;}
#ft .ft-bt .left ul li:last-child {margin-right: 0;}
#ft .ft-bt .left ul li:after {content: ""; display: block; width: 1px; height: 15px; background: #5c5c5c; position: absolute; right: -15px; top: 50%; margin-top: -6px;}
#ft .ft-bt .left ul li:last-child:after {display: none;}
#ft .ft-bt .left ul li a {color: #aaa;}
#ft_copy {margin-top: 20px; font-size: 17px;}
#ft .ft-bt .right {}
#ft .ft-bt .right h2 {color: #aaa; font-weight: 300;}
#ft .ft-bt .right p,
#ft .ft-bt .right a {display: block; margin-top: 2.5px; font-family: 'Roboto', sans-serif; font-size: 24px; color: #f8c200; font-weight: 500; white-space: nowrap;}

#top_btn {display: none;}









/* 게시물 선택복사 선택이동 */
#copymove {}
#copymove .win_desc {text-align:center;display:block}
#copymove .tbl_wrap {margin:20px}
#copymove .win_btn {padding:0 20px 20px}
.copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span {display:none}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha2.png') no-repeat 0 0 ; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {display: none;}
.btn_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* ckeditor 태그 기본값 */
#bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con li {display:list-item}

/* 버튼 */
a.btn,.btn {line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;font-size:1.4em;
-webkit-transition:background-color 0.3s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:right} /* 서식단계 진행 */

.btn_submit {border: none; background: #094; color: #fff; cursor:pointer}
.btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff}
a.btn_close {text-align:center;line-height:50px}

a.btn_cancel {display:inline-block; border: 1px solid #03a349; text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block; border: 1px solid #03a349; color:#fff;text-decoration:none;vertical-align:middle}
a.btn_frmline, button.btn_frmline {display:inline-block; width: 158px; padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;color:#bababa;text-decoration:none;vertical-align:middle;border:0;background:transparent}
.btn_b01:hover, .btn_b01:hover {color:#000}
a.btn_b02,.btn_b02 {display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle}
a.btn_b02:hover, .btn_b02:hover {background:#0025eb}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;color:#d13f4a;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {color:#ff3746}


/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff; border-top: 1px solid #5b5b5b;}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding: 22px 0; text-align:center; border-bottom: 1px solid #ddd; background: #fafafa; font-weight: 400;}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0; border-bottom: 1px solid #ddd; background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {border-bottom: 1px solid #ddd; padding: 22px 5px; word-break:break-all}
.tbl_head01 a:hover {text-decoration:underline}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border: 1px solid #ddd; background:#fff;vertical-align:middle; padding: 20px;}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height: 45px; padding: 0 20px;}

.full_input {width:100%}
.half_input {width:49.5%}
.twopart_input {width:385px;margin-right:10px}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/*기본 리스트*/
.list_01 ul {border-top:1px solid #ececec}
.list_01 li {border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative}
.list_01 li:nth-child(odd) {background:#f6f6f6}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover {background:#f9f9f9}
.list_01 li.empty_li {text-align:center;padding:20px 0;color:#666}

/*폼 리스트*/
.form_01 h2 {font-size:1.167em}
.form_01 li {margin-bottom:10px}
.form_01 ul:after,
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 .left_input {float:left}
.form_01 .margin_input {margin-right:1%}
.form_01 textarea {height:100px;width:100%}
.form_01 .frm_label {display:inline-block;width:130px}

/* 자료 없는 목록 */
.empty_table {padding: 150px 0 !important; color: #666; text-align:center}
.empty_list {padding: 150px 0 !important; color:#666;text-align:center}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}

/* 테이블 항목별 정의 */
.td_board {width:80px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:80px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {position:relative}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);
box-shadow:0 1px 10px rgba(0,0,0,.1)}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin-bottom:15px;padding:0 20px}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px}
.new_win .win_ul li:first-child {margin-left:0}
.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3}
.new_win .win_ul .selected {background:#094;border-color:#094;position:relative;z-index:5}
.new_win .win_ul .selected a {color:#fff;font-weight:bold}
.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i {font-size:1.2em;vertical-align:baseline}
.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}
.new_win .frm_info {font-size:0.92em;color:#919191}
.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#094;background:#f6f6f6;padding:0 10px;border-radius:5px}
.new_win .new_win_con {margin:20px 0;padding:20px}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2 {margin:20px 0}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn {text-align:center}
.new_win .btn_close {height:45px;width:60px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em}

/* 검색결과 색상 */
.sch_word {color:#fff;background:#ff005a;padding:2px 5px 3px;line-height:18px;margin:0 2px}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
.sv_wrap .sv:before {content:"";position:absolute;top:-6px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #333 transparent}
.sv_wrap .sv a {display:inline-block;margin:0;padding:0 10px;line-height:30px;width:100px;font-weight:normal;color:#bbb}
.sv_wrap .sv a:hover {background:#000;color:#fff}
.sv_member {color:#333}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}









/* 페이징 */
.pg_wrap {margin-top: 60px;}
.pg {display: flex; justify-content: center; align-items: center;}
.pg_page,
.pg_current {display: block; margin: 0 8px; padding: 5px 0; border-bottom: 2px solid transparent;}
.pg_page {color: #767676;}
.pg_current {color: #000; border-bottom-color: #000; cursor: default;}
.pg_start {text-indent:-999px;overflow:hidden; width: 13px; height: 23px; background: url(/theme/basic/img/sub/btn_first.jpg) center no-repeat; margin-right: 22px;}
.pg_prev {text-indent:-999px;overflow:hidden; width: 7px; height: 23px; background: url(/theme/basic/img/sub/btn_prv.jpg) center no-repeat; margin-right: 22px;}
.pg_next {text-indent:-999px;overflow:hidden; width: 7px; height: 23px; background: url(/theme/basic/img/sub/btn_nxt.jpg) center no-repeat; margin-left: 22px;}
.pg_end {text-indent:-999px;overflow:hidden; width: 13px; height: 23px; background: url(/theme/basic/img/sub/btn_end.jpg) center no-repeat; margin-left: 22px;}









/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}









/* 서브페이지 설정 */
#sub-ban {width: 100%; height: 550px; padding-top: 100px; position: relative;}
#sub-ban:before {content: ""; display: block; width: 100%; height: 100%;}
#sub-ban.sub_v01:before {background: url(/theme/basic/img/sub/sub_ban_01.jpg) center/cover no-repeat;}
#sub-ban.sub_v02:before {background: url(/theme/basic/img/sub/sub_ban_02.jpg) center/cover no-repeat;}
#sub-ban.sub_v03:before {background: url(/theme/basic/img/sub/sub_ban_03.jpg) center/cover no-repeat;}
#sub-ban.sub_v04:before {background: url(/theme/basic/img/sub/sub_ban_04.jpg) center/cover no-repeat;}
#sub-ban.sub_v05:before {background: url(/theme/basic/img/sub/sub_ban_05.jpg) center/cover no-repeat;}
#sub-ban.sub_v06:before {background: url(/theme/basic/img/sub/sub_ban_06.jpg) center/cover no-repeat;}
#sub-ban h2 {font-size: 50px; color: #fff; font-weight: 700; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin-top: 25px;}

#sub-nav-m {display: none;}

#sub-nav-pc {width: 1200px; padding: 21px 40px; margin: -35px auto 0; background: #f6f6f6; box-shadow: 10px 10px 20px rgba(0,0,0,0.1); display: flex; position: relative; z-index: 1;}
#sub-nav-pc li {margin-right: 37px; position: relative;}
#sub-nav-pc li:last-child {margin-right: 0;}
#sub-nav-pc li:after {content: ""; display: block; width: 6px; height: 18px; background: #d9d9d9; transform: skewX(-24deg); position: absolute; right: -22px; top: 50%; margin-top: -9px; z-index: 1;}
#sub-nav-pc li:last-child:after {display: none;}
#sub-nav-pc li a {font-family: 'GmarketSansMedium'; font-size: 18px; color: #404040; transition: 0.3s ease-in-out;}
#sub-nav-pc li a:hover,
#sub-nav-pc li.actv a {color: #094;}

.sub-wr {padding: 75px 0 110px;}
.sub-wr .sub-type-01 {width: 1200px; margin: 0 auto;}
.sub-wr .sub-type-01 .row {display: flex; margin-top: 50px; border-top: 1px solid #ededed; padding-top: 50px;}
.sub-wr .sub-type-01 .row:first-child {margin-top: 0; border-top: none; padding-top: 0;}
.sub-wr .sub-type-01 .row .r-tit {width: calc(100% - 900px); padding-right: 30px;}
.sub-wr .sub-type-01 .row .r-tit-01 > span {display: inline-block; font-size: 35px; color: #000; font-weight: 500; padding-bottom: 2.5px; position: relative;}
.sub-wr .sub-type-01 .row .r-tit-01 > span:after {content: ""; display: block; width: 100%; height: 1px; background: #000; position: absolute; left: 0; bottom: 0;}
.sub-wr .sub-type-01 .row .r-tit-02 > span {font-size: 28px; color: #000; font-weight: 500;}
.sub-wr .sub-type-01 .row .r-con {width: 900px;}
.sub-wr .sub-type-01 .row .r-con .c-tit {font-size: 25px; font-weight: 500; line-height: 42px; margin-bottom: 35px;}
.sub-wr .sub-type-01 .row .r-con table {width: 100%; border-top: 1px solid #5b5b5b;}
.sub-wr .sub-type-01 .row .r-con table tr {}
.sub-wr .sub-type-01 .row .r-con table th,
.sub-wr .sub-type-01 .row .r-con table td {padding: 15px 25px; border: 1px solid #ddd; border-top: none;}
.sub-wr .sub-type-01 .row .r-con table th:first-child,
.sub-wr .sub-type-01 .row .r-con table td:first-child {border-left: none;}
.sub-wr .sub-type-01 .row .r-con table th:last-child,
.sub-wr .sub-type-01 .row .r-con table td:last-child {border-right: none;}
.sub-wr .sub-type-01 .row .r-con table th {color: #000; font-weight: 400;}
.sub-wr .sub-type-01 .row .r-con table thead th {background: #fafafa;}
.sub-wr .sub-type-01 .row .r-con table td {text-align: center;}

.sub-wr .sub-type-01 .r-07 .r-con {}
.sub-wr .sub-type-01 .r-07 .r-con p {font-size: 19px; font-weight: 500; margin-bottom: 15px;}
.sub-wr .sub-type-01 .r-07 .r-con ul {}
.sub-wr .sub-type-01 .r-07 .r-con ul li {line-height: 1.8;}

.bo-wr {width: 1200px; margin: 0 auto;}



/* 기관소개 - 인사말 */
#sub0101 .sub-type-01 .row .r-con p span {display: block; margin-top: 40px; font-weight: 400;}
#sub0101 .sub-type-01 .row .r-con p b {display: block; margin-top: 2.5px; font-family: 'GmarketSansBold'; font-size: 22px; color: #444;}
#sub0101 .sub-type-01 .row .r-con .img-wr {margin-top: 52.5px; width: 100%; height: 400px; background: url(/theme/basic/img/sub/sub01/img0101.jpg) center/cover no-repeat;}



/* 기관소개 - 기관연혁 */
#sub0102 .sub-type-01 .r-01 .r-con .c-01 {position: relative;}
#sub0102 .sub-type-01 .r-01 .r-con .c-01:before {content: ""; display: block; width: 1px; height: calc(100% - 25px); background: #ddd; position: absolute; left: 76.5px; top: 14px;}
#sub0102 .sub-type-01 .r-01 .r-con .c-01 .col-col {margin-top: 55px; display: flex;}
#sub0102 .sub-type-01 .r-01 .r-con .c-01 .col-col:first-child {margin-top: 0;}
#sub0102 .sub-type-01 .r-01 .r-con .c-01 .col-col .yy {width: 113px; font-size: 25px; color: #111; font-weight: 500; position: relative;}
#sub0102 .sub-type-01 .r-01 .r-con .c-01 .col-col .yy:after {content: ""; display: block; width: 11px; height: 11px; border-radius: 50%; background: #ebba08; position: absolute; right: 30px; top: 14px;}
#sub0102 .sub-type-01 .r-01 .r-con .c-01 .col-col ul {padding-top: 6px;}
#sub0102 .sub-type-01 .r-01 .r-con .c-01 .col-col ul li {display: flex; margin-top: 17.5px;}
#sub0102 .sub-type-01 .r-01 .r-con .c-01 .col-col ul li:first-child {margin-top: 0;}
#sub0102 .sub-type-01 .r-01 .r-con .c-01 .col-col ul li .tit {width: 70px; color: #111; font-weight: 500;}
#sub0102 .sub-type-01 .r-01 .r-con .c-01 .col-col ul li .dsc {color: #444;}
#sub0102 .sub-type-01 .r-01 .r-con .c-02 {margin-top: 55px; display: flex; justify-content: space-between;}
#sub0102 .sub-type-01 .r-01 .r-con .c-02 li {}
#sub0102 .sub-type-01 .r-01 .r-con .c-02 li .img-wr {border-radius: 50%; overflow: hidden;}
#sub0102 .sub-type-01 .r-01 .r-con .c-02 li .img-wr img {width: 100%;}
#sub0102 .sub-type-01 .r-01 .r-con .c-02 li .txt-wr {font-weight: 500; text-align: center; margin-top: 10px;}



/* 기관소개 - 기관안내 */
#sub0103 .sub-type-01 .r-01 .r-con .c-tit {margin-bottom: 7px;}
#sub0103 .sub-type-01 .r-02 .r-con .con-wr {width: 100%; padding: 28px 60px; border-radius: 50px; background: #ece9e4; display: flex; justify-content: center; align-items: center;}
#sub0103 .sub-type-01 .r-02 .r-con .con-wr img {margin-right: 15px;}
#sub0103 .sub-type-01 .r-02 .r-con .con-wr p {font-size: 22px; font-weight: 500;}
#sub0103 .sub-type-01 .r-03 .r-con ul {display: flex; justify-content: space-between; text-align: center;}
#sub0103 .sub-type-01 .r-03 .r-con ul li {width: calc((100% - 90px) / 3);}
#sub0103 .sub-type-01 .r-03 .r-con ul li .cc-wr {width: 100%; height: 270px; border-radius: 135px; padding-top: 50px;}
#sub0103 .sub-type-01 .r-03 .r-con ul li:nth-child(1) .cc-wr {background: #f2c00b;}
#sub0103 .sub-type-01 .r-03 .r-con ul li:nth-child(2) .cc-wr {background: #03a349;}
#sub0103 .sub-type-01 .r-03 .r-con ul li:nth-child(3) .cc-wr {background: #383bc8;}
#sub0103 .sub-type-01 .r-03 .r-con ul li .cc-wr .icn-wr {width: 70px; height: 70px; margin: 0 auto;}
#sub0103 .sub-type-01 .r-03 .r-con ul li:nth-child(1) .cc-wr .icn-wr {background: url(/theme/basic/img/sub/sub01/img0302.png) center no-repeat;}
#sub0103 .sub-type-01 .r-03 .r-con ul li:nth-child(2) .cc-wr .icn-wr {background: url(/theme/basic/img/sub/sub01/img0303.png) center no-repeat;}
#sub0103 .sub-type-01 .r-03 .r-con ul li:nth-child(3) .cc-wr .icn-wr {background: url(/theme/basic/img/sub/sub01/img0304.png) center no-repeat;}
#sub0103 .sub-type-01 .r-03 .r-con ul li .cc-wr p {margin-top: 20px; font-size: 20px; color: #fff; font-weight: 500;}
#sub0103 .sub-type-01 .r-03 .r-con ul li:nth-child(1) .cc-wr p {color: #000;}
#sub0103 .sub-type-01 .r-03 .r-con ul li h5 {margin-top: 23px; font-size: 22px; font-weight: 500; line-height: 27px;}
#sub0103 .sub-type-01 .r-03 .r-con ul li h5 span {display: block; font-size: 17px; font-weight: 300;}
#sub0103 .sub-type-01 .r-04 .r-con {text-align: center;}
#sub0103 .sub-type-01 .r-04 .r-con ul {display: flex; justify-content: space-between;}
#sub0103 .sub-type-01 .r-04 .r-con ul li {width: calc((100% - 135px) / 4); height: 191.25px; border-radius: 95.625px; background: #f6f6f6; padding-top: 45px;}
#sub0103 .sub-type-01 .r-04 .r-con ul li .icn-wr {width: 72px; height: 70px; margin: 0 auto;}
#sub0103 .sub-type-01 .r-04 .r-con ul li:nth-child(1) .icn-wr {background: url(/theme/basic/img/sub/sub01/img0305.png) center no-repeat;}
#sub0103 .sub-type-01 .r-04 .r-con ul li:nth-child(2) .icn-wr {background: url(/theme/basic/img/sub/sub01/img0306.png) center no-repeat;}
#sub0103 .sub-type-01 .r-04 .r-con ul li:nth-child(3) .icn-wr {background: url(/theme/basic/img/sub/sub01/img0307.png) center no-repeat;}
#sub0103 .sub-type-01 .r-04 .r-con ul li:nth-child(4) .icn-wr {background: url(/theme/basic/img/sub/sub01/img0308.png) center no-repeat;}
#sub0103 .sub-type-01 .r-04 .r-con ul li p {margin-top: 12px; font-size: 18px; font-weight: 500;}
#sub0103 .sub-type-01 .r-04 .r-con > p {margin-top: 37px; font-size: 21px; font-weight: 500;}
#sub0103 .sub-type-01 .r-05 .r-con .con-wr {width: 100%; padding: 28px 60px; border-radius: 50px; background: #ece9e4; text-align: center;}
#sub0103 .sub-type-01 .r-05 .r-con .con-wr p {font-size: 22px; font-weight: 500;}
#sub0103 .sub-type-01 .r-05 .r-con > span {display: block; margin-top: 15px; padding-left: 50px;}



/* 기관소개 - 조직도 */
#sub0104 .sub-type-01 .r-01 .r-con {text-align: center;}



/* 기관소개 - 오시는 길 */
#sub0105 .sub-type-01 .r-01 .r-tit p {margin-top: 40px; font-size: 20px; font-weight: 500;}
#sub0105 .sub-type-01 .r-01 .r-tit ul {margin-top: 27.5px;}
#sub0105 .sub-type-01 .r-01 .r-tit ul li {margin-top: 10px; font-size: 18px; display: flex;}
#sub0105 .sub-type-01 .r-01 .r-tit ul li:first-child {margin-top: 0;}
#sub0105 .sub-type-01 .r-01 .r-tit ul li .tit {display: block; font-weight: 500; margin-right: 5px;}
#sub0105 .sub-type-01 .r-01 .r-tit ul li .dsc {}
#sub0105 .sub-type-01 .r-01 .r-con .con-wr .root_daum_roughmap {width: 100%;}
#sub0105 .sub-type-01 .r-01 .r-con .con-wr .root_daum_roughmap .map_border {display: none;}
#sub0105 .sub-type-01 .r-01 .r-con .con-wr .root_daum_roughmap .wrap_controllers {display: none;}
#sub0105 .sub-type-01 .r-02 .r-con ul {padding: 20px 0; border-top: 1px solid #5b5b5b; border-bottom: 1px solid #ddd; display: flex; flex-wrap: wrap;}
#sub0105 .sub-type-01 .r-02 .r-con ul li {margin-top: 20px; width: 50%; padding: 0 32px; display: flex; align-items: center;}
#sub0105 .sub-type-01 .r-02 .r-con ul li:nth-child(1),
#sub0105 .sub-type-01 .r-02 .r-con ul li:nth-child(2) {margin-top: 0;}
#sub0105 .sub-type-01 .r-02 .r-con ul li .tit {display: block; width: 57px; height: 24px; line-height: 22px; border-radius: 24px; font-size: 16px; color: #fff; font-weight: 500; text-align: center; margin-right: 20px;}
#sub0105 .sub-type-01 .r-02 .r-con ul li:nth-child(1) .tit {background: #4ea031;}
#sub0105 .sub-type-01 .r-02 .r-con ul li:nth-child(2) .tit {background: #019794;}
#sub0105 .sub-type-01 .r-02 .r-con ul li:nth-child(3) .tit {background: #1b89e0;}
#sub0105 .sub-type-01 .r-02 .r-con ul li:nth-child(4) .tit {background: #dc1219;}
#sub0105 .sub-type-01 .r-02 .r-con ul li:nth-child(5) .tit {background: #4ea031;}
#sub0105 .sub-type-01 .r-02 .r-con ul li .dsc {font-weight: 400;}



/* 지함노인복지센터 - 지함노인복지센터 소개 */
#sub0201 .sub-type-01 .r-01 .r-tit-01 > span.s-ver {display: none;}
#sub0201 .sub-type-01 .r-01 .r-con .c-tit {margin-bottom: 5px;}
#sub0201 .sub-type-01 .r-01 .r-con > p {font-size: 18px; line-height: 30px;}
#sub0201 .sub-type-01 .r-01 .r-con .con-wr {margin-top: 45px; padding: 50px 100px; background: #f6f6f6;}
#sub0201 .sub-type-01 .r-01 .r-con .con-wr ul {}
#sub0201 .sub-type-01 .r-01 .r-con .con-wr ul li {display: flex; justify-content: space-between; align-items: center; margin-top: 20px;}
#sub0201 .sub-type-01 .r-01 .r-con .con-wr ul li:first-child {margin-top: 0;}
#sub0201 .sub-type-01 .r-01 .r-con .con-wr ul li.order-ti {flex-direction: row-reverse;}
#sub0201 .sub-type-01 .r-01 .r-con .con-wr ul li .img-wr {width: 280px; height: 280px; border-radius: 50%; overflow: hidden;}
#sub0201 .sub-type-01 .r-01 .r-con .con-wr ul li .img-wr img {width: 100%; transition: 0.3s ease-in-out;}
#sub0201 .sub-type-01 .r-01 .r-con .con-wr ul li:hover .img-wr img {transform: scale(1.1);}
#sub0201 .sub-type-01 .r-01 .r-con .con-wr ul li.order-it .txt-wr {width: calc(100% - 370px);}
#sub0201 .sub-type-01 .r-01 .r-con .con-wr ul li.order-ti .txt-wr {width: calc(100% - 340px); padding-left: 20px;}
#sub0201 .sub-type-01 .r-01 .r-con .con-wr ul li .txt-wr h4 {font-size: 28px; color: #000; font-weight: 700;}
#sub0201 .sub-type-01 .r-01 .r-con .con-wr ul li .txt-wr p {margin-top: 25px;}
#sub0201 .sub-type-01 .r-01 .r-con .con-wr ul li .txt-wr a {display: inline-block; margin-top: 10px; color: #000; padding-bottom: 2.5px; border-bottom: 1px solid #222;}



/* 지함노인복지센터 - 장기요양서비스 */
#sub0202 .sub-type-01 .r-01 .r-con .c-tit {margin-bottom: 5px;}
#sub0202 .sub-type-01 .r-01 .r-con p {font-size: 18px; line-height: 30px;}
#sub0202 .sub-type-01 .r-01 .r-con .img-wr {margin-top: 25px; width: 100%; height: 370px; background: url(/theme/basic/img/sub/sub02/img0201.jpg) center/cover no-repeat;}
#sub0202 .sub-type-01 .r-02 .r-con ul {display: flex; justify-content: space-between;}
#sub0202 .sub-type-01 .r-02 .r-con ul li {width: calc(20% - 24px); position: relative;}
#sub0202 .sub-type-01 .r-02 .r-con ul li:before {content: ""; display: block; width: 1px; height: calc(100% - 175px); background: #ededed; position: absolute; right: -15.5px; bottom: 0;}
#sub0202 .sub-type-01 .r-02 .r-con ul li:last-child:before {display: none;}
#sub0202 .sub-type-01 .r-02 .r-con ul li .icn-wr {width: 100%; height: 156px; border-radius: 50%;}
#sub0202 .sub-type-01 .r-02 .r-con ul li:nth-child(1) .icn-wr {background: url(/theme/basic/img/sub/sub02/img0202.png) #f6f6f6 center no-repeat;}
#sub0202 .sub-type-01 .r-02 .r-con ul li:nth-child(2) .icn-wr {background: url(/theme/basic/img/sub/sub02/img0203.png) #f6f6f6 center no-repeat;}
#sub0202 .sub-type-01 .r-02 .r-con ul li:nth-child(3) .icn-wr {background: url(/theme/basic/img/sub/sub02/img0204.png) #f6f6f6 center no-repeat;}
#sub0202 .sub-type-01 .r-02 .r-con ul li:nth-child(4) .icn-wr {background: url(/theme/basic/img/sub/sub02/img0205.png) #f6f6f6 center no-repeat;}
#sub0202 .sub-type-01 .r-02 .r-con ul li:nth-child(5) .icn-wr {background: url(/theme/basic/img/sub/sub02/img0206.png) #f6f6f6 center no-repeat;}
#sub0202 .sub-type-01 .r-02 .r-con ul li h5 {margin-top: 25px; font-size: 19px; color: #000; font-weight: 500; text-align: center;}
#sub0202 .sub-type-01 .r-02 .r-con ul li p {margin-top: 10px;}
#sub0202 .sub-type-01 .r-03 .r-con table th:first-child {width: 102px;}
#sub0202 .sub-type-01 .r-03 .r-con table td:last-child {text-align: left;}
#sub0202 .sub-type-01 .r-04 .r-con table td {width: 25%;}
#sub0202 .sub-type-01 .r-05 .r-con p {font-size: 18px; line-height: 30px; margin-bottom: 17.5px;}
#sub0202 .sub-type-01 .r-05 .r-con table th:last-child {width: 172px;}
#sub0202 .sub-type-01 .r-05 .r-con table td:first-child {text-align: left;}
#sub0202 .sub-type-01 .r-06 .r-con ul {display: flex; justify-content: space-between; text-align: center;}
#sub0202 .sub-type-01 .r-06 .r-con ul li {width: calc((100% - 120px) / 6);}
#sub0202 .sub-type-01 .r-06 .r-con ul li h5 {display: flex; justify-content: center; align-items: center; width: 130px; height: 130px; border-radius: 50%; background: #ece9e4; margin: 0 auto; font-family: 'GmarketSansBold'; font-size: 24px; color: #000;}
#sub0202 .sub-type-01 .r-06 .r-con ul li p {margin-top: 20px;}
#sub0202 .sub-type-01 .r-06 .r-con ul li p b {display: block; margin-top: 10px; font-family: 'GmarketSansBold'; font-size: 20px; color: #094;}



/* 지함노인복지센터 - 등급외자 장기요양서비스 */
#sub0203 .sub-type-01 .r-01 .r-tit-01 > span.s-ver {display: none;}
#sub0203 .sub-type-01 .r-01 .r-con .c-tit {margin-bottom: 5px;}
#sub0203 .sub-type-01 .r-01 .r-con p {font-size: 18px; line-height: 30px;}
#sub0203 .sub-type-01 .r-01 .r-con .img-wr {margin-top: 25px; width: 100%; height: 370px; background: url(/theme/basic/img/sub/sub02/img0301.jpg) center/cover no-repeat;}
#sub0203 .sub-type-01 .r-02 .r-con ul {display: flex; justify-content: space-between;}
#sub0203 .sub-type-01 .r-02 .r-con ul li {width: calc(20% - 24px); position: relative;}
#sub0203 .sub-type-01 .r-02 .r-con ul li:before {content: ""; display: block; width: 1px; height: calc(100% - 175px); background: #ededed; position: absolute; right: -15.5px; bottom: 0;}
#sub0203 .sub-type-01 .r-02 .r-con ul li:last-child:before {display: none;}
#sub0203 .sub-type-01 .r-02 .r-con ul li .icn-wr {width: 100%; height: 156px; border-radius: 50%;}
#sub0203 .sub-type-01 .r-02 .r-con ul li:nth-child(1) .icn-wr {background: url(/theme/basic/img/sub/sub02/img0202.png) #f6f6f6 center no-repeat;}
#sub0203 .sub-type-01 .r-02 .r-con ul li:nth-child(2) .icn-wr {background: url(/theme/basic/img/sub/sub02/img0203.png) #f6f6f6 center no-repeat;}
#sub0203 .sub-type-01 .r-02 .r-con ul li:nth-child(3) .icn-wr {background: url(/theme/basic/img/sub/sub02/img0204.png) #f6f6f6 center no-repeat;}
#sub0203 .sub-type-01 .r-02 .r-con ul li:nth-child(4) .icn-wr {background: url(/theme/basic/img/sub/sub02/img0205.png) #f6f6f6 center no-repeat;}
#sub0203 .sub-type-01 .r-02 .r-con ul li:nth-child(5) .icn-wr {background: url(/theme/basic/img/sub/sub02/img0206.png) #f6f6f6 center no-repeat;}
#sub0203 .sub-type-01 .r-02 .r-con ul li h5 {margin-top: 25px; font-size: 19px; color: #000; font-weight: 500; text-align: center;}
#sub0203 .sub-type-01 .r-02 .r-con ul li p {margin-top: 10px;}
#sub0203 .sub-type-01 .r-03 .r-con table th:first-child {width: 102px;}
#sub0203 .sub-type-01 .r-03 .r-con table td:last-child {text-align: left;}
#sub0203 .sub-type-01 .r-04 .r-con table td {width: calc(100% / 3);}
#sub0203 .sub-type-01 .r-04 .r-con p {margin-top: 10px; font-size: 16px;}



/* 지함노인복지센터 - 돌봄서비스 */
#sub0204 .sub-type-01 .r-01 .r-tit-01 > span.s-ver {display: none;}
#sub0204 .sub-type-01 .r-01 .r-con p {font-size: 18px; line-height: 30px;}
#sub0204 .sub-type-01 .r-01 .r-con .img-wr {margin-top: 25px; width: 100%; height: 370px; background: url(/theme/basic/img/sub/sub02/img0401.jpg) center/cover no-repeat;}
#sub0204 .sub-type-01 .r-02 .r-con ul {display: flex; justify-content: space-between;}
#sub0204 .sub-type-01 .r-02 .r-con ul li {width: calc(100% / 3 - 24px); position: relative;}
/* #sub0204 .sub-type-01 .r-02 .r-con ul li {width: calc(20% - 24px); position: relative;} */
#sub0204 .sub-type-01 .r-02 .r-con ul li:before {content: ""; display: block; width: 1px; height: calc(100% - 175px); background: #ededed; position: absolute; right: -15.5px; bottom: 0;}
#sub0204 .sub-type-01 .r-02 .r-con ul li:last-child:before {display: none;}
#sub0204 .sub-type-01 .r-02 .r-con ul li .icn-wr {width: 100%; height: 156px;}
/* #sub0204 .sub-type-01 .r-02 .r-con ul li .icn-wr {width: 100%; height: 156px; border-radius: 50%;} */
#sub0204 .sub-type-01 .r-02 .r-con ul li:nth-child(1) .icn-wr {background: url(/theme/basic/img/sub/sub02/img0202.png) #f6f6f6 center no-repeat;}
#sub0204 .sub-type-01 .r-02 .r-con ul li:nth-child(2) .icn-wr {background: url(/theme/basic/img/sub/sub02/img0203.png) #f6f6f6 center no-repeat;}
#sub0204 .sub-type-01 .r-02 .r-con ul li:nth-child(3) .icn-wr {background: url(/theme/basic/img/sub/sub02/img0204.png) #f6f6f6 center no-repeat;}
#sub0204 .sub-type-01 .r-02 .r-con ul li:nth-child(4) .icn-wr {background: url(/theme/basic/img/sub/sub02/img0205.png) #f6f6f6 center no-repeat;}
#sub0204 .sub-type-01 .r-02 .r-con ul li:nth-child(5) .icn-wr {background: url(/theme/basic/img/sub/sub02/img0206.png) #f6f6f6 center no-repeat;}
#sub0204 .sub-type-01 .r-02 .r-con ul li h5 {margin-top: 25px; font-size: 19px; color: #000; font-weight: 500; text-align: center;}
#sub0204 .sub-type-01 .r-02 .r-con ul li p {margin-top: 10px;}
#sub0204 .sub-type-01 .r-03 .r-con table td.td-fir {width: 140px;}
#sub0204 .sub-type-01 .r-03 .r-con table td.td-sec {width: calc((100% - 280px) / 3);}
#sub0204 .sub-type-01 .r-04 {border-top: none;}
#sub0204 .sub-type-01 .r-04 .r-tit-01 > span.s-ver {display: none;}
#sub0204 .sub-type-01 .r-04 .r-con .img-wr {margin-top: 25px; width: 100%; height: 370px; background: url(/theme/basic/img/sub/sub02/img0402.jpg) center/cover no-repeat;}
#sub0204 .sub-type-01 .r-04 .r-con ul {margin-top: 30px; display: flex; justify-content: space-between;}
#sub0204 .sub-type-01 .r-04 .r-con ul li {display: flex; align-items: center;}
#sub0204 .sub-type-01 .r-04 .r-con ul li:first-child {width: calc(50% - 120px);}
#sub0204 .sub-type-01 .r-04 .r-con ul li:last-child {width: calc(50% + 80px);}
#sub0204 .sub-type-01 .r-04 .r-con ul li .tit {display: flex; width: 130px; height: 130px; border-radius: 50%; background: #ece9e4; justify-content: center; align-items: center; font-family: 'GmarketSansBold'; font-size: 24px; color: #000; line-height: 28px; margin-right: 20px;}
#sub0204 .sub-type-01 .r-04 .r-con ul li .dsc {display: block; width: calc(100% - 150px);}
#sub0204 .sub-type-01 .r-05 .r-con ul li {margin-top: 5px; display: flex; padding-left: 10px; position: relative;}
#sub0204 .sub-type-01 .r-05 .r-con ul li:first-child {margin-top: 0;}
#sub0204 .sub-type-01 .r-05 .r-con ul li:before {content: ""; display: block; width: 4px; height: 4px; border-radius: 50%; background: #094; position: absolute; left: 0; top: 12px;}
#sub0204 .sub-type-01 .r-05 .r-con ul li .tit {display: block; color: #094; margin-right: 5px;}



/* 지함노인복지센터 - 서비스 이용 문의 */
#sub0205 .sub-type-01 .r-01 .r-con .con-wr {padding: 20px 25px; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; display: flex; justify-content: space-between; align-items: center;}
#sub0205 .sub-type-01 .r-01 .r-con .con-wr .img-wr {width: 126px; height: 126px; border-radius: 50%; background: url(/theme/basic/img/sub/sub02/img0501.jpg) center/cover no-repeat;}
#sub0205 .sub-type-01 .r-01 .r-con .con-wr p {width: calc(100% - 166px); font-size: 22px; font-weight: 500; line-height: 34px;}
#sub0205 .sub-type-01 .r-02 {border-top: none; padding-top: 0;}
#sub0205 .sub-type-01 .r-02 .r-con > ul {border-top: 1px solid #5b5b5b;}
#sub0205 .sub-type-01 .r-02 .r-con > ul > li {display: flex; align-items: center; padding: 10px 30px 10px 35px; min-height: 69px; border-bottom: 1px solid #ddd;}
#sub0205 .sub-type-01 .r-02 .r-con > ul > li.notice {background: #ece9e4; border-bottom: none;}
#sub0205 .sub-type-01 .r-02 .r-con > ul > li.notice span {display: block; padding-left: 10px; position: relative;}
#sub0205 .sub-type-01 .r-02 .r-con > ul > li.notice span:before {content: "*"; color: #df0c0c; font-weight: 400; position: absolute; left: 0; top: 0;}
#sub0205 .sub-type-01 .r-02 .r-con > ul > li .tit {width: 165px;}
#sub0205 .sub-type-01 .r-02 .r-con > ul > li .tit span {color: #000; font-weight: 400; position: relative;}
#sub0205 .sub-type-01 .r-02 .r-con > ul > li .tit.rqrd span:after {content: "*"; color: #df0c0c; font-weight: 400; position: absolute; right: -10px; top: 0;}
#sub0205 .sub-type-01 .r-02 .r-con > ul > li .dsc {width: calc(100% - 165px);}
#sub0205 .sub-type-01 .r-02 .r-con > ul > li .dsc input {border: 1px solid #ddd; padding: 0 20px; height: 45px; font-weight: 300;}
#sub0205 .sub-type-01 .r-02 .r-con > ul > li .dsc select {border: 1px solid #ddd; width: 204px; padding: 0 20px; height: 45px; font-weight: 300; background: url(/theme/basic/img/sub/sub_nav_arr_down.png) right 20px center no-repeat; margin-left: 7px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;}
#sub0205 .sub-type-01 .r-02 .r-con > ul > li .dsc select::-ms-expand {display: none;}
#sub0205 .sub-type-01 .r-02 .r-con > ul > li .dsc textarea {border: 1px solid #ddd; padding: 20px; height: 110px; font-weight: 300;}
#sub0205 .sub-type-01 .r-02 .r-con > ul > li .dsc .fir-width {width: 273px;}
#sub0205 .sub-type-01 .r-02 .r-con > ul > li .dsc .sec-width {width: 110px;}
#sub0205 .sub-type-01 .r-02 .r-con > ul > li .dsc .thi-width {width: 210px;}
#sub0205 .sub-type-01 .r-02 .r-con > ul > li .dsc .full-width {width: 100%;}
#sub0205 .sub-type-01 .r-02 .r-con > ul > li .dsc .radio-wr {display: flex;}
#sub0205 .sub-type-01 .r-02 .r-con > ul > li .dsc .radio-wr li {margin-right: 25px;}
#sub0205 .sub-type-01 .r-02 .r-con > ul > li .dsc .radio-wr li:last-child {margin-right: 0;}
#sub0205 .sub-type-01 .r-02 .r-con > ul > li .dsc .radio-wr li input[type="radio"] {display: none;}
#sub0205 .sub-type-01 .r-02 .r-con > ul > li .dsc .radio-wr li input[type="radio"] + label {padding-left: 32px; position: relative; cursor: pointer;}
#sub0205 .sub-type-01 .r-02 .r-con > ul > li .dsc .radio-wr li input[type="radio"] + label:before {content: ""; display: block; width: 22px; height: 22px; border-radius: 50%; border: 1px solid #ddd; position: absolute; left: 0; top: 50%; margin-top: -11px;}
#sub0205 .sub-type-01 .r-02 .r-con > ul > li .dsc .radio-wr li input[type="radio"] + label:after {content: ""; display: block; width: 10px; height: 10px; border-radius: 50%; background: #77cf5f; position: absolute; left: 6px; top: 50%; margin-top: -5px; opacity: 0; transition: 0.3s ease-in-out;}
#sub0205 .sub-type-01 .r-02 .r-con > ul > li .dsc .radio-wr li input[type="radio"]:checked + label:after {opacity: 1;}
#sub0205 .sub-type-01 .r-02 .r-con .agr-wr {margin-top: 40px; display: flex; justify-content: center;}
#sub0205 .sub-type-01 .r-02 .r-con .agr-wr input[type="checkbox"] {display: none;}
#sub0205 .sub-type-01 .r-02 .r-con .agr-wr input[type="checkbox"] + label {font-size: 18px; font-weight: 400; padding-left: 35px; position: relative; cursor: pointer; text-align: left;}
#sub0205 .sub-type-01 .r-02 .r-con .agr-wr input[type="checkbox"] + label:before {content: ""; display: block; width: 20px; height: 20px; line-height: 16px; border: 1px solid #777; position: absolute; left: 0; top: 50%; margin-top: -10px;}
#sub0205 .sub-type-01 .r-02 .r-con .agr-wr input[type="checkbox"] + label br {display: none;}
#sub0205 .sub-type-01 .r-02 .r-con .agr-wr input[type="checkbox"]:checked + label:before {content: "\2714";}
#sub0205 .sub-type-01 .r-02 .r-con .sbmt-wr {margin-top: 50px; display: flex; justify-content: center;}
#sub0205 .sub-type-01 .r-02 .r-con .sbmt-wr button {width: 210px; height: 56px; border: none; background: #03a349; font-size: 18px; color: #fff; font-weight: 400; margin: 0 5px;}
#sub0205 .sub-type-01 .r-02 .r-con .sbmt-wr span {display: block; width: 210px; height: 56px; border: 1px solid #03a349; font-size: 18px; font-weight: 400; line-height: 54px; text-align: center; margin: 0 5px; cursor: pointer;}



/* 조합사업안내 */
#sub0301 .sub-type-01 .r-01 .r-con .con-wr,
#sub0302 .sub-type-01 .r-01 .r-con .con-wr,
#sub0303 .sub-type-01 .r-01 .r-con .con-wr {padding: 50px 100px; background: #f6f6f6;}
#sub0301 .sub-type-01 .r-01 .r-con .con-wr ul li,
#sub0302 .sub-type-01 .r-01 .r-con .con-wr ul li,
#sub0303 .sub-type-01 .r-01 .r-con .con-wr ul li {display: flex; justify-content: space-between; align-items: center; margin-top: 20px;}
#sub0301 .sub-type-01 .r-01 .r-con .con-wr ul li:first-child,
#sub0302 .sub-type-01 .r-01 .r-con .con-wr ul li:first-child,
#sub0303 .sub-type-01 .r-01 .r-con .con-wr ul li:first-child {margin-top: 0;}
#sub0301 .sub-type-01 .r-01 .r-con .con-wr ul li.order-ti,
#sub0302 .sub-type-01 .r-01 .r-con .con-wr ul li.order-ti,
#sub0303 .sub-type-01 .r-01 .r-con .con-wr ul li.order-ti {flex-direction: row-reverse;}
#sub0301 .sub-type-01 .r-01 .r-con .con-wr ul li .img-wr,
#sub0302 .sub-type-01 .r-01 .r-con .con-wr ul li .img-wr,
#sub0303 .sub-type-01 .r-01 .r-con .con-wr ul li .img-wr {width: 280px; height: 280px; border-radius: 50%; overflow: hidden;}
#sub0301 .sub-type-01 .r-01 .r-con .con-wr ul li .img-wr img,
#sub0302 .sub-type-01 .r-01 .r-con .con-wr ul li .img-wr img,
#sub0303 .sub-type-01 .r-01 .r-con .con-wr ul li .img-wr img {width: 100%; transition: 0.3s ease-in-out;}
#sub0301 .sub-type-01 .r-01 .r-con .con-wr ul li:hover .img-wr img,
#sub0302 .sub-type-01 .r-01 .r-con .con-wr ul li:hover .img-wr img,
#sub0303 .sub-type-01 .r-01 .r-con .con-wr ul li:hover .img-wr img {transform: scale(1.1);}
#sub0301 .sub-type-01 .r-01 .r-con .con-wr ul li.order-it .txt-wr,
#sub0302 .sub-type-01 .r-01 .r-con .con-wr ul li.order-it .txt-wr,
#sub0303 .sub-type-01 .r-01 .r-con .con-wr ul li.order-it .txt-wr {width: calc(100% - 370px);}
#sub0301 .sub-type-01 .r-01 .r-con .con-wr ul li.order-ti .txt-wr,
#sub0302 .sub-type-01 .r-01 .r-con .con-wr ul li.order-ti .txt-wr,
#sub0303 .sub-type-01 .r-01 .r-con .con-wr ul li.order-ti .txt-wr {width: calc(100% - 340px); padding-left: 20px;}
#sub0301 .sub-type-01 .r-01 .r-con .con-wr ul li .txt-wr h4,
#sub0302 .sub-type-01 .r-01 .r-con .con-wr ul li .txt-wr h4,
#sub0303 .sub-type-01 .r-01 .r-con .con-wr ul li .txt-wr h4 {font-size: 28px; color: #000; font-weight: 700;}
#sub0301 .sub-type-01 .r-01 .r-con .con-wr ul li .txt-wr p,
#sub0302 .sub-type-01 .r-01 .r-con .con-wr ul li .txt-wr p,
#sub0303 .sub-type-01 .r-01 .r-con .con-wr ul li .txt-wr p {margin-top: 25px;}
#sub0301 .sub-type-01 .r-01 .r-con .con-wr ul li .txt-wr a,
#sub0302 .sub-type-01 .r-01 .r-con .con-wr ul li .txt-wr a,
#sub0303 .sub-type-01 .r-01 .r-con .con-wr ul li .txt-wr a {display: inline-block; margin-top: 10px; color: #000; padding-bottom: 2.5px; border-bottom: 1px solid #222;}



/* 커뮤니티 - 조합원 가입신청 */
#sub0401 .sub-type-01 .r-01 .r-con .con-wr {padding: 20px 25px; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; display: flex; justify-content: space-between; align-items: center;}
#sub0401 .sub-type-01 .r-01 .r-con .con-wr .img-wr {width: 126px; height: 126px; border-radius: 50%; background: url(/theme/basic/img/sub/sub04/img0101.jpg) center/cover no-repeat;}
#sub0401 .sub-type-01 .r-01 .r-con .con-wr p {width: calc(100% - 166px); font-size: 22px; font-weight: 500; line-height: 34px;}
#sub0401 .sub-type-01 .r-01 .r-con .con-wr p a {display: block; margin-top: 15px; width: 210px; padding: 11px 0; background: #03a349; font-size: 18px; color: #fff; font-weight: 400; text-align: center;}



/* 후원 - 후원신청 */
#sub0601 .sub-type-01 .r-01 .r-con .con-wr {padding: 20px 25px; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; display: flex; justify-content: space-between; align-items: center;}
#sub0601 .sub-type-01 .r-01 .r-con .con-wr .img-wr {width: 126px; height: 126px; border-radius: 50%; background: url(/theme/basic/img/sub/sub04/img0101.jpg) center/cover no-repeat;}
#sub0601 .sub-type-01 .r-01 .r-con .con-wr .txt-wr {width: calc(100% - 166px); font-size: 22px; font-weight: 500; line-height: 34px;}
#sub0601 .sub-type-01 .r-01 .r-con .con-wr .txt-wr .btn-wr {display: flex;}
#sub0601 .sub-type-01 .r-01 .r-con .con-wr .txt-wr .btn-wr a {display: block; margin-top: 15px; width: 210px; padding: 11px 0; background: #03a349; font-size: 18px; color: #fff; font-weight: 400; text-align: center; margin-right: 10px;}
#sub0601 .sub-type-01 .r-01 .r-con .con-wr .txt-wr .btn-wr span {display: block; margin-top: 15px; width: 210px; padding: 10px 0; border: 1px solid #03a349; font-size: 18px; font-weight: 400; text-align: center; }
#sub0601 .sub-type-01 .r-02 {margin-top: 70px; border-top: none; padding-top: 0;}
#sub0601 .sub-type-01 .r-02 .r-con ul {display: flex; justify-content: space-between;}
#sub0601 .sub-type-01 .r-02 .r-con ul li {width: calc(50% - 20px); padding: 50px 40px 40px; background: #f6f6f6; text-align: center;}
#sub0601 .sub-type-01 .r-02 .r-con ul li .img-wr {width: 150px; height: 150px; border-radius: 50%; margin: 0 auto;}
#sub0601 .sub-type-01 .r-02 .r-con ul li:first-child .img-wr {background: url(/theme/basic/img/sub/sub06/img0101.png) #fff center no-repeat;}
#sub0601 .sub-type-01 .r-02 .r-con ul li:last-child .img-wr {background: url(/theme/basic/img/sub/sub06/img0102.png) #fff center no-repeat;}
#sub0601 .sub-type-01 .r-02 .r-con ul li .txt-wr {margin-top: 15px;}
#sub0601 .sub-type-01 .r-02 .r-con ul li .txt-wr h5 {font-size: 24px; font-weight: 500;}
#sub0601 .sub-type-01 .r-02 .r-con ul li .txt-wr p {margin-top: 5px;}
#sub0601 .sub-type-01 .r-03 {align-items: center;}
#sub0601 .sub-type-01 .r-03 .r-con ul {display: flex;}
#sub0601 .sub-type-01 .r-03 .r-con ul li:first-child {height: 25px; line-height: 31px; padding-left: 144px; background: url(/theme/basic/img/sub/sub06/img0103.jpg) left 12px center no-repeat; font-family: 'GmarketSansMedium'; font-size: 18px; color: #000; padding-right: 12.5px; margin-right: 12.5px; position: relative;}
#sub0601 .sub-type-01 .r-03 .r-con ul li:first-child:after {content: ""; display: block; width: 1px; height: 17px; background: #ddd; position: absolute; right: -1.5px; top: 50%; margin-top: -7.5px;}
#sub0601 .sub-type-01 .r-03 .r-con ul li:last-child {font-weight: 400;}
#sub0601 .sub-type-01 .r-04 .r-con p {font-size: 20px; font-weight: 400;}
#sub0601 .sub-type-01 .r-04 .r-con ul {margin-top: 15px; padding: 24px 28px; background: #f6f6f6; display: flex;}
#sub0601 .sub-type-01 .r-04 .r-con ul li:first-child {height: 25px; line-height: 23px; padding-left: 40px; font-weight: 400; padding-right: 12.5px; margin-right: 12.5px; position: relative;}
#sub0601 .sub-type-01 .r-04 .r-con ul li:first-child:before {content: ""; display: block; width: 31px; height: 31px; border-radius: 50%; background: url(/theme/basic/img/main/icn_call.png) #03a349 center/15px no-repeat; position: absolute; left: 0; top: 50%; margin-top: -15.5px;}
#sub0601 .sub-type-01 .r-04 .r-con ul li:first-child:after {content: ""; display: block; width: 1px; height: 17px; background: #ddd; position: absolute; right: -1.5px; top: 50%; margin-top: -7.5px;}
#sub0601 .sub-type-01 .r-04 .r-con ul li:first-child span,
#sub0601 .sub-type-01 .r-04 .r-con ul li:first-child a {font-family: 'GmarketSansMedium'; font-size: 18px; color: #000;}
#sub0601 .sub-type-01 .r-04 .r-con ul li:last-child {font-weight: 400;}



/* modal */
.modal {display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; background-color: rgba(0,0,0,0.45);}
.modal .md-wr {width: 800px; height: 70vh; background-color: #fff; border-radius: 4px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.15); position: absolute; left: 50%; margin-left: -400px; top: 50%; transform: translateY(-50%);}
.modal .md-wr .md-hd {position: relative;}
.modal .md-wr .md-hd h2 {font-size: 18px; font-weight: 500; border-bottom: 1px solid #ddd; padding: 20px 40px;}
.modal .md-wr .md-hd img {position: absolute; right: 40px; top: 50%; margin-top: -8.5px; cursor: pointer;}
.modal .md-wr .md-bd {height: calc(100% - 67px); overflow-y: auto; padding: 40px;}
.modal .md-wr .md-bd::-webkit-scrollbar {display: none;}









/* media quary - 1316px */
@media screen and (max-width: 1316px) {

#hd_pop,
#hd_wrapper,

#gnb .gnb_wrap,
#ft_wr {width: 100%; padding: 0 50px;}

.wr {width: 100%; margin: 0; padding: 0 50px;}

#logo a img.pc-ver {display: none !important;}
#logo a img.m-ver {display: block !important;}

#gnb_pc {display: none;}

#gnb_open {display: block; width: 34px; height: 26px; border: none; background: none;}
#gnb_open .bar-wr {width: 100%; height: 100%; position: relative;}
#gnb_open .bar-wr .bar {width: 100%; height: 4px; background: #000; position: absolute; right: 0; transition: 0.3s ease-in-out;}
#gnb_open .bar-wr .bar.tp {top: 0;}
#gnb_open .bar-wr .bar.md {width: 25px; top: 50%; margin-top: -2px;}
#gnb_open .bar-wr .bar.bt {bottom: 0;}
#gnb_open.actv .bar-wr .bar.tp {width: 32.3795px; transform: rotate(-45deg); transform-origin: right top;}
#gnb_open.actv .bar-wr .bar.md {width: 0;}
#gnb_open.actv .bar-wr .bar.bt {width: 32.3795px; transform: rotate(45deg); transform-origin: right bottom;}

#gnb_m {display: block; width: 401px; height: calc(100% - 100px); border-left: 1px solid #ddd; background: #ebe9e4; padding: 0 20px; position: fixed; right: -401px; top: 100px; z-index: 100; overflow-y: auto; transition: 0.3s ease-in-out;}
#gnb_m.actv {right: 0;}
#gnb_m > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#gnb_m .gnb_wrap {padding: 12px 0 20px;}
#gnb_m .gnb_1dul {height: 100%; flex-direction: column;}
#gnb_m .gnb_1dul::-webkit-scrollbar {display: none;}
#gnb_m .gnb_1dli {width: 100%; border-bottom: 1px solid #d0d0d0;}
#gnb_m .gnb_1da {padding: 20px 30px; height: auto; background: url(/theme/basic/img/main/gnb_bg_bot_01.png) right 10px center no-repeat; cursor: pointer; transition: none;}
#gnb_m .gnb_1da span {font-weight: 500;}
#gnb_m .gnb_1da span:before {display: none;}
#gnb_m .gnb_2dul {display: none; position: static; height: auto; text-align: left; border-top: 1px solid #d0d0d0; padding: 17.5px 0;}
#gnb_m .gnb_1dli.actv02 .gnb_2dul,
#gnb_m .gnb_2dul.actv {display: block;}
#gnb_m .gnb_2da {padding: 7.5px 30px;}
#gnb_m .gnb_2dli.actv02 .gnb_2da {text-decoration: none;}

#main-ban .ctrl_wr {left: 50px; margin-left: 0;}
#main-ban .swiper-slide .txt-wr {left: 50px; margin-left: 0;}

#main .r01 {width: calc(100% - 100px); padding: 0;}
#main .r02 {padding: 70px 50px 100px;}
#main .r02 .r-con li {width: calc((100% - 72px) / 3);}
#main .r04 .wr {padding: 90px 50px 105px;}
#main .r05 {padding: 55px 50px 80px;}
#main .r05 .r-con li {width: calc((100% - 72px) / 3);}
#main .r06 .wr {padding: 25px 50px;}

#ft .ft-tp .wr {padding: 28px 50px 18px;}
#ft .ft-bt .wr {padding: 30px 50px 35px;}

#sub-nav-pc {width: calc(100% - 100px);}

.sub-wr .sub-type-01 {width: 100%; padding: 0 50px;}

.bo-wr {width: 100%; padding: 60px 50px 80px;}

}









/* media quary - 1296px */
@media screen and (max-width: 1296px) {

#main .r01 li a span {margin-right: 0;}
#main .r01 li a .img-wr {display: none;}
#main .r02 .r-con li {width: calc((100% - 60px) / 3);}
#main .r04 .wr {flex-direction: column;}
#main .r04 .r-tit {position: relative;}
#main .r04 .r-tit .ctrl_wr {margin-top: 0; position: absolute; right: 0; top: 0;}
#main .r04 .r-con {width: calc(100% + 30px); margin: 30px -15px 0;}
#main .r04 .r-con .slick-slide {padding: 0 15px;}
#main .r04 .r-con .slick-slide a .img-wr img {width: 100%;}
#main .r05 .r-con li {width: calc((100% - 60px) / 3);}
#main .r06 .r-con {width: calc(100% - 138px);}

#ft .ft-bt .left {width: 745px;}
#ft .ft-bt .left ul.ul-02 li:nth-child(3) {margin-right: 0;}
#ft .ft-bt .left ul.ul-02 li:nth-child(3):after {display: none;}

.sub-wr {padding: 60px 0 80px;}
.sub-wr .sub-type-01 .row {flex-direction: column;}
.sub-wr .sub-type-01 .row .r-tit {width: 100%; padding-right: 0;}
.sub-wr .sub-type-01 .row .r-tit-01 {margin-bottom: 40px;}
.sub-wr .sub-type-01 .row .r-tit-02 {margin-bottom: 25px;}
.sub-wr .sub-type-01 .row .r-con {width: 100%;}

.bo-wr {padding: 60px 50px 80px;}

#sub0102 .sub-type-01 .r-01 .r-con .c-02 li {width: calc((100% - 60px) / 3);}

#sub0103 .sub-type-01 .r-03 .r-con ul li .cc-wr {border-radius: 50px;}
#sub0103 .sub-type-01 .r-04 .r-con ul li {border-radius: 50px;}

#sub0201 .sub-type-01 .row .r-tit-01 > span.f-ver {display: none;}
#sub0201 .sub-type-01 .row .r-tit-01 > span.s-ver {display: inline;}

#sub0202 .sub-type-01 .row .r-tit-02 > span br {display: none;}
#sub0202 .sub-type-01 .r-02 .r-con ul li .icn-wr {border-radius: 50px;}

#sub0203 .sub-type-01 .row .r-tit-01 > span.f-ver {display: none;}
#sub0203 .sub-type-01 .row .r-tit-01 > span.s-ver {display: inline;}
#sub0203 .sub-type-01 .row .r-tit-02 > span br {display: none;}
#sub0203 .sub-type-01 .r-02 .r-con ul li .icn-wr {border-radius: 50px;}

#sub0204 .sub-type-01 .row .r-tit-01 > span.f-ver {display: none;}
#sub0204 .sub-type-01 .row .r-tit-01 > span.s-ver {display: inline;}
#sub0204 .sub-type-01 .row .r-tit-02 > span br {display: none;}
#sub0204 .sub-type-01 .r-02 .r-con ul li .icn-wr {border-radius: 50px;}

}









/* media quary - 1023px */
@media screen and (max-width: 1023px) {

#main .r01 {margin: -106px auto 0; padding: 35px 0 28px; height: auto; align-items: flex-start;}
#main .r01 li {width: 165px;}
#main .r01 li a {flex-direction: column;}
#main .r01 li a .icn-wr {margin-right: 0; margin-bottom: 22px;}
#main .r01 li a span.pc-ver {display: none !important;}
#main .r01 li a span.tbl-ver {display: block !important; text-align: center;}
#main .r02 .r-con li {width: calc(50% - 15px);}
#main .r02 .r-con li:nth-child(3) {display: none;}
#main .r03 {padding-bottom: 70px;}
#main .r03:after {display: none;}
#main .r03 .r-con-wr {margin: 0 -50px; overflow-x: auto;}
#main .r03 .r-con-wr::-webkit-scrollbar {width: calc(100% - 60px); height: 5px;}
#main .r03 .r-con-wr::-webkit-scrollbar-track {background-color: #d6d3d3;}
#main .r03 .r-con-wr::-webkit-scrollbar-thumb {height: 5px; background-color: #02a349;}
#main .r03 .r-con {width: 1780px; padding: 0 50px 30px;}
#main .r03 .r-con li {width: calc((100% - 60px) / 3); height: auto; padding: 45px 0; margin-right: 30px;}
#main .r03 .r-con li:nth-child(2) {background: #f4f4f4;}
#main .r03 .r-con li:last-child {margin-right: 0;}
#main .r04 .wr {padding-bottom: 70px;}
#main .r04 .r-tit h2 {text-align: center;}
#main .r04 .r-tit p {display: none;}
#main .r04 .r-tit .ctrl_wr {display: none;}
#main .r04 .r-con {width: calc(100% + 100px); margin: 30px -50px 0; padding-bottom: 30px; font-size: 0; white-space: nowrap; overflow-y: auto;}
#main .r04 .r-con::-webkit-scrollbar {width: calc(100% - 60px); height: 5px;}
#main .r04 .r-con::-webkit-scrollbar-track {background-color: #d6d3d3;}
#main .r04 .r-con::-webkit-scrollbar-thumb {height: 5px; background-color: #02a349;}
#main .r04 .r-con > div {display: inline-block; width: calc(50% - 35px); padding: 0 15px;}
#main .r04 .r-con > div:first-child {margin-left: 35px;}
#main .r04 .r-con > div:last-child {margin-right: 35px;}
#main .r04 .r-con > div a {display: block; width: 100%; height: 100%;}
#main .r04 .r-con > div a .img-wr {border: 1px solid #e1e1e1;}
#main .r04 .r-con > div a .img-wr img {width: 100%;}
#main .r04 .r-con > div a .txt-wr {padding: 25px 40px 30px; background: #fff;}
#main .r04 .r-con > div a .txt-wr h3 {white-space: normal; height: 58px; font-size: 20px; color: #555; font-weight: 500; line-height: 29px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#main .r05 .r-tit h2 {text-align: center;}
#main .r05 .r-con {display: block; width: calc(100% + 100px); margin: 30px -50px 0; font-size: 0; white-space: nowrap; overflow-y: auto;}
#main .r05 .r-con::-webkit-scrollbar {display: none;}
#main .r05 .r-con li {display: inline-block; width: 450px; margin-right: 30px;}
#main .r05 .r-con li:first-child {margin-left: 50px;}
#main .r05 .r-con li:last-child {margin-right: 50px;}
#main .r05 .r-con li a h3 span,
#main .r05 .r-con li a p span {white-space: normal;}

#ft .ft-bt .wr {flex-direction: column-reverse;}
#ft .ft-bt .left {margin-top: 15px; width: 100%; text-align: center;}
#ft .ft-bt .left ul {justify-content: center;}
#ft .ft-bt .right {display: flex; justify-content: center; align-items: center;}
#ft .ft-bt .right h2 {margin-right: 10px;}
#ft .ft-bt .right .pc-ver {display: none !important;}
#ft .ft-bt .right .m-ver {display: block !important; margin-top: 0; margin-left: 2.5px;}

#sub-nav-pc {display: none;}

#sub-nav-m {display: block; width: 100%; padding: 0 50px; margin: -35px 0 0; position: relative;}
#sub-nav-m h3 {display: block !important; width: 100%; padding: 23px 70px 19px 30px; background: url(/theme/basic/img/sub/sub_nav_arr_down.png) #f6f6f6 right 23px center no-repeat; box-shadow: 10px 10px 20px rgba(0,0,0,0.1); font-family: 'GmarketSansMedium'; font-size: 24px; color: #404040;}
#sub-nav-m h3.actv {background: url(/theme/basic/img/sub/sub_nav_arr_up.png) #f6f6f6 right 23px center no-repeat;}
#sub-nav-m ul {display: none; width: calc(100% - 100px); border: 1px solid #dcdcdc; padding: 10px; background: #fff; position: absolute; left: 50px; top: 72px; z-index: 1;}
#sub-nav-m ul.actv {display: block;}
#sub-nav-m ul li {}
#sub-nav-m ul li a {display: block; padding: 20px 20px 16px; font-family: 'GmarketSansMedium'; font-size: 20px; color: #404040;}
#sub-nav-m ul li.actv a {background: #094; color: #fff;}

#sub0103 .sub-type-01 .r-02 .r-con .con-wr {border-radius: 60px;}
#sub0103 .sub-type-01 .r-02 .r-con .con-wr img.pc-ver {display: none !important;}
#sub0103 .sub-type-01 .r-02 .r-con .con-wr img.tbl-ver {display: block !important;}
#sub0103 .sub-type-01 .r-02 .r-con .con-wr p.pc-ver {display: none !important;}
#sub0103 .sub-type-01 .r-02 .r-con .con-wr p.tbl-ver {display: block !important; text-align: center;}
#sub0103 .sub-type-01 .r-03 .r-con ul.pc-ver {display: none !important;}
#sub0103 .sub-type-01 .r-03 .r-con div.tbl-ver {display: block !important;}
#sub0103 .sub-type-01 .r-03 .r-con div.tbl-ver .slick-slide {text-align: center;}
#sub0103 .sub-type-01 .r-03 .r-con div.tbl-ver .slick-slide .cc-wr {width: 270px; height: 270px; border-radius: 135px; margin: 0 auto; padding-top: 50px;}
#sub0103 .sub-type-01 .r-03 .r-con div.tbl-ver .slick-slide.fir .cc-wr {background: #f2c00b;}
#sub0103 .sub-type-01 .r-03 .r-con div.tbl-ver .slick-slide.sec .cc-wr {background: #03a349;}
#sub0103 .sub-type-01 .r-03 .r-con div.tbl-ver .slick-slide.thi .cc-wr {background: #383bc8;}
#sub0103 .sub-type-01 .r-03 .r-con div.tbl-ver .slick-slide .cc-wr .icn-wr {width: 70px; height: 70px; margin: 0 auto;}
#sub0103 .sub-type-01 .r-03 .r-con div.tbl-ver .slick-slide.fir .cc-wr .icn-wr {background: url(/theme/basic/img/sub/sub01/img0302.png) center no-repeat;}
#sub0103 .sub-type-01 .r-03 .r-con div.tbl-ver .slick-slide.sec .cc-wr .icn-wr {background: url(/theme/basic/img/sub/sub01/img0303.png) center no-repeat;}
#sub0103 .sub-type-01 .r-03 .r-con div.tbl-ver .slick-slide.thi .cc-wr .icn-wr {background: url(/theme/basic/img/sub/sub01/img0304.png) center no-repeat;}
#sub0103 .sub-type-01 .r-03 .r-con div.tbl-ver .slick-slide .cc-wr p {margin-top: 20px; font-size: 20px; color: #fff; font-weight: 500;}
#sub0103 .sub-type-01 .r-03 .r-con div.tbl-ver .slick-slide.fir .cc-wr p {color: #000;}
#sub0103 .sub-type-01 .r-03 .r-con div.tbl-ver .slick-slide h5 {margin-top: 23px; font-size: 22px; font-weight: 500; line-height: 27px;}
#sub0103 .sub-type-01 .r-03 .r-con div.tbl-ver .slick-slide h5 span {display: block; font-size: 17px; font-weight: 300;}
#sub0103 .sub-type-01 .r-03 .r-con div.tbl-ver .slick-arrow {width: 22px; height: 43px; border: none; background: none; position: absolute; top: 50%; margin-top: -21.5px; overflow: hidden; text-indent: -999px;}
#sub0103 .sub-type-01 .r-03 .r-con div.tbl-ver .slick-prev {background: url(/theme/basic/img/sub/sub01/img03_arr_prv.png); left: 0;}
#sub0103 .sub-type-01 .r-03 .r-con div.tbl-ver .slick-next {background: url(/theme/basic/img/sub/sub01/img03_arr_nxt.png); right: 0;}
#sub0103 .sub-type-01 .r-04 .r-con ul {justify-content: center; flex-wrap: wrap;}
#sub0103 .sub-type-01 .r-04 .r-con ul li {width: 191.25px; border-radius: 50%; margin: 30px 22.5px 0;}
#sub0103 .sub-type-01 .r-04 .r-con ul li:nth-child(1),
#sub0103 .sub-type-01 .r-04 .r-con ul li:nth-child(2) {margin-top: 0;}
#sub0103 .sub-type-01 .r-04 .r-con > p.pc-ver {display: none !important;}
#sub0103 .sub-type-01 .r-04 .r-con > p.tbl-ver {display: block !important;}
#sub0103 .sub-type-01 .r-05 .r-con .con-wr {border-radius: 60px;}
#sub0103 .sub-type-01 .r-05 .r-con .con-wr p.pc-ver {display: none !important;}
#sub0103 .sub-type-01 .r-05 .r-con .con-wr p.tbl-ver {display: block !important; text-align: center;}

#sub0104 .sub-type-01 .r-01 .r-con img.pc-ver {display: none !important;}
#sub0104 .sub-type-01 .r-01 .r-con img.tbl-ver {display: inline !important;}

#sub0201 .sub-type-01 .r-01 .r-con .con-wr {padding: 0; background: none;}
#sub0201 .sub-type-01 .r-01 .r-con .con-wr ul li {flex-direction: column !important; margin-top: 30px; padding: 45px 30px 55px; background: #f6f6f6;}
#sub0201 .sub-type-01 .r-01 .r-con .con-wr ul li .txt-wr {margin-top: 35px; width: 100% !important;}

#sub0202 .sub-type-01 .r-02 .r-con ul.pc-ver {display: none !important;}
#sub0202 .sub-type-01 .r-02 .r-con div.tbl-ver {display: block !important;}
#sub0202 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-slide {width: 100%; padding: 0 72px; position: relative;}
#sub0202 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-slide:before {content: ""; display: block; width: 1px; height: calc(100% - 175px); background: #ededed; position: absolute; right: -15.5px; bottom: 0;}
#sub0202 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-slide:last-child:before {display: none;}
#sub0202 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-slide .icn-wr {width: 156px; height: 156px; border-radius: 50%; margin: 0 auto;}
#sub0202 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-slide.fir1 .icn-wr {background: url(/theme/basic/img/sub/sub02/img0202.png) #f6f6f6 center no-repeat;}
#sub0202 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-slide.sec .icn-wr {background: url(/theme/basic/img/sub/sub02/img0203.png) #f6f6f6 center no-repeat;}
#sub0202 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-slide.thi .icn-wr {background: url(/theme/basic/img/sub/sub02/img0204.png) #f6f6f6 center no-repeat;}
#sub0202 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-slide.fir4 .icn-wr {background: url(/theme/basic/img/sub/sub02/img0205.png) #f6f6f6 center no-repeat;}
#sub0202 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-slide.fif .icn-wr {background: url(/theme/basic/img/sub/sub02/img0206.png) #f6f6f6 center no-repeat;}
#sub0202 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-slide h5 {margin-top: 25px; font-size: 19px; color: #000; font-weight: 500; text-align: center;}
#sub0202 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-slide p {margin-top: 10px; text-align: center;}
#sub0202 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-arrow {width: 22px; height: 43px; border: none; background: none; position: absolute; top: 50%; margin-top: -21.5px; overflow: hidden; text-indent: -999px;}
#sub0202 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-prev {background: url(/theme/basic/img/sub/sub01/img03_arr_prv.png); left: 0;}
#sub0202 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-next {background: url(/theme/basic/img/sub/sub01/img03_arr_nxt.png); right: 0;}
#sub0202 .sub-type-01 .r-06 .r-con ul {flex-direction: column;}
#sub0202 .sub-type-01 .r-06 .r-con ul li {width: 100%; padding: 25px 50px; background: #ece9e4; display: flex; align-items: center; margin-top: 10px;}
#sub0202 .sub-type-01 .r-06 .r-con ul li:first-child {margin-top: 0;}
#sub0202 .sub-type-01 .r-06 .r-con ul li h5 {display: block; width: auto; height: 31px; line-height: 37px; padding-right: 37.5px; margin: 0; margin-right: 37.5px; border-radius: 0; position: relative;}
#sub0202 .sub-type-01 .r-06 .r-con ul li h5:after {content: ""; display: block; width: 1px; height: calc(100% - 4px); background: #444; position: absolute; right: -0.5px; top: 2px;}
#sub0202 .sub-type-01 .r-06 .r-con ul li p {margin-top: 0; display: flex; align-items: center;}
#sub0202 .sub-type-01 .r-06 .r-con ul li p b {margin-top: 0; margin-left: 42px; height: 26px; line-height: 32px;}

#sub0203 .sub-type-01 .r-02 .r-con ul.pc-ver {display: none !important;}
#sub0203 .sub-type-01 .r-02 .r-con div.tbl-ver {display: block !important;}
#sub0203 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-slide {width: 100%; padding: 0 72px; position: relative;}
#sub0203 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-slide:before {content: ""; display: block; width: 1px; height: calc(100% - 175px); background: #ededed; position: absolute; right: -15.5px; bottom: 0;}
#sub0203 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-slide:last-child:before {display: none;}
#sub0203 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-slide .icn-wr {width: 156px; height: 156px; border-radius: 50%; margin: 0 auto;}
#sub0203 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-slide.fir1 .icn-wr {background: url(/theme/basic/img/sub/sub02/img0202.png) #f6f6f6 center no-repeat;}
#sub0203 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-slide.sec .icn-wr {background: url(/theme/basic/img/sub/sub02/img0203.png) #f6f6f6 center no-repeat;}
#sub0203 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-slide.thi .icn-wr {background: url(/theme/basic/img/sub/sub02/img0204.png) #f6f6f6 center no-repeat;}
#sub0203 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-slide.fir4 .icn-wr {background: url(/theme/basic/img/sub/sub02/img0205.png) #f6f6f6 center no-repeat;}
#sub0203 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-slide.fif .icn-wr {background: url(/theme/basic/img/sub/sub02/img0206.png) #f6f6f6 center no-repeat;}
#sub0203 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-slide h5 {margin-top: 25px; font-size: 19px; color: #000; font-weight: 500; text-align: center;}
#sub0203 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-slide p {margin-top: 10px; text-align: center;}
#sub0203 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-arrow {width: 22px; height: 43px; border: none; background: none; position: absolute; top: 50%; margin-top: -21.5px; overflow: hidden; text-indent: -999px;}
#sub0203 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-prev {background: url(/theme/basic/img/sub/sub01/img03_arr_prv.png); left: 0;}
#sub0203 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-next {background: url(/theme/basic/img/sub/sub01/img03_arr_nxt.png); right: 0;}

#sub0204 .sub-type-01 .r-02 .r-con ul.pc-ver {display: none !important;}
#sub0204 .sub-type-01 .r-02 .r-con div.tbl-ver {display: block !important;}
#sub0204 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-slide {width: 100%; padding: 0 72px; position: relative;}
#sub0204 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-slide:before {content: ""; display: block; width: 1px; height: calc(100% - 175px); background: #ededed; position: absolute; right: -15.5px; bottom: 0;}
#sub0204 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-slide:last-child:before {display: none;}
#sub0204 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-slide .icn-wr {width: 156px; height: 156px; border-radius: 50%; margin: 0 auto;}
#sub0204 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-slide.fir1 .icn-wr {background: url(/theme/basic/img/sub/sub02/img0202.png) #f6f6f6 center no-repeat;}
#sub0204 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-slide.sec .icn-wr {background: url(/theme/basic/img/sub/sub02/img0203.png) #f6f6f6 center no-repeat;}
#sub0204 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-slide.thi .icn-wr {background: url(/theme/basic/img/sub/sub02/img0204.png) #f6f6f6 center no-repeat;}
#sub0204 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-slide.fir4 .icn-wr {background: url(/theme/basic/img/sub/sub02/img0205.png) #f6f6f6 center no-repeat;}
#sub0204 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-slide.fif .icn-wr {background: url(/theme/basic/img/sub/sub02/img0206.png) #f6f6f6 center no-repeat;}
#sub0204 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-slide h5 {margin-top: 25px; font-size: 19px; color: #000; font-weight: 500; text-align: center;}
#sub0204 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-slide p {margin-top: 10px; text-align: center;}
#sub0204 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-arrow {width: 22px; height: 43px; border: none; background: none; position: absolute; top: 50%; margin-top: -21.5px; overflow: hidden; text-indent: -999px;}
#sub0204 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-prev {background: url(/theme/basic/img/sub/sub01/img03_arr_prv.png); left: 0;}
#sub0204 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-next {background: url(/theme/basic/img/sub/sub01/img03_arr_nxt.png); right: 0;}
#sub0204 .sub-type-01 .r-03 .r-con table td.td-fir {width: 120px;}
#sub0204 .sub-type-01 .r-03 .r-con table td.td-sec {width: calc((100% - 240px) / 3);}
#sub0204 .sub-type-01 .r-04 .r-con ul {flex-direction: column;}
#sub0204 .sub-type-01 .r-04 .r-con ul li {width: 100% !important; padding: 25px 50px 25px; background: #ece9e4; display: flex; align-items: center; margin-top: 10px;}
#sub0204 .sub-type-01 .r-04 .r-con ul li:first-child {margin-top: 0;}
#sub0204 .sub-type-01 .r-04 .r-con ul li .tit {display: block; width: auto; height: 31px; line-height: 37px; padding-right: 37.5px; margin: 0; margin-right: 37.5px; border-radius: 0; position: relative;}
#sub0204 .sub-type-01 .r-04 .r-con ul li .tit:after {content: ""; display: block; width: 1px; height: calc(100% - 4px); background: #444; position: absolute; right: -0.5px; top: 2px;}
#sub0204 .sub-type-01 .r-04 .r-con ul li .tit br {display: none;}
#sub0204 .sub-type-01 .r-04 .r-con ul li .dsc {}

#sub0205 .sub-type-01 .r-02 .r-con > ul > li .dsc:after {content: ""; display: block; clear: both; visibility: hidden;}
#sub0205 .sub-type-01 .r-02 .r-con > ul > li .dsc .thi-width {width: calc(50% - 14px);}
#sub0205 .sub-type-01 .r-02 .r-con > ul > li .dsc .radio-wr {flex-wrap: wrap;}
#sub0205 .sub-type-01 .r-02 .r-con > ul > li .dsc select {float: right; width: calc(50% - 14px); margin-left: 0; margin-top: 10px;}
#sub0205 .sub-type-01 .r-02 .r-con .agr-wr input[type="checkbox"] + label br {display: block;}

#sub0301 .sub-type-01 .r-01 .r-con .con-wr,
#sub0302 .sub-type-01 .r-01 .r-con .con-wr,
#sub0303 .sub-type-01 .r-01 .r-con .con-wr {padding: 0; background: none;}
#sub0301 .sub-type-01 .r-01 .r-con .con-wr ul li,
#sub0302 .sub-type-01 .r-01 .r-con .con-wr ul li,
#sub0303 .sub-type-01 .r-01 .r-con .con-wr ul li {flex-direction: column !important; margin-top: 30px; padding: 45px 30px 55px; background: #f6f6f6;}
#sub0301 .sub-type-01 .r-01 .r-con .con-wr ul li .txt-wr,
#sub0302 .sub-type-01 .r-01 .r-con .con-wr ul li .txt-wr,
#sub0303 .sub-type-01 .r-01 .r-con .con-wr ul li .txt-wr {margin-top: 35px; width: 100% !important;}

.modal .md-wr {width: 680px; margin-left: -340px;}

}









/* media quary - 779px */
@media screen and (max-width: 779px) {

body {font-size: 27px;}

p {line-height: 43px;}

#hd_pop,
#hd_wrapper,

#gnb .gnb_wrap,
#ft_wr {padding: 0 20px;}

.wr {padding: 0 20px;}

#gnb_m {width: 100%; min-width: 640px; border-left: 1px solid #ddd; right: -100%;}
#gnb_m .gnb_1da span {font-size: 27px;}
#gnb_m .gnb_2da {font-size: 25px;}

#main-ban .swiper-slide {height: 750px;}
#main-ban .swiper-slide .txt-wr {top: 200px;}
#main-ban .swiper-slide img.pc-ver {display: none !important;}
#main-ban .swiper-slide img.m-ver {display: block !important; min-width: 640px;}

#main .row {overflow: hidden;}
#main .row .r-tit h2 {font-size: 40px;}
#main .row .r-tit p {display: none;}
#main .r01 {width: calc(100% - 40px); margin: -96.5px auto 0;}
#main .r01 li a .icn-wr {width: 51px; height: 50px; margin-bottom: 15px;}
#main .r01 li:nth-child(1) a .icn-wr {background: url(/theme/basic/img/main/r0101_m.png) center no-repeat;}
#main .r01 li:nth-child(2) a .icn-wr {background: url(/theme/basic/img/main/r0102_m.png) center no-repeat;}
#main .r01 li:nth-child(3) a .icn-wr {background: url(/theme/basic/img/main/r0103_m.png) center no-repeat;}
#main .r01 li a span {line-height: 26px;}
#main .r02 {padding: 65px 20px 75px;}
#main .r02 .r-con {margin-top: 30px;}
#main .r02 .r-con li {height: auto;}
#main .r02 .r-con li a {padding-bottom: 32px;}
#main .r02 .r-con li a h3 {font-size: 27px; letter-spacing: -1.8px;}
#main .r03 {padding: 65px 0 75px;}
#main .r03:before {height: 340px; background: url(/theme/basic/img/main/r03_bg_m.jpg) center/cover no-repeat;}
#main .r03 .r-con {margin-top: 30px;}
#main .r03 .r-con li h3 {font-size: 30px;}
#main .r03 .r-con li p {padding: 0 20px; line-height: 38px;}
#main .r03 .r-con li p br {display: none;}
#main .r04 .wr {padding: 65px 20px 75px;}
#main .r04 .r-con > div a .txt-wr {padding: 25px 20px 30px;}
#main .r04 .r-con > div a .txt-wr h3 {display: block; height: auto; font-size: 25px; white-space: nowrap;}
#main .r05 {padding: 65px 20px 75px;}
#main .r05 .r-con li.actv a {border-color: #e1e1e1; box-shadow: none;}
#main .r05 .r-con li a h3 span {height: 78px; font-size: 29px; line-height: 39px;}
#main .r05 .r-con li a p {display: none;}
#main .r05 .r-con li a > span {font-size: 25px;}
#main .r06 .wr {padding: 25px 20px;}
#main .r06 .ctrl_wr {width: 148px; height: 50px;}
#main .r06 .ctrl_wr > button {width: 50px;}
#main .r06 .r-con {width: calc(100% - 178px);}

#ft .ft-tp .wr {padding: 28px 20px 18px;}
#ft .ft-tp .left {width: 100%; justify-content: center;}
#ft .ft-tp .left li a,
#ft .ft-tp .left li span {font-size: 25px;}
#ft .ft-tp .right {flex-direction: column; position: fixed; right: 20px; bottom: 20px; z-index: 1;}
#ft .ft-tp .right li {width: 76px; height: 75px; margin-right: 0; margin-bottom: 10px;}
#ft .ft-tp .right li:last-child {margin-bottom: 0;}
#ft .ft-tp .right li.m-ver {display: block !important;}
#ft .ft-tp .right li:after {display: none;}
#ft .ft-tp .right li a {display: block; width: 100%; height: 100%; border-radius: 12px; overflow: hidden; text-indent: -999px;}
#ft .ft-tp .right li.blg a {background: url(/theme/basic/img/main/icn_blog.png) no-repeat;}
#ft .ft-tp .right li.call a {background: url(/theme/basic/img/main/icn_call.png) #f2c00a center no-repeat;}
#ft .ft-bt .wr {padding: 30px 20px 35px;}
#ft .ft-bt .left ul {font-size: 22px; line-height: 36px;}
#ft .ft-bt .left ul.ul-01 li:nth-child(2) {margin-right: 0;}
#ft .ft-bt .left ul.ul-01 li:nth-child(2):after {display: none;}
#ft .ft-bt .left ul.ul-02 li:nth-child(1) {margin-right: 0;}
#ft .ft-bt .left ul.ul-02 li:nth-child(1):after {display: none;}
#ft .ft-bt .right h2 {font-size: 22px;}
#ft .ft-bt .right p,
#ft .ft-bt .right a {font-size: 27px;}
#ft_copy {font-size: 22px; letter-spacing: -1.8px;}

a.btn, .btn {line-height: 45px; height: 45px;}

.frm_input {height: 65px;}

#sub-ban {height: 450px;}
#sub-ban.sub_v01:before {background: url(/theme/basic/img/sub/sub_ban_m_01.jpg) center/cover no-repeat;}
#sub-ban.sub_v02:before {background: url(/theme/basic/img/sub/sub_ban_m_02.jpg) center/cover no-repeat;}
#sub-ban.sub_v03:before {background: url(/theme/basic/img/sub/sub_ban_m_03.jpg) center/cover no-repeat;}
#sub-ban.sub_v04:before {background: url(/theme/basic/img/sub/sub_ban_m_04.jpg) center/cover no-repeat;}
#sub-ban.sub_v05:before {background: url(/theme/basic/img/sub/sub_ban_m_05.jpg) center/cover no-repeat;}
#sub-ban.sub_v06:before {background: url(/theme/basic/img/sub/sub_ban_m_06.jpg) center/cover no-repeat;}

#sub-nav-m {width: 100%; padding: 0 20px; margin: -39.5px 0 0;}
#sub-nav-m h3 {font-size: 29px;}
#sub-nav-m ul {width: calc(100% - 40px); left: 20px; top: 79px;}
#sub-nav-m ul li a {font-size: 25px;}

.sub-wr .sub-type-01 {padding: 0 20px;}
.sub-wr .sub-type-01 .row .r-tit-01 > span {font-size: 40px;}
.sub-wr .sub-type-01 .row .r-tit-02 > span {font-size: 35px;}
.sub-wr .sub-type-01 .row .r-con .c-tit {font-size: 30px; line-height: 47px;}
.sub-wr .sub-type-01 .row .r-con .c-tit br {display: none;}

#sub0101 .sub-type-01 .row .r-con p b {font-size: 29px;}
#sub0101 .sub-type-01 .row .r-con .img-wr {height: 300px;}

#sub0102 .sub-type-01 .r-01 .r-con .c-tit {margin-bottom: 50px;}
#sub0102 .sub-type-01 .r-01 .r-con .c-01:before {display: none;}
#sub0102 .sub-type-01 .r-01 .r-con .c-01 .col-col {flex-direction: column; padding-top: 50px; border-top: 1px solid #ededed;}
#sub0102 .sub-type-01 .r-01 .r-con .c-01 .col-col .yy {width: 100%; font-size: 35px;}
#sub0102 .sub-type-01 .r-01 .r-con .c-01 .col-col .yy:after {display: none;}
#sub0102 .sub-type-01 .r-01 .r-con .c-01 .col-col ul {padding-top: 15px;}
#sub0102 .sub-type-01 .r-01 .r-con .c-01 .col-col ul li .tit {width: 122px;}
#sub0102 .sub-type-01 .r-01 .r-con .c-01 .col-col ul li .dsc {width: calc(100% - 122px);}
#sub0102 .sub-type-01 .r-01 .r-con .c-02 li .txt-wr {display: none;}

#sub0103 .sub-type-01 .r-02 .r-con .con-wr {padding: 45px 0; border-radius: 86px;}
#sub0103 .sub-type-01 .r-02 .r-con .con-wr p {font-size: 30px; line-height: 41px;}
#sub0103 .sub-type-01 .r-03 .r-con div.tbl-ver .slick-slide .cc-wr {width: 350px; height: 350px; border-radius: 175px; padding-top: 60px; }
#sub0103 .sub-type-01 .r-03 .r-con div.tbl-ver .slick-slide .cc-wr p {font-size: 30px;}
#sub0103 .sub-type-01 .r-03 .r-con div.tbl-ver .slick-slide h5 {font-size: 32px; line-height: 37px;}
#sub0103 .sub-type-01 .r-03 .r-con div.tbl-ver .slick-slide h5 span {font-size: 27px;}
#sub0103 .sub-type-01 .r-04 .r-con ul li {width: 215px; height: 215px; padding-top: 50px;}
#sub0103 .sub-type-01 .r-04 .r-con ul li p {font-size: 30px;}
#sub0103 .sub-type-01 .r-04 .r-con > p {font-size: 30px;}
#sub0103 .sub-type-01 .r-05 .r-con .con-wr {padding: 45px 0; border-radius: 86px;}
#sub0103 .sub-type-01 .r-05 .r-con .con-wr p {font-size: 30px; line-height: 41px;}
#sub0103 .sub-type-01 .r-05 .r-con > span {padding-left: 0;}

#sub0105 .sub-type-01 .r-01 .r-tit p {font-size: 30px;}
#sub0105 .sub-type-01 .r-01 .r-tit ul li {font-size: 28px;}
#sub0105 .sub-type-01 .r-01 .r-tit ul li .tit {margin-right: 10px;}
#sub0105 .sub-type-01 .r-02 .r-con ul li {width: 100%; padding: 0;}
#sub0105 .sub-type-01 .r-02 .r-con ul li:nth-child(2) {margin-top: 20px;}
#sub0105 .sub-type-01 .r-02 .r-con ul li .tit {width: 97px; height: 44px; line-height: 42px; border-radius: 44px; font-size: 26px;}

#sub0201 .sub-type-01 .r-01 .r-con > p {font-size: 28px; line-height: 40px;}
#sub0201 .sub-type-01 .r-01 .r-con .con-wr ul li .txt-wr h4 {font-size: 35px;}

#sub0202 .sub-type-01 .r-01 .r-con p {font-size: 27px; line-height: 43px;}
#sub0202 .sub-type-01 .r-01 .r-con .img-wr {height: 300px;}
#sub0202 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-slide {padding: 0 42px;}
#sub0202 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-slide h5 {font-size: 31px;}

#sub0202 .sub-type-01 .r-04 .r-con table thead th span.pc-ver {display: none !important;}
#sub0202 .sub-type-01 .r-04 .r-con table thead th span.m-ver {display: inline !important;}
#sub0202 .sub-type-01 .r-05 .r-con p {font-size: 27px; line-height: 43px;}
#sub0202 .sub-type-01 .r-06 .r-con ul li h5 {font-size: 29px; padding-right: 22.5px; margin-right: 22.5px;}
#sub0202 .sub-type-01 .r-06 .r-con ul li p b {font-size: 33px; margin-left: 27px;}
#sub0202 .sub-type-01 .r-07 .r-con p {font-size: 31px;}


#sub0203 .sub-type-01 .r-01 .r-con p {font-size: 27px; line-height: 43px;}
#sub0203 .sub-type-01 .r-01 .r-con .img-wr {height: 300px;}
#sub0203 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-slide {padding: 0 42px;}
#sub0203 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-slide h5 {font-size: 31px;}
#sub0203 .sub-type-01 .r-04 .r-con table thead th span.pc-ver {display: none !important;}
#sub0203 .sub-type-01 .r-04 .r-con table thead th span.m-ver {display: inline !important;}
#sub0203 .sub-type-01 .r-04 .r-con p {font-size: 26px; letter-spacing: -1.2px;}

#sub0204 .sub-type-01 .r-01 .r-con p {font-size: 27px; line-height: 43px;}
#sub0204 .sub-type-01 .r-01 .r-con .img-wr {height: 300px;}
#sub0204 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-slide {padding: 0 42px;}
#sub0204 .sub-type-01 .r-02 .r-con div.tbl-ver .slick-slide h5 {font-size: 31px;}
#sub0204 .sub-type-01 .r-03 .r-con .table-wr-wr {width: calc(100% + 40px); margin: 0 -20px; overflow-y: auto;}
#sub0204 .sub-type-01 .r-03 .r-con .table-wr {width: 1140px;}
#sub0204 .sub-type-01 .r-03 .r-con table {width: 1100px; margin: 0 auto;}
#sub0204 .sub-type-01 .r-03 .r-con table td.td-fir {width: 240px;}
#sub0204 .sub-type-01 .r-04 .r-con p {font-size: 26px; letter-spacing: -1.2px;}
#sub0204 .sub-type-01 .r-04 .r-con ul li .tit {font-size: 29px; padding-right: 22.5px; margin-right: 22.5px;}
#sub0204 .sub-type-01 .r-05 .r-con ul li {display: block; text-align: left; padding-left: 14px;}
#sub0204 .sub-type-01 .r-05 .r-con ul li:before {width: 6px; height: 6px; top: 18px;}

#sub0205 .sub-type-01 .r-01 .r-con .con-wr {flex-direction: column;}
#sub0205 .sub-type-01 .r-01 .r-con .con-wr p {margin-top: 20px; width: 100%; font-size: 32px; line-height: 44px;}
#sub0205 .sub-type-01 .r-02 .r-con > ul > li .tit {width: 195px;}
#sub0205 .sub-type-01 .r-02 .r-con > ul > li .dsc {width: calc(100% - 195px);}
#sub0205 .sub-type-01 .r-02 .r-con > ul > li .dsc input {height: 55px;}
#sub0205 .sub-type-01 .r-02 .r-con > ul > li .dsc .sec-width {width: calc((100% - 61px) / 3);}
#sub0205 .sub-type-01 .r-02 .r-con > ul > li .dsc .thi-width {width: calc(50% - 23px);}
#sub0205 .sub-type-01 .r-02 .r-con > ul > li .dsc select {width: 100%;}
#sub0205 .sub-type-01 .r-02 .r-con > ul > li .dsc .radio-wr li input[type="radio"] + label {padding-left: 42px;}
#sub0205 .sub-type-01 .r-02 .r-con > ul > li .dsc .radio-wr li input[type="radio"] + label:before {width: 32px; height: 32px;}
#sub0205 .sub-type-01 .r-02 .r-con .agr-wr input[type="checkbox"] + label {font-size: 28px; padding-left: 45px;}
#sub0205 .sub-type-01 .r-02 .r-con .agr-wr input[type="checkbox"] + label:before {width: 30px; height: 30px; margin-top: -15px;}
#sub0205 .sub-type-01 .r-02 .r-con .sbmt-wr {justify-content: space-between;}
#sub0205 .sub-type-01 .r-02 .r-con .sbmt-wr button {width: calc(50% - 5px); height: 66px; font-size: 28px; margin: 0;}
#sub0205 .sub-type-01 .r-02 .r-con .sbmt-wr span {width: calc(50% - 5px); height: 66px; font-size: 28px; line-height: 64px; margin: 0;}

#sub0301 .sub-type-01 .r-01 .r-con .con-wr ul li .txt-wr h4,
#sub0302 .sub-type-01 .r-01 .r-con .con-wr ul li .txt-wr h4,
#sub0303 .sub-type-01 .r-01 .r-con .con-wr ul li .txt-wr h4 {font-size: 35px;}

#sub0401 .sub-type-01 .r-01 .r-con .con-wr {flex-direction: column;}
#sub0401 .sub-type-01 .r-01 .r-con .con-wr p {margin-top: 20px; width: 100%; font-size: 32px; line-height: 44px;}
#sub0401 .sub-type-01 .r-01 .r-con .con-wr p a {width: calc(50% - 5px); margin: 15px auto 0; font-size: 28px;}

#sub0601 .sub-type-01 .r-01 .r-con .con-wr {flex-direction: column;}
#sub0601 .sub-type-01 .r-01 .r-con .con-wr .txt-wr {margin-top: 20px; width: 100%; font-size: 32px; line-height: 44px;}
#sub0601 .sub-type-01 .r-01 .r-con .con-wr .txt-wr .btn-wr {justify-content: space-between;}
#sub0601 .sub-type-01 .r-01 .r-con .con-wr .txt-wr .btn-wr a,
#sub0601 .sub-type-01 .r-01 .r-con .con-wr .txt-wr .btn-wr span {width: calc(50% - 5px); font-size: 28px;}
#sub0601 .sub-type-01 .r-02 .r-con ul {flex-direction: column;}
#sub0601 .sub-type-01 .r-02 .r-con ul li {width: 100%; padding: 25px 50px; display: flex; align-items: center; text-align: left;}
#sub0601 .sub-type-01 .r-02 .r-con ul li:last-child {margin-top: 10px;}
#sub0601 .sub-type-01 .r-02 .r-con ul li .img-wr {margin: 0; margin-right: 40px;}
#sub0601 .sub-type-01 .r-02 .r-con ul li .txt-wr {margin: 0; width: calc(100% - 190px);}
#sub0601 .sub-type-01 .r-02 .r-con ul li .txt-wr h5 {font-size: 34px;}
#sub0601 .sub-type-01 .r-02 .r-con ul li .txt-wr p br {display: none;}
#sub0601 .sub-type-01 .r-03 .r-con ul {flex-direction: column;}
#sub0601 .sub-type-01 .r-03 .r-con ul li:first-child {height: 35px; line-height: 41px; padding-left: 165px; background: url(/theme/basic/img/sub/sub06/img0103_m.png) left center no-repeat; font-size: 28px; margin-right: 0;}
#sub0601 .sub-type-01 .r-03 .r-con ul li:last-child {margin-top: 5px;}
#sub0601 .sub-type-01 .r-04 .r-con ul {flex-direction: column;}
#sub0601 .sub-type-01 .r-04 .r-con ul li:first-child {height: 35px; line-height: 33px; margin-right: 0;}
#sub0601 .sub-type-01 .r-04 .r-con ul li:first-child span {display: none !important;}
#sub0601 .sub-type-01 .r-04 .r-con ul li:first-child a {display: inline !important; font-size: 28px;}
#sub0601 .sub-type-01 .r-04 .r-con ul li:last-child {margin-top: 5px;}

.modal .md-wr {width: calc(100% - 100px); height: 80vh; left: 50px; margin-left: 0;}
.modal .md-wr .md-hd h2 {font-size: 28px;}

}