@charset "utf-8";

/* tit */
.page_tit {position: relative;margin-bottom: 55px;font-size: 3.8rem;font-weight: 600;line-height: 1;}
.lg_tit{font-size:3.2rem; font-weight: 600; color:#000; letter-spacing: -0.15rem;}
.md_tit{font-size: 2.3rem; font-weight: 600; margin-bottom: 3rem; display: block; line-height: 1; } 
.md_tit span{display: block;font-size: 1.6rem;font-weight: 400;color: #767676;margin-top: 1.5rem;}
.md_tit p{display: inline-block; font-weight: normal; font-size: 2.4rem; padding-left: 1rem; vertical-align: bottom;}
.sm_tit{position:relative; padding-left:3rem; font-size: 2.2rem; font-weight: 600; margin-bottom: 1.5rem; display: block; line-height: 1; }
.sm_tit::before{position: absolute; top:50%; transform: translateY(-50%); left:0; width: 1.2rem; height:0.4rem; background: #277eef; content:'';} 

/* board_list */
.board_list{border-top: 2px solid var(--dark);}
.board_list ul li{border-bottom: 1px solid var(--bdr);}
.board_list ul li a{display: block;padding: 2.6rem 0;}
.board_list ul li a b{font-size: 2rem;font-weight: 400; display: block; line-height: 1.3;}
.board_list ul li a .txt_wrap{display: flex;align-items: center;justify-content: space-between;margin-top: 1.5rem;font-size: 1.8rem;font-weight: 400;color: #777;}
.board_list ul li a .txt_wrap span{display: inline-block;padding-left: 3rem;background: url(../images/sub/i_view.png) no-repeat left center; color: #777;}
.board_list ul li.no_data{height: 11rem; line-height: 11rem; text-align: center; font-size: 1.5rem;}
.board_list ul li.no_data > b{font-weight: 400; color:#777;}

.board_list.typeB{border-bottom: 0.2rem solid var(--dark);}
.board_list.typeB > ul > li{font-size: 2.2rem;font-weight: 500;line-height: 1; padding-top: 1.5rem;padding-left: 4rem;}
.board_list.typeB > ul > li+li{border-top: 0.2rem solid var(--dark)}
.board_list.typeB ul ul{border-top: 1px dashed var(--bdr);margin-top: 1.5rem;}
.board_list.typeB ul ul li{display: flex;align-items: center;justify-content: space-between;font-size: 1.8rem;font-weight: 400;color: #333;line-height: 1;border-bottom: 1px dashed var(--bdr);padding: 1.5rem 8rem 1.5rem 4.7rem;}
.board_list.typeB ul ul li:last-of-type{border-bottom: 0;}
.board_list.typeB ul ul li p{display: flex;align-items: center;}
.board_list.typeB ul ul li p span{display: inline-block; font-size: 1.5rem;font-weight: 400;color: #939393;line-height: 1;padding-left: 8rem;}

.board_list.typeC{border-top: 0;}
.board_list.typeC b{display: inline-block; font-size: 2rem;font-weight: 700;color: #2761c2;line-height: 1;margin-bottom: 2.6rem;}
.board_list.typeC ul{padding-left: 1.8rem;}
.board_list.typeC ul li{border-bottom: 0;padding-left: 2rem;background: url(../images/sub/i_txt_bg.png) no-repeat top 0.5rem left;font-size: 1.8rem;font-weight: 400;color: #333;line-height: 1.55;}
.board_list.typeC ul li+li{margin-top: 2rem;}
.board_list.typeC ul li span{display: block;font-size: 1.5rem;color: #333;}

/* board_view*/
.board_view{border-top: 2px solid var(--dark);border-bottom: 1px solid #d6dbe3;}
.board_view .top{border-bottom: 1px solid #d6dbe3;display: flex;align-items: center;justify-content: space-between;padding: 2.5rem 0;}
.board_view .top p{font-size: 2.2rem;font-weight: 600;line-height: 1;}
.board_view .top span{font-size: 2rem;font-weight: 300;}
.board_view .content{padding: 4rem 0 10rem;}
.board_view .content pre, .board_view .content p{font-size: 1.8rem;font-weight: 500; word-break:break-all;}
.board_view .content img{max-width: 80rem;}
.board_view > .file_down{padding: 2.5rem 0; border-top: 1px solid #d6dbe3;}
.board_view > .file_down a{display: block;padding-left: 2.6rem;background: url(../images/sub/i_file.png) no-repeat left top 0.2rem;line-height: 1.3;font-size: 1.8rem;font-weight: 300;}
.board_view > .file_down a + a{margin-top: 0.8rem;}

.board_view.typeB .top{border-bottom: 0;}
.board_view.typeB .top p{font-weight: 700;display: flex;align-items: center ;}
.board_view.typeB .top p span{font-size: 3.3rem;font-weight: 700;margin-right: 1rem;}
.board_view.typeB .top p span.que{color: #006de0;}
.board_view.typeB .top p span.ans{color: #ea1533;}
.board_view.typeB .content{padding: 4rem 2rem 15rem ;min-height: 27.6rem; border-bottom: 0;}
.board_view.typeB .content p{font-weight: 300;color: #555;}
.board_view.typeB  table.tbl.row th, .board_view.typeB  table.tbl.row td{color: #555;}
.board_view.typeB  table.tbl.row td a.file_down{padding-left: 2.6rem;background: url(../images/sub/i_file.png) no-repeat left center / 1.8rem;color: #555;}

/* location */
.location{height: 10rem;background: #f4f4fa;display: flex;align-items: center;}
.location.typeB{background: #f1f7eb;}
.location.typeC{background: #fffcf3;}
.location.typeD{background: #fff7f8;}
.location.typeE{background: #fff6f3;}
.location.typeF{height:8.8rem; background: #f2f6fa;}
.location .wrap{display: flex;align-items: center;}
.location .wrap > b{font-size: 2.4rem;font-weight: 700;height: 10rem;line-height: 10rem;}
.location .sub_menu{display: flex;align-items: center;}
.location .sub_menu>li.home a{display: block; font-size: 0;width: 2rem;height: 2.2rem;background: url(../images/icon/location-home-icon.png) no-repeat center;}
.location .sub_menu>li+li{margin-left: 5rem;position: relative;}

.location .sub_menu>li::before{content: "";display: block;width: 0.9rem;height: 1.6rem;background: url(../images/sub/i_arrow-right.png) no-repeat center;position: absolute;top: 3.5rem;left: -2.5rem;}
.location .sub_menu .selectbox .selected{border: 0;background: transparent;font-size: 1.9rem;font-weight: 400;height: 8.8rem;line-height: 8.8rem;min-width: auto;padding: 0;padding-right: 3.5rem; color:#333;}
.location .sub_menu .selectbox .selected::after{background: url(../images/sub/i_select_bg.png) no-repeat center; background-size:cover; width: 2rem; height: 2rem; position: absolute; right:0; top: 49%; transform:translateY(-50%)}
.location .sub_menu .selectbox.page .selected{font-weight: 600; color:#277eef;}
.location .sub_menu .selectbox .selectoptions{top: 8rem; min-width: 12rem; border-radius: 1rem; border: 0; background: #fff; box-shadow: 0px 0.6rem 1rem rgba(0,0,0,0.1); padding: 2.5rem 2rem; width: 110%;}
.location .sub_menu .selectbox.page .selectoptions{min-width: 18rem;}
.location .sub_menu .selectbox.on .selected::after{transform:translateY(-50%) rotate(180deg);}
.location .sub_menu .selectbox .selectoptions .option a{font-size: 2rem; padding: 0;}
.location .sub_menu .selectbox .selectoptions .option + .option{margin-top: 2rem;}
.location .sub_menu .selectbox .selectoptions .option.default{ text-decoration: none; font-weight: 500;}
.location .sub_menu .selectbox .selectoptions .option.default a{color: #006de0;}
.location .sub_menu .selectbox .selectoptions .option:hover, .location .sub_menu .selectbox .selectoptions .option a:hover{font-weight: 500;}

/* top_txt */
.top_txt{height: auto;background: #fbfbfc;border-radius: 2.5rem;padding: 4rem;margin-bottom: 5rem;}
.top_txt ul li{font-size: 1.8rem;font-weight: 400;color: #2280e4;padding-left: 3.2rem;background: url(../images/sub/i_top_txt_bg.png) no-repeat left center;line-height: 1;}
.top_txt ul li+li{margin-top: 1.5rem;}

.top_txt.typeB{height: 16rem; border-radius: 2.5rem;background: #1676de url(../images/sub/img_top_txt_B_bg.png) no-repeat bottom 1.5rem right -0.5rem;padding: 0 11rem;display: flex;align-items: center;}
.top_txt.typeB p{font-family: "Gsans";font-size: 3.7rem;font-weight: 300;color: #fff;}
.top_txt.typeB p span{font-family: "Gsans";font-size: 4.2rem;font-weight: 700;color: #fff;position: relative;}
.top_txt.typeB .btn_go{display: inline-block; min-width: 21.3rem;height: 5.9rem;border-radius: 2.9rem;text-align: center;padding: 0 3.8rem;background: #ffe76a;font-family: "Gsans";font-size: 2.4rem;font-weight: 700;color: #031325;line-height: 6.4rem;margin-left: 6.6rem ;}

/* sub_content */
.sub_content{padding: 6rem 0;}

/* input_search */
.input_search{position: relative;width: 61.6rem;height: 6.6rem;margin: 0 auto;margin-bottom: 8rem;}
.input_search .text{width: 100%;height: 100%;border-radius: 2rem;border: 2px solid #006de0;padding: 0 8.8rem 0 3.8rem;font-size: 2rem;font-weight: 400;line-height: 6.2rem;}
.input_search .text::placeholder{font-size: 2rem;font-weight: 400;color: #767676;line-height: 6.2rem;}
.input_search .btn_search{border: 0;font-size: 0;width: 3.3rem;height: 3.3rem;background: url(../images/sub/i_btn_search.png) no-repeat center;position: absolute;top: 50%;right: 3rem;transform: translateY(-50%);}
.input_search .btn_search:focus{outline: 2px solid var(--dark);}

/* select_search */
.select_search{display: flex;align-items: center;justify-content: center; margin-top: 5rem;}
.select_search select{min-width: 30rem;height: 6.6rem;border-radius: 2rem;border: 0.2rem solid #006de0;background: url(../images/sub/i_sel.png) no-repeat right 2rem center;margin-right: 1.5rem;font-size: 2rem;font-weight: 400;color: #767676;line-height: 6.2rem;padding: 0 2rem; width: auto;}
.select_search .btn_search{border: 0;font-size: 0;width: 6.6rem;height: 6.6rem;border-radius: 2rem;background: #006de0 url(../images/sub/i_btn_search_2.png) no-repeat center;}
/* total */
.total{display: flex;align-items: center;position: relative;font-size: 1.8rem;margin-bottom: 1rem;}
.total h3{font-weight: 300;}
.total > p{font-weight: 600;margin-left: 1rem;}
.total ul{display: flex;align-items: center;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.total ul li{position: relative;}
.total ul li+li{margin-left: 2.1rem;}
.total ul li::before{content: "";display: block;width: 1px;height: 15px;background: #d6dbe3;position: absolute;top: 5px;right: -10px;}
.total ul li a{font-weight: 700;}
.total ul li a.on{color: #0e60b8;}
.total ul li:last-of-type::before{display: none;}


/* selectbox_wrap */
.selectbox_wrap{height: 8rem;border-radius: 1.5rem;border: 0.2rem solid #000;display: flex;flex-wrap: wrap;align-items: center;width: 65rem;}
.selectbox_wrap span{display: inline-block;font-size: 1.8rem;font-weight: 300;letter-spacing: -0.025em;padding: 0 2rem 0 3rem;width: 16.5rem;}
.selectbox_wrap .selectbox{width: calc(100% - 16.5rem);border-radius: 1.7rem;/* overflow: hidden; */}
.selectbox_wrap .selectbox .selected{border: 0;font-size: 2.2rem;font-weight: 600;letter-spacing: -0.025em;height: 7.6rem;line-height: 7.6rem;width: 100%;background: none;}
.selectbox_wrap .selectbox .selected::after{width: 2.2rem;height: 1.5rem;background: url(../images/sub/i_sel3.png) no-repeat right center;top: 3rem;right: 4rem;}
.selectbox_wrap .selectbox .selectoptions{left: -10%; top: 8rem;min-width: 12rem;border-radius: 1rem;border: 0;background: #fff;box-shadow: 0px 0.6rem 1rem rgba(0,0,0,0.1);
padding: 2.5rem 2rem;width: 110%; min-height: 8.2rem; max-height: 19.2rem;}
.selectbox_wrap .selectbox .selectoptions a{font-size: 2.2rem;padding: 0;}
.selectbox_wrap .selectbox .selectoptions .option+.option{margin-top: 2rem;}
.selectbox_wrap .selectbox .selectoptions .option a:hover{font-weight: 500;}

/* today_chk */
.today_chk{display: flex;justify-content: space-between; align-items:center;}
.chk_list b{display: block;font-size: 2.8rem;font-weight: 500;line-height: 1;text-align: center;position: relative;}
.chk_list b span{font-family: "Gsans"; font-size: 7rem;font-weight: 700;margin-left: 2.4rem;}
.chk_list ul{margin-top: 6rem;}
.chk_list ul li{max-width: 62rem;}
.chk_list ul li+li{margin-top: 2.5rem;}
.chk_list .radio_box{position: relative;}
.chk_list .radio_box input {position: absolute;right: 2rem;top: 2rem;width: 3.3rem;height: 3.3rem;opacity: 0;}
.chk_list .radio_box label{display: block;width: 100%;height: 100%; min-height: 12rem; border-radius: 1.5rem;border: 2px solid #d3d7da;cursor: pointer;padding: 2rem 0;padding-left: 15rem;padding-right: 8rem;}
.chk_list .radio_box label::before{content: '';display: block;width: 3.3rem;height: 3.3rem;border-radius: 100rem;border: 2px solid #dee0e1;position: absolute;right: 2rem;top: 2rem;font-family: 'xeicon';content: '\e928';color: #fff;font-size: 0;text-align: center;transition: all 0.1s;}
.chk_list .radio_box input:checked + label::before {background: var(--dark);border-color: var(--dark);font-size: 2rem;}
.chk_list .radio_box input:checked + label{border: 2px solid var(--dark);}
.chk_list .radio_box span {font-size: 2.2rem;font-weight: 500;line-height: 1.3;display: block;text-align: left;display: flex;align-items: center;min-height: 7rem;}
.chk_list .radio_box.bg1{background: url(../images/sub/img_chk_radio_1.png) no-repeat left 5rem center;}
.chk_list .radio_box.bg2{background: url(../images/sub/img_chk_radio_2.png) no-repeat left 5rem center;}
.chk_list .radio_box.bg3{background: url(../images/sub/img_chk_radio_3.png) no-repeat left 5rem center;}

/* calendar */
.calendar{max-width: 61.7rem;}
.calendar .top{display: flex;justify-content: space-between;margin-bottom: 1.8rem;}
.calendar .top b{font-size: 2.8rem;font-weight: 400;}
.calendar .top b span{font-weight: 700}
.calendar .top ul{display: flex;align-items: center;}
.calendar .top ul li+li{margin-left: 1.7rem;}
.calendar .top ul li span{font-size: 1.8rem;font-weight: 400;line-height: 1;position: relative;}
.calendar .top ul li span.today{padding-left: 1.5rem;}
.calendar .top ul li span.today::before{content: "";display: block;width: 1rem;height: 1rem;border-radius: 1rem;background: #1f9205;position: absolute;top: 0.5rem;left: 0;}
.calendar .top ul li span.compl{padding-left: 2.2rem;}
.calendar .top ul li span.compl::before{content: "";display: block;width: 1.8rem;height: 1.3rem;background: url(../images/sub/i_compl_bg.png) no-repeat center;position: absolute;top: 0.4rem;left: 0;}

/* board_write */
.board_write{border-radius: 2.5rem; background: #f5f5f7; padding: 4rem;}
.board_write ul li{font-size: 2rem;}
.board_write > ul{}
.board_write > ul > li{display: flex;}
.board_write > ul > li + li{margin-top: 2.5rem;}
.board_write > ul > li > div{flex: 1;}
.board_write > ul > li > div + div{margin-left: 1.2rem;}
.board_write .tit{font-size: 1.8rem; font-weight: 700; padding-left: 1rem; position: relative; display: block; line-height: 1; margin-bottom: 1rem;}
.board_write .tit .asterisk::before{top: -1rem; left: -0.8rem;}
.board_write .w50p{width: calc(50% - 0.6rem) !important;}
.board_write ul li input + .btn{margin-left: 1.2rem;}
.board_write .info_txt, 
.tbl.row .info_txt{font-size: 1.5rem; color: #888888;display: inline-block;}
.board_write input + .info_txt, 
.board_write .btn + .info_txt,
.tbl.row input + .info_txt, 
.tbl.row .btn + .info_txt{margin-left: 1rem;}
.board_write .flexbox{display: flex; align-items: center;}
.board_write .flexbox.space{justify-content: space-between;}
.tbl.row .radio_list li b{font-weight: 500; width: 50%; display: inline-block;}
.tbl.row .radio_list li + li{margin-top: 0.8rem;}

/* board_thumb */
.board_thumb ul{display: flex;flex-wrap: wrap;}
.board_thumb ul li{width: 30.4rem;}
.board_thumb ul li{margin-left: 2.8rem;}
.board_thumb ul li:nth-of-type(n+5){margin-top: 2.7rem;}
.board_thumb ul li:nth-of-type(4n+1){margin-left: 0;}
.board_thumb ul li a{display: block;width: 100%;height: 100%;}
.board_thumb ul li a .img_area{height: 21.5rem;border-radius: 2.4rem 2.4rem 0 0;overflow: hidden;}
.board_thumb ul li a .img_area img{width: 100%;height: 100%;object-fit: cover;}
.board_thumb ul li a .txt_box{width: 100%; padding: 3rem;border: 1px solid #dee0e1;border-radius: 0 0 2.4rem 2.4rem; box-shadow: 0.3rem 0 1.1rem rgba(0, 0, 0, 0.07);border-top: 0;transition: all 0.2s;}
.board_thumb ul li a .txt_box p{font-size: 2rem;font-weight: 600;line-height: 1;transition: all 0.2s;}
.board_thumb ul li a:hover .txt_box{background: #0e60b8;border-color: #0e60b8;box-shadow: none;}
.board_thumb ul li a:hover .txt_box p{color: #fff;}

/* agree_box */
.agree_box.typeA{border-radius: 2.5rem; background: #fff; padding: 4rem; border: 2px solid #dee0e1;}
.agree_box.typeC{border-radius: 2.5rem; padding: 5.5rem 4rem; background: #f5f5f7; display: flex; justify-content: space-between;}
.agree_box .detail{padding-left: 3.2rem; padding-top: 2.3rem;}
.agree_box .agree_con + .agree_con{margin-top: 4.5rem; padding-top: 4.5rem; border-top: 1px solid #dee0e1;}
.agree_box .detail li{font-size: 1.8rem; line-height: 1.4;}
.agree_box .detail li + li{margin-top: 0.7rem;}
.agree_box .detail .chk label{font-size: 1.8rem;}
.agree_box .detail .chk label::before{top: 0.2rem;}
.agree_box .detail .subtxt{padding-left: 3.5rem; font-size: 1.6rem; padding-top: 0.5rem; margin-bottom: 1.5rem;}
.agree_box .detail table.tbl.row.spt th{border-right: 1px solid var(--tbl-bdr);}

.agree_box .detail.typeB{padding-left: 0;}
.agree_box .detail.typeB dl{ background: #f3f3f3; border-radius: 0.6rem;}
.agree_box .detail.typeB dl + dl{margin-top: 1.3rem;}
.agree_box .detail.typeB dl dt{border-radius: 0.6rem; padding: 1.7rem 3rem; position: relative;}
.agree_box .detail.typeB dl dt a{position: absolute;right: 2rem;top: 1.3rem; transition: all 0.2s;}
.agree_box .detail.typeB dl dt i {font-size: 3rem;color: #a0a0a0;}
.agree_box .detail.typeB dl dt.on a {transform: rotate(180deg);}
.agree_box .detail.typeB dl dd{padding: 1.7rem 3rem; border-top: 1px solid #fff;font-size: 1.6rem;  display: none; max-height: 15rem;}
.agree_box .detail.typeB dl dd .mCSB_inside>.mCSB_container{padding-right: 0;}
.agree_box .detail.typeB dl dd .mCSB_scrollTools, .agree_box .detail.typeB dl dd .mCSB_scrollTools .mCSB_draggerRail{right: 0 !important;}

.agree_box .chk{display:block;}
.agree_box .chk label i{color: #2280e4; font-style: normal;}
.agree_box .txt{border-radius: 1.5rem; background-color: #fafafa; height: 11rem; padding: 1.5rem 2rem 0.5rem 2rem;font-size: 1.6rem; font-weight: 500; margin-top: 1.5rem; overflow-y: auto;}
.agree_box .txt ol li{font-size: 1.6rem;font-weight: 500; word-wrap: break-word; word-break:keep-all;}
.agree_box .txt ol li{font-size: 1.4rem;font-weight: 500;}
.agree_box .txt .mCustomScrollBox{padding: 1.5rem 1rem 0.5rem 2rem;}
.agree_box .txt .simplebar-track.simplebar-vertical{margin:0.5rem;}
.agree_box .txt .termshd, .agree_box .txt .tlast{font-size: 1.5rem;margin-top: 0.5rem;}
/* .agree_box .txt *:focus{outline: 2px solid var(--dark); border-radius: 1.5rem;} */
.agree_box .txt p{padding: 0; }
.agree_box .txt + .chk, .agree_box .txt + h3{margin-top: 2.5rem;}
.agree_box .chk + .chk{margin-top: 1.5rem;}
.agree_box.order_box dt{margin-bottom:1rem; color: #000; font-size:1.9rem; font-weight: 600;}
.agree_box.order_box .txt{min-height:46rem; height:auto}
.agree_box.order_box .txt *:not(dt) {color:#666; font-weight: 400;}
.agree_box.order_box .txt .indent-depth-1{text-indent: 0.5rem;}
.agree_box.order_box .txt li.indent-depth-2{text-indent: 2rem;}

.agree_box .agree_txt{font-size: 1.6rem; line-height: 1.75;}
.agree_box .agree_txt > b{font-size: 2rem; font-weight: 500; display: block; margin-bottom: 0.5rem;}
.agree_box .agree_txt ul li > ul{padding-left: 0.7rem;}

.agree_box.typeC b{font-size: 2rem; font-weight: 700;}

.agree_box .txt table.tbl.spt th{text-align: center;}
.agree_box .txt table.tbl.spt tbody th{border-right: 1px solid var(--tbl-bdr);background: #fff;}
.agree_box .txt table.tbl.spt th, .agree_box .txt table.tbl.spt td{font-size: 1.4rem;font-weight: 400;height: auto;padding: 0.8rem 1.2rem; word-wrap:break-word; word-break:keep-all;}
.agree_box .txt table.tbl.spt td ul li{font-size: 1.4rem;font-weight: 400;}

/* join */
.join .btn_area{margin-top: 7rem;}
.join_top{margin-bottom: 10rem;}
.join_top > b{display: block; font-size: 3rem; font-weight: 500; line-height: 1.3; text-align: center;}
.join_top > b > .blue_txt{color:#277eef;}
.join_top.typeB{margin-bottom: 4.5rem;padding-top: 4rem;position: relative;}
.join_top.typeB::after{content: "";display: block;width: 9.3rem;height: 9.4rem;background: url(../images/sub/img_join_top_bg.png) no-repeat center;position: absolute;left: 50%;transform: translateX(-50%); top: -8.3rem;z-index: -1;}
.join_top.typeB > b{display: block; font-size: 3.6rem; font-weight: 700;line-height: 1; margin-bottom: 3rem;}
.join_top.typeB > p{font-size: 1.8rem; font-weight: 500; line-height: 1; text-align: center;}

.join_step{text-align: right;}
.join_step ul{display: inline-block; padding-bottom: 1.5rem; padding-right: 1rem;}
.join_step ul li{display: inline-block; width: 3.4rem; position: relative; text-align: center; vertical-align: top; margin-left: 7rem; }
.join_step ul li::before{content: ''; display: block; width: 5rem; height: 1px; position: absolute; left: -6.2rem; top: 1.5rem; background-image: linear-gradient(to right, #a6a6a6 33%,rgba(255,255,255,0) 0%);background-position: bottom; background-size: 5px 2px; background-repeat: repeat-x;}
.join_step ul li:first-child::before{display: none !important;}
.join_step ul li .num{display: block; width: 3.4rem; height: 3.4rem; line-height: 3.4rem; border-radius: 100rem; background: #bcbcbc; color: #fff; font-size: 1.6rem; margin-bottom: 1rem;}
.join_step ul li b{line-height: 1; font-size: 1.6rem; font-weight: 400; position: absolute; left: 50%; transform: translateX(-50%);}
.join_step ul li.on .num{background: #006de0;}
.join_step ul li.on b{font-weight: 700;}
.join_step ul li.on::before{background-image: linear-gradient(to right, #006de0 33%,rgba(255,255,255,0) 0%);}

.join_bottom{text-align: center; font-size: 1.8rem; font-weight: 300; margin-top: 7rem;}
.join_bottom a{display: inline-block; line-height: 1; font-size: 2.2rem; font-weight: 600; color: var(--blue); margin-left: 1rem; vertical-align: -0.2rem;}
.join_cate ul{display: flex; max-width: 110rem; margin: 0 auto; justify-content: center;}
.join_cate li{width: 48%;}
.join_cate li + li{margin-left: 4%;}
.join_cate .radio_box{position: relative;}
.join_cate .radio_box input{position: absolute; right: 2rem; top: 2rem; width: 3.3rem; height: 3.3rem; opacity: 0;}
.join_cate .radio_box b{display: block; font-size: 2.8rem; font-weight: 500; line-height: 1; position: absolute; top: -5rem; color: #8d8d8d;}
.join_cate .radio_box label{width: 100%; border-radius: 2.5rem; border: 1px solid #dee0e1; display: block; cursor: pointer;}
.join_cate .radio_box label::before{content: ''; display: block; width: 3.3rem; height: 3.3rem; border-radius: 100rem; border: 2px solid #dee0e1; position: absolute; right: 2rem; top: 2rem; font-family: 'xeicon'; content: '\e928';  color: #fff; font-size: 0; text-align: center; transition: all 0.1s; }
.join_cate .radio_box input:checked + label::before{background: var(--dark); border-color: var(--dark);  font-size: 2rem;}
.join_cate .radio_box input:focus + label{border: 0.2rem solid var(--dark);}
.join_cate .radio_box input:checked + label{border: 0.2rem solid var(--dark);}
.join_cate .radio_box input:checked + label + b{font-weight: 700;color: #000;}
.join_cate .radio_box input:checked + label span{color: #000;}
.join_cate .radio_box + span{display: block; font-size: 1.6rem; font-weight: 300; padding-top: 1rem; padding-left: 2.1rem; position: relative;}
.join_cate .radio_box + span i{font-style: normal; position: absolute; left: 1rem;}
.join_cate .radio_box span{font-size: 2rem; font-weight: 500; line-height: 1.3; color: #8d8d8d; display: block; text-align: center; position: absolute; width: 100%;}
.join_cate .radio_box.row{margin-top: 5rem;}
.join_cate .radio_box.row label{height: 21.5rem; }
.join_cate .radio_box.row span{bottom: 2.4rem; left: 0;}
.join_cate .radio_box.col label{height: 20rem;}
.join_cate .radio_box.col span{top: 7rem; width: auto; left: 6rem;}
.join_cate .radio_box.bg1 label{background: url(../images/sub/img_join_radio_1_off.png) no-repeat center bottom 7.5rem;}
.join_cate .radio_box.bg2 label{background: url(../images/sub/img_join_radio_2_off.png) no-repeat center bottom 7.5rem;}
.join_cate .radio_box.bg3 label{background: url(../images/sub/img_join_radio_3_off.png) no-repeat right 10rem center;}
.join_cate .radio_box.bg4 label{background: url(../images/sub/img_join_radio_4_off.png) no-repeat right 7rem center;}
.join_cate .radio_box.bg5 label{background: url(../images/sub/img_join_radio_5_off.png) no-repeat right 7.5rem center;}
.join_cate .radio_box.bg1 input:checked + label{background: url(../images/sub/img_join_radio_1.png) no-repeat center bottom 7.5rem;}
.join_cate .radio_box.bg2 input:checked + label{background: url(../images/sub/img_join_radio_2.png) no-repeat center bottom 7.4rem;}
.join_cate .radio_box.bg3 input:checked + label{background: url(../images/sub/img_join_radio_3.png) no-repeat right 10rem center;}
.join_cate .radio_box.bg4 input:checked + label{background: url(../images/sub/img_join_radio_4.png) no-repeat right 6.9rem center;}
.join_cate .radio_box.bg5 input:checked + label{background: url(../images/sub/img_join_radio_5.png) no-repeat right 7.4rem center;}

.join.finish{display: flex; max-width: 83.5rem; margin: 0 auto; justify-content: center;}
.join.finish table.tbl.row.typeB th{font-weight: 600;padding-left: 5rem; vertical-align:top;}
.join.finish table.tbl.row.typeB td{font-weight: 300;padding: 1.2rem 0 ;}
.join.finish table.tbl.row.typeB th, .join.finish table.tbl.row.typeB td{font-size: 1.8rem;} 

p.sm_txt{font-size: 1.6rem; color: #888888; margin-top: 1rem; line-height: 1.3;}
p.sm_txt + p.sm_txt{margin-top: 0.5rem;}

/* chart_wrap */
.chart_wrap{padding: 2rem 4rem 0;}
#cloumnChart{}
.chart_wrap table.tbl.chart{border-top: 1px solid var(--tbl-bdr);}
.chart_wrap table.tbl.chart{border-top: 1px solid var(--tbl-bdr);}
.chart_wrap table.tbl.chart tr:first-of-type td{color: #000;}
.chart_wrap table.tbl.chart tr:nth-of-type(2) td{color: #f06600;}
.chart_wrap table.tbl.chart tr:nth-of-type(3) td{color: #007f03;}
.chart_wrap table.tbl.chart tr:last-of-type td{color: #1559ca;border-bottom: 0}
.chart_wrap table.tbl.chart td{height: auto;text-align: center;font-size: 1.8rem;font-weight: 600;padding: 2rem 0;}

.chart_gauge{display: flex;justify-content: center; align-items: center;margin: 2rem 0;}
.chart_gauge > ul > li+li{margin-left: 4rem;}
.chart_gauge ul{display: flex;align-items: center;}
.chart_gauge ul li{display: flex;align-items: center;font-size: 1.8rem;font-weight: 500;line-height: 1;}
.chart_gauge ul li::before{content: ""; display: block;width: 2.5rem;height: 1.1rem;position: absolute;top: 0.4rem;left: 0}
.chart_gauge ul li.gauge_total{text-indent: -999rem}
.chart_gauge ul li.gauge_total::before{background: #000;}
.chart_gauge ul li.gauge_1::before{background: #f06600;}
.chart_gauge ul li.gauge_2::before{background: #007f03;}
.chart_gauge ul li.gauge_3::before{background: #1559ca;}
.chart_gauge ul ul{margin-left: 1rem;}
.chart_gauge ul ul li{position: relative;padding-left: 3.2rem;}
.chart_gauge ul ul li+li{margin-left: 1.8rem;}

/* links */
.links.typeB{max-width: 83.5rem;display: flex;justify-content: space-between;margin: 0 auto;margin-top: 5.3rem;}
.links.typeB.c{justify-content:center;}
.links.typeB .btn{height: 5.5rem;min-width: 26.5rem;line-height: 5.3rem;font-size: 1.8rem;font-weight: 700;}
.links.typeB.c .btn + .btn{margin-left:1rem;}

/* quick_menu */
/* .quick_menu{max-width: 83.5rem;margin: 0 auto;height: 9rem;border-radius: 1.5rem;background: #f5f5f7; display: flex;flex-wrap: wrap;align-items: center;}
.quick_menu dt, .quick_menu dd{height: inherit;line-height: 9rem;}
.quick_menu dt{width: 33.333%;font-size: 2rem;font-weight: 700;letter-spacing: -0.025em;padding-left: 7.8rem;background: url(../images/sub/i_phone.png) no-repeat left 5rem center;}
.quick_menu dd{width: 66.666%;}
.quick_menu ul{display: flex;}
.quick_menu ul li{width: 50%;text-align: center;position: relative;}
.quick_menu ul li::before{content: "";display: block;width: 1px;height: 4.4rem;background: #c6c6c6;position: absolute;left: 0;top: 2.4rem;}
.quick_menu ul li:first-of-type::before{display: none;}
.quick_menu ul li a{display: block;font-size: 2rem;font-weight: 500;position: relative;}
.quick_menu ul li a.EN{background: url(../images/sub/i_enter.png) no-repeat 30% 50%;}
.quick_menu ul li a.ON{background: url(../images/sub/i_kepco_on.png)no-repeat 30% 50%;} */

/* flex_top */
.flex_top{display: flex; justify-content: space-between;align-items: center;margin-bottom:1.5rem;}
.flex_top.has_tit{margin-bottom:5rem;}
.flex_top > .tbl_right{font-size: 1.6rem;}
.flex_top .page_tit,
.flex_top .md_tit,
.flex_top > .btn_area{margin: 0;}
.tbl + .flex_top{margin-top: 9rem;}

/* flex_cont */
.flex_cont{display: flex; align-items: center;gap:5px;}
.flex_cont.fstart{align-items: flex-start; gap:0;}

/* link or modal과 연결되는 버튼 */
.btn_link.lg{min-width: 17.5rem; height:4.5rem; padding: 0 2.5rem 0 4.5rem; border-radius: 25px; border:none; line-height: 4.5rem; color:#fff; font-size: 2rem; letter-spacing: -0.5px; font-weight:700; background: #ffbd3e url("../images/icon/link-button-icon-lg.png") 2rem 50% no-repeat;}
.btn_link.lg:focus,
.btn_link.lg:hover{background-color:#f8b533;}
.btn_link.sm.blue{min-width: 21rem; height:4.2rem; padding: 0 1.5rem; border-radius: 25px; border:none; line-height: 4.2rem; color:#fff; font-size: 1.9rem; font-weight:500;}
.btn_link.sm.blue::after{position: relative; display: inline-block; width:1.7rem; height:1.8rem; margin-left:1rem; background:url("../images/icon/link-button-icon-sm.png")  no-repeat; background-size:contain; vertical-align:middle; content:'';}
.btn_link.sm.blue:focus,
.btn_link.sm.blue:hover{border-color: #277eef; outline: none;}
.btn_link.blue.light.xs{min-width: 11rem; height:4rem; padding: 0 1.5rem; border-radius: 25px; border:none; line-height: 4rem; color:#277eef; font-size: 1.7rem; letter-spacing: -0.5px; font-weight:600; background: #f2f6fa}
.btn_link.blue.light.xs:hover{color:#fff; background: #277eef;}
.btn_link.xs.blue::before{position: relative; display: inline-block; margin-right:0.5rem; font-family: 'Xeicon'; vertical-align:bottom; content:'\ea6a';}
.btn_fnc.xs.btn{min-width: 12rem; height:4rem; padding: 0 1.5rem; border-radius: 25px; border:1px solid #999; line-height: 3.8rem; color:#666; font-size: 1.7rem; letter-spacing: -0.5px; font-weight:600; background: #fff;}
.btn_fnc.xs.btn:hover{background: #eee}

/* asterisk(*) + form guide */
.asterisk {margin-right:3px !important;font-weight: 500;color: #277eef;font-size:1.8rem;}
.asterisk::before{display: none;}
.tbl th .asterisk{margin-left:0;}
.tbl td .asterisk{display:inline-block; vertical-align:bottom; color: #ff4a4a; font-size:1.6rem;}
.tbl td .asterisk + *{color:#555; font-size:1.6rem;}
.form_guide {font-weight: 500;color:#333333;}
.flex_top .form_guide {margin-bottom: 0;}

/* info_txt */
.info_txt > .asterisk{padding-left:10px;}
.board_write .info_txt, .tbl.row .info_txt{margin-top:0.7rem;color:#555;}
.board_write .info_txt + .info_txt, .tbl.row .info_txt + .info_txt{margin-top:0.2rem;}
.tbl.row .info_txt.product_info{display: block; margin-left:0 !important;; font-size:1.9rem; color:#5c5c5c;}

/* etc */
.bracket{color:#5c5c5c;font-size:1.5rem;}

/* table */
table.tbl.row th{padding-left:1.4rem; font-size:1.8rem;font-weight: 500;vertical-align: top;padding-top:2.1rem;}
table.tbl.row td{vertical-align: top;}
table.tbl.row th{padding:3rem 0.8rem 2rem 2rem !important;}
table.tbl.row td{padding:2rem 0.8rem 2rem 0.8rem;}
table.tbl.row.mypage th{padding:1.5rem 0.8rem 1rem 2rem !important;}
table.tbl.row.mypage td{padding:1.5rem 0.8rem 2rem 0.8rem}

.tbl_box{padding:2rem;}

/* input, select, textarea */
select, input[type="text"], input[type="password"]{height:4.9rem;padding: 0 1.5rem;font-size:1.7rem; font-weight:400;color:#898989;border:1px solid #333; background-color: #fff;}
/* select:focus, input[type="text"]:focus, input[type="password"]:focus, textarea:focus, .input-txt[readonly]:focus{outline: none; border: 1px solid #414761; box-shadow: none;} */
input[type="text"]:read-only, input[type="text"]:disabled, textarea:read-only, textarea:disabled{color:#5c5c5c; border:1px solid #ddd; background-color: #f2f4f6;}

/* form */
.chk .radio label::after{visibility:hidden;}
.chk .radio label::after,
.chk .radio input:checked + label::after {display:block!important; content: '';position: absolute;left: 5px;top: 7px;width: 12px;height: 12px;border-radius: 50%;background: #277eef}
.chk .radio input:checked + label::after{visibility: visible;}
.chk .radio label::before,
.chk .radio input:checked + label::before{border:1px solid #b3b3b3; background: #fff;}
.chk .radio input:focus + label::before{outline: none;}

.chk .cbx label::before{width:1.6rem;height:1.6rem; border-color:#ddd; line-height:1.6rem; vertical-align:top; background: #fff;}
.chk .cbx input:focus + label::before{outline: none; border-color:#ddd;}
.chk .cbx input:checked + label::before{border-color:#277eef; font-size:1.3rem;background: #277eef;}

.agree_box .cbx label::before{width:2rem;height:2rem;line-height: 2rem;}
.agree_box .chk .cbx input:checked + label::before{font-size:1.5rem;}

/* paging */
.cc-paging {font-size: 0;text-align: center;}
.cc-paging > a {padding: 0 5px;display: inline-block;position: relative;min-width: 36px;height: 36px;border: none;border-left: 0;border-radius:5px; font-size: 14px;line-height: 34px;color: var(--dark);background-color: #FFFFFF;vertical-align: middle;}
.cc-paging > a:first-child:last-child {border-left: 0;border-radius: 5px;}
.cc-paging > a.arrow{background-image: url(/publish/front/images/sub/btn_page.gif); font-size:0; background-repeat: no-repeat;}
.cc-paging > a.first{background-position: 13px 14px;}
.cc-paging > a.first:hover {
    background-position: -137px 14px;
}
.cc-paging > a.prev{background-position: -65px 14px;}
.cc-paging > a.prev:hover {
    background-position: -215px 14px;
}
.cc-paging > a.next{background-position: -105px 14px;}
.cc-paging > a.next:hover {
    background-position: -255px 14px;
}
.cc-paging > a.last{background-position: -28px 14px;}
.cc-paging > a.last:hover {
    background-position: -179px 14px;
}
.cc-paging > a:hover,
.cc-paging .on {border-color: var(--blue) !important;color: #FFFFFF;background-color: var(--blue);}

/* btn */
.flex_btn_area{display: flex; justify-content: center; flex-wrap:wrap; gap:1.6rem;}
.flex_btn_area > .btn{flex:1}
.btn_area.flex_btn_area .btn + .btn + .btn.lg{margin-top:0;}
.btn.blue, .btn.btn_save, .btn.btn_write, .btn.btn_rewrite{border-color:#277eef; background: #277eef;}
.btn.sml{min-width: 14.7rem; height: 4.8rem; line-height: 4.6rem; font-size: 1.6rem; font-weight: 500; padding: 0 3rem;}
.btn.sml.btn_exam{min-width:11rem; height:3.9rem; line-height:3.7rem; margin-top: 1.7rem; border-radius: 25px; background: #333; font-size:1.3rem;}
.btn.sml.btn_exam:focus{border: none;outline: none;}
.btn.sml.btn_exam:hover{background: #000;}

/* calendar */
.calendar_box{display:inline-block; position: relative;}
.calendar_box .btn_calendar{position:absolute; top:50%; transform: translateY(-50%); right:0; max-width:4.9rem; min-width:4.9rem; height:4.9rem; border-radius: 10px; background-image: url("../images/icon/calendar-button-icon.png"); background-position: 50% 50%; background-repeat: no-repeat; text-indent: -9999em; font-size:0;}
.ui-datepicker .ui-datepicker-title{color:#333; font-size:1.1rem;}
#ui-datepicker-div.ui-datepicker select.ui-datepicker-month, #ui-datepicker-div.ui-datepicker select.ui-datepicker-year{margin:0 3px 0 5px;}
.ui-widget button{font-size:1.2rem;}

/* iframe - 파일 */
.fileIfr{height:5rem !important;}
input.input-txt{height:4.9rem;padding: 0 1.5rem;border-radius:1rem; font-size:1.7rem; font-weight:400;color:#5c5c5c; border:1px solid #ddd; background: #f2f4f6;}

/* tooltip */
.tooltip{display:none; visibility:hidden; position: absolute; right: -270px; top:50%; transform: translateY(-50%); min-height:340px; min-width:300px; border:1px solid #ddd; border-radius: 10px; z-index:1; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.08);}
/* .tooltip::before{position: absolute; left:-25px; top:75px; border-top: 20px solid transparent;border-right: 25px solid #ddd;border-bottom: 20px solid transparent; content:'';} */
.btn_exam:hover + .tooltip{display:block; visibility: visible;}
.tooltip .tooltip_tit{padding: 13px; border-bottom:1px solid #ddd; font-size: 17px;}
.tooltip .tooltip_cont{text-align:center; padding: 5px}

/* 고객번호 확인 */
.custNo_flex{display: flex; justify-content:space-between; align-items: flex-start; gap: 2rem;}
.custNo_flex > div:first-child{width: 50%;}
.custNo_flex > div:nth-child(2){width: 42%;}


/* 반응형 */
@media all and (max-width: 1024px) { 
  .sub_content{padding: 3rem 0 4rem;}
  .md_tit{font-size: 2rem; margin-bottom: 1.5rem; line-height: 1.3;}
  .md_tit.mar_t8rem{margin-top: 4rem !important;}
  .md_tit.mar_t5rem{margin-top:3.5rem !important;}
  .md_tit.mar_b7rem{margin-bottom:3rem !important;}
  .md_tit p{font-size: 1.6rem; padding-left:0;}
  

  /* location */
  .location{height: 6rem;}
  .location .sub_menu>li{}
  .location .sub_menu>li::before{width: 0.6rem;height: 1.1rem;background: url(../images/sub/i_arrow-right_m.png) no-repeat center / 0.6rem;top: 2.4rem;left: -1.6rem;}
  .location .sub_menu>li.home a{width: 1.8rem;height: 2.3rem;background: url(../images/sub/i_home_m.png) no-repeat center / 1.8rem; top: -0.3rem;position: relative;}
  .location .sub_menu>li+li{margin-left: 3rem;}
  .location .sub_menu .selectbox .selected{line-height: 6.2rem;height: 6rem;font-size: 2rem;padding-right: 2.1rem;max-width: 16rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
  .location .sub_menu .selectbox .selected::after{width: 1.4rem;height: 1.4rem;background: url(../images/sub/i_select_bg_m.png) no-repeat center / 1.4rem;}
  .location .sub_menu .selectbox .selectoptions{min-width: 13rem !important; top: 5rem; padding: 1rem 1.5rem;}
  .location .sub_menu .selectbox .selectoptions .option a{font-size: 1.6rem;}
  .location .sub_menu .selectbox .selectoptions .option + .option{margin-top: 1rem;}
  .location .wrap > b{line-height: 6rem; font-size: 2rem; height: 6rem;}

  /* board_write */
  .board_write{padding: 2rem; border-radius: 1.25rem;}
  .board_write .tit{font-size: 1.6rem; margin-bottom: 0.7rem; padding-left: 1.2rem;}
  .board_write .tit .asterisk::before{left: -1rem;top: -0.9rem;}
  .board_write > ul > li{display: block; font-size: 1.3rem;}
  .board_write .flexbox{flex-wrap: wrap;}
  .board_write ul li input + .btn{margin-left: 0.6rem;}
  .board_write input + .info_txt, .board_write .btn + .info_txt, .tbl.row input + .info_txt, .tbl.row .btn + .info_txt{margin-left: 0; margin-top: 0.5rem; font-size: 1.3rem;}
  .board_write > ul > li + li{margin-top: 1.5rem;}
  .board_write > ul > li > div + div{margin-top: 1.5rem; margin-left: 0;}

  /* agree_box */
  .agree_box.typeA{border-radius: 1.25rem; padding: 2rem;}
/*   .layer_popup .agree_box.typeA{padding: 1.5rem;} */
  .agree_box .detail{padding-left: 0; padding-top: 1rem;}
  .agree_box .detail li{font-size: 1.4rem;}
  .agree_box .agree_con + .agree_con{margin-top: 2rem; padding-top: 2rem;}
  .agree_box .chk > span label b{font-size: 1.7rem; vertical-align: -0.1rem;}
  .agree_box .detail .chk label{font-size: 1.5rem;}
  .agree_box .detail .chk label::before{top: 0rem;}
  .agree_box .txt{margin-top: 1rem; height: 8rem; font-size: 1.3rem; font-weight: 400;}
  .agree_box .txt p{padding:0;}
  .agree_box .txt .mCustomScrollBox{padding: 0.5rem 1rem;}
  .agree_box .agree_txt{font-size: 1.4rem; line-height: 1.3;}
  .agree_box .agree_txt > b{font-size: 1.6rem;}
  .agree_box .agree_txt li + li{margin-top: 0.5rem;}
  .agree_box .detail.typeB dl dt{padding: 1rem 1.5rem; padding-right: 3rem;}
  .agree_box .detail.typeB dl dt a{right: 1rem; top: 1rem;}
  .agree_box .detail.typeB dl dt i{font-size: 2rem;}
  .agree_box .detail.typeB dl dd{padding: 1rem 1.5rem; font-size: 1.3rem;}
  .agree_box .detail.typeB dl dd .mCSB_scrollTools .mCSB_draggerContainer{height: 100%; top: 0;}
  .agree_box.typeC{display: block;padding: 2.5rem 2rem;border-radius: 1rem;}
  .agree_box.typeC.mar_t5rem{margin-top:3.5rem !important;}
  .agree_box.typeC b{font-size: 1.7rem;margin-bottom: 1rem;display: block;line-height: 1.3;}
  
  /* 고객번호 확인 */
  .custNo_flex{flex-direction: column;}
  .custNo_flex > div:first-child,
  .custNo_flex > div:nth-child(2){width: 100%;}
  .custNo_flex > div > *{padding-left:2rem;}

  /* top_txt */
  .top_txt{padding: 2rem; border-radius: 1.25rem; margin-bottom: 2.5rem;}
  .top_txt ul li{font-size: 1.4rem; line-height: 1.3; padding-left: 2rem; background: url(../images/sub/i_top_txt_bg.png) no-repeat left top 0.3rem / 1.2rem}

  .top_txt.typeB{height: 11rem;padding: 0 1.8rem;border-radius: 1.25rem;background: #1676de url(../images/sub/img_top_txt_B_bg.png) no-repeat right -1rem bottom 1rem / 10rem;}
  .top_txt.typeB p{font-size: 1.8rem;max-width: 20rem;}
  .top_txt.typeB p span{font-size: 2.3rem;}
  .top_txt.typeB .btn_go{font-size: 1.3rem;min-width: auto;padding: 0 1.8rem;height: 3.2rem;line-height: 3.5rem;margin-left: 0;}

  /* tbl */
  .tbl_box{border-radius: 1.25rem; padding: 2rem;}
  .tbl_box p.no_data{font-size: 1.8rem;font-weight: 500;}
  .tbl_box.mar_t3rem{margin-top: 1.5rem !important;}
  .tbl_box.typeB{padding: 2rem;}
  .tbl_box.typeB.mar_t5rem{margin-top:3.5rem !important;}
  .tbl_box.typeB.mar_t9rem{margin-top:4.5rem !important;}
  table.tbl.row.typeB, table.tbl.row.typeB tr, table.tbl.row.typeB th, table.tbl.row.typeB td, table.tbl.row.typeB tbody, table.tbl.row.typeB thead{display: block;}
  table.tbl.row.typeB tr{display: flex; flex-wrap: wrap;}
  table.tbl.row.typeB tr th, table.tbl.row.typeB td{font-size: 1.5rem;padding:0;padding-left: 0 !important;width: 9rem;margin-top: 0.6rem; word-break:break-all;}
  table.tbl.row.typeB tr td{width: calc(100% - 9rem);}
  table.tbl.row.typeB td span{height: 2.3rem;line-height: 2.2rem;font-size: 1.2rem;padding: 0 1rem;border-radius: 0.4rem;border-width: 1px;font-weight: 400;}
  table.tbl.row.typeB tr:first-of-type th:first-of-type, table.tbl.row.typeB tr:first-of-type th:first-of-type + td{margin-top: 0;}

  table.tbl.col.typeB.trs{display: flex;flex-wrap: wrap;}
  table.tbl.col.typeB.trs tr, table.tbl.col.typeB.trs tr th, table.tbl.col.typeB.trs td{display: block;width: 100%;font-size: 1.5rem;padding:0;padding-left: 0 !important;margin-top: 1.3rem;}
  table.tbl.col.typeB.trs tr:first-of-type, table.tbl.col.typeB.trs tr:first-of-type th:first-of-type, table.tbl.col.typeB.trs tr:first-of-type td:first-of-type{margin-top: 0;}
  table.tbl.col.typeB.trs thead{width: 10rem;}
  table.tbl.col.typeB.trs tbody{width: calc(100% - 10rem);}
  
  table.tbl.col.typeD thead th{font-size: 1.3rem; height: 4.5rem; padding: 0.5rem 0.8rem;}
  table.tbl.col.typeD tbody td:first-of-type{font-size: 1.3rem;}
  table.tbl.col.typeD tbody td{font-size: 1.6rem; height: 4.5rem; padding: 0.5rem 0.8rem;}

  /* board_view*/
  .board_view .top{padding: 0.9rem 0; flex-wrap: wrap;}
  .board_view .top p{font-size: 1.6rem; line-height: 1.3; margin:0.3rem 0;}
  .board_view .top span{font-size: 1.3rem; margin:0.3rem 0;}
  .board_view .content{padding: 2.5rem 0; word-break: break-all;}
  .board_view .content pre, .board_view .content p{font-size: 1.4rem; font-weight: 400;}
  .board_view .content img{display: block; max-width: 100%;}
  .board_view > .file_down{padding: 1.5rem 0;}
  .board_view > .file_down a{font-size: 1.4rem; line-height: 1.3; background-size: 1.2rem; padding-left: 2rem; background-position: top 0.2rem left;}
  .board_view > .file_down a + a{margin-top: 0.5rem;}
  .board_view .content iframe{max-width:100%;}
  
  .board_view.typeB .top p span{font-size: 2.3rem;}

  /* board_thumb */
  .board_thumb ul li{width: 48%; margin-left: 0;}
  .board_thumb ul li:nth-of-type(2n){margin-left: 4% !important;}
  .board_thumb ul li:nth-of-type(n+3){margin-top: 1.5rem;}
  .board_thumb ul li a .img_area{height: 14rem; border-radius: 1.2rem  1.2rem 0 0;}
  .board_thumb ul li a .txt_box{padding: 1.3rem 1.5rem; border-radius: 0 0 1.2rem 1.2rem;}
  .board_thumb ul li a .txt_box p{font-size: 1.4rem;}

  /* input_search */
  .input_search{width: 100%; height: 5rem; margin-bottom: 4.5rem;}
  .input_search .text{border-radius: 1.25rem; padding: 0 4.5rem 0 1.5rem; font-size: 1.6rem;}
  .input_search .text::placeholder{ font-size: 1.6rem; line-height: 1;}
  .input_search .btn_search{width: 2.4rem; height: 2.4rem; background-size: 2.4rem; right: 1.5rem;}
  
  /* select_search */
  .select_search{display: block;margin-top: 2rem;}
  .select_search select{padding: 0 1.5rem; border-radius: 1rem;min-width: auto;width: 40%;height: 5rem;line-height: 4.8rem;margin-right: 1%;background-size: 1rem;
  background-position: right 1.5rem center;font-size: 1.6rem;}
  .select_search .btn_search{width: 5rem; height: 5rem;background: #006de0 url(../images/sub/i_btn_search_2.png) no-repeat center / 2rem;border-radius: 1rem;}
  	
  .total, .total h3{font-size: 1.5rem;}
  .total > p{margin-left: 0.5rem;}
  .total ul li a{font-size: 1.5rem;}
  .total ul li::before{top: 0.4rem; right: -1.2rem; height: 1.2rem;}

  /* board_list */
  .board_list ul li a{padding: 2rem 0;}
  .board_list ul li a b{font-size: 1.7rem;}
  .board_list ul li a .txt_wrap{margin-top: 1rem; font-size: 1.4rem;}
  .board_list ul li a .txt_wrap span{padding-left: 2rem; background-size: 1.4rem;}
  
  .board_list.typeB ul ul{margin-top:1rem;}
  .board_list.typeB ul ul li{padding-left:2rem; font-size:1.4rem; padding:1rem 1.5rem;}
  .board_list.typeB ul ul li p span{font-size:1.3rem; padding-left:1rem;}  
  
  
  .board_list.typeC b{font-size:1.7rem; margin-bottom:2rem;}
  .board_list.typeC ul{padding-left:0;}
  .board_list.typeC ul li{background-size:1.3rem; padding-left:1.8rem; font-size:1.4rem;}
  .board_list.typeC ul li+li{margin-top:1.3rem;}
  .tbl_box.typeB .tbl.col.typeC th, .tbl_box.typeB .tbl.col.typeC td{font-size: 1.2rem;padding: 0.5rem 0.2rem; line-height:1.3;}
  .board_list.typeB > ul > li{font-size:1.5rem; padding-top:1rem; padding-left:1rem;}
  
  .join_step ul li b{font-size: 1.4rem;}

  .board_write .info_txt, .tbl.row .info_txt, p.sm_txt, .tbl.row .info_txt.product_info{font-size: 1.3rem;}

  /* join */
  /* .join.wrap .btn.lg{width: 100%;} */
  .join_top{margin-bottom: 5rem;}
  .join_top.typeB b{font-size: 2.6rem;margin-bottom: 2rem;}
  .join_top.typeB::after{width: 5rem;height: 5rem;background: url(../images/sub/img_join_top_bg.png) no-repeat center / 5rem; top: -2rem;}
  .join_top > b{font-size: 2rem;}
  .join_step ul{padding-right: 0; text-align: center; display: block;}
  .join_step ul li{margin-left: 0; width: 4rem;}
  .join_step ul li + li{margin-left: 3rem;}
  .join_step ul li .num{width: 2.8rem; height: 2.8rem; line-height: 2.8rem; font-size: 1.4rem; margin: 0 auto 0.5rem;}
  .join_step ul li::before{width: 2.8rem; left: -3.1rem;}
  .join .btn_area{margin-top: 4rem;}

  .join_cate ul{display: block;}
  .join_cate li{width: 100%;}
  .join_cate li + li{margin-left: 0;margin-top: 2rem;}
  .join_cate .radio_box b{font-size: 2rem;top: -3rem;}

  .join_cate .radio_box input{position: absolute; right: 1.5rem; top: 1.5rem;  width: 3rem; height: 3rem; opacity: 0;}
  .join_cate .radio_box label{display:flex; align-items:center; justify-content: center; position:relative; border-radius: 1rem;}
  .join_cate .radio_box label::before{width: 2.5rem; height: 2.5rem; right: 0.5rem; top: 0.5rem; left:unset;}
  .join_cate .radio_box input:checked + label::before{font-size:1.5rem;}
  /* .join_cate .radio_box.row label{height: 11rem;} */
  .join_cate .radio_box.col label{height: 15rem;}
  .join_cate .radio_box.col span {left: 0;}
  .join_cate .radio_box.row label{min-height:13rem; height:auto;}
  .join_cate .radio_box.row span { /* max-width: 20rem;bottom: 5rem; */ padding-right:12rem;bottom:unset;left:unset;}
  .join_cate .radio_box span{text-align: left;font-size: 1.6rem;padding-left: 3rem;}
  .join_cate .radio_box.bg1 label{background: url(../images/sub/img_join_radio_1_off.png) no-repeat right 4rem bottom 4rem / 7rem}
  .join_cate .radio_box.bg2 label{background: url(../images/sub/img_join_radio_2_off.png) no-repeat right 4rem bottom 4rem / 7rem}
  .join_cate .radio_box.bg3 label{background: url(../images/sub/img_join_radio_3_off.png) no-repeat right 5rem  center;}
  .join_cate .radio_box.bg4 label{background: url(../images/sub/img_join_radio_4_off.png) no-repeat right 4rem center;}
  .join_cate .radio_box.bg5 label{background: url(../images/sub/img_join_radio_5_off.png) no-repeat right 4rem center;}
  .join_cate .radio_box.bg1 input:checked + label{background: url(../images/sub/img_join_radio_1.png) no-repeat right 3.9rem bottom 50% / 7rem}
  .join_cate .radio_box.bg2 input:checked + label{background: url(../images/sub/img_join_radio_2.png) no-repeat right 3.9rem bottom 3.9rem / 7rem}
  .join_cate .radio_box.bg3 input:checked + label{background: url(../images/sub/img_join_radio_3.png) no-repeat right 4.9rem  center;}
  .join_cate .radio_box.bg4 input:checked + label{background: url(../images/sub/img_join_radio_4.png) no-repeat right 3.9rem center;}
  .join_cate .radio_box.bg5 input:checked + label{background: url(../images/sub/img_join_radio_5.png) no-repeat right 3.9rem center;}
	.join_bottom{font-size:1.5rem; margin-top:5rem;}
	.join_bottom a{font-size:1.6rem;vertical-align: 0;}
	.join_cate .radio_box + span{font-size:1.4rem; }
	.join.finish, .join.finish .tbl_box{width:100%;}
   .join.finish table.tbl.row.typeB td{padding: 0;}
   .join.finish table.tbl.row.typeB, .join.finish table.tbl.row.typeB tr, .join.finish table.tbl.row.typeB td, .join.finish table.tbl.row.typeB th{display: block;width: 100%;}
	.join.finish table.tbl.row.typeB th, .join.finish table.tbl.row.typeB td{font-size:1.6rem;}
	.join.finish table.tbl.row.typeB th{padding-bottom:0; margin-bottom:0;}
	.join.finish table.tbl.row.typeB tr + tr{margin-top:0.8rem;}
	.join.finish table.tbl.row.typeB tr td{margin-top:0rem;}

  .tbl.row .radio_list li b{width: 100%; display: block; margin-bottom: 0.3rem; line-height: 1.2;}

  /* chart_wrap */
  .chart_wrap{display: block;padding: 0;}
  .chart_wrap .tbl.chart{width: 100%;}
  .chart_wrap table.tbl.chart td{padding: 1.5rem 0;font-size: 1.6rem;}
  .chart_wrap .mCSB_horizontal.mCSB_inside>.mCSB_container{margin-bottom: 1rem;}
  .chart_wrap .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{height: 0.5rem;border-radius: 1rem;background: #d1d1d1;}
  .chart_wrap .simplebar-placeholder{margin-bottom: 1rem}
  
  #columnChart{min-width: 50rem;}
  
  /* chart_gauge */
  .chart_gauge{margin-bottom: 0;}
  .chart_gauge > ul{flex-wrap: wrap;}
  .chart_gauge > ul > li+li{margin-left: 0;margin-top: 1rem}
  .chart_gauge > ul > li{width: 100%;}
  .chart_gauge ul li{font-size: 1.6rem}
  .chart_gauge ul li::before{width: 1.8rem;top: 0.2rem;}
  .chart_gauge ul li p{width: 50%;}
  .chart_gauge ul ul{margin-left: 0;padding-left: 1.5rem; width: 50%}
  .chart_gauge ul ul li+li{margin-left: 1rem;}
  .chart_gauge ul ul li{padding-left: 2.2rem}
  

  /* today_chk */
  .today_chk{display: block;}
  .chk_list ul li{min-width: 100%;}

  /* links */
  .links.typeB{display: block; margin-top:4rem;}
  .links.typeB .btn{width: 100%; height:5rem; line-height:5rem; border-radius:1rem; font-size:1.6rem;}
  .links.typeB .btn+.btn{margin-top: 1rem;}
  .links.typeB.c .btn + .btn{margin-left:0;}

  /* quick_menu */
  .quick_menu{display: block;height: auto;margin-top: 3rem;border-radius: 1rem;}
  .quick_menu dt, .quick_menu dd{line-height: 4rem; font-size:1.6rem;}
  .quick_menu dt{width: 100%;text-align: center;padding-left: 0;background: transparent;}
  .quick_menu dd{width: 100%;}
  .quick_menu ul li::before{height: 1.8rem;top: 1.2rem;}
  .quick_menu ul li a{text-align: left;padding-left: 3rem; font-size:1.6rem; display:inline-block;}
  .quick_menu ul li a.EN{background: url(../images/sub/i_enter.png) no-repeat left center / 2rem;}
  .quick_menu ul li a.ON{background: url(../images/sub/i_kepco_on.png) no-repeat left center / 2rem;}
  
  /* selectbox_wrap */
  .selectbox_wrap{width:100%; height:6rem; border-radius:1rem; margin-top:3rem !important;}
  .selectbox_wrap span{font-size:1.6rem; width:13rem; padding:0; padding-left:2rem;}
  .selectbox_wrap .selectbox{width:calc(100% - 13rem); border-radius:0;}
  .selectbox_wrap .selectbox .selected{font-size:1.6rem; height:5.6rem; line-height:5.6rem;}
  .selectbox_wrap .selectbox .selected::after{width:1.5rem; height:1.3rem; background-size:1.5rem; top:2.2rem; right:2rem;}
  .selectbox_wrap .selectbox .selectoptions{left:0; width:100%; min-width:0; top:6rem; padding:1.5rem;max-height:15rem;min-height: 5.5rem}
  .selectbox_wrap .selectbox .selectoptions a{font-size:1.5rem;}
  .selectbox_wrap .selectbox .selectoptions .option+.option{margin-top:1rem; }
  
  /* today_chk */
  .chk_list ul{margin-top: 3rem;}
  .chk_list ul li+li{margin-top: 1rem;}
  .chk_list b{font-size:2rem;}
  .chk_list b span{font-size:4rem;margin-left: 1rem;}
  .chk_list .radio_box label{border-radius: 1rem;min-height: auto;padding:2rem 5rem 2rem 7rem;}
  .chk_list .radio_box label::before{width: 2.5rem;height: 2.5rem;top: 1.5rem;right: 1.5rem;}
  .chk_list .radio_box input:checked + label::before{font-size: 1.5rem;}
  .chk_list .radio_box span{font-size: 1.8rem;}
  .chk_list .radio_box.bg1{background: url(../images/sub/img_chk_radio_1.png) no-repeat left 2.5rem center / 3rem;}
  .chk_list .radio_box.bg2{background: url(../images/sub/img_chk_radio_2.png) no-repeat left 2.5rem center / 3rem;}
  .chk_list .radio_box.bg3{background: url(../images/sub/img_chk_radio_3.png) no-repeat left 2.5rem center / 3rem;}

	/* calendar */
  div.calendar{margin-top: 4rem;}
  div.calendar .top b{font-size: 2rem;}
  div.calendar .tbl_box{padding: 2rem 0;border-radius: 1rem;}
  div.calendar .top ul li span{font-size: 1.6rem;}
  div.calendar .top ul li span.compl::before{width: 1.5rem;height: 1rem;background: url(../images/sub/i_compl_bg.png) no-repeat center / 1.5rem;top: 0.4rem;}
  table.tbl.calendar{border-top: 0;}
  table.tbl.calendar th{font-size: 1.6rem;}
  table.tbl.calendar td{font-size: 1.4rem;}
  table.tbl.calendar th, table.tbl.calendar td{height: auto;}
  table.tbl.calendar td span.compl{width: 3rem;height: 3rem;border-radius: 3rem;line-height: 3.4rem;}
  table.tbl.calendar td span.compl::before{width: 1.5rem;height: 1rem;background: url(../images/sub/i_compl_bg.png) no-repeat center / 1.5rem;position: absolute;top: -1rem;}
  table.tbl.calendar td span.today{font-weight: 700;}
  .calendar .top ul li span.today::before{width: 0.8rem;height: 0.8rem;}
  
  .btn_file{border: 1px solid var(--blue);}

	/* btn */
	.btn_link.lg{font-size:1.5rem; height:4rem;line-height: 4rem;}
	.btn.sml.btn_exam{min-width:10rem;padding:0 1rem; margin-left:1rem; margin-top:0; height:3.5rem; line-height: 3.3rem;}
	.flex_top > .btn_area{margin-top: 2rem;}
	.btn_area .btn + .btn{margin-left:0;}
	
	/* table row */
	table.tbl.row th{padding: 1rem 0 0 1.2rem !important}
	table.tbl.row td{padding:1rem 0 2rem 1.2rem !important;}
	table.tbl.row.mypage td{padding:1rem 1rem 2rem 2rem !important}
	table.tbl.row td.bdr{border-right: none;}
	/* table col */
	table.tbl.col th{padding:2rem 0.5rem; font-size:1.4rem;}
	table.tbl.col td{font-size:1.2rem; padding: 8px 2px;}
	
	.flex_top.has_tit{flex-direction: column;}
	.flex_top.sch{gap:0.5rem;}
	.flex_top.sch > select,
	.flex_top.sch > input[type=text]{flex:1;min-width: unset;}
	.flex_top.sch > .btn.sml{min-width: unset;}
	
	/* tooltip */
	.tooltip{display: none!important;}
	
	/* iframe - 파일 */
	.fileIfr{height: 12rem !important;}
	
	/* select */
	select{line-height: normal;font-size:1.5rem;}
	
	/* calendar */
	.calendar_box .btn_calendar{border-radius: 5px;}
	
	/* radio */
	.chk .radio label::after, .chk .radio input:checked + label::after{width: 0.8rem; height:0.8rem; left:0.5rem; top: 0.5rem;}
	.chk > span label, .chk .radio label{vertical-align: text-top;}

	/* title */
	.page_tit{font-size:2.5rem;}
}
@media screen and (max-width: 767px) { 
  /* 모바일 버전 스타일 (태블릿 대비 모바일에서 달라지는 스타일) */
  html{font-size:11px;}
  /*.board_thumb ul li{width: 100%;}*/
}

@media screen and (max-width: 480px) { 
  /* 모바일 버전 스타일2 (모바일 작은 화면에서 달라지는 스타일) */
  html{font-size:10px;}
    
}
@media screen and (max-width: 368px) {
    .join_step ul li:nth-of-type(5){margin-top: 5rem;}
    
    .join_cate .radio_box span{font-size:1.1rem;}
/*     .join.wrap input[type="text"]:not(.calendar_box input),
    .join.wrap input[type="password"]{width: 49% !important;} */
    table.tbl.row .addr input:first-of-type + .btn{min-width: 11rem; padding:0 1.5rem}
}
@media all and (max-width: 400px) { 
	.tbl_box.typeB .tbl.col.typeC th, .tbl_box.typeB .tbl.col.typeC td{ word-break:break-all; line-height:1.3;}
	
  	.top_txt.typeB .btn_go{font-size: 1rem;}
  	
	.chart_gauge ul li p{width: 33.333%;}
  	.chart_gauge ul ul{margin-left: 0;padding-left: 1.5rem; width: 66.666%}
  	.top_txt.typeB{height: 14rem;flex-direction: column;align-items: flex-start;justify-content: center;}
  	.top_txt.typeB .btn_go{margin-top: 1rem;}
  	
}


/***********
****ie만***
***********/
 /* IE10+ */
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
 	.agree_box .detail .chk label::before,
 	.agree_box .chk label::before{border:1px solid #ddd; top: -0.2rem;}
 }




/**/