/* ===== COMMON ===== */

#SkipToContent a {z-index:500; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;}
#SkipToContent a:focus, 
#SkipToContent a:active {width:100%; height:50px; background:#111; color:#fff; font-size:14px; font-weight:bold; text-align:center; text-decoration:none; line-height:50px;}

a {color:#555; text-decoration:none; display: block;}
a, a:active {color:#555;}
a:hover {color:#333;}
/*a:focus {outline:1px dotted #555;}*/

.center {margin: 0 auto;}

caption {visibility:hidden; font-size:0; width:0; height:0; overflow:hidden; line-height:0px;}

.no_sign::before {content: ""!important; position: relative !important; margin-right: 0 !important;}

/* wrap */

#wrap {width:100%; min-width:1190px; /*overflow:hidden;*/ font-weight:500; }
.container {margin:0 auto; width:1110px;}

/* TEXT COLOR */
.txt_white {color:#ffffff !important;} /* White */

.txt_blue {color:#36419D !important;} /* Symbol Blue */
.txt_dblue {color:#002F81 !important;} /* Symbol Blue */

.txt_black1 {color:#111 !important;} /* Black 111 */
.txt_black2 {color:#222 !important;} /* Black 222 */
.txt_black3 {color:#333 !important;} /* Black 333 */

.txt_gray5 {color:#555 !important;} /* Gray */
.txt_gray6 {color:#666 !important;} /* Gray */
.txt_gray8 {color:#888 !important;} /* Gray */
.txt_gray9 {color:#999 !important;} /* Gray */
.txt_grayc {color:#ccc !important;} /* Gray */
.txt_grayb {color:#bbb !important;} /* Gray */
.txt_lgray {color:#999 !important;} /* Light Gray */

.txt_redc {color:#cc0000 !important;} /* RED cc */
.txt_redf {color:#ff0000 !important;} /* RED ff */

.txt_yellowf {color:#ffff00 !important;} /* YELLOW ffff00 */
.txt_yellow2 {color:#fff200 !important;} /* YELLOW fff200 */

.t_hidden {display: none;}

.ls_0 {letter-spacing:0 !important;}
.ls_1 {letter-spacing:-1px !important;}
.ls_2 {letter-spacing:-2px !important;}

.text-center {text-align:center !important;}
.text-left {text-align:left !important;}
.text-right {text-align:right !important;}

.font_s10 {font-size:10px !important;}
.font_s11 {font-size:11px !important;}
.font_s12 {font-size:12px !important;}
.font_s13 {font-size:13px !important;}
.font_s14 {font-size:14px !important;}
.font_s15 {font-size:15px !important;}
.font_s16 {font-size:16px !important;}
.font_s17 {font-size:17px !important;}
.font_s18 {font-size:18px !important;}
.font_s19 {font-size:19px !important;}
.font_s20 {font-size:20px !important;}
.font_s22 {font-size:22px !important;}
.font_s24 {font-size:24px !important;}
.font_s42 {font-size:42px !important;}

/*flexbox*/
.flex_box {display: flex; justify-items: flex-start; align-items: center; flex-wrap: wrap; align-content: center;}
.flex_box02 {display: flex; justify-content: space-between; align-items: flex-start;}
.flex_box03 {display: flex; justify-content: center; align-items: center;}
.flex_box04 {display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; align-content: center;}
.flex_box05 {display: flex; justify-content: space-between; align-items: center;}

/* ===== HEADER ===== */

header {position:relative; width:100%;}
header a {display: block;}
header > div {width:100%; background:#fff; border-bottom:1px solid #ccc;}
header .m_header {display: none;}
header .mid_util > ul {max-width: 1110px ; margin: 0 auto;  display:flex; align-items: center; justify-content:space-between; position: relative;}
header .mid_util > ul .logo { position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%) ; -webkit-transform:translate(-50%,-50%) ; -moz-transform:translate(-50%,-50%) ; -ms-transform:translate(-50%,-50%) ; -o-transform:translate(-50%,-50%) ; }

header .mid_util {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
header .mid_util ul li img {width:100%}
header .mid_util ul {padding: 20px 0;}

header .mid_util .menu_right {display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 13px; line-height: 22px;}
header .mid_util .menu_right > li a {margin-right: 19px; position: relative; padding-left : 27px; font-weight: 700;}
header .mid_util .menu_right > li:last-child {margin-right:0px;}
header .mid_util .menu_right > li a.info { background-color: #002F81; color: #fff; line-height: 28px; padding: 0px 8px 0px 29px; border-radius: 20px; }
header .mid_util .menu_right > li a:before{ display: block; position: absolute; left: 4px; top: 50%; width: 20px; height: 20px; transform: translateY(-50%);}
header .mid_util .menu_right > li a.join:before { content: ""; background: url(/img/header/join.png) no-repeat center / cover;}
header .mid_util .menu_right > li a.login:before { content: ""; background: url(/img/header/login.png) no-repeat center / cover;}
header .mid_util .menu_right > li a.management:before { content: ""; background: url(/img/header/management.png) no-repeat center / cover;}
header .mid_util .menu_right > li a.info:before { content: ""; background: url(/img/header/mypage.png) no-repeat center / cover;}
header .mid_util .menu_right > li a.logout:before { content: ""; background: url(/img/header/logout.png) no-repeat center / cover;}

header nav {height: 54px; position: relative;}
header .gnb { display: flex; align-items: flex-start; justify-content: space-between; max-width: 1110px ; margin: 0 auto; position: absolute; top: 0; left: 50%; transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%); width: 100%; z-index: 100;}
header .gnb > li {line-height: 54px; text-align: center; font-size: 16px; flex: 1;}
header .gnb li a {position:relative; z-index:1;  color: #000;}
header .gnb > li > a:before {position:absolute; bottom:0; left:0; width:0; background:#00388c; content:""; height: 4px; transition:all 0.25s ease; -webkit-transition:all 0.25s ease;}
header .gnb li:hover a:before,
header .gnb li a:hover:before {left:0; width:100%;}
header .gnb .lnb > li {line-height: 44px;}
header .gnb .lnb > li a {color: #333;}
header .gnb .lnb > li a:before { position:absolute; height: 100%; left:0; width:0; background:rgba(54, 65, 157, 0.05); content:""; transition:all 0.25s ease; -webkit-transition:all 0.25s ease; -moz-transition:all 0.25s ease; -ms-transition:all 0.25s ease; -o-transition:all 0.25s ease; }
header .gnb .lnb > li:hover a:before,
header .gnb .lnb > li a:hover:before {left:0; width:100%;}

header .gnb .lnb_wrap {border-right: 1px solid #ddd; display: none; height: 281px;}
header .gnb > li:first-child .lnb_wrap {border-left: 1px solid #ddd}
header  nav .lnb_bg {background-color: #fff; height: 281px; display: none; position: absolute; top: 54px; left: 0; right: 0; border-top: 1px solid #ddd; z-index: 99;  border-bottom: 1px solid #ddd;}


/* ===== SLIDER ===== */
#slider {width: 100%; height: 520px; overflow: hidden; position: relative;}
#slider .img_wrap {position: relative; padding-bottom: 520px;}
#slider .swiper-slide-active .img_wrap .img_view{ position: absolute; top: 0; left: 50%; transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; }
#slider .button_wrap { width: 100%; max-width: 1410px; position: relative; margin: 0 auto;}
#slider .button_wrap .button_direction {position: absolute; z-index: 10; top: -250px}
#slider .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
#slider .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {opacity: 0.5; color: #fff;}
#slider .swiper-button-prev:hover:after, .swiper-rtl .swiper-button-next:hover:after,
#slider .swiper-button-next:hover:after, .swiper-rtl .swiper-button-prev:hover:after {opacity: 1;}
#slider .swiper-pagination-bullet {width: 18px; height: 18px;}
#slider .swiper-horizontal>.swiper-pagination-bullets, 
#slider .swiper-pagination-bullets.swiper-pagination-horizontal,
#slider .swiper-pagination-custom, 
#slider.swiper-pagination-fraction {bottom: 40px;}
#slider .slider_dot .swiper-pagination-bullet {background-color: #fff;}

/* ===== MAIN  ===== */
#wrap > main {width:100%; position: relative;}
#wrap > main > article {display: block; clear:both;}
.coach_list_wrap {max-width: 1160px;  margin: 0 auto; padding: 60px 0 113px;}
section.title {position: relative; margin-bottom: 54px;}
section.title h1 {font-size: 40px; font-weight: 600; margin: 0 0 8px;  letter-spacing: -3px;}
section.title p {font-size: 24px; color: #999}
section.title .more { color: #333; font-size: 26px; position: absolute; top: 50%; right: 0; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }

.tab_list_wrap {position: absolute; top: -28px; left: 50%; transform: translateX(-50%); z-index: 100;}
.tab_list_wrap .tab_list {display: grid; grid-template-columns:25% 25% 47%; column-gap: 1%; width: 1100px; margin: 0 auto; overflow: hidden;}
.tab_list_wrap .tab_list > li { padding: 33px 0; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; background-color: #fff; height: 95%;}
.tab_list_wrap .tab_list .button {padding-left: 62px; font-size: 18px; font-weight: 600; color: #333; position: relative;width: 70%; margin: 0 auto;}
.tab_list_wrap .tab_list .button01::before { content: ""; width: 42px; height: 42px; border-radius: 50%; background: #002F81 url(/img/index/icon01.png) no-repeat center; position: absolute; top: 50%; left: 0; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.tab_list_wrap .tab_list .button02::before { content: ""; width: 42px; height: 42px; border-radius: 50%; background: #002F81 url(/img/index/icon02.png) no-repeat center; position: absolute; top: 50%; left: 0; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.tab_list_wrap .tab_list .pass_list {height: 47px;}
.tab_list_wrap .tab_list .pass_list > li {font-size: 18px; color: #333; line-height: 47px;}

.step_list_wrap {max-width: 1160px;  margin: 0 auto; padding: 203px 0 87px;}
.step_list_wrap .step_wrap > li {margin-bottom: 25px; font-size: 24px; font-weight: 700; color: #333; padding: 45px 43px; letter-spacing: -1.5px; position: relative;}
.step_list_wrap .step_wrap > li > p {font-weight: 700;}
.step_list_wrap .step_wrap .step_list {padding: 32px 43px; background-color: #FAFAFA;}
.step_list_wrap .step_wrap .step_list .step {color: #999999; margin-right: 34px; position: relative;}
.step_list_wrap .step_wrap .step_list .step::after { content: ""; width: 2px; height: 18px; background-color: #333; position: absolute; top: 50%; right: -22px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.step_list_wrap .step_wrap .step01 {background: #E8F6FF url(/img/index/step01.png) no-repeat right 3% bottom;}
.step_list_wrap .step_wrap .step02 {background: #EDF3FF url(/img/index/step02.png) no-repeat right bottom;}
.step_list_wrap .step_wrap .step03 {background: #E8F6FF url(/img/index/step03.png) no-repeat right bottom; padding-bottom: 82px;}


.venndiagram_list_wrap {padding: 56px 0 134px; width: 100%;}
.venndiagram_list_wrap .venndiagram_bg {background-color: #FAFAFA; position: relative; height: 872px;}
.venndiagram_list_wrap .venndiagram_bg .venndiagram_info { width: 1160px; position: absolute; top: -180px; left: 50%; transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; }
.venndiagram_list_wrap .venndiagram_info .venndiagram_img {margin-bottom: 32px;}
.venndiagram_list_wrap .venndiagram_info .notify { box-shadow: 0px 6px 14px 0 rgba(0, 0, 0, 0.1); width: 100%; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px;  padding: 43px 53px 43px 98px}
.venndiagram_list_wrap .venndiagram_info .notify .notify_text {position:relative; font-size: 24px; font-weight: 700; color: #333}
.venndiagram_list_wrap .venndiagram_info .notify .notify_text::before { content: ""; width: 34px; height: 34px; background: url(/img/index/notice.png) content-box; position: absolute; top: 50%; left: -45px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); }

.coach_info {position: relative;}
#coach_wrap {width: 85%; padding: 10px 0;}
#coach_wrap .coach_list {box-sizing: border-box; padding: 8px 16px; width: 332px; height: 420px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; -webkit-border-radius: 1 ; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); background: #fff; border: 1px solid transparent}
#coach_wrap .coach_list::before { display: block; position: absolute; top:0; left: 0; right: 0; bottom: 0; background-color: #fff; opacity: 0.5; content: ''; transition: opacity 0.4s; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -ms-transition: opacity 0.4s; -o-transition: opacity 0.4s; }
#coach_wrap .coach_list .bg_box {width: 100%; height: 232px; background: url(/img/sub/sub01_bg.png) no-repeat center bottom/100%; overflow: hidden;}
#coach_wrap .coach_list .bg_box .img_box {width: 51%; margin: 0 auto;}
#coach_wrap .coach_list .bg_box .img_box  > img {width: 100%;}

#coach_wrap .coach_box {height: initial;}
#coach_wrap .coach_list.swiper-slide-active::before {opacity: 0;}
#coach_wrap .coach_list.swiper-slide-active:hover {border: 1px solid #002F81}
#coach_wrap .coach_list > img {width: 100%}
#coach_wrap .coach_list h4 {padding: 17px 0 10px; color: #333; font-size: 23px; display: flex; align-items: center; justify-content: space-between;}
#coach_wrap .coach_list h4 .tag { color: #fff; font-size: 18px; font-weight: 500; padding: 4px 22px; background-color: #002F81; border-radius:30px ; -webkit-border-radius:30px ; -moz-border-radius:30px ; -ms-border-radius:30px ; -o-border-radius:30px;  }
#coach_wrap .coach_list .info_desc {height: 20%;}
#coach_wrap .coach_list .info_detail {display: inline-block; font-size: 16px; color: #999;}
.coach_info .swiper-button-next.next2:after, .coach_info .swiper-button-prev.prev2:after,
.coach_info .swiper-button-next:after, .coach_info .swiper-button-prev:after {font-size: 26px; color: #999}

.program_list_wrap {width: 100%; padding-bottom: 150px; position: relative; height: 468px;}
.program_list_wrap .program_bg {width: 85%; height: 756px; background: #fafafa; float: left; border-bottom-right-radius: 100px; margin-bottom: 150px;}
.program_list_wrap .program_wrap { width: 1110px; height: 240px; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%) ; -webkit-transform:translate(-50%,-50%) ; -moz-transform:translate(-50%,-50%) ; -ms-transform:translate(-50%,-50%) ; -o-transform:translate(-50%,-50%) ; }
.program_wrap .program_info {display: grid; grid-template-columns: repeat(4, 1fr); row-gap: 21px; column-gap: 27px;}
.program_wrap .program_info > a { display: block; background-color: #E8F6FF; border: 1px solid #E8F6FF; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; padding: 62px 54px;}
.program_wrap .program_info > a > p {font-size: 24px; font-weight: 700;}
.program_wrap .program_info > a:hover {background-color: #fff; border: 1px solid #002F81}


.review_list_wrap {width: 100%; padding-bottom: 150px; position: relative; height: 468px;}
.review_list_wrap .review_bg {width: 85%; height: 468px; background: #fafafa; float: right; border-top-left-radius: 100px; margin-bottom: 150px; min-width: 1200px}
.review_wrap { display: flex; align-items: center; justify-content: space-between; width: 1170px; height: 240px; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%) ; -webkit-transform:translate(-50%,-50%) ; -moz-transform:translate(-50%,-50%) ; -ms-transform:translate(-50%,-50%) ; -o-transform:translate(-50%,-50%) ; }
.review_wrap .title {width: 30%; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; margin: 0; height: 100%;padding: 15px 0;}
.review_wrap .title h1 {letter-spacing: -3px;}
.review_wrap .title .more { position: relative; top:initial; right:initial; transform:initial ; -webkit-transform:initial ; -moz-transform:initial ; -ms-transform:initial ; -o-transform:initial ; }
.review_wrap .review_info {width: 67%; height: 100%;}
.review_wrap .review_info .review_list {background: #fff; padding:23px 29px; box-shadow: 2px 2px 20px rgba(207, 207, 207, 0.25); height: 100%; box-sizing: border-box;}
.review_wrap .review_info #review_wrap {height: 100%; padding: 15px 6px}
.review_wrap .review_info .review_list .star_tag { background-color: #FFC800; color: #ffff; padding: 0 16px; font-size: 18px; line-height: 30px; display: inline-block; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.review_wrap .review_info .review_list .review_title {text-overflow: ellipsis; overflow: hidden; word-break: keep-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 12px 0; font-size: 16px; font-weight: 700;}
.review_wrap .review_info .review_list .review_desc {text-overflow: ellipsis; overflow: hidden; word-break:break-word ; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;  font-size: 16px; font-weight: 300;}

.review_wrap .review_info .review_btn {position: absolute; bottom: 0%; left: 22%; width: 75px; display: flex; align-items: center; justify-content: space-between;}
.review_wrap .swiper-button-next.next3:after, .review_wrap .swiper-button-prev.prev3:after,
.review_wrap .swiper-button-next:after, .review_wrap .swiper-button-prev:after {font-size: 26px; color: #B4B4B4; border: 1px solid #999; padding: 6px 12px; background: #fff;}
.review_wrap .swiper-button-prev, .swiper-rtl .swiper-button-next, .review_wrap  .swiper-button-next, .swiper-rtl .swiper-button-prev {left: initial; right: inherit; position: relative; display: block; top:initial;}

.logo_com_bg {background-color: #fafafa; width: 100%; padding: 115px 0;}
.logo_com_bg .logo_com_list_wrap {width: 1125px; margin: 0 auto;}
.logo_com_bg .logo_com_list_wrap .logo_com_wraps{display: flex; align-items: center; justify-content: space-between;}
.logo_com_wraps .logo_com_info {width: 19.5%}
.logo_com_info .logo_com_title {line-height: 64px; background-color: #002F81; color: #fff; text-align: center; font-size: 28px; font-weight: 700;}
.logo_com_info .logo_com_title strong {font-size: 28px;}
.logo_com_info:first-child .logo_com_title {border-top-left-radius: 30px;}
.logo_com_info:nth-child(5) .logo_com_title {border-top-right-radius: 30px;}
.logo_com_info .swiper-wrapper.logo_com_box {transition-timing-function: linear;}
.logo_com_info .logo_com_wrap {height: 420px; background-color: #fff; padding: 26px 28px; box-sizing: border-box;}
.logo_com_info .logo_com_wrap .logo_com {object-fit: none;}

/* ===== FOOTER ===== */
footer {width: 100%; background-color: #24262A;}
footer > nav {width: 100%; border-bottom: 1px solid #666;}
footer > nav > .foot_nav {display: flex; align-items: center; justify-content:flex-start; padding: 31px 0; width: 100%; max-width: 1160px; margin: 0 auto;}
.foot_nav li {padding-right: 1.6em; position: relative; font-size: 18px; color: #fff; cursor: pointer;}

footer .foot_info {width: 100%; max-width: 1160px; margin: 0 auto; padding: 27px 0 39px;}
footer .foot_info ul {display: flex; align-items: center; justify-content: flex-start; column-gap: 18px;}
footer .foot_info ul li {font-size: 16px; color: #999; position: relative;}
footer .foot_info ul li::after { content: ""; width: 2px; height: 15px; position: absolute; top: 50%; right: -10px; background-color: #999; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }
footer .foot_info ul li:last-child:after {content: initial;}
footer .foot_info .notice {display: flex; align-items: center; justify-content: flex-start; color:#999; margin-top: 15px;}
footer .foot_info .notice .seal { border-radius:4px ; -webkit-border-radius:4px ; -moz-border-radius:4px ; -ms-border-radius:4px ; -o-border-radius:4px ; overflow: hidden; background-color: #fff; margin-right: 0.6rem;}
footer .foot_info .notice .seal > img {width: 100%;  object-fit:cover; display: block;}

/* fixed_counsel */
.fixed_counsel { position:fixed; width: 230px; right:20px; bottom:20px; font-weight:400; letter-spacing:-0.5px; z-index:100; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); overflow: hidden; border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; }
.fixed_counsel .fixed_counsel_title {background-color: #002F81; color: #fff; font-size: 14px; display: flex; align-items: center; justify-content: space-between; padding: 13px 18px;}
.fixed_counsel .fixed_counsel_info {background-color: #fff; padding: 17px 15px; }
.fixed_counsel .fixed_counsel_info > li {margin-bottom: 9px;}
.fixed_counsel .fixed_counsel_info > li:last-child {margin-bottom: 0;}
.fixed_counsel .fixed_counsel_info > li input {border: 1px solid #ccc; font-size: 14px; line-height: 16px; padding: 9px; color: #555;}
.fixed_counsel .fixed_counsel_info > li input::placeholder {font-size: 12.5px; color: #ccc}
.fixed_counsel .fixed_counsel_info > li select {width: 100%; border: 1px solid #ccc; font-size: 14px; height: 36px; padding-left: 9px;}
.fixed_counsel .fixed_counsel_info label, .fixed_counsel .fixed_counsel_info span {font-size: 13px; color: #999; position: relative; cursor: pointer;}
.fixed_counsel .fixed_counsel_info input[type=checkbox] {display: none;}
.fixed_counsel .fixed_counsel_info input[type="checkbox"] + label::before {
  display: block;    
  position: absolute; top: 50%; left: 0px;
  transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
  content: "";
  width: 12px; height: 12px;
  background: url(/img/icon/checkbox1.png) no-repeat center / cover;
}
.fixed_counsel .fixed_counsel_info input[type="checkbox"]:checked + label::before {
  background: url(/img/icon/checkbox2.png) no-repeat center / cover;
}

.fixed_counsel #fixed_counsel_btn {line-height: 35px; background-color: #333; text-align: center; color: #fff; font-size: 14px; font-weight: 600;}

/* =====  INFO_POPUP ===== */
/*POPUP_WRAP*/
.popup_wrap { position:fixed; display: none; padding: 25px 35px; top:40%; left: 50%; width:60%; height:70%; z-index:200; background-color: rgba(249, 249, 249, 0.95); transform:translate(-50%,-50%) ; -webkit-transform:translate(-50%,-50%) ; -moz-transform:translate(-50%,-50%) ; -ms-transform:translate(-50%,-50%) ; -o-transform:translate(-50%,-50%); text-align: center;}
.popup_wrap > h5 {font-size: 22px; margin-bottom: 10px; color: #000; text-align: left;}
.popup_wrap .popup_info {width: 100%; height: 70%; color: #000; line-height: 20px; overflow-y: scroll; text-align: left;}
.popup_wrap .close_btn {display: inline-block; cursor: pointer; text-align: center; margin: 50px auto 0; padding: 0 69px; line-height: 58px; background-color: #002F81; color:#fff; font-size: 22px; font-weight: 700;}
.popup_wrap .popup_table {border:1px solid #ccc}
.popup_wrap .popup_table thead th {background-color: #eee; text-align: center; line-height: 30px;}
.popup_wrap .popup_table td,.popup_wrap .popup_table th {border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; padding: 5px 10px; vertical-align: middle;}

/* ===== MAIN_POPUP ===== */
.popup_list_wrap {position: fixed; bottom: 20px; left: 20px; z-index: 100; width: 380px; background-color: #fff; overflow: hidden;}
.popup_list_wrap img {width: 100%;}
.popup_list_wrap .popup_list_main {position: relative; height: 440px;}
.popup_list_wrap .popup_list_main .swiper-pagination-bullet {width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 15px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 15px));}

.popup_list_wrap .popup_btn_wrap {display: flex; align-items: center; justify-content: space-between;}
.popup_list_wrap .popup_btn_wrap > a {width: 50%; color: #999; line-height: 40px; background-color: #111; text-align: center; font-weight: 700; font-size: 14px;}
.popup_list_wrap .popup_btn_wrap > a:first-child {border-right: 1px solid #999;}
.popup_list_wrap .popup_btn_wrap > a:hover {color: #fff}


/*PRIVITE*/
.private {font-size: 16px !important; width: 100% !important; line-height: 24px!important; height: 200px;}


/* =====  COMMON ===== */
/*PAGE_NUM*/
#page_num {display: flex; align-items: center; justify-content: center; margin-top: 50px;}
#page_num .numbering {border: 1px solid #002F81; line-height: 58px; padding: 0 26.5px; color: #002F81; margin-right: 10px;}
#page_num .numbering:last-child, 
#page_num .numbering:first-child {border: 1px solid #F9F9F9; background-color: #F9F9F9; color: #999; position: relative; height: 60px; width: 60px; line-height: initial;}
#page_num .numbering:last-child::before, 
#page_num .numbering:first-child::before {position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%) ; -webkit-transform:translate(-50%,-50%) ; -moz-transform:translate(-50%,-50%) ; -ms-transform:translate(-50%,-50%) ; -o-transform:translate(-50%,-50%) ; }
#page_num .numbering:first-child::before { content: url('/img/sub/sub06_icon08.png');}
#page_num .numbering:last-child::before { content: url('/img/sub/sub06_icon09.png');}
#page_num .numbering.active {background-color: #002F81; color: #FFF}
#page_num .numbering > i {display: none;}


 
/* PADDING */

.pd0 {padding:0 !important;}
.pd04 {padding:4px !important;}
.pd05 {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd25 {padding:25px !important;}
.pd30 {padding:30px !important;}
.pd35 {padding:35px !important;}
.pd40 {padding:40px !important;}
.pd50 {padding:50px !important;}

.pdt0 {padding-top:0 !important;}
.pdt05 {padding-top:5px !important;}
.pdt10 {padding-top:10px !important;}
.pdt15 {padding-top:15px !important;}
.pdt20 {padding-top:20px !important;}
.pdt25 {padding-top:25px !important;}
.pdt30 {padding-top:30px !important;}
.pdt35 {padding-top:35px !important;}
.pdt40 {padding-top:40px !important;}
.pdt45 {padding-top:45px !important;}
.pdt50 {padding-top:50px !important;}
.pdt60 {padding-top:60px !important;}
.pdt70 {padding-top:70px !important;}
.pdt75 {padding-top:75px !important;}
.pdt90 {padding-top:90px !important;}
.pdt120 {padding-top:120px !important;}
.pdt155 {padding-top:155px !important;}
.pdt200 {padding-top:200px !important;}

.pdb0 {padding-bottom: 0 !important;}
.pdb05 {padding-bottom:5px!important;}
.pdb10 {padding-bottom:10px!important;}
.pdb15 {padding-bottom:15px!important;}
.pdb20 {padding-bottom:20px!important;}
.pdb25 {padding-bottom:25px!important;}
.pdb30 {padding-bottom:30px!important;}
.pdb35 {padding-bottom:35px!important;}
.pdb40 {padding-bottom:40px!important;}
.pdb50 {padding-bottom:50px!important;}
.pdb60 {padding-bottom:60px!important;}
.pdb68 {padding-bottom:68px!important;}
.pdb70 {padding-bottom:70px!important;}
.pdb80 {padding-bottom:80px!important;}
.pdb84 {padding-bottom:84px!important;}
.pdb90 {padding-bottom:90px!important;}
.pdb100 {padding-bottom:100px!important;}
.pdb120 {padding-bottom:120px!important;}
.pdb125 {padding-bottom:125px!important;}
.pdb140 {padding-bottom:140px!important;}
.pdb200 {padding-bottom:200px!important;}

.pdl0 {padding-left:0 !important;}
.pdl05 {padding-left:5px!important;}
.pdl06 {padding-left:6px!important;}
.pdl08 {padding-left:8px!important;}
.pdl10 {padding-left:10px!important;}
.pdl12 {padding-left:12px!important;}
.pdl13 {padding-left:13px!important;}
.pdl14 {padding-left:14px!important;}
.pdl15 {padding-left:15px!important;}
.pdl16 {padding-left:16px!important;}
.pdl18 {padding-left:18px!important;}
.pdl20 {padding-left:20px!important;}
.pdl21 {padding-left:21px!important;}
.pdl23 {padding-left:23px!important;}
.pdl25 {padding-left:25px!important;}
.pdl28 {padding-left:28px!important;}
.pdl30 {padding-left:30px!important;}
.pdl35 {padding-left:35px!important;}
.pdl40 {padding-left:40px!important;}
.pdl45 {padding-left:45px!important;}
.pdl50 {padding-left:50px!important;}
.pdl55 {padding-left:55px!important;}
.pdl60 {padding-left:60px!important;}
.pdl67 {padding-left:67px!important;}
.pdl70 {padding-left:70px!important;}

/* MARGIN */

.mg0 {margin:0 !important;}

.mgt0 {margin-top:0px !important;}
.mgt02 {margin-top:2px !important;}
.mgt03 {margin-top:3px !important;}
.mgt04 {margin-top:4px !important;}
.mgt05 {margin-top:5px !important;}
.mgt06 {margin-top:6px !important;}
.mgt08 {margin-top:8px !important;}
.mgt09 {margin-top:9px !important;}
.mgt10 {margin-top:10px !important;}
.mgt12 {margin-top:12px !important;}
.mgt15 {margin-top:15px !important;}
.mgt16 {margin-top:16px !important;}
.mgt20 {margin-top:20px !important;}
.mgt25 {margin-top:25px !important;}
.mgt30 {margin-top:30px !important;}
.mgt35 {margin-top:35px !important;}
.mgt40 {margin-top:40px !important;}
.mgt45 {margin-top:45px !important;}
.mgt50 {margin-top:50px !important;}
.mgt55 {margin-top:55px !important;}
.mgt60 {margin-top:60px !important;}
.mgt70 {margin-top:70px !important;}
.mgt80 {margin-top:80px !important;}
.mgt85 {margin-top:85px !important;}
.mgt90 {margin-top:90px !important;}
.mgt95 {margin-top:95px !important;}
.mgt100 {margin-top:100px !important;}
.mgt105 {margin-top:105px !important;}
.mgt150 {margin-top:150px !important;}

.mgb-04 {margin-bottom:-4px !important;}
.mgb02 {margin-bottom:2px !important;}
.mgb03 {margin-bottom:3px !important;}
.mgb04 {margin-bottom:4px !important;}
.mgb05 {margin-bottom:5px !important;}
.mgb06 {margin-bottom:6px !important;}
.mgb07 {margin-bottom:7px !important;}
.mgb08 {margin-bottom:8px !important;}
.mgb09 {margin-bottom:9px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb11 {margin-bottom:11px !important;}
.mgb12 {margin-bottom:12px !important;}
.mgb13 {margin-bottom:13px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb16 {margin-bottom:16px !important;}
.mgb18 {margin-bottom:18px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb25 {margin-bottom:25px !important;}
.mgb28 {margin-bottom:28px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb32 {margin-bottom:32px !important;}
.mgb35 {margin-bottom:35px !important;}
.mgb40 {margin-bottom:40px !important;}
.mgb45 {margin-bottom:45px !important;}
.mgb50 {margin-bottom:50px !important;}
.mgb55 {margin-bottom:55px !important;}
.mgb60 {margin-bottom:60px !important;}
.mgb64 {margin-bottom:64px !important;}
.mgb70 {margin-bottom:70px !important;}
.mgb80 {margin-bottom:80px !important;}
.mgb90 {margin-bottom:90px !important;}
.mgb100 {margin-bottom:100px !important;}


.mgr02 {margin-right:2px;}
.mgr03 {margin-right:3px;}
.mgr04 {margin-right:4px;}
.mgr05 {margin-right:5px;}
.mgr08 {margin-right:8px;}
.mgr09 {margin-right:9px;}
.mgr10 {margin-right:10px;}
.mgr12 {margin-right:12px;}
.mgr13 {margin-right:12px;}
.mgr14 {margin-right:14px;}
.mgr15 {margin-right:15px;}
.mgr16 {margin-right:16px;}
.mgr20 {margin-right:20px;}
.mgr25 {margin-right:25px;}
.mgr30 {margin-right:30px;}
.mgr35 {margin-right:35px;}
.mgr40 {margin-right:40px;}
.mgr50 {margin-right:50px;}
.mgr75 {margin-right:75px;}

.mgl02 {margin-left:2px;}
.mgl03 {margin-left:3px;}
.mgl04 {margin-left:4px;}
.mgl05 {margin-left:5px;}
.mgl06 {margin-left:6px;}
.mgl08 {margin-left:8px;}
.mgl10 {margin-left:10px;}
.mgl12 {margin-left:12px;}
.mgl14 {margin-left:14px;}
.mgl15 {margin-left:15px;}
.mgl16 {margin-left:16px;}
.mgl18 {margin-left:18px;}
.mgl20 {margin-left:20px;}
.mgl25 {margin-left:25px;}
.mgl28 {margin-left:28px;}
.mgl30 {margin-left:30px;}
.mgl40 {margin-left:40px;}
.mgl50 {margin-left:50px;}
.mgl70 {margin-left:70px;}
.mgl100 {margin-left:100px;}
.mgl120 {margin-left:120px;}
.mgl150 {margin-left:150px;}

/* WIDTH */

.w50 {width:50px;}
.w60 {width:60px;}
.w70 {width:70px;}
.w80 {width:80px;}
.w90 {width:90px;}
.w100 {width:100px;}
.w110 {width:110px;}
.w120 {width:120px;}
.w125 {width:125px;}
.w130 {width:130px;}
.w140 {width:140px;}
.w150 {width:150px;}
.w155 {width:155px;}
.w160 {width:160px;}
.w170 {width:170px;}
.w175 {width:175px;}
.w180 {width:180px;}
.w190 {width:190px;}
.w200 {width:200px;}
.w220 {width:220px;}
.w250 {width:250px;}
.w280 {width:280px;}
.w300 {width:300px;}
.w310 {width:310px;}
.w340 {width:340px;}
.w350 {width:350px;}
.w370 {width:370px;}
.w380 {width:380px;}
.w400 {width:400px;}
.w450 {width:450px;}
.w500 {width:500px;}
.w600 {width:600px;}
.w700 {width:700px;}
.w800 {width:800px;}
.w850 {width:850px;}
.w900 {width:900px;}
.w1000 {width:1000px;}
.w1110 {width:1110px;}

.w10p {width:10% !important;}
.w15p {width:15% !important;}
.w19p {width:19% !important;}
.w20p {width:20% !important;}
.w23p {width:23% !important;}
.w25p {width:25% !important;}
.w30p {width:30% !important;}
.w32p {width:32% !important;}
.w33p {width:33% !important;}
.w40p {width:40% !important;}
.w45p {width:45% !important;}
.w50p {width:50% !important;}
.w60p {width:60% !important;}
.w70p {width:70% !important;}
.w75p {width:75% !important;}
.w80p {width:80% !important;}
.w85p {width:85% !important;}
.w90p {width:90% !important;}
.w95p {width:95% !important;}
.wFull {width:100% !important;}

.h30 {height:30px;}
.h40 {height:40px;}
.h50 {height:50px;}
.h100 {height:100px;}
.h150 {height:150px;}
.h160 {height:160px;}
.h170 {height:170px;}
.h175 {height:175px;}
.h180 {height:180px;}
.h186 {height:186px;}
.h200 {height:200px;}
.h250 {height:250px;}
.h300 {height:300px;}
.h500 {height:500px;}

.fw100 {font-weight: 100 !important;}
.fw200 {font-weight: 200 !important;}
.fw300 {font-weight: 300 !important;}
.fw400 {font-weight: 400 !important;}
.fw500 {font-weight: 500 !important;}
.fw600 {font-weight: 600 !important;}
.fw700 {font-weight: 700 !important;}
.fw800 {font-weight: 800 !important;}
.fw900 {font-weight: 900 !important;}

.bg_white {background-color: #FFFFFF !important;}
.bg_lgray2 {background-color: #F5F5F5;}
.bg_lgray {background-color: #FAFAFA;}
.bg_gray {background-color: #F9F9F9;}
.bg_dgray {background-color: #ABABAB;}
.bg_blue {background-color: #002F81;}
.bg_lblue {background-color: #F4F9FB;}



/*BORDER*/
.bd1 {border:1px solid #D9D9D9 !important}
.bdt0 {border-top: none !important;}
.bdt {border-top: 1px solid #D9D9D9 !important;}
.bdl0 {border-left: none !important;}
.bdl {border-left: 1px solid #D9D9D9 !important;}
.bdr0 {border-right: none !important;}
.bdr {border-right: 1px solid #D9D9D9 !important;}
.bdb0 {border-bottom: none !important;}
.bdb {border-bottom: 1px solid #D9D9D9 !important;}
.bdb1 {border-bottom: 1px solid #DDDDDD !important;}

.bdt2 {border-top: 2px solid #333 !important;}


/*line-height*/
.lha {line-height: inherit!important ;}

/*line-height*/
.lh0 {line-height: inherit !important;}
.lh11 {line-height: 11px !important;}
.lh12 {line-height: 12px !important;}
.lh13 {line-height: 13px !important;}
.lh14 {line-height: 14px !important;}
.lh15 {line-height: 15px !important;}
.lh16 {line-height: 16px !important;}
.lh17 {line-height: 17px !important;}
.lh18 {line-height: 18px !important;}
.lh19 {line-height: 19px !important;}
.lh20 {line-height: 20px !important;}
.lh21 {line-height: 21px !important;}
.lh22 {line-height: 22px !important;}
.lh23 {line-height: 23px !important;}
.lh24 {line-height: 24px !important;}
.lh25 {line-height: 25px !important;}
.lh26 {line-height: 26px !important;}
.lh27 {line-height: 27px !important;}
.lh28 {line-height: 28px !important;}
.lh29 {line-height: 29px !important;}
.lh30 {line-height: 30px !important;}
.lh32 {line-height: 32px !important;}
.lh34 {line-height: 34px !important;}
.lh35 {line-height: 35px !important;}
.lh47 {line-height: 47px !important;}
.lh50 {line-height: 50px !important;}

/* 2022.01.02. */
.progress-container {
	position : fixed;
	top : 0;
	width : 100%;
	height : 3px;
	background : transparent;
	z-index : 10;
}

.progress-bar {
  height: 3px;
  background: rgba(70,100,230,0.98); 
  width: 0%;
}

/*=====CHECKBOX====*/
.checkbox01 input[type="checkbox"] {display:none;}
.checkbox01 input[type="checkbox"] + label {cursor: pointer;}
.checkbox01 input[type="checkbox"] + label::before {content:"\f058"; display: inline-block; font: var(--fa-font-regular); margin-right: 14px; cursor: pointer;}
.checkbox01 input[type="checkbox"]:checked + label::before {content:"\f058"; display: inline-block; font: var(--fa-font-solid); margin-right: 14px; cursor: pointer; color:#002F81; }

.checkbox02 input[type="checkbox"] {display:none;}
.checkbox02 input[type="checkbox"] + label {cursor: pointer;}
.checkbox02 input[type="checkbox"] + label::before {content:"\f0c8"; display: inline-block; font: var(--fa-font-regular); margin-right: 10px; cursor: pointer;}
.checkbox02 input[type="checkbox"]:checked + label::before {content:"\f14a"; display: inline-block; font: var(--fa-font-solid); margin-right: 10px; cursor: pointer; color:#002F81; }

/*=====RADIO====*/
.radio01 input[type="radio"] {display:none;}
.radio01 input[type="radio"] + label {cursor: pointer;}
.radio01 input[type="radio"] + label::before {content:"\f058"; display: inline-block; font: var(--fa-font-regular); margin-right: 7px; cursor: pointer;}
.radio01 input[type="radio"]:checked + label::before {content:"\f058"; display: inline-block; font: var(--fa-font-solid); margin-right: 7px; cursor: pointer; color:#002F81; }


.hidden_box {display: none;}