@charset 'utf-8';
.mb_only{display:none;}

.sub_container .wrap{width: 1200px; margin: 0 auto; padding: 100px 0;}
.sub_container .sub_tlt{padding-bottom: 40px; text-align: center; font-size:2.5rem; color:#034797; font-family: 'GmarketSans', 'Noto Sans KR', sans-serif;font-weight:500}
.sub_container .sub_tlt span{position:relative;padding:0 15px}
.sub_container .sub_tlt span::after{position:absolute;bottom:0px;left:0;width:100%;height:50%;background-color:#ffe10077;content:'';z-index:-1}
.sub_container .wrap .con{font-family:'Pretendard', sans-serif;margin-bottom:60px}
.sub_container .wrap .con .cont_tlt{font-size:1.38rem;font-weight:600;margin-bottom:20px;padding-left:25px;background:url('/template/kslms202511/assets/img/title_dot.png') left 4px/18px no-repeat;}

table{width: 100%}
table th,
table td{padding: 16px 18px; vertical-align: middle}


/***** KSLMS *****/
.greeting .greet_box{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:120px}
.greeting .greet_box .img_box{width:397px;}
.greeting .greet_box .text_box{width:calc(100% - 437px)}
.greeting .greet_box .text_box strong{display:block;font-size:1.825rem;font-weight:600;margin-bottom:40px;}
.greeting .greet_box .text_box p{font-size:1rem;word-break:keep-all;}
.greeting .greet_box .text_box .text_name{font-size:1rem;display:block;text-align:right;margin-top:40px;color:#888}
.greeting .greet_box .text_box .text_name em{display:inline-block;font-size:1.5rem;font-weight:600;margin-right:5px;color:#222}
.greeting .overview_box{}
.greeting .overview_box .li_overview > li{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:10px;}
.greeting .overview_box .li_overview > li:last-child{margin-bottom:0;align-items:flex-start;}
.greeting .overview_box .li_overview > li > span{display:inline-block;width:150px;text-align:center;font-size:1.2rem;line-height:1;font-weight:600;margin-right:20px;color:#034797;padding:10px 20px;border:1px solid #034797;border-radius:100px;box-sizing:border-box;}
.greeting .overview_box .li_overview > li p{font-size:1.2rem;}
.greeting .overview_box .li_overview > li div{padding-top:10px;}
.greeting .overview_box .li_overview > li div .li_dash{margin-top:10px;}
.greeting .overview_box .li_overview > li div .li_dash li{margin-bottom:5px}
.greeting .overview_box .li_overview > li div .li_dash li span{font-weight:600}




/***** Sponsor *****/
.spon_opp .con_box04 ul{display:flex;justify-content:flex-start;justify-items:stretch;flex-wrap:wrap;}
.spon_opp .con_box04 li{position:relative;width:calc((100% - 40px) / 3);margin-right:20px;margin-bottom:2%;display:flex;align-items:center;line-height:1.3;border-radius:10px;background-color:#fff;border:1px solid #ccc;box-sizing:border-box;transition:all 0.2s ease}
.spon_opp .con_box04 li:nth-child(3n){margin-right:0}
.spon_opp .con_box04 li:hover{background-color:rgba(251, 247, 223, 0.478);border:1px solid #ffe000;}
.spon_opp .con_box04 li a:after{position:absolute;right:20px;top:50%;margin-top:-25px;content:"";display:inline-block;width: 50px;height:50px;background-image:url('/template/kslms202511/assets/img/ico_down.png');}
.spon_opp .con_box04 li a:hover:after{background-image:url('/template/kslms2024/assets/img/ico_down_on.png');}
.spon_opp .con_box04 li a{display:block;width:100%;padding:20px;color:#222;}
.spon_opp .con_box04 li a span{display:block;font-weight:600}




/***** PROGRAM *****/
.program .cont_tlt .time{font-size:1.2rem;color:#034797;padding:5px 15px 5px 35px;margin-left:10px;border-radius:100px;
background:#eee url('/template/kslms202511/assets/img/sub/ico_pro_time.png') 10px center no-repeat;}
.program .line_layout table thead th{background-color:#034797;color:#fff}
.program .line_layout.bg_yellow table thead th{background-color:#fee000;color:#222}
.program .line_layout table thead th .moderator{text-align:left;font-weight:600}
.program .line_layout table thead th .moderator span{font-weight:400;}
/*.program .line_layout table thead th .moderator span{font-weight:400;position:relative;padding:0 7px}
.program .line_layout table thead th .moderator span::before{position:absolute;top:3px;left:0;content:'('}
.program .line_layout table thead th .moderator span::after{position:absolute;top:3px;right:0;content:')'}*/
.program .line_layout table thead th .moderator br{display:none;}
.program .line_layout table tbody th .coffee{color:#ff6c00;}
.program .line_layout table tbody td .chair{text-align:right;float:right;font-weight:600;}
.program .line_layout table tbody td .chair span{font-weight:400}
.program .line_layout table tbody td .title{font-weight:600}
.program .line_layout table tbody td .txt_blue{color:#2C57A7}
.program .line_layout table tbody td .speaker{text-align:right;float:right;}
.program .line_layout table tbody td .speaker span{font-weight:400;color:#888;}
/*.program .line_layout table tbody td .speaker span{font-weight:400;position:relative;color:#888;padding:0 7px}
.program .line_layout table tbody td .speaker span::before{position:absolute;top:3px;left:0;content:'('}
.program .line_layout table tbody td .speaker span::after{position:absolute;top:3px;right:0;content:')'}*/
.program .line_layout table tbody td .coffee{font-weight:600;color:#ff6c00;}

/* hands-on */
.program .line_layout.bg_yellow{border-top:2px solid #fee000}
.program .line_layout.bg_yellow table tbody th{background-color:#f8f8f8;padding:10px 30px;}




/***** REGISTRATION *****/
.registr_main .con{padding-top: 80px;}
.registr_main .go_regi{padding-top: 0;}
.registr_main .go_regi p{padding:60px 20px; text-align: center; background-color: #f8f8f8;}
.registr_main .go_regi p span{color: #d88f00; font-weight: 600}
.registr_main .btn_wrap {padding-top: 30px;}
.registr_main .btn{width: 30%;display: block; margin: 0 auto; color: #fff; background-color: #7753c1; border-radius: 50px;}
.registr_main .info_txt{padding-top: 10px;}
.registr_main .info_txt li{position: relative; padding-left: 10px;}
.registr_main .info_txt li:not(:last-child){margin-bottom: 10px; line-height: 1.5}
.registr_main .info_txt li:before{position: absolute;left: 0;top: 10px;content: "";display: inline-block;width: 2px;height: 2px;background-color: #414141;}
.registr_main ul+.table_wrap{padding-top: 20px;}
.registr_main .box > div{color: #302c68; font-weight: 600}
.registr_main .box .btn_wrap{margin-bottom: 40px; padding: 40px 0; border-bottom: 1px solid #ddd;}


/* 입력폼 */
.registr .sub_txt{font-size: 1.20em; padding-bottom: 10px; font-weight: 600}
.registr .sub_txt:before{content: ""; margin: 0 9px 6px 0; display: inline-block; width: 5px; height: 5px; background-color: #4dbbe7}
.registr .privacy{padding-bottom: 120px;}
.registr .privacy p{padding: 20px; font-size: 0.9em; background-color: #f4f4f4;}
.registr .privacy .chk_box{padding-top: 10px;}

.registr .form_wrap li{position: relative;display: flex; align-items: center; padding: 20px 10px 20px; border-top: 1px solid #ddd; }
.registr .form_wrap li:first-child{border-top: 0}
.registr .form_wrap li .f_sbj{position: absolute;}
.registr .form_wrap li .f_box{width: 100%; padding-left: 300px;}

.registr .price{margin: 20px 0 10px; padding: 40px 20px; text-align: center; font-size: 1.25em; background-color: #f1f1f1; border-top: 1px solid #222}
.registr .price span{color: #d88f00; font-weight: 700}
.registr .info_txt{font-size: 0.9em; color: #666}


/* Modal */
.modal {display: none; position: fixed; z-index: 1;left: 0; top: 0; width: 100%;  height: 100%; overflow: auto; background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.6);}
.modal-content {background-color: #fefefe;margin: 15% auto;border: 1px solid #888;width: 560px;border-radius: 10px; overflow: hidden;}
.modal-content .modal-tlt{position: relative; padding: 20px; color: #fff; font-weight: 500; background-color: #31347d;}
.modal-content .modal-tlt .close {position: absolute; right: 20px;top: 10px;font-size: 1.8em;cursor: pointer;font-weight: 400}
.modal-content .modal-body{padding: 20px; font-size: 0.9em}
.modal-content .modal-footer{ padding: 20px; text-align: center;}
.modal-content .modal-footer .btn{background-color: #222; color: #fff;}

.login_modal .modal-body > div:first-child{padding-bottom: 20px;}
.login_modal .modal-body .f_sbj{padding-bottom: 10px;}




/***** VENUE *****/
#map .root_daum_roughmap .wrap_map {width: 100%; height: 500px;}
.location .location_box dl{display:flex;flex-wrap:wrap;margin-bottom:10px;}
.location .location_box dl:last-child{margin-bottom:0}
.location .location_box dl dt{width:50px;font-weight:600;margin-right:5px;}
.location .location_box dl dd{}
.location .venue_box{}
.location .venue_box dl{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ddd;}
.location .venue_box dl:last-child{margin-bottom:0}
.location .venue_box dl dt{font-weight:600;position:relative;padding-left:15px;color:#2c57a7;margin-bottom:8px;}
.location .venue_box dl dt::before{position:absolute;top:12px;left:0;width:4px;height:4px;background-color:#2c57a7;content:'';}
.location .venue_box dl dd{padding-left:15px;margin-bottom:5px;}
.location .venue_box dl dd span{display:block;word-break:keep-all}
.location .venue_box dl dd span:not(:first-child){margin-top:10px}
.location .venue_box dl dd span em{display:inline-block;padding:3px 16px;border-radius:25px;color:#fff;font-size:0.8em}
.location .venue_box dl dd span em.red{background-color:#d3580e}
.location .venue_box dl dd span em.blue{background-color:#3556a7}
.location .venue_box dl dd span em.green{background-color:#50a232}
.location .venue_box dl dd p{word-break:keep-all}
.location .venue_box dl dd p strong{font-weight:600;}
.location .venue_box dl dd p em{position:relative;display:inline-block;width:20px;height:20px;}
.location .venue_box dl dd p em::before{position:absolute;top:58%;left:50%;transform:translate(-50%, -58%);content:'▶';color:#222;font-size:12px;z-index:2}



/***** sub common *****/
.ready{font-size: 4rem; text-align: center;}

#sub_container .wrap{position:relative;max-width:1400px;width:100%;margin:0 auto;padding:140px 0}
.sub_tlt{padding-bottom: 60px; text-align: center}
.sub_tlt h3{line-height: 1.25; font-size: 42px;font-weight: bold}
.sub_tlt h3 span{font-weight: normal}
.sub_tlt p{padding-top: 20px;}
#footer .wrap.cb {padding: 40px 0;}


.sub_visual{color: #fff; background-size: cover; overflow: hidden;background-position: center;}
.sub_visual .wrap{position: relative; height: 570px;}
.sub_visual .txt_box{position: absolute; bottom: 50px; left: 0;}
.sub_visual .txt_box h2{padding-bottom: 20px; line-height: 1.2; font-size: 50px; font-weight: bold}

.intro .sub_visual{background-image: url("/assets/images/sub/sub_visual_intro.jpg");}
.afs .sub_visual{background-image: url("/assets/images/sub/sub_visual_afs.jpg");}
.news .sub_visual{background-image: url("/assets/images/sub/sub_visual_news.jpg");}
.symposium .sub_visual{background-image: url("/assets/images/sub/sub_visual_symposium.jpg");}
.member_board .sub_visual{background-image: url("/assets/images/sub/sub_visual_member_board.jpg");}
.site .sub_visual{background-image: url("/assets/images/sub/sub_visual_site.jpg");}
.member .sub_visual,
.my_page .sub_visual{background-image:url("/assets/images/sub/sub_visual_member.jpg");}

.review.sub_visual{background-image:url('/assets/images/sub/sub_review_top.png');}
.qna.sub_visual{background-image:url('/assets/images/sub/sub_qnalist_top.png')}
.gallery.sub_visual{background-image: url('/assets/images/sub/sub_counselling_top.png');}

.sub_nav ul{width: 1400px; margin: 0 auto; display: flex; justify-content: space-between}
.sub_nav ul li{text-align: center;}
.sub_nav ul li a{display: flex; height: 100%; align-items: center; justify-content: space-evenly; word-break: break-all; line-height: 1.5; padding: 20px 10px; color: #fff; background-color: rgba(53,62,115,.85)}
.sub_nav ul li.active a{color: #42c0af; background-color: #fff; font-weight: 600}

.intro .sub_nav li{width: 19.999%;}
.afs .sub_nav li{width: 19.9999%;}
.news .sub_nav li{width: 49.99%;}
.symposium .sub_nav li{width: 33.286%}
.member_board .sub_nav li{width: 24.999%;}
.my_page .sub_nav li{width: 33.286%}

/* table layout */
table{width: 100%}
table th,
table td{padding:15px 10px;line-height: 1.3; vertical-align: middle;}
table td{border-bottom: 1px solid #ddd;}







/***** 학술대회 > 학술대회 *****/
.symposium .cal_info{display: flex; justify-content: space-between; align-items: center; padding-bottom: 40px;}
.symposium .cal_info .btn{padding:7px 10px; text-align: center; color: #fff; background-color: #444;}

.sympo_cal .cal_info .year{display: flex; align-items: center; font-size: 28px; font-weight: 600; cursor: pointer}
.sympo_cal .cal_info .year img{padding-left: 20px;}
.sympo_cal .cal_info .cate span{padding-right: 20px; font-weight: 500}
.sympo_cal .cal_info .cate span:before{content: ""; width: 15px; height: 15px; border-radius: 50%; background-color: #42c0af; display: inline-block; margin-right: 10px;}
.sympo_cal .cal_info .cate span:nth-child(2):before{background-color: #3b478b}

.sympo_cal .calendar > ul{display: flex; flex-wrap: wrap; align-items: center;}
.sympo_cal .calendar > ul > li{position:relative; width: 14.28%; height: 150px; padding: 15px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
.sympo_cal .calendar > ul > li:nth-child(7n){border-right: 0}
.sympo_cal .calendar > ul > li.day{ height: 45px; text-align: center; font-weight: 500; background-color: #efefef; border-top: 2px solid #42c0af;}
.sympo_cal .calendar > ul > li.red{color: #d73d3d}
.sympo_cal .calendar > ul > li.blue{color: #3d3de4}

.sympo_cal .calendar .s_name{padding-top: 10px;}
.sympo_cal .calendar .s_name li{position: relative; margin-top: 8px;display: flex;  align-items: center;font-weight: 500; cursor: pointer; font-size: 0.95em;}
.sympo_cal .calendar .s_name span{position: absolute; font-size: 0.8em; color: #fff;padding: 3px 8px; border-radius: 20px;font-weight: 500}
.sympo_cal .calendar .s_name span.kor{background-color: #42c0af}
.sympo_cal .calendar .s_name span.oversea{background-color: #3b478b}
.sympo_cal .calendar .s_name div{padding-left: 50px;}

/* 달력 모달 */
.datepicker {background-color: #fff; border-color: #ddd !important;}
.datepicker td,
.datepicker th{padding: 10px;}
.datepicker table tr td span.active{background: #3b478b !important}

/* modal */
.bg{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); z-index: 1000}
.modal{display: none; position: fixed;top: 50%; left: 50%;width: 700px; background: #fff; border-radius: 20px; transform: translate(-50%,-50%); padding: 30px; z-index: 1001}
.modal .modal_tlt{padding-bottom: 10px; line-height: 1.5}
.modal .modal_tlt div{text-align: right; padding-bottom: 10px;}
.modal .modal_tlt div svg{width: 25px;height: 25px; cursor: pointer}
.modal .modal_tlt h4{font-size: 1.1em; font-weight: 600;}
.modal .modal_body{margin-top: 20px; line-height: 1.5;; font-size: 0.9em;}
.modal .modal_body > div{}

.sympo_modal .modal_body li{position: relative}
.sympo_modal .modal_body li:first-child .txt{border-top: 1px solid #222;}
.sympo_modal .modal_body li > div{padding: 20px 15px;}
.sympo_modal .modal_body .sbj{position:absolute; width: 120px; text-align: center; background-color: #efefef; font-weight: 600}
.sympo_modal .modal_body .txt{margin-left: 140px; border-bottom: 1px solid #222;min-height:62px}


/* 전체행사 일정 */
.sympo_table .cal_info .select{width: 100px;}
.sympo_table .cal_info .search_name{display: flex; gap: 5px}
.sympo_table .cal_info .search_name > *{}
.sympo_table .cal_info .search_name .select{width: 150px}
.sympo_table .cal_info .search_name .search_box{margin-bottom: 0}
.sympo_table .cal_info .search_name .search_box input{height: 50px;}
.sympo_table .cal_info .search_name .btn{display: flex; align-items: center; justify-content: center;}





/***** 학술대회 > 지난학회 *****/
.sympo_last .txt {text-align: left;}
.sympo_last .txt div{padding-bottom: 8px; font-size: 1.05em; font-weight: 500}
.sympo_last .txt p{opacity: .6}
.sympo_last .select-styled {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    padding-right: 35px;
    display: block;
    text-align: left;
    line-height: 32px;
}


.sympo_last .select-options li{padding-left: 40px; background-repeat: no-repeat; background-size: auto;background-position: 10px center; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sympo_last .select-options .hwp{background-image:url('/template/kslms2024/assets/img/ic_han.png');}
.sympo_last .select-options .pdf{background-image:url('/template/kslms2024/assets/img/ic_pdf.png');}
.sympo_last .select-options .ppt{background-image:url('/template/kslms2024/assets/img/ic_ppt.png');}
.sympo_last .select-options .pptx{background-image:url('/template/kslms2024/assets/img/ic_ppt.png');}
.sympo_last .select-options .doc{background-image:url('/template/kslms2024/assets/img/ic_word.png');}
.sympo_last .select-options .word{background-image:url('/template/kslms2024/assets/img/ic_word.png');}
.sympo_last .select-options .zip{background-image:url('/template/kslms2024/assets/img/ic_zip.png');}



/***** 관련사이트 *****/
.site .link_box_wrap{padding-top: 100px}
.site .link_box_wrap:first-child{padding-top: 0}
.site .link_box_wrap > div{position: relative; padding-left: 24px; font-size: 32px;}
.site .link_box_wrap > div:before {position: absolute; top: .42em; left: 0; content: ""; display: block; width: 8px; height: 8px; border-radius: 50%; background-color: #42c0af;}
.site .link_box_wrap ul{display: flex; flex-wrap: wrap;justify-items: stretch; gap:20px; padding-top: 40px;}
.site .link_box_wrap li{width: calc((100% - 60px) / 4)}
.site .link_box_wrap li a{display: block; position: relative; height: 100%; text-align: center; padding: 30px; border: 1px solid #ddd;}
.site .link_box_wrap li a:before,
.site .link_box_wrap li a:after{content: ''; position: absolute; width: 0; height: 0; background: transparent; border: 4px solid transparent;box-sizing: border-box}
.site .link_box_wrap li a:hover:before{
    top: 0;
    left: 0;
    animation: animate 1s linear forwards;
}
.site .link_box_wrap li a:hover:after{content: '';
    top: 0;
    left: 0;
    animation: animate2 1s linear forwards;
    animation-delay: 1s;
}

@keyframes animate{
  0%{
    width: 0;
    height: 0;
    border-top-color: #42c0af;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
  }
  50%{
    width: 100%;
    height: 0;
    border-top-color: #42c0af;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: #42c0af;
  }
  100%{
    width: 100%;
    height: 100%;
    border-top-color: #42c0af;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: #42c0af;
  }
}
@keyframes animate2{
  0%{
    width: 0;
    height: 0;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: #42c0af;
    border-right-color: transparent;
  }
  50%{
    width: 0;
    height: 100%;
    border-top-color: transparent;
    border-bottom-color: #42c0af;
    border-left-color: #42c0af;
    border-right-color: transparent;
  }
  100%{
    width: 100%;
    height: 100%;
    border-top-color: transparent;
    border-bottom-color: #42c0af;
    border-left-color: #42c0af;
    border-right-color: transparent;
  }
}

.site .link_box_wrap li a:hover .ic_link{opacity: 1}
.site .link_box_wrap .logo_box{height: 50px;}
.site .link_box_wrap .logo_box img{max-height: 100%}
.site .link_box_wrap .txt_box{margin-top: 20px; padding-top: 30px; border-top: 1px solid #ddd; }
.site .link_box_wrap .txt_box div{padding-bottom: 5px; font-size: 1.1em; font-weight: 600}
.site .link_box_wrap .txt_box p{padding-bottom: 10px; opacity: .8; font-size: .95em;}
.site .link_box_wrap .ic_link{opacity: 0; position: absolute; right: 20px; bottom: 20px}



/***** login *****/
/*.login_box{max-width: 700px;padding:50px 70px;margin:0 auto;border: 1px solid #ddd;}
.login_box .f_box{position: relative;margin-top: 20px;}
.login_box .l_box{float: left; width: 70%;;padding-right: 10px;}
.login_box .f{position: relative;margin-bottom: 10px;}
.login_box .f  > label{position: absolute; top: 0.4em; left: 20px; color: #767d90;font-size: 0.95em;}
.login_box .f input{ padding:10px 10px 10px 130px; background-color: #f0efef; border: 0}
.login_box .save_id{line-height: 1.8; font-size: 0.95em;}
.login_box .r_box{float: left; width: 30%;}

.login_box .btn_login {height: 94px;margin: 0;}
.login_box .btn_login * {display: block;width: 100%;height: 100%;padding: 0;border: 0 none;font-size: 1em;cursor: pointer}
.login_box .btn_login *:hover{background-color: #30ad9c}

.login_menu {margin-top: 30px; padding-top: 30px; font-size: 0.95em; border-top: 1px solid #ddd;}
.login_menu li{display: flex; justify-content: space-between; margin: 10px 0 0; line-height: 38px;}
.login_menu li:first-child{margin-top: 0;}
.login_menu li .bullet:before{top: 0.9em;}
.login_menu a{display: block; padding: 10px; font-size: 0.95em;text-align: center;line-height: 1;}
.login_menu a:hover{background-color: #393d8a !important; color: #fff !important;}*/

/* Sponsor Application */
/* 조회하기 */
.spon_app.find_cmn .login_box{border-bottom: 0}
.spon_app.find_cmn .login_box .f_box {margin-top: 0px;}
.spon_app.find_cmn .login_box .f input {padding-left: 160px;}
.spon_app.find_cmn .info_txt{max-width: 700px;margin: 0 auto; padding: 30px 40px; background-color:#e8e8e8;border-radius:0 0 20px 20px}

/* Login */
.login_box{max-width: 700px;padding:50px 70px;margin:0 auto;background:#f5f5f5;border:none;border-radius:20px 20px 0 0}
.login_box .f_box{position: relative;margin-top: 20px;}
.login_box .l_box{float: left; width: 70%;;padding-right: 10px;}
.login_box .f{position: relative;margin-bottom: 10px;}
.login_box .f label{position: absolute; top: 1.2em; left: 20px; color: #767d90;font-size: 0.85em;}
.login_box .f input{ padding:10px 10px 10px 130px; background-color: #f0efef; border: 0;background-color:#fff;border-radius:5px;height:56px}
.login_box .save_id{line-height: 1.8; font-size: 0.85em;}
.login_box .r_box{float: left; width: 30%;}

.login_box .btn_login {height:56px;margin: 0;}
.login_box .btn_login * {display: block;width: 100%;height: 100%;padding: 0;border: 0 none;font-size: 1em;background-color:#342874;color: #fff; cursor: pointer;border-radius:5px;transition:all 0.2s ease;}
.login_box .btn_login *:hover{background-color:#103C82}
.bullet{margin-bottom:10px;line-height:1.2}
.bullet:last-child{margin-bottom:0}
.bullet:before{top:8px}
.bullet a:hover{color:#636eb2}
.sign_up .privacy .agree_box{padding-top:10px;text-align:left;background-color:transparent;border:none;border-top:1px solid #ccc}
.chk input:checked ~ .checkmark{background-color:#2C57A7}




/* 등록확인 */
.account_info{position:relative;margin-top:40px;padding:40px;background-color:#f5f5f5;}
.account_info::before{position:absolute;top:50%;left:40px;margin-top:-35px;width:70px;height:70px;background:url('/template/kslms2024/assets/img/ico_account.png') center/cover no-repeat;content:'';}
.account_info .act_box{padding-left:90px;display:flex;flex-wrap:wrap;align-items:center}
.account_info .act_box p{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.account_info .act_box p span{font-size:2rem;font-weight:600;display:flex;align-items:center;margin-right:20px}
.account_info .act_box p em{display:inline-block;margin-right:10px;font-size:1.2rem;padding:5px 20px;border-radius:100px;background-color:#213480;color:#fff}
.account_info .act_box span{font-size:1.2rem}


/***** 아이디/비밀번호 찾기 *****/
.find_info .tab {display: flex; justify-content: center;}
.find_info .tab span{display: block; width: 170px; padding: 20px 20px; text-align: center; cursor: pointer}
.find_info .tab span.active{background-color: #42c0af; color: #Fff;}
.find_info .btn {width: 100%}
.find_info .btn > *{color: #fff; font-size: 1.05em;}



/* form_table */
.form_table tr > * {border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;}
.form_table tr > *:first-child{border-left: 0}
.form_table th {text-align: left; line-height: 1.5; background-color: #ecedf3; border-left: 0; font-weight: 500}
.form_table th .required:after{font-size: 1.2em;display: inline-block; content: " *"; color:#39bbd3; padding-left: 5px;}
.form_table td .multi{width: 400px;display: inline-block; vertical-align: top;}
.form_table td .multi > *{float: left; line-height: inherit}
.form_table td .multi:after{display: block; content: ""; clear: both}
.form_table td .multi .f{width: 250px;}
.form_table td .multi.wide{width: 100%}

.form_table td.inline{display: flex; align-items: center;}
.form_table td.inline .f{width: inherit; display: inline-block}
.form_table td .f{position: relative; float: left; width: 400px; margin-right: 1%}
.form_table td .f:nth-child(2){width:calc(100% - 409px);margin-right:0;}
.form_table td .f.wide{width: 100%}
.form_table td .f.short{width: 200px;}
.form_table td .f.layout02{margin-top: 10px;}
.form_table td .f.layout02:first-child{margin-top: 0}
.form_table td .f.layout02 span{position: absolute; top: 0.7em;left: 0}
.form_table td .f.layout02 span + *{margin-left: 70px;width:calc(100% - 70px);}

.form_table td .multi_line{width: 100%}
.form_table td .multi_line *:first-child{margin-bottom: 3px;}

.form_table td .f.res{width: 45%}

.form_table td .f_right{float: left;display: inline-block; height: 42px; padding: 10px; font-size: 0.9em;}
.form_table td .btn_chk{background-color:#404269;color: #fff;}
.form_table td .info_txt{padding-top: 10px; font-size: 0.95em;}
.form_table td .info_txt li{line-height: 1.5;}
.form_table td .info_txt li:first-child{margin-bottom: 5px;}
.form_table td .info_txt a{color: #4fb7e1;}
.info_txt.bg{padding: 20px; background-color: aliceblue; font-size: 0.9em;}

.form_table .eng_mobile > div{float: left;}
.form_table .eng_mobile > div:first-child{position: relative; width: 250px;padding-right: 30px}
.form_table .eng_mobile > div:first-child:after{display: inline-block; position: absolute; bottom: 8px; right: 8px; content: "-"}
.form_table .eng_mobile > div:first-child > .f{width: 100%}
.form_table .eng_mobile > div > *{}
.form_table .eng_mobile label{display: block; padding-bottom: 8px; text-align: center; font-size: 0.9em;}

.form_table.no_border tr{border-bottom: 1px solid #ddd;}
.form_table.no_border td{border: 0}

.form_table .border_left{border-left: 1px solid #ddd !important;}
.form_table .dark_bg{background-color: #5d7bab; color: #fff;}
.form_table .dark_bg.border_left{border-left: 1px solid #9ab4df !important;}

.form_table .addr_form{padding-bottom: 10px;}


/***** 비밀번호 변경 *****/
.change_pw .login_box{border-top: 3px solid #3b478b}
.change_pw .form_box li{display: flex;}
.change_pw .form_box label{ width: 180px;padding-top: 14px; font-weight: 600}
.change_pw .form_box .f{width: 100%}
.change_pw .form_box .f input{padding: 10px}
.change_pw .form_box .f p{padding-top: 5px; font-size: 0.95em;}

.change_pw .info_txt{margin-top: 50px; padding-top: 50px; border-top: 1px solid #ddd;}
.change_pw .info_txt li{line-height: 1.5; margin-top: 5px}
.change_pw .info_txt li:first-child{margin-top: 0}
.change_pw .info_txt li:before{top: 0.6em;}
.change_pw .info_txt .red{color: #dc2c2c}
.change_pw .info_txt li .bold{font-weight: 600}


/* 공통 */
.mgl_15{margin-left:15px}
.mgb_30{margin-bottom:30px}






/* 버튼 */
.btn_wrap{display:flex;justify-content:center;gap:10px}
.btn_wrap.float{justify-content:flex-start;margin-left:20px;padding-top:10px}
.btn_std{display:flex;align-items:center;justify-content:center;min-width:150px;width:auto;height:60px;border:1px solid #034797;box-sizing:border-box;border-radius:100px;padding:0 20px;line-height:1.2;transition:all 0.2s ease;cursor:pointer;background-color:#034797}
.btn_std:hover{background:#ffe000;border:1px solid #ffe000; }
.btn_std:hover .ico_regist{color: #034797; background:url('/template/kslms202511/assets/img/ico_regi_sub_on.png') left center no-repeat;}
.btn_std:hover .pd_none{color: #034797;}
.btn_std span{font-size:1.22rem;font-weight:400;color:#FFF;padding-left:25px}
.btn_std .ico_regist{background:url('/template/kslms2024/assets/img/ico_regi_sub.png') left center no-repeat;}
.btn_std.btn_gray{border:1px solid #ddd;background-color:#fff}
.btn_std.btn_gray span{color:#666}
.btn_std.btn_gray:hover{background-color:#f5f5f5;}
.btn_std.btn_gray:hover span{color:#666}
.btn_std.btn_dark{border:1px solid #888;background-color:#fff}
.btn_std.btn_dark span{color:#666}
.btn_std.btn_dark:hover{background-color:#444;border:1px solid #444;}
.btn_std.btn_dark:hover span{color:#fff}
.btn_std .pd_none{padding:0;}
.btn_std.btn_modal{margin-bottom:30px;width:240px;}

/* 인사말 */
.wel_top{position:relative;display:flex;flex-wrap:wrap;gap:100px;padding:75px 0 45px}
.wel_top::before{position:absolute;top:0;left:0;width:27px;height:31px;background:url('/template/kslms2024/assets/img/quotes_st.png') center/contain no-repeat;content:'';}
.wel_top::after{position:absolute;bottom:0;right:0;width:27px;height:31px;background:url('/template/kslms2024/assets/img/quotes_ed.png') center/contain no-repeat;content:'';}
.wel_top p{font-size:1.2em;width:calc(100% - 500px)}
.wel_tlt{font-family:'GmarketSans',sans-serif;font-size:2.22em;font-weight:500;color:#636eb2;}
.wel_tlt02{color:#636eb2;}
.wel_top strong{font-weight:700}
.wel_img{position:relative;margin:40px 0;background-color:#888a7d;}
.wel_img img{width:100%}
.wel_img::after{position:absolute;top:0;right:-100%;width:100%;height:100%;background-color:#888a7d;content:''}
.wel_txt .txt_name{float:right;font-size:1em}
.wel_txt .txt_name span{line-height:1.2;display:inline-block;width:250px;word-break:keep-all;text-align:right}
.wel_txt .txt_name strong{display:inline-block;margin-left:10px;font-size:2em;font-weight:700;}
.bg_pink{background-color:#f2f3fc}
.sect02 .wel_tlt{margin-bottom:40px}
.bg_pink .line_layout tbody th{background-color:#636eb2;color:#fff;border-bottom:1px solid #36428f}
.sect_info{display:inline-block;margin-right:30px;margin-top:5px}
.sect_info em{display:inline-block;font-weight:700;background-color:#eee;border-radius:100px;margin-right:5px; padding:5px 20px}

/* table */
.sign_up .table_wrap{padding-top:0px}
.gray_box{padding:40px;background:#f8f8f8;}
.regi_box{padding:40px 40px 40px 130px;background:#f8f8f8 url('/template/kslms202511/assets/img/ico_regi.png') 40px center/70px no-repeat;}
.flex_box{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.txt_box .big_txt{font-family:'Pretendard', sans-serif;font-size:2rem;font-weight:700;}
.txt_box .big_txt .sml_txt{font-size:1rem;font-weight:400;color:#888;display:inline-block;margin-left:20px}
.txt_box .btn_regist{display:block;padding:15px 20px;background-color:transparent;border-radius:100px;transition:all 0.2s ease;border:2px solid #034797;box-sizing:border-box}
.txt_box .btn_regist:hover{background-color:#034797;}
.txt_box .btn_regist span{font-size:1.11em;font-weight:500;color:#034797;}
.txt_box .btn_regist:hover span{color:#fff}
table th, table td{padding:20px 30px}
.line_layout{border-top:2px solid #034797}
.line_layout th{color:#222;border-bottom:1px solid #ddd;background:#7ab1e017;}
.line_layout th .essential{position:relative;padding-right:10px}
.line_layout th .essential::after{position:absolute;right:0;top:-3px;color:#2C57A7;font-size:1em;content:' *'}
.line_layout td{text-align:left;background-color:#fff}
.top_layout tbody th{background:#fff;text-align:left}
.top_layout th, .top_layout td{text-align:left}
.form_table .td_wide{width:600px}
.li_dot li{position:relative;padding-left:12px;margin-bottom:15px;line-height:1.3;word-break:keep-all}
.li_dot li::before{position:absolute;top:12px;left:0;width:4px;height:4px;border-radius:100px;background-color:#7ab1e0;content:''}
.li_dot li span{display:block;margin:7px 0;color:#888}
.pink_txt{font-size:1em;font-weight:600;color:#7ab1e0;margin-bottom:15px}
.info_box{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:20px;background-color:#f3f3f3}
.info_box ul{width:100%;max-width:1400px;margin:0 auto;display:flex;flex-wrap:wrap;gap:60px;}
.info_box ul li{display:flex;gap:10px;align-items:center}
.info_box ul li .info_tlt{padding:10px 20px;background:#444;display:flex;align-items:center;justify-content:center;color:#fff}
.info_box ul li span em{font-weight:600;display:inline-block;margin-right:5px;}
.info_box ul li .info_tlt em{font-weight:400;margin-right:0}
.info_box ul li .info_cont span{margin-right:20px}
.pc_none{display:none}
.form_table{border-top:none;}
.form_table td{text-align:left}
.form_table td .filebox{display:flex;float:unset;max-width:530px;width:100%;gap:10px;margin-right:0;align-items:center;justify-content:space-between}
.form_table td .filebox .btn{min-width:110px;padding:10px;height:42px;border-radius:5px}
.form_table td .btn_chk{background-color:#444;cursor:pointer;border-radius:5px}
.form_table .chk input:checked ~ .checkmark {background-color:#2C57A7}
.line_layout .form_table .amount{color:#2C57A7;font-weight:600;font-size:1.4em;margin-right:5px}
.top_layout_02 tbody th{background:#F8F8F8;color:#222}
.top_layout_02 th{background:#dae1f2;color:#636eb2;font-weight:600}
.top_layout_02 th.th_left{text-align:left}
.top_layout_02 td{text-align:left}
.td_time{font-weight:600;color:#39bbd3;}
.gray_txt{color:#888;}
.top_layout_03 tbody th{background:#F8F8F8;color:#222}
.top_layout_03 th{background:#636eb2;color:#fff;font-weight:600}
.top_layout_03 th.th_left{text-align:left}
.top_layout_03 td{text-align:left}
table .td_break{color:#636eb2;font-weight:500}
table td .pro_txt{display:flex;flex-wrap:wrap;align-items:center;gap:5px 20px}
table td .pro_txt .se_tlt{font-weight:600;width:calc(100% - 250px)}
table td .pro_txt .who_txt{width:230px;padding:10px;text-align:center;background-color: #f5f5f5}
.top_layout_03 tbody th.th_break{background-color:#dae1f2;color:#636eb2;}
.top_layout_04 thead th{background-color:#034797;color:#fff;border-left:1px solid #034797}
.top_layout_04 thead th:first-child{border-left:0}
.top_layout_04 tbody th{background-color:#f5f5f5;border-left:1px solid #ddd}
.top_layout_04 tbody th:first-child{border-left:0}
.top_layout_04 tbody th.border_left{border-left:1px solid #ddd}
.top_layout_04 tbody td{border-left:1px solid #ddd;text-align:center}

/* 오시는 길 */
.root_daum_roughmap{width:100% !important}
.root_daum_roughmap .wrap_map{height:500px !important}
.li_venue li{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:20px;background:#f9f9f9;padding:30px}
.li_venue li .ico_venue{width:70px;margin-right:40px}
.li_venue li dl{width:calc(100% - 110px)}
.li_venue li dl .list_tlt{margin-bottom:10px;font-size:1.2em;font-weight:500}
.li_venue li dl dd{margin-bottom:10px;display:flex;flex-wrap:wrap;align-items:center}
.li_venue li dl dd .txt_tlt{width:40px;font-weight:600;display:inline-block;margin-right:5px}
.li_venue li dl dd span{width:calc(100% - 45px)}
.li_venue .bus_con dl dd .txt_tlt{width:90px}
.li_venue .bus_con dl dd span{width:calc(100% - 95px)}
.li_venue .car_con dl dd .txt_tlt{width:81px}
.li_venue .car_con dl dd span{width:calc(100% - 86px)}
.li_venue li dl dd > em{display:inline-block;padding:10px 15px;border-radius:100px;color:#fff;font-weight:500;margin-right:5px}
.li_venue li dl dd > p{margin-left:10px}
.li_venue li dl dd .box_orange{background-color:#ff6920}
.li_venue li dl dd .box_green{background-color:#4b6739}
.li_venue li dl dd .box_brown{background-color:#bb914e}

/* 등록확인 */
.tab{width:25%;margin:0 auto;display:flex;justify-content:center;border-radius:100px;background-color:#f1f7ff;margin-bottom:40px}
.tab .tablinks{flex:1;font-size:1.1rem;line-height:1;font-weight:500;padding:20px 0;background-color:#f1f7ff;border-radius:100px;cursor:pointer}
.tab .tablinks.active{color:#034797;font-weight:600;background-color:#fff;border:2px solid #034797;box-sizing:border-box}
.gray_box{background-color:#f8f8f8;border:1px solid #ddd;box-sizing:border-box;padding:30px;margin-bottom:30px}

.private_wrap{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:30px}
.private{position:relative; padding-left:30px}
.private input[type="radio"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.private input[type="radio"] + label{cursor:pointer}
.private input[type="radio"] + label:after{position:absolute;background-color:#fff;top:2px;left:0;display:inline-block;cursor:pointer;width:20px;height:20px;border-radius:10px;border:1px solid #ddd;content:"";z-index:1}
.private input[type="radio"]:checked + label:before{position:absolute;top:7px;left:5px;width:12px;height:12px;border-radius:10px;background-color:#636eb2;content:"";z-index:2}
.btn-print:first-child{margin-left:20px}
.btn-print{margin-left:5px;display:inline-block;border:2px solid #2c57a7;box-sizing:border-box;padding:5px 10px;color:#2c57a7;font-weight:500}
.btn-print .print_title{display:inline-block;padding-left:25px;position:relative;}
.btn-print .print_title::before{position:absolute;content:'';top:2px;left:0;width:20px;height:20px;background:url('/template/kslms2024/assets/img/ico_print.png') left top/contain no-repeat;}
.btn_view{margin-left:5px;display:inline-block;border:2px solid #636eb2;box-sizing:border-box;padding:5px 10px;color:#636eb2;font-weight:500}
.btn_view .view_title{display:inline-block;padding-left:25px;position:relative;}
.btn_view .view_title::before{position:absolute;content:'';top:2px;left:0;width:20px;height:20px;background:url('/template/kslms2024/assets/img/ico_view.png') left top/contain no-repeat;}

/* 신청폼 */
.price{margin:20px 0 10px;padding:40px 20px;text-align:center;font-size:1.25em;background-color:#ffeae5;}
.price span{color:#2c57a7;font-weight:700}

.f_box input[type=checkbox],
.f_box input[type=radio]{display: none !important;}
.f_box input[type=checkbox]+label,
.f_box input[type=radio]+label{display:inline-block;padding:10px 20px;cursor:pointer;border:1px solid #ccc;border-radius:100px;background-color:#fff;color:#333}
.f_box input[type=checkbox]:checked+label,
.f_box input[type=radio]:checked+label{font-weight:600;color:#2c57a7;border:1px solid #2c57a7}

/* Modal */
.symp_modal.modal {display: none; position: fixed; z-index:999;width: 100%;  height: 100%; overflow: auto; background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.6);border-radius:0;}
.symp_modal .modal-content {background-color: #fefefe;margin: 15% auto;border: 1px solid #888;width: 560px;border-radius: 10px; overflow: hidden;}
.symp_modal .modal-content .modal-tlt{position: relative; padding: 20px; color: #fff; font-weight: 500; background-color: #2c57a7;}
.symp_modal .modal-content .modal-tlt .close {position: absolute; right: 20px;top: 10px;font-size: 1.8em;cursor: pointer;font-weight: 400}
.symp_modal .modal-content .modal-body{padding: 20px; font-size: 0.9em}
.symp_modal .modal-content .modal-footer{ padding: 20px; text-align: center;}
.symp_modal .modal-content .modal-footer .btn{background-color:#444;color:#fff;border-radius:5px}
.symp_modal .modal-content .modal-footer .btn:hover{background-color:#222;}

.symp_modal.login_modal .modal-body > div:first-child{padding-bottom: 20px;}
.symp_modal.login_modal .modal-body .f_sbj{padding-bottom: 10px;}


/* 팝업 */
.symp-popup-wrap{position:fixed;left:0;top:0;z-index:999;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color: rgba(0,0,0,0.6);border-radius:0;display:flex;align-items:center;justify-content:center;}
.symp-popup-wrap .popup-inner{background-color:#fefefe;padding:20px;border:1px solid #888;max-width:1000px;width:90%;height:auto;border-radius:10px;overflow:hidden;}
.symp-popup-wrap .popup-inner .btn_wrap{gap:5px}
.symp-popup-wrap .popup-inner .btn_wrap button{font-size:1em;padding:10px 30px;background-color:#444;color:#fff;border-radius:5px;cursor:pointer}
.symp-popup-wrap .popup-inner .btn_wrap button:hover{background-color:#222;}
.symp-popup-wrap .popup-inner .btn_wrap .btn_print{background-color:#2c57a7;cursor:pointer}
.symp-popup-wrap .popup-inner .btn_wrap .btn_print:hover{background-color:#102b5e}
.symp-popup-wrap .popup-inner .write_box{position:relative}
.symp-popup-wrap .popup-inner .pop_flex{display:flex !important;flex-wrap:wrap}
.symp-popup-wrap .popup-inner .pop_flex .write_box{width:100%}
.symp-popup-wrap .popup-inner .write_box_sep{width:50%;position:relative}
.symp-popup-wrap .popup-inner .name_sig01{position:absolute;top:20px;left:50%;transform:translateX(-50%);z-index:3;font-size:5em;font-family:'continuous', serif;color:rgba(0,0,0,0.7)}
.symp-popup-wrap .popup-inner .name_sig02{position:absolute;top:10px;left:170px;}
.symp-popup-wrap .popup-inner .name_sig03{position:absolute;top:10px;right:150px;}
.symp-popup-wrap .popup-inner .txt_nm,
.symp-popup-wrap .popup-inner .txt_amt,
.symp-popup-wrap .popup-inner .txt_item,
.symp-popup-wrap .popup-inner .txt_date{position:absolute;top:50%;transform:translateY(-50%);left:295px;z-index:3;font-size:1.55rem;font-family:'Pretendard', sans-serif;}
.symp-popup-wrap .popup-inner .txt_item{top:50%;transform:translateY(-50%);line-height:1.2}


/* 팝업창 프린트 */
@media print {
    .popup-page-con{max-width:600px !important;width:600px !important;height:auto !important;margin:0 auto !important;overflow:hidden}
    /*.popup-page-con .popup-bg{max-width:600px;width:600px;height:428px;}*/
    .popup-page-con .write_box{width:100% !important;position:relative !important}
    .popup-page-con .write_box .txt_nm,
    .popup-page-con .write_box .txt_amt,
    .popup-page-con .write_box .txt_item,
    .popup-page-con .write_box .txt_date{width:600px !important;position:absolute !important;top:50% !important;transform:translateY(-50%) !important;left:186px !important;z-index:3 !important;font-size:16px !important;font-family:'Pretendard', sans-serif !important;}
    .popup-page-con .txt_item{line-height:1.2 !important;}


}