@charset "utf-8";

/* ==============================
 font
============================== */
/* Roboto */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700;900&display=swap');
/* NotoSansCJKkr */
@font-face{font-family:NotoSansCJKkr;src:local('NotoSansCJKkr'),url('../fonts/NotoSansCJKkr-Regular.otf') format("opentype"),url(../fonts/NotoSansCJKkr-Regular.woff) format('woff'),url(../fonts/NotoSansCJKkr-Regular.ttf) format('truetype');font-weight:400;font-style:normal}
@font-face{font-family:NotoSansCJKkr;src:local('NotoSansCJKkr'),url('../fonts/NotoSansCJKkr-Medium.otf') format("opentype"),url(../fonts/NotoSansCJKkr-Medium.woff) format('woff'),url(../fonts/NotoSansCJKkr-Medium.ttf) format('truetype');font-weight:500;font-style:normal}
@font-face{font-family:NotoSansCJKkr;src:local('NotoSansCJKkr'),url('../fonts/NotoSansCJKkr-Bold.otf') format("opentype"),url(../fonts/NotoSansCJKkr-Bold.woff) format('woff'),url(../fonts/NotoSansCJKkr-Bold.ttf) format('truetype');font-weight:700;font-style:normal}
@font-face{font-family:Pretendard;src:local('Pretendard'),url('../fonts/Pretendard-SemiBold.woff2') format("woff2");font-weight:700;font-style:normal}
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');
/* Lato */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;900&display=swap');

/* ==============================
 reset
============================== */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
html,body{width:100%}
body{font-family:"NotoSansCJKkr",Sans-serif;font-size:13px;color:#333;font-weight:400}
h1,h2,h3,h4,h5,h6{font-size:13px;text-align:left}
table{border-collapse:collapse;border-spacing:0}
img,fieldset,iframe{border:0 none}
img{vertical-align:top}
li{list-style:none}
a{color:#333;text-decoration:none}
a:hover{text-decoration:none}
em,address{font-style:normal}
button,label{cursor:pointer}
button{border:0;background:transparent}
button::-moz-focus-inner{padding:0;border:0}
input[type=text],input[type=password],input[type=image],textarea,button,label{font-family:"NotoSansCJKkr",Sans-serif;font-size:14px;color:#111;font-weight:400}
input[type=checkbox],input[type=radio]{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0 0 0 0)}
select{font-family:"NotoSansCJKkr",Sans-serif}
select::-ms-expand{display:none}
textarea{overflow:auto}
hr{display:none}
legend{*width:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
.blind,legend,caption span{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;white-space:nowrap;*text-indent:-999em}
caption{overflow:hidden;width:1px;height:1px;clip:rect(0 0 0 0)}
.input_txt, textarea{*margin:-1px 0}
iframe{width:100%}
.blind{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px}
.text_over{display:inline-block;width:auto;max-width:85%;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}
input:focus,button:focus{outline:none}
.skip_nav{height:0}
.skip_nav a{display:block;position:absolute;left:0;top:-100px;width:100%;height:25px;text-align:center}
.skip_nav a:focus,.skip a:active{position:absolute;top:0;z-index:200;padding:10px 0;background:#000;font-weight:700;color:#fff;font-size:20px;text-decoration:none}

/* ==============================
 common
============================== */
body.fixed{overflow:hidden}

/* common */
.inner{position:relative;width:100%;max-width:980px;margin:0 auto}
.pl_20{padding-left:20px !important}
.pr_20{padding-right:20px !important}
.pl_10{padding-left:10px !important}
.pr_10{padding-right:10px !important}
.f_l { float: left !important; }
.f_r { float: right !important; }
.txt_left{text-align:left !important}
.txt_right{text-align:right !important}
.txt_center{text-align:center !important}
.txt_point{color:#3e00c5 !important}
.link_view{text-decoration:underline;color:#3e00c5}
.link_view:hover{text-decoration:underline}
.col_status{color:#3e00c5 !important}
.ongoing{color:#111 !important}
.uncomplete{color:#f40c1f !important}
.dash{display:inline-block;margin:0 14px;padding-top:10px;vertical-align:top}
.align_top{vertical-align:top !important}

/* ico */
.sp{display:inline-block;background:url(../img/sp_img.png) no-repeat 0 0;background-size:300px auto;vertical-align:top}
.ico_star{width:12px;height:12px;background-position:-118px 0;vertical-align:middle}
.ico_star_disabled{width:12px;height:12px;background-position:-132px 0;vertical-align:middle}
.ico_audio{width:12px;height:12px;margin:4px 0 0 6px;background-position:-90px 0}
.ico_detail_info{width:12px;height:12px;margin:4px 0 0 6px;background-position:-104px 0}
.ico_back{width:16px;height:16px;margin:12px 4px 0 0;background-position:-146px 0px}
.ico_list{width:16px;height:16px;margin:12px 4px 0 0;background-position:-88px -72px}
.ico_close{width:16px;height:16px;background-position:-158px -50px}
.ico_open{width:16px;height:16px;background-position:-140px -50px}
.ico_del{width:16px;height:16px;background-position:-176px -50px}
.ico_dash{width:10px;height:10px;margin:15px 6px 0 6px;background-position:-110px -50px}
.ico_tooltip{width:16px;height:16px;margin:3px 0 0 2px;background-position:-220px -50px}

/* button */
.btn{display:inline-block;min-width:108px;height:40px;padding:0 20px;border:1px solid #ddd;font-size:15px;color:#444;line-height:38px;box-sizing:border-box;text-align:center}
.btn.on{border-color:#3e00c5;background-color:#3e00c5;color:#fff}
.btn.gray{width:100%;min-width:auto;padding:0;border:1px solid #ccc;background-color:#f9f9f9;color:#111;font-size:14px}
.btn.gray:disabled{color:#bbb;pointer-events:none}
.btn.dark_gray{background-color:#444;color:#fff}
.btn.point{border-color:#3e00c5;background-color:#3e00c5;color:#fff}
.btn_round{display:inline-block;width:112px;height:44px;border-radius:22px;background-color:#3e00c5;font-size:15px;color:#fff;text-align:center}
.btn_fold{padding:5px 5px 0 5px;vertical-align:middle}
.btn_type2{height:48px;min-width:auto;padding:0;border:0;font-size:15px}
.btn_type2.btn_s{width:108px}
.btn_type2.btn_m{width:128px}
.btn_type2.btn_xs{width:72px}
.btn.btn_m{width:128px}
.btn_type2.btn_l{width:132px}
.btn_type2.btn_xl{width:136px}
.btn_type2.btn_error{width:160px}
.btn.gray.btn_s{width:72px}
.btn.gray.btn_m{width:88px}
.btn.gray.btn_l{width:120px}
.btn_wrap{text-align:center}
.btn_group{text-align:right}
.btn_group .btn{margin-left:4px}
/*.btn_group .btn.all:hover	{background:#3e00c5;color:#fff;}*/

/* input radio, checkbox */
.inp_bx{position:relative;display:inline-block;width:400px;height:40px;margin-right:6px;background-color:#fff;box-sizing:border-box;vertical-align:top}
.inp_txt{width:100%;height:40px;padding:0 8px;border:1px solid #ccc;font-size:14px;color:#111;box-sizing:border-box}
.inp_txt:read-only{color:#999}
.inp_radio_bx{display:inline-block}
.inp_radio_bx label:before{content:'';display:inline-block;width:20px;height:20px;background:url(../img/sp_img.png) no-repeat -160px -20px;background-size:300px auto;vertical-align:top}
.inp_radio:checked + label:before{background-position:-138px -20px}

.inp_chk_bx label:before{content:'';display:inline-block;width:20px;height:20px;margin-right:8px;background:url(../img/sp_img.png) no-repeat -72px -20px;background-size:300px auto;vertical-align:top}
.inp_chkbox:checked + label:before{background-position:-50px -20px}
.inp_chkbox:disabled + label:before{background-position:-116px -20px}
.inp_chkbox:disabled + label{pointer-events:none}
.inp_chk_bx label{display:inline-block;font-size:15px;color:#111;line-height:20px}
.inp_chk_bx.readonly label{pointer-events:none}
.inp_chk_bx.readonly label:before{background-position:-94px -20px}
.inp_chkbox_round + label:before{content:'';display:inline-block;width:20px;height:20px;margin-right:6px;background:url(../img/sp_img.png) no-repeat -248px -20px;background-size:300px auto;vertical-align:top}
.inp_chkbox_round:checked + label:before{background-position:-226px -20px}
.inp_chk_bx.add label {font-size:0;}
.inp_chk_bx.add1 {display:inline-block;margin-left:5px;}

/* textarea */
.txt_area_wrap{margin-top:19px}
.txt_area_wrap:first-child{margin-top:11px}
.txt_area{width:100%;height:68px;margin-top:13px;padding:8px 12px 10px;border:1px solid #ccc;font-size:14px;color:#111;line-height:24px;resize:none;box-sizing:border-box}

/* calendar */
.calendar_bx{display:inline-block}
.calendar_bx .inp_bx{width:144px}
.calendar_bx .inp_bx .inp_txt{width:144px;padding-right:28px}
.calendar_bx .inp_bx:after{content:'';position:absolute;top:10px;right:8px;width:20px;height:20px;background:url(../img/sp_img.png) no-repeat -88px -50px;background-size:300px auto}
.calendar_bx.readonly .inp_bx:after{content:none}
.calendar_bx .lst_selectbx{z-index:20}
.calendar_bx .lst_selectbx .select_item a{font-size:14px}
.calendar_bx .inp_chk_bx{display:inline-block;padding:12px 0 0 12px;vertical-align:top}

/* selectbox */
.link_select{position:relative;display:inline-block;width:100%;padding:0 26px 0 10px;background-color:#fff;font-size:15px;color:#222;line-height:38px;text-align:left;box-sizing:border-box}
.link_select:after{content:'';position:absolute;top:12px;right:8px;width:16px;height:16px;background:url(../img/sp_img.png) no-repeat -140px -50px;background-size:300px auto}
.open .link_select:after{background-position:-158px -50px}

.selectbx_wrap{position:relative;display:inline-block;width:150px;height:40px;vertical-align:top}
.selectbx_title{display:block;border:1px solid #ccc;font-weight:normal;box-sizing:border-box}
.selectbx_title .link_select_small{position:relative;display:inline-block;width:100%;height:100%;min-height:40px;padding:0 24px 0 8px;color:#111;font-size:14px;font-weight:400;line-height:38px;text-align:left;vertical-align:top;box-sizing:border-box}
.selectbx_title .link_select_small:after{content:'';position:absolute;top:10px;right:4px;width:20px;height:20px;background:url(../img/sp_img.png) no-repeat -106px -72px;background-size:300px auto}
.open .selectbx_title{border-color:#3e00c5}
.open .selectbx_title .link_select_small:after{background-position:-128px -72px}
.lst_selectbx{display:none;position:absolute;top:auto;left:0;width:100%;border:1px solid #ccc;border-top:0;background-color:#fff;box-sizing:border-box;z-index:10}
.open .lst_selectbx{display:block}
.lst_selectbx .select_item{height:40px}
.lst_selectbx .select_item a{display:block;height:100%;padding:0 10px;line-height:38px;font-size:15px;text-align:left}
.lst_selectbx .select_item.on a{color:#3e00c5;font-weight:500}
.selectbx_wrap.readonly .link_select_small{color:#999;pointer-events:none}
.selectbx_wrap.readonly .selectbx_title .link_select_small:after{content:none}
.selectbx_wrap.wide{width:240px}
.selectbx_wrap.wide .link_select{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.selectbx_wrap.wide .lst_selectbx .select_item a{overflow:hidden;width:240px;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}
.selectbx_wrap.type2{width:160px}
.selectbx_wrap.type3{width:180px}

.student_info{position:relative;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex}
.student_info .selectbx_wrap{width:120px}
.placeholder .link_select{color:#999}
.student_info .selectbx_wrap .link_select:after{top:10px;width:20px;height:20px;background-position:-106px -72px}
.student_info .selectbx_wrap.open .link_select:after{background-position:-128px -72px}
.selectbx_wrap .lst_selectbx{overflow-x:hidden;overflow-y:auto;max-height:139px}
.student_info .inp_bx{width:105px;margin-left:8px;white-space:nowrap}
.student_info .selectbx_wrap+.selectbx_wrap{margin-left:8px}

/* header */
.header_wrap{display:block;width:100%;min-width:980px;background-color:#fff}
.header_wrap.fix{position:fixed;top:0;left:0;right:0;z-index: 2000}
.header_wrap .nav{border-bottom: 1px solid #f2f2f2;padding-top:5px}
.header_wrap .nav .m:hover{color:#f17d0c}
.header_wrap .nav .userName:hover {color:#434343;cursor:default}
.header_wrap > .inner h1 {margin:25px 0;-webkit-transition:all 0.3s;transition:all 0.3s}
.header_wrap > .inner{overflow:hidden;text-align:center;padding:25px 0}
.header_wrap > .inner h1{margin:0;text-align:center}
header > .inner .bt.menu {position:absolute;left:0;top:50%;margin-top:-20px}
.jq-sitemap{display:none}
.header_wrap > .inner h1 a{width:auto;height:40px;line-height:40px;color:#3c3c3c;font-size:26px;font-weight:400;letter-spacing:-1px;background:url(../img/h1_ex.png) no-repeat 19px 1px;background-size:auto 95%;text-indent:0;padding-left:120px}
.header_wrap > .inner .bind{position:relative;margin-top:0;float:right;width:50%;border-bottom:0}
.header_wrap > .inner .bind .input{background-color:#e8e8e8;padding-left:20px}
.header_wrap .tap{border-top:0;background-color:#2f405f}
.header_wrap .tap .inner{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;max-width:980px;margin:0 auto;text-align:center}
.header_wrap .tap .tapt{display:inline-block;width:100px;flex:1;color:#fff;font-size:16px;border:0}
.header_wrap .tap .tapt.pengtalk{position:relative}
.header_wrap .tap .tapt:hover{background-color:rgba(0,0,0,.3)}
.header_wrap .tap .tapt.on{color:#fff777;background:rgba(0,0,0,.3)}
.header_wrap .tap .tapt.pengtalk > a{padding-left:4px;color:#fff}
.header_wrap .tap .tapt.pengtalk:after{content:'';display:inline-block;width:16px;height:16px;margin-top:18px;background:url(../img/sp_img.png) no-repeat -164px 0;vertical-align:top;background-size:300px auto}
.header_wrap .tap .tapt.pengtalk.open:after{background-position:-219px 0}
.header_wrap .tap .tapt.pengtalk.open > a{color:#ffed5f}
.header_wrap .tap .tapt.pengtalk.open .lst_menu{display:block}
.header_wrap .tap .lst_menu{display:none;position:absolute;top:50px;right:1px;width:100%;background-color:#20314b;z-index:20}
.header_wrap .tap .lst_menu.open{display:block}
.header_wrap .tap .lst_menu .lst_item{display:block;height:50px;background-color:#20314b}
.header_wrap .tap .lst_menu .lst_item .link_item{display:block;height:100%;color:#fff;font-size:16px;text-align:center;line-height:50px}
.header_wrap .tap .lst_menu .lst_item.on .link_item{color:#ffed5f}

/* navigation */
nav.nav{display:block;overflow:hidden}
nav.nav .m{display:block;overflow:hidden;float:left;height:35px;line-height:35px;color:#434343;font-size:13px;padding:0 10px}
nav.nav .m:first-child{padding-left:0}
nav.nav .m:last-child{padding-right:0}

/* tap */
.tap{display:-webkit-flex;display:-ms-flex;display:flex;flex-wrap:nowrap;clear:both;width:100%;background-color:#878fa2}
.tap .tapt{-webkit-flex:1;-ms-flex:1;flex:1;width:100px;height:50px;line-height:53px;text-align:center;color:#fff;font-size:14px;border-left:1px solid #fff;border-right:1px solid #fff;cursor:pointer}
.tap .tapt.active{color:#ffed5f}

/* 반 선택 */
.select_school{height:80px;background-color:#ffd800}
.select_school .inner:after{display:block;clear:both;content:''}
.select_school .left_area{float:left;padding-top:20px;font-size:15px;line-height:40px}
.select_school .left_area .info_school{color:#1f3153;font-weight:700}
.select_school .left_area .info_school .school_name{color:#3e00c5}
.select_school .left_area .info_school+.info_edu:before{content:'';display:inline-block;width:1px;height:16px;margin:0 15px -3px 14px;background-color:rgba(46, 65, 95, 0.2)}
.select_school .left_area .selectbx_wrap,.select_school .left_area .selectbx_wrap .link_select{width:180px}
.select_school .left_area .open .lst_selectbx{width:204px}
.select_school .right_area{position:relative;float:right;margin-top:20px;font-size:0;display: flex}
.select_school .right_area .selectbx_wrap{margin-right:8px}
.select_school .link_select{width:172px;border:1px solid #efca00}
.select_school .disabled .link_select{color:#ccc;font-weight:500;pointer-events:none}
.select_school .lst_selectbx{overflow-y:auto;max-height:402px}
.select_school .open .lst_selectbx{width:172px;margin-top:-2px;border:1px solid #efca00}
.select_school .lst_selectbx .select_item a{font-weight:500}
.select_school .right_area .area_class{display:inline-block;margin-left:12px;font-size:15px;color:#1f3153;line-height:40px}
.select_school .right_area .btn_search{display:inline-block;width:80px;height:40px;border-radius:20px;background-color:#2e415f;color:#fff;font-size:15px;line-height:40px;font-weight:500}
.select_school .inp_bx{width:180px}
.select_school .inp_bx .inp_txt{border-color:#efca00}
.select_school .inp_bx .inp_txt::placeholder{color:#ccc}
.select_school .inp_bx .inp_txt::-webkit-input-placehoder{color:#ccc}
.select_school .inp_bx .inp_txt::-ms-input-placehoder{color:#ccc}
.lst_input{display:none;margin-top:-1px;border:1px solid #efca00;background-color:#fff}
.open .lst_input{display:block}
.lst_input .input_item{display:block;height:40px}
.lst_input .input_item .link_input{display:block;height:100%;padding:0 10px;text-align:left;line-height:38px;font-size:15px;color:#111;font-weight:500;box-sizing:border-box}

/* table */
.tbl_wrap .tbl_style{position:relative}
.tbl_wrap .tbl_style+.tbl_style{margin:60px 0 0 0}
.tbl_wrap .tbl_style .tbl{width:100%;table-layout:fixed;border:1px solid #bbb;border-width:1px 0}
.tbl_wrap .tbl_style .tbl tr.open{display:table-row!important}
.tbl_wrap .tbl_style .tbl tr.tbl_depth{display:none}
.tbl_wrap .tbl_style .tbl tr.tbl_depth > td{padding:0}
.tbl_wrap .tbl_style .tbl th{height:60px;padding:10px 0;border:1px solid #ddd;border-width:1px 0;background-color:#fff;color:#111;font-size:15px;font-weight:400;box-sizing:border-box}
.tbl_wrap .tbl_style .tbl th:first-child{padding-left:20px}
.tbl_wrap .tbl_style .tbl th:last-child{padding-right:20px}
.tbl_wrap .tbl_style .tbl tr:first-of-type th{border-top:0}
.tbl_wrap .tbl_style .tbl tr:last-of-type th{border-bottom:0}
.tbl_wrap .tbl_style .tbl td{height:48px;padding:12px 0 11px;border-top:1px solid #eee;border-bottom:0;text-align:center;font-size:14px;color:#444;word-break:break-all;box-sizing:border-box}
.tbl_wrap .tbl_style .tbl td:first-child{border-top:0}
.tbl_wrap .tbl_style .tbl.tbl_detail{border-bottom:0}
.tbl_wrap .tbl_style .tbl .col_detail{border-top:0}
.tbl_wrap .tbl_style .tbl tr+tr.tbl_depth{margin-top:-1px}
.tbl_wrap .tbl_style .tbl.tbl_detail tr th{height:44px;border:1px solid #e5e5e5;border-width:1px 0;background-color:#f9f8fa;color:#777;font-size:13px;box-sizing:border-box}
.tbl_wrap .tbl_style .tbl.tbl_detail tr th:first-child{padding-left:0}
.tbl_wrap .tbl_style .tbl.tbl_detail th,.tbl_wrap .tbl_style .tbl.tbl_detail td{font-size:13px}
.tbl_wrap .tbl_style .tbl.tbl_detail td,.tbl_wrap .tbl_style .tbl.tbl_detail td:first-child{border-bottom:1px solid #e5e5e5}
.tbl_wrap .tbl_style .tbl.tbl_detail tr:last-child td{border-bottom:0}
.tbl_wrap .tbl_style .tbl.type2 th{padding:20px 20px 17px 10px;vertical-align:top}
.tbl_wrap .tbl_style .tbl.type2 th:first-child{padding-left:20px}
.tbl_wrap .tbl_style .tbl .txt_paragraph{margin-top:19px;line-height:30px}
.tbl_wrap .tbl_style .tbl .txt_paragraph p{color:#444}

.tbl_wrap.tbl_divide{display:-webkit-box;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;position:relative}
.tbl_wrap.tbl_divide .tbl_style{flex:1}
.tbl_wrap.tbl_divide .tbl_style+.tbl_style{margin:0 0 0 48px}
.sub_title{display:block;font-weight:400;font-size:18px;line-height:24px;color:#494949}
.tbl_wrap.tbl_divide .tbl_style .tbl{margin-top:16px}
.tbl_wrap.tbl_divide .tbl_style .tbl th{height:60px;padding:20px 10px;border-top:1px solid #bbb;border-bottom:0;background-color:#fafafa;font-size:14px;color:#777;font-weight:400;box-sizing:border-box;vertical-align:top}
.tbl_wrap.tbl_divide .tbl_style .tbl td{height:60px;padding:20px 10px;border-bottom:1px solid #eee;text-align:center;box-sizing:border-box;vertical-align:top}
.tbl_wrap.tbl_divide .tbl_style .tbl tr:first-child td{border-top:0}
.tbl_wrap.tbl_divide .tbl_style .tbl td:first-child{border-top:1px solid #eee}
.tbl_wrap.tbl_divide .tbl_style .tbl tr:last-child td{border-bottom:1px solid #bbb}

.tbl_wrap.tbl_block .tbl{margin-top:11px;border:1px solid #bbb;border-width:1px 0}
.tbl_wrap.tbl_block .tbl_style .tbl th{height:60px;padding:20px 10px;background-color:#fafafa;font-size:14px;color:#777;font-weight:400;box-sizing:border-box}
.tbl_wrap.tbl_block .tbl_style .tbl th:first-child,.tbl_wrap.tbl_block .tbl_style .tbl td:first-child{padding-left:20px}
.tbl_wrap.tbl_block .tbl_style .tbl th:last-child,.tbl_wrap.tbl_block .tbl_style .tbl td:last-child{padding-right:20px}
.tbl_wrap.tbl_block .tbl_style .tbl td{height:60px;padding:10px 10px 10px;border-top:0;border-bottom:1px solid #eee;font-size:14px;color:#111}
.tbl_wrap.tbl_block .tbl_style .tbl tr.tbl_depth > td{padding:10px}
.tbl_wrap.tbl_block .tbl_style .tbl tr.tbl_depth > td:first-child,.tbl_wrap.tbl_block .tbl_style .tbl tr.tbl_depth > td:nth-child(2),.tbl_wrap.tbl_block .tbl_style .tbl tr.tbl_depth > td:nth-child(3){border-bottom:0}
.tbl_wrap.tbl_block .tbl td:last-child{padding-right:20px}
.tbl_wrap.tbl_block .tbl tr:last-child td{border-bottom:0}
.tbl_wrap.tbl_block .tbl_style .tbl .inp_txt{width:112px}
.tbl_wrap.tbl_block.scroll .tbl_style{width:980px;overflow-y:hidden;overflow-x:auto}
.tbl_wrap.tbl_block.scroll .tbl_style td:nth-child(4){white-space:normal}
.tbl_wrap.tbl_block .tbl_style .tbl th.check,.tbl_wrap.tbl_block .tbl_style .tbl td.check{padding-left:10px}
.tbl_wrap.tbl_block.add .tbl_style .tbl td{padding-left:20px;padding-right:20px;text-align:left;}



.tbl_wrap.tbl_col .tbl_style .tbl th{height:64px;padding:10px 10px 10px 20px;border:1px solid #eee;border-width:1px 0 0;background-color:#fafafa;font-size:14px;color:#777}
.tbl_wrap.tbl_col .tbl_style .tbl td{height:63px;padding:12px;border:1px solid #eee;border-width:0 1px 1px 0;vertical-align:middle}
.tbl_wrap.tbl_col .tbl_style .tbl td:last-child{border-right:0}
.tbl_wrap.tbl_col .tbl_style .tbl tr:last-child th,.tbl_wrap.tbl_col .tbl_style .tbl tr:last-child td{border-bottom:0}
.tbl_wrap.tbl_col .tbl_style .tbl td.fixed_height{height:694px;vertical-align:top}
.tbl_wrap.tbl_col .btn.gray{width:auto;min-width:72px;padding:0 17px}
.tbl_wrap.tbl_col .txt_notice_disabled{font-size:14px;color:#777}
.tbl_wrap.tbl_col .btn_wrap{margin:15px 0 13px}
.tbl_wrap.tbl_col .btn_group{margin-top:24px;text-align:center}

/* pagination */
.pagination{position:relative;margin-top:20px;text-align:center}
.pagination .page_wrap{display:inline-block;font-size:0;vertical-align:top}
.pagination .page_wrap+.page_wrap:before{content:'';display:inline-block;width:1px;height:24px;margin:4px 32px 0 32px;background-color:#eee;vertical-align:top}
.pagination .page_wrap .selectbx_wrap{width:64px}
.pagination .btn_page_link{display:inline-block;width:32px;height:32px;border:1px solid #ccc}
.pagination .btn_page_link+.btn_page_link{margin-left:-1px}
.pagination .btn_page_link:before{content:'';display:inline-block;width:20px;height:20px;margin-top:6px;background:url(../img/sp_img.png) no-repeat;background-size:300px auto;vertical-align:top}
.pagination .btn_page_link.prev_back:before{background-position:0 -50px}
.pagination .btn_page_link.prev:before{background-position:-22px -50px}
.pagination .btn_page_link.next:before{background-position:-44px -50px}
.pagination .btn_page_link.next_front:before{background-position:-66px -50px}
.pagination .btn_page_link.disabled{pointer-events:none}
.pagination .btn_page_link.prev.disabled:before{background-position:-22px -72px}
.pagination .btn_page_link.prev_back.disabled:before{background-position:0 -72px}
.pagination .btn_page_link.next.disabled:before{background-position:-22px -72px;transform:rotate(180deg)}
.pagination .btn_page_link.next_front.disabled:before{background-position:-0 -72px;transform:rotate(180deg)}
.input_page_area{display:inline-block;margin:0 24px;padding-top:1px;text-align:left;vertical-align:top;font-size:13px}
.input_page_area .inp_txt{width:42px;height:32px;margin:0 4px;text-align:center}
.pagination .txt_page_info{position:absolute;top:7px;right:0;color:#333}
.pagination .page_wrap .selectbx_title{display:inline-block;width:64px;height:32px;box-sizing:border-box;vertical-align:top}
.pagination .page_wrap .selectbx_title .link_select{width:100%;height:auto;padding:0 28px 0 8px;font-size:13px;color:#111;font-weight:400;line-height:30px;box-sizing:border-box}
.pagination .page_wrap .selectbx_title .link_select:focus{border-radius:none;border-color:#3e00c5}
.pagination .page_wrap .selectbx_title .link_select:after{top:7px;right:8px}
.pagination .page_wrap .txt_select_info{display:inline-block;padding:6px 0 0 4px;font-size:13px;vertical-align:top}
.pagination .selectbx_title .link_select_small{min-height:auto;line-height:30px;font-size:13px}
.pagination .selectbx_title .link_select_small:after{top:6px}

/* content - main */
.container_wrap{padding:50px 0 80px}
.container_wrap.fixed{margin-top:261px}
.container_wrap.account.fixed{margin-top:0}
.container_wrap .inner:after{display:block;clear:both;content:''}
.content_bx{display:-webkit-box;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex}
.content_bx+.content_bx{margin-top:60px}
.content{position:relative;flex:1}
.content+.content{margin-left:48px}
.title_area{position:relative;margin-top:40px;padding-bottom:25px}
.h_title{margin-bottom:17px;font-size:30px;font-weight:700;color:#2e415f;line-height:normal}
h3.sub_title{line-height:30px;font-size:24px;color:#111;font-weight:500}
h4.sub_title{display:inline-block;font-size:18px;color:#494949}
.title_desc{margin-top:-5px;font-size:15px;color:#111}
.content .lst_notice{border:1px solid #bbb;border-width:1px 0}
.content .lst_notice .notice_item{min-width:466px;height:60px;white-space:nowrap;box-sizing:border-box}
.content .lst_notice .notice_item+.notice_item{border-top:1px solid #eee}
.content .lst_notice .notice_item .link_notice{display:inline-block;margin-top:20px;font-size:14px;color:#111;vertical-align:top}
.content_bx:first-child .content .lst_notice .notice_item .link_notice{overflow:hidden;max-width:370px;white-space:nowrap;text-overflow:ellipsis}
.content_bx:first-child .content:nth-child(2) .lst_notice .notice_item .link_notice{max-width:220px}
.content .lst_notice .notice_item .txt_date{display:block;float:right;padding-top:19px;font-size:14px;color:#999;text-align:right}
.notice_link_area{margin-top:38px;white-space:nowrap}
.notice_link_area .left_area{display:inline-block}
.notice_link_area .left_area .link_icon{display:block;font-size:14px;color:#3e00c5}
.notice_link_area .left_area .link_icon+.link_icon{margin-top:10px}
.notice_link_area .left_area .link_icon:before{content:'';display:inline-block;width:18px;height:18px;margin:1px 10px 0 0;background:url(../img/sp_img.png) no-repeat -70px 0;background-size:300px auto;vertical-align:top}
.notice_link_area .left_area .link_icon.download:before{background-position:-50px 0}
.notice_link_area .left_area+.right_area:before{content:'';display:inline-block;width:1px;height:48px;margin:0 30px;background-color:#ddd;vertical-align:top}
.notice_link_area .right_area{position:relative;display:inline-block;font-size:0;vertical-align:top}
.notice_link_area .right_area .url_area{display:inline-block}
.notice_link_area .right_area .url_area:before{content:'';display:inline-block;width:48px;height:48px;margin-right:10px;background:url(../img/sp_img.png) no-repeat 0 0;background-size:300px auto;vertical-align:top}
.notice_link_area .right_area .link_url_wrap{display:inline-block}
.notice_link_area .right_area .link_url{display:block;font-size:14px;color:#3e00c5;text-decoration:underline}
.notice_link_area .right_area .link_url+.link_url{margin-top:6px}
.content .link_more{position:absolute;right:0;top:160px;font-size:16px;color:#444}
.content .link_more:after{content:'';display:inline-block;width:16px;height:16px;margin:5px 0 0 4px;background:url(../img/sp_img.png) no-repeat -122px -50px;background-size:300px auto;vertical-align:top}
.content .lst_notice .status{display:inline-block;width:56px;height:28px;margin:16px 10px 0 0;color:#fff;font-size:13px;text-align:center;line-height:28px}
.content .lst_notice .status.standby{background-color:#333}
.content .lst_notice .status.ongoing{background-color:#3e00c5;color:#fff!important}
.content .lst_notice .status.close{background-color:#bbb}
.tab_category{font-size:0}
.tab_category .btn{min-width:108px}
.tab_category.type2{position:absolute;top:2px;right:0}
.tab_category.type2 .btn{min-width:132px}
.tab_category.type1{position:absolute;top:12px;right:280px}
.tab_category.type1 .btn{min-width:100px; height:30px; line-height:28px}
.tab_category.type1 .btn.more{padding-right:25px;position:relative;border-right:none;}
.tab_category.type1 .btn.more:after	{content:'';position:absolute;right:10px;top:0;background:url('../img/ico_more.png') no-repeat 50% 50%;width:8px;height:100%;background-size:100% auto;}

/* sub */
.tbl_top{position:relative;margin-top:40px}
.tbl_top:after{display:block;clear:both;content:''}
.tbl_top .count_student{display:block;float:left;margin:6px 0 0;font-size:16px;color:#111;font-weight:500}
.tbl_top .count_student em{color:#3e00c5}
.tbl_wrap .btn_save{margin-left:4px;font-size:14px;color:#3e00c5}
.title_sub_area{position:relative;overflow:hidden;padding-top:20px;border-top:1px solid #ccc}
.date_study{float:right}
.date_study .txt_history{display:block;font-size:18px;color:#444}
.date_study .txt_recent{color:#3e00c5}
.return_area{position:absolute;bottom:0;right:0;padding-bottom:20px}
.return_area .btn{width:72px}
.ico_tooltip:hover{position:relative}
.ico_tooltip:hover:after{content:attr(data-tooltip-text);position:absolute;top:-61px;left:-70px;width:220px;padding:6px 8px 8px;border-radius:2px;background-color:#2e415f;letter-spacing:-.19px;color:#fff;font-style:normal;font-size:13px;white-space:pre-line;text-align:left;box-sizing:border-box}
.ico_tooltip.type2:hover:after{width:156px}
.ico_tooltip:hover:before{content:'';position:absolute;top:-9px;left:4px;width:0;height:0;border-style:solid;border-width:6px 4px 0;border-color:#2e415f transparent transparent transparent}

/* sub - topic word */
.tbl_wrap+.h_sub_title{margin-top:60px}
.h_sub_title{display:block;margin-bottom:32px;font-size:20px;color:#2e415f;font-weight:700}
.h_title+.tab_area{margin-top:40px}
.tab_area{position:relative;margin:0 0 20px}
.tab_area:after{display:block;clear:both;content:''}
.chart_line+.tab_area{margin-top:64px}
.lst_tab{float:left}
.lst_tab:after{display:block;clear:both;content:''}
.lst_tab .tab_item{display:block;float:left;width:128px;height:44px;background-color:#f5f5f5;box-sizing:border-box}
.lst_tab .tab_item+.tab_item{margin-left:2px}
.lst_tab .tab_item.on{border:3px solid #3e00c5;border-bottom:0;background-color:#fff}
.lst_tab .tab_item .link_tab{display:block;height:100%;text-align:center;line-height:44px;font-size:16px;font-weight:500}
.lst_tab .tab_item.on .link_tab{color:#3e00c5;line-height:39px}
.learning_status{margin-top:24px;text-align:right}
.learning_status .txt_count{display:inline-block;margin-right:16px;padding-top:10px;font-size:15px;color:#444;font-weight:500;vertical-align:top}
.learning_status .txt_count .txt_num{color:#3e00c5}
.learning_status+.h_sub_title{margin-top:4px}
.learning_status+.tbl_wrap{margin-top:16px}
.lst_word_area{min-height:128px;padding:20px 24px;background-color:#f9f8fa;box-sizing:border-box}
.lst_word_area .word_item+.word_item{margin-top:15px}
.lst_word_area .study_area{display:inline-block;position:relative;padding:0 20px;font-size:13px;color:#777}
.lst_word_area .study_area+.study_area{margin-left:-2px}
.lst_word_area .study_area:after{content:'';position:absolute;top:4px;right:0;width:1px;height:12px;background-color:#ccc;vertical-align:top}
.lst_word_area .study_area:last-child:after{content:none}
.lst_word_area .study_area.title{min-width:52px;padding-left:0;color:#111}
.lst_word_area .study_area.title.sentence{min-width:120px}
.lst_word_area .study_area.title .txt_str{font-weight:500}
.lst_word_area .study_area.grade{width:67px}
.lst_word_area .study_area .txt_point{display:inline-block;margin-left:3px;color:#3e00c5;font-weight:500}
.lst_word_area .study_area.practice .txt_point{width:52px}
.lst_word_area .study_area.practice .txt_point.sentence{width:auto;min-width:120px}
.lst_word_area .study_area .btn_word{color:#777}
.star_wrap{display:inline-block;padding-bottom:4px}
.star_wrap i+i{margin-left:-2px}
.tab_area_table{margin:-4px 0 22px;border-bottom:1px solid #e5e5e5}
.tab_area_table:after{display:block;clear:both;content:''}
.tab_area_table .link_tab{display:block;float:left;position:relative;height:30px;color:#777;font-size:13px;text-align:center;line-height:28px}
.tab_area_table .link_tab.on{color:#3e00c5;font-weight:500}
.tab_area_table .link_tab.on:after{content:'';position:absolute;left:0;bottom:-1px;width:100%;height:2px;background-color:#3e00c5}
.tab_area_table .link_tab+.link_tab{margin-left:24px}

/* sub - schooltalk */
.lst_word_area .lst_paragraph .lst_item{font-size:13px;color:#111}
.lst_word_area .lst_paragraph .lst_item+.lst_item{margin-top:15px}
.lst_word_area .lst_paragraph .lst_item .date_info{margin-left:8px;color:#777}

/* sub2 - topic word */
.checkbox_wrap{margin:20px 0 50px}
.lst_checkbox:after{display:block;clear:both;content:''}
.lst_checkbox .check_item{display:block;float:left}
.check_item{margin-left:30px}
.check_item:first-child{margin-left:0}
.layer_info{position:absolute;top:auto;right:20px;z-index:10}
.layer_info .lst_info{width:150px;padding:8px 15px;margin-top:4px;border:1px solid #bbb;background-color:#fff;box-sizing:border-box}
.layer_info .lst_info .info_item{min-height:48px;font-size:14px;color:#111;line-height:46px;text-align:left}
.layer_info .lst_info .info_item.no_data{min-height:46px;color:#aaa}

/* sub2 - letstalk */
.page_wrap .selectbx_wrap .lst_selectbx .select_item{height:32px}
.page_wrap .selectbx_wrap .lst_selectbx .select_item a{line-height:30px;font-size:13px}

/* sub3 - schooltalk */
.calendar_bx .inp_bx{margin-left:4px}
.calendar_bx .inp_bx:first-child{margin-left:0}
.calendar_bx .selectbx_wrap{position:relative;display:inline-block;width:64px;height:40px;margin-left:4px;vertical-align:top}
.calendar_bx .selectbx_wrap .selectbx_title{height:100%}
.select_name_wrap{display:inline-block;overflow-x:hidden;overflow-y:auto;width:180px;height:735px;margin-right:8px;border:1px solid #ccc;box-sizing:border-box;vertical-align:top}
.select_name_wrap .name_item{min-height:40px}
.select_name_wrap .name_item .select_name{display:block;padding:8px 16px 7px 12px;color:#111}
.select_name_wrap .name_item.on .select_name{background-color:rgba(62, 0, 197, 0.04);color:#3e00c5}
.select_name_wrap .name_item .select_name .student_name{line-height:25px}
.select_group{display:inline-block;width:180px;margin-left:4px;text-align:right}
.select_group .selectbx_wrap{width:100%;margin-bottom:8px}
.select_name_group{display:table;table-layout:fixed}
.select_name_group.type2{width:100%}
.select_name_group.type2 .select_name_wrap{height:735px}
.select_name_group+.select_name_group{margin-top:10px}
.select_name_group .select_name_bx{display:table-cell;vertical-align:top}
.select_name_group .select_name_bx:first-child{vertical-align:top}
.select_name_group .name_title{width:65px;padding:8px 12px 0 0;text-align:left;font-size:14px}
.select_name_group .inp_bx{width:180px}
.select_name_group .select_name_wrap{height:160px;text-align:left}
.select_name_group .select_name_wrap .lst_name{overflow:hidden}
.select_name_group .select_name_wrap .name_item .select_name{position:relative}
.select_name_group .select_name_wrap .name_item .select_name .sp.ico_del{position:absolute;top:10px;right:10px}

/* sub3 - schooltalk3 */
.calendar_bx_wrap .inp_chk_bx{display:inline-block;margin:12px 0 0 10px;vertical-align:top}
.select_name_wrap.wide{width:100%}
.select_name_wrap .lst_name.readonly .name_item .select_name{pointer-events:none;color:#999}

/* sub4 - new semester */
.class_admin_wrap{position:absolute;top:0;left:0}
.class_info{display:inline-block;padding:10px 0 0 10px;font-weight:500;color:#111;font-weight:500;font-size:15px;vertical-align:top}
.class_info strong{color:#3e00c5;font-weight:500}
.col_nodata{height:159px;text-align:center;color:#999;vertical-align:middle}
.col_nodata:after{display:inline-block;height:100%;vertical-align:middle;content:''}
.student_info{margin-top:8px}
.student_info:first-child{margin-top:0}
.student_info .error_msg{display:none;position:absolute;bottom:0;left:0}
.student_info.error{padding-bottom:24px}
.info_add_area .error_msg,.student_info .error_msg{display:none;position:absolute;bottom:0;left:0}
.info_add_area.error .error_msg,.student_info.error .error_msg{display:block}
.student_info.error .selectbx_wrap .selectbx_title,.info_add_area.error .student_info .selectbx_wrap .selectbx_title{border-color:#f40c1f}
.info_add_area.error .student_info.exception .selectbx_wrap .selectbx_title{border-color:#ccc}
.inp_bx .inp_txt_append{font-size:14px;color:#111}
.student_info .inp_bx .inp_txt{width:88px}
.student_info .btn{margin-left:18px}
.info_add_area{position:relative}
.info_add_area.error{padding-bottom:24px}

/* popup */
.ly_pop_wrap{position:fixed;top:0;left:0;right:0;bottom:0;z-index:3000;width:100%;height:100%;text-align:center;font-size:0}
.ly_pop_wrap:before{display:inline-block;height:100%;vertical-align:middle;content:''}
.ly_pop_wrap .pop_contents{display:inline-block;position:relative;;width:472px;padding:50px 0 48px;border:1px solid #bbb;background-color:#fff;box-shadow: 0 6px 18px 0 rgba(0,0,0,0.1);vertical-align:middle;box-sizing:border-box}
.ly_pop_wrap .pop_title{display:block;width:166px;height:28px;margin:0 auto;background:url(../img/sp_img.png) no-repeat 0 -138px;background-size:300px auto}
.ly_pop_wrap .pop_desc{margin-top:43px;font-size:15px;line-height:24px;color:#111;text-align:center}
.ly_pop_wrap .pop_btn_bx{margin-top:45px;text-align:center}

.ly_audio_detail{position:static;width:atuo;height:auto}
.ly_audio_detail .pop_contents{padding:0}
.ly_audio_detail .pop_top{padding:38px 0 39px;background-color:#f9f8fa}
.ly_audio_detail .pop_top .title_top{display:block;font-size:24px;color:#111;text-align:center}
.ly_audio_detail .pop_top .lst_audio_info{margin-top:12px;text-align:center}
.ly_audio_detail .pop_top .lst_audio_info .lst_item{position:relative;display:inline-block;padding:0 20px;font-size:13px;color:#777;vertical-align:top}
.ly_audio_detail .pop_top .lst_audio_info .lst_item+.lst_item:before{content:'';position:absolute;top:4px;left:0;width:1px;height:12px;background-color:#ccc}
.ly_audio_detail .pop_top .lst_audio_info .lst_item .btn_audio{color:#777}
.ly_audio_detail .pop_top .lst_audio_info .lst_item .txt_point{margin-left:8px;font-weight:500}
.ly_audio_detail .pop_body{padding:32px 41px 40px}
.ly_audio_detail .pop_body .bx_dash{padding:22px 0 23px;border:1px dashed #ddd;text-align:center;font-size:14px}
.ly_audio_detail .pop_body .bx_dash strong{display:block;margin-bottom:2px;font-size:20px;color:#111}
.ly_audio_detail .pop_body .bx_percent{margin-top:25px}
.ly_audio_detail .pop_body .bx_percent .percent_wrap{margin-top:24px}
.ly_audio_detail .pop_body .bx_percent .percent_wrap:first-child{margin-top:0}
.ly_audio_detail .pop_body .bx_percent .percent_wrap .percent_title{display:block;font-size:16px;color:#2e415f;font-weight:700;text-align:left}
.ly_audio_detail .pop_body .bx_percent .percent_wrap .percent{display:block;overflow:hidden;height:6px;margin-top:12px;border-radius:8px;background-color:#eee}
.ly_audio_detail .pop_body .bx_percent .percent_wrap .percent .percent_bg{display:block;height:100%;background-color:#3e00c5}
.ly_audio_detail .pop_body .bx_percent .percent_wrap .percent_desc{display:block;margin-top:8px;color:#777;font-size:14px;text-align:left}

.ly_pop_wrap.ly_tbl .pop_contents{width:auto;padding:48px 30px 40px 48px;text-align:left}
.ly_pop_wrap.ly_tbl .pop_title{display:block;width:auto;height:auto;margin-bottom:36px;background:none;font-size:30px;color:#2e415f;text-align:left}
.ly_pop_wrap.ly_tbl .tbl_wrap{overflow-y:auto;height:356px;margin-top:16px}
.ly_pop_wrap.ly_tbl .tbl{width:1116px;table-layout:fixed}
.ly_pop_wrap.ly_tbl .tbl th{height:48px;background-color:#fafafa;font-size:14px;color:#777;font-weight:400;text-align:center;box-sizing:border-box}
.ly_pop_wrap.ly_tbl .tbl th:first-child{padding-left:20px}
.ly_pop_wrap.ly_tbl .tbl th:last-child{padding-right:20px}
.ly_pop_wrap.ly_tbl .tbl td{height:56px;border-bottom:1px solid #eee;font-size:14px;color:#111;text-align:center;box-sizing:border-box}
.ly_pop_wrap.ly_tbl .tbl td:first-child{padding-left:20px}
.ly_pop_wrap.ly_tbl .tbl td:last-child{padding-right:20px}
.ly_pop_wrap.ly_tbl .tbl td .img_bx a{display:block;overflow:hidden;width:60px;height:32px;margin:0 auto}
.ly_pop_wrap.ly_tbl .tbl td .img_bx a img{width:100%;height:100%}
.ly_pop_wrap .btn_close_wrap{position:absolute;top:16px;right:16px;width:40px;height:40px}
.ly_pop_wrap .btn_close_wrap .btn_close{display:inline-block;width:24px;height:24px;background:url(../img/sp_img.png) no-repeat -194px -50px;background-size:300px auto}
.ly_pop_wrap.ly_tbl .tbl_wrap.add, .ly_pop_wrap.ly_tbl .tbl_wrap.add2	{height:auto;}
.ly_pop_wrap.ly_tbl .tbl_wrap.add2 .tbl th, .ly_pop_wrap.ly_tbl .tbl_wrap.add2 .tbl td	{border-top:1px solid #eee;border-bottom:1px solid #eee;}
.ly_pop_wrap.ly_tbl .tbl_wrap.tbl_block.add .tbl	{margin-top:0;}


.ly_pop_wrap.type2 .pop_contents{width:400px;padding-top:80px}
.ly_pop_wrap.type2 .pop_desc{margin-top:0;font-size:20px;color:#333;font-weight:500}
.ly_pop_wrap.type2 .pop_desc .num{color:#3e00c5;font-weight:600}
.ly_pop_wrap.type2 .btn+.btn{margin-left:8px}
.ly_pop_wrap.type2 .pop_btn_bx{margin-top:40px}

/* tui calendar */
.calendar_wrap{margin-top:76px}
#calendar .tui-full-calendar-layout{border:1px solid #ddd;border-width:0 1px 1px}
.calendar_wrap .btn{min-width:auto}
.btn.move-today{height:34px;border-radius:25px;font-size:12px;line-height:32px}
.btn.move-day{width:34px;height:34px;padding:0;margin-left:2px;border-radius:50%;line-height:normal;vertical-align:top}
.btn.move-day .calendar-icon{display:inline-block;width:20px;height:20px;margin-top:1px;background:url(../img/sp_img.png) no-repeat;background-size:300px auto;vertical-align:top}
.btn.move-day .calendar-icon.ic-arrow-line-left{background-position:-22px -50px}
.btn.move-day .calendar-icon.ic-arrow-line-right{background-position:-44px -50px}
.render-range{padding-left:12px;font-size:19px;vertical-align:middle}
#calendar{margin-top:12px}
.tui-full-calendar-month-week-item .tui-full-calendar-weekday-schedule{margin:0;border-radius:0;border-color:rgba(62, 0, 197, 0.06);background-color:rgba(62, 0, 197, 0.06)}
#calendar .tui-full-calendar-weekday-schedule-title{color:#111;text-align:center}
#calendar .tui-full-calendar-month-dayname-item{font-weight:400}
#calendar .tui-full-calendar-weekday-grid-line .tui-full-calendar-weekday-grid-date{font-size:13px}
#calendar .tui-full-calendar-month-week-item .tui-full-calendar-today .tui-full-calendar-weekday-grid-date-decorator{width:24px;height:24px;background-color:#3e00c5;line-height:24px}
#calendar .tui-full-calendar-weekday-schedule-bullet{display:none}
#calendar .tui-full-calendar-weekday-schedule.tui-full-calendar-weekday-schedule-time .tui-full-calendar-weekday-schedule-title{padding-left:0;font-weight:normal;cursor:default}
#calendar .tui-full-calendar-weekday-schedule.tui-full-calendar-weekday-schedule-time{margin:0}

/* tui datepicker */
.tbl_wrap .calendar_bx .tui-datetime-input{width:186px}
.tbl_wrap .calendar_bx .tui-datepicker-input{position:relative;height:40px}
.tbl_wrap .calendar_bx .tui-datepicker-input > input{font-size:14px;padding-left:36px;padding-right:10px}
.tbl_wrap .calendar_bx.readonly .tui-datepicker-input{border-color:#ccc}
.tbl_wrap .calendar_bx.readonly .tui-datepicker-input > input{padding-left:10px;color:#999;pointer-events:none}
.tbl_wrap .calendar_bx .tui-datepicker-input:before{content:'';position:absolute;top:10px;left:8px;display:inline-block;width:20px;height:20px;background:url(../img/sp_img.png) no-repeat -88px -50px ;background-size:300px auto;vertical-align:top}
.tbl_wrap .calendar_bx.readonly .tui-datepicker-input:before{content:none}
.tbl_wrap .calendar_bx  .tui-datepicker-selector-button.tui-is-checked .tui-ico-date, .tui-datepicker-input.tui-has-focus .tui-ico-date{display:none}
.tbl_wrap .calendar_wrapper{position:absolute}
.tbl_wrap .calendar_wrapper .tui-datepicker{z-index:10}
.tbl_wrap .tbl td .calendar_wrapper .tui-calendar .tui-calendar-body-header th{height:39px;padding:0;background-color:transparent;font-size:inherit;color:#777}
.tbl_wrap .calendar_wrapper .tui-calendar th, .tui-calendar td{height:39px;padding:0;color:#999}
.tbl_wrap .calendar_wrapper .tui-calendar th{padding:0;border:0;background-color:transparent;font-weight:normal;font-size:inherit}
.tbl_wrap .tbl td .calendar_wrapper .tui-calendar td{height:39px;padding:0;border:0;font-size:inherit;color:#999;vertical-align:middle}
.tbl_wrap .calendar_wrapper .tui-datepicker .tui-is-selectable.tui-is-selected, .tui-datepicker.tui-rangepicker .tui-is-selectable.tui-is-selected{color:#fff}

/* chart */
.chart_line{margin:30px 0 0}
.chart_bar{margin-bottom:30px}
.tui-chart-chartExportMenu-area{display:none}

/* 로그인, 로그아웃 */
.account .container_wrap{padding-top:60px}
.account .inner{max-width:460px}
.account{height:100%;background-color:#f6f6f6}
.account .login_info_bx{text-align:center}
.account .login_info_bx .link_select{width:100%}
.account .logo_pengtalk{width:250px;height:42px;margin:0 auto}
.account .logo_pengtalk .link_pengtalk{display:block;height:100%;margin:0 auto;background:url(../img/sp_img.png) no-repeat 0 -94px;background-size:300px auto}
.account .account_desc{margin-top:58px;font-size:16px;color:#111;font-weight:500}
.account .btn_wrap{margin-top:48px}
.account .input_wrap{margin-top:54px}
.account .inp_bx{display:block;width:460px;height:auto;margin:0 auto;background-color:transparent}
.account .inp_bx + .inp_bx{margin-top:20px}
.account .inp_bx .inp_title{padding-bottom:6px;display:block;text-align:left;color:#111;font-size:14px;font-weight:700}
.account .inp_bx .inp_txt{width:100%;height:48px;padding:0 12px;font-size:15px}
.account .inp_bx .inp_txt:disabled{background-color:#eee;color:#999;font-weight:normal}
.account .inp_bx .inp_txt:focus{border:1px solid #3e00c5}
.account .inp_bx .inp_txt.on{border-color:#3e00c5}
.account .inp_txt::placeholder{color:#ccc;font-weight:normal}
.account .inp_txt::-webkit-input-placehoder{color:#ccc}
.account .inp_txt::-ms-input-placehoder{color:#ccc}
.account .inp_bx.append .inp_txt{padding-right:36px}
.account .inp_txt_append{position:absolute;top:0;right:16px;font-size:15px;color:#aaa;line-height:48px}

.account .selectbx_wrap{width:100%}
.account .selectbx_wrap .link_select{height:46px;line-height:46px}
.account .selectbx_wrap .link_select:after{top:16px}
.account .selectbx_wrap .lst_selectbx .select_item{height:46px}
.account .selectbx_wrap .lst_selectbx .select_item a{height:46px;line-height:46px}
.account .selectbx_wrap .lst_selectbx .select_item a:hover{color:#3e00c5}
.account .inp_radio_bx{display:block;margin-top:11px;text-align:left}
.account .inp_radio_bx label{margin-right:60px;font-size:15px}
.account .inp_radio_bx label:before{margin-right:6px}

.account .student_info_wrap{position:relative;margin-top:16px}
.account .info_add_area{margin-top:12px;padding-top:12px;border-top:1px solid #e5e5e5}
.account .student_info.error{padding-bottom:24px}
.account .student_info.error .error_msg{display:block}
.account .student_info.error .selectbx_wrap .selectbx_title{border-color:#f40c1f}
.account .student_info{position:relative;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex}
.account .info_add_area .student_info{padding:0;margin-top:8px;border:0}
.account .info_add_area .student_info:first-child{margin-top:0}
.account .student_info .selectbx_wrap{width:122px;height:100%}
.account .student_info .selectbx_wrap .link_select:after{top:14px}
.account .student_info .inp_bx{width:112px;margin-left:8px}
.account .student_info .inp_bx .inp_txt::placeholder{color:#aaa}
.account .student_info .inp_bx .inp_txt::-webkit-input-placehoder{color:#aaa}
.account .student_info .inp_bx .inp_txt::-ms-input-placehode{color:#aaa}
.account .student_info .btn{width:80px;margin-left:8px}

.account .login_agree{margin-top:24px;padding:20px;background-color:#fff}
.account .login_agree .agree_desc{font-size:13px;color:#444;line-height:20px;text-align:left}
.account .login_agree .agree_desc strong{color:#3e00c5;font-weight:500}
.account .login_agree dl{margin-top:16px}
.account .login_agree .info_title{margin-bottom:6px;text-align:left;color:#3e00c5;font-size:13px;font-weight:500}
.account .login_agree .info_data + .info_title{margin-top:16px}
.account .login_agree .info_data{text-align:left;font-size:13px;color:#444;line-height:20px}
.account .login_agree .info_data .inp_chk_bx + .inp_chk_bx{margin-top:6px}
.account .login_agree .info_data .inp_chk_bx label{font-size:13px;color:#444;line-height:20px}
.account form .account_desc{margin-top:16px;font-size:14px;color:#111;text-align:left;font-weight:400}
.account form .btn_wrap{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;margin-top:24px}
.account form .btn_wrap .btn{flex:1;height:48px}
.account form .btn_wrap .btn + .btn{margin-left:8px}

/* 관리자 */
body.admin{background-color:#f6f6f6}
.admin .logo_pengtalk{width:250px;height:42px;margin:0 auto}
.admin .link_pengtalk{display:block;height:100%;margin:0 auto;background:url(../img/sp_img.png) no-repeat 0 -94px;background-size:300px auto}
.admin .account_desc{margin-top:29px;text-align:center;font-size:16px;color:#111;font-weight:500}

/* error */
.error_bx .img_area{overflow:hidden;width:320px;height:320px;margin:0 auto;background:url(../img/img_thinking.gif) no-repeat 0 -50px;background-size:320px auto}
.error_bx .error_title{margin-top:40px;font-size:40px;font-weight:700;text-align:center;color:#111}
.error_bx .error_sub_title{display:block;margin-top:9px;font-size:24px;color:#3e00c5;font-weight:700;text-align:center}
.error_bx .error_desc{margin-top:30px;font-size:15px;color:#111;text-align:center}
.error_bx .btn_wrap{margin-top:40px}
.error_bx .btn_wrap .btn+.btn{margin-left:8px}
.error_msg{text-align:left;font-size:12px;color:#f40c1f}

/* footer */
footer { display: block; width: 100%; min-width: 980px; background-color: #f8f7f5; }
footer .inner { overflow: hidden; padding: 30px 0; box-sizing: content-box;}
footer .bt.top { position: fixed; right: 20px; bottom: 20px; z-index: 500; -webkit-transition: all 0.3s; transition: all 0.3s; }
footer .call .select {height: 30px; margin-top: 20px;}
footer .call .select label { width: 200px; height: 28px; line-height: 28px; font-size: 12px; background-color: #fff;  }
footer .call { display: block; overflow: hidden; background: #ededed;}
footer .call .inner {display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding: 35px 0; }
footer .call .inner .customer_info {display: -ms-flexbox; display: flex; -webkit-box-align: center;-ms-flex-align: center; align-items: center;}
footer .call .inner .tit {font-size: 18px; font-weight: 400;color: #7d879f;letter-spacing: -0.05em; margin-bottom: 10px; text-align: left; line-height: 1;}
footer .call .inner .tel {font-size: 32px; font-weight: bold;color: #7d879f;letter-spacing: -0.025em; text-align: left; line-height: 1; white-space: nowrap;}
footer .call .inner .customer_info .info_txt { margin-left: 18px; color: #7d879f;}
footer .call .inner .customer_info .info_txt p {line-height: 1.3;word-break: keep-all;font-weight: 300;}
footer .call .inner .customer_info .info_txt p > a{color:#7d879f}

footer .site { display: block; overflow: hidden; background-color: #fff; }
footer .site .inner { padding: 10px 0; }
footer .site a { display: inline-block; overflow: hidden; padding: 0 15px; /*width: 12.5%; */float: left; } /* 2019-03-07 수정  */
footer .site a:first-child{padding-left: 0;}
footer .site a:last-child{padding-right: 0;}

footer .nav { float: left; width: 80%; }
footer .nav .m { position: relative; }
footer .nav .m:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -4.5px; display: block; overflow: hidden; width: 1px; height: 10px; background-color: #d0d0d0; }
footer .nav .m:first-child:before { display: none; }

footer .mark { display: inline-block; overflow: hidden; float: right; width: 18%; color: #818181; font-size: 11px; line-height: 18px; background: url(../img/mark.png) no-repeat center 0; padding-top: 65px; }

footer .corp { display: inline-block; overflow: hidden; float: left; width: 80%; padding: 20px 0; }
footer .corp p { display: inline-block; overflow: hidden; float: left; color: #303030; font-size: 12px; line-height: 20px; padding-right: 20px; }
footer .corp p:last-child { display: block; clear: both; padding-top: 10px; }

/* SELECT */
.select { position: relative; display: inline-block; overflow: hidden; }
.select label { position: relative; display: block; overflow: hidden; width: 100%; height: 40px; line-height: 39px; text-align: left; color: #515e73; font-size: 14px; border: 1px solid #b0b0b0; background-color: #fff; padding: 0 25px 0 10px; }
.select label:before { position: absolute; right: 10px; top: 50%; margin-top: -2px; content: ""; display: block; overflow: hidden; width: 0; height: 0; border: 4px solid transparent; border-top: 4px solid #65748e; }
.select select { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; width: 100%; height: 100%; line-height: 40px; color: #000; font-size: 12px; padding: 0 10px; opacity: 0; }

/* 이벤트 팝업 */
.event_chk_bx label{display:inline-block;color:#333;font-size:16px;letter-spacing:-.72px}
.event_chk_bx label:before{content:'';display:inline-block;width:18px;height:18px;margin-top:-3px;margin-right:8px;background:url(../img/ico_event_checkbox.png) no-repeat 0 0 / 100%;vertical-align:middle}
.event_chk_bx .event_inp:checked + label:before{background-position:0 bottom}

.event_pop_wrap{position:fixed;top:0;right:0;left:0;bottom:0;text-align:center;z-index:3000}
.event_pop_wrap:before{display:inline-block;height:100%;vertical-align:middle;content:''}
.event_pop_wrap .pop_inner{display:inline-block;vertical-align:middle;border:1px solid #c1c1c1;background-color:#fff}
.event_pop_wrap .pop_contents{position:relative}
.event_pop_wrap .pop_contents .bx_event img{width:100%}
.event_pop_wrap .pop_contents .btn_detail{position:absolute;left:50%;bottom:26px;display:block;width:200px;height:56px;transform:translateX(-50%)}
.event_pop_wrap .pop_contents .btn_detail img{width:100%}

.event_pop_wrap .pop_footer{border-top:0}
.event_pop_wrap .pop_footer:after{content:'';display:block;clear:both}
.event_pop_wrap .pop_footer .inp_chkbox{position:absolute}
.event_pop_wrap .pop_footer .bx_pop_btn{float:left;width:50%;box-sizing:border-box}
.event_pop_wrap .pop_footer .bx_pop_btn+.bx_pop_btn{border-left:1px solid #c1c1c1}
.event_pop_wrap .pop_footer .event_chk_bx{text-align:left}
.event_pop_wrap .pop_footer .event_chk_bx label,
.event_pop_wrap .pop_footer .btn_close{display:inline-block;padding:14px 16px 16px;width:100%;box-sizing:border-box}
.event_pop_wrap .pop_footer .btn_close{color:#333;font-size:16px;letter-spacing:-.72px;text-align:center;}


/* 2024-09-03 교사 리워드 add */
.gray_box	{width:80%;border:1px solid #bbb;background:#fafafa;padding:20px 5px;text-align:center;box-sizing:border-box;margin:30px auto 0;}

/* 2024-09-04 학습현황 add */
.chart_area	{width:100%;text-align:center;border-radius:20px;padding:30px;box-sizing:border-box;margin-bottom:20px;background:#fafafa;}
.inp_txt.add	{height:48px;line-height:46px;}
.inp_txt.add1	{margin-right:5px;}
.tbl_wrap {margin-bottom:50px;}

/* 2024-09-04 main */
.link_area	{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;width:100%;margin-top:25px;padding-bottom:30px;}
.link_area a	{display:block;text-align:center;font-size:15px;color:#333;}
.link_area a:before	{content:'';display:block;width:100%;height:64px;margin-bottom:5px;background:url('../img/ico_main01.png') no-repeat 50% 50%;}
.link_area a:nth-child(2)::before	{background-image:url('../img/ico_main02.png');}
.link_area a:nth-child(3)::before	{background-image:url('../img/ico_main03.png');}

.link_area_b	{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;width:100%;margin-top:25px;height:90px;;padding-bottom:30px;}
.link_area_b a	{display:block;text-align:center;font-size:15px;color:#333;}
.link_area_b a:before	{display:block;width:100%;height:64px;margin-bottom:5px;}

.myclass	{position:relative;}
.myclass .down	{position:absolute;right:0;top:13px;width:120px;height:32px;line-height:30px;font-size:14px;padding:0 0 0 25px;background:url('../img/ico_down.png') no-repeat #3e00c5;background-position:10px 50%;}
.myclass .area	{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px;}
.myclass .area > div	{background:#f9f9f9;border-radius:20px;box-sizing:border-box;padding:15px 20px;min-height:109px;}
.myclass .area > div:nth-child(even)	{background:#faf7ff;}
.myclass .area > div p	{display:block;font-size:17px;color:#333;padding-bottom:5px;text-align:right;}
.myclass .area > div span	{display:block;text-align:right;font-size:32px;color:#4002c6;font-family:Pretendard;font-weight:700;margin-top:10px;}

.myclass_img {position:absolute;top:50%;}

.myclass_b {position:relative;}
.myclass_b .down	{position:absolute;right:0;top:13px;width:120px;height:32px;line-height:30px;font-size:14px;padding:0 0 0 25px;background:url('../img/ico_down.png') no-repeat #3e00c5;background-position:10px 50%;}
.myclass_b .area	{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px;}
.myclass_b .area > div	{background:#f9f9f9;border-radius:20px;box-sizing:border-box;padding:15px 20px;min-height:109px;}
.myclass_b .area > div:nth-child(even)	{background:#faf7ff;}
.myclass_b .area > div p	{display:block;font-size:20px;color:#333;padding-bottom:5px;text-align:center;border-bottom:1px solid #d0d0d0;height:30px;}
.myclass_b .area > div span	{display:block;text-align:center;font-size:32px;color:#4002c6;font-family:Pretendard;font-weight:700;margin-top:10px;}
.textBook_img	{width:35%;display:block;margin:auto;padding-top:5px;border-radius:13px;}

.modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); justify-content: center; align-items: center; z-index: 9999; }
.modal-content { width: 487px; height: 289px; background: url('../img/down_confirm.png') no-repeat center center; background-size: contain; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 80px 90px; box-sizing: border-box; }
.modal-text { font-size: 16px; color: #333; margin-top: 10px;text-align: center}
.modal-buttons { display: flex; gap: 20px; justify-content: center; margin-bottom: 10px; }
.modal-btn { width: 120px; cursor: pointer; }


/* 2024-09-04 학습관리 add */
.text_area	{width:80%;margin:20px auto 0;}
.textarea_type	{width:100%;min-height:200px;border:1px solid #d0d0d0;}
.textarea_type1	{width:100%;min-height:100px;border:1px solid #d0d0d0;padding:10px;box-sizing:border-box;}
.P_num	{display:block;margin-top:10px;text-align:right;font-weight:600;}
.P_num b	{color:#4002c6;}
.tbl_wrap ~.tbl_wrap	{margin-top:-30px !important;}
.scall-y	{height:300px !important;overflow-y:auto;}
.Mt20	{margin-top:20px;}
.mtopm	{margin-top:-45px;}
.text_end	{font-weight:600;color:#C00000;}
.text_noend	{font-weight:600;color:#0070C0;}
.gray_1	{background:#faf7ff;color:#0070C0;}
.text_tar	{display:block;text-align:right;font-size:11px;margin-top:5px;}

/* 2025-05-27 popup 관련 add*/
#epki_pop {position: fixed;bottom: 20px;right: 20px;width: 200px;height: 240px;background-color: #ffffff;box-shadow: 0 4px 10px rgba(0,0,0,0.2);border-radius: 12px;overflow: hidden;z-index: 1000;display: none;}
#epki_pop .close-btn {position: absolute;top: 8px;right: 10px;font-size: 18px;font-weight: bold;color: #666;cursor: pointer;}
#epki_pop .close-btn:hover {color: #000;}
#epki_pop img {width: 100%;height: 100%;object-fit: cover;cursor: pointer;
}

#guide_pop {position: fixed;bottom: 280px;right: 20px;width: 200px;height: 240px;background-color: #ffffff;box-shadow: 0 4px 10px rgba(0,0,0,0.2);border-radius: 12px;overflow: hidden;z-index: 1000;display: none;}
#guide_pop .close-btn {position: absolute;top: 8px;right: 10px;font-size: 18px;font-weight: bold;color: #666;cursor: pointer;}
#guide_pop .close-btn:hover {color: #000;}
#guide_pop img {width: 100%;height: 100%;object-fit: cover;cursor: pointer;
}

#evnt_pop {position: fixed;bottom: 20px;right: 20px;width: 200px;height: 240px;background-color:transparent;box-shadow: 0 4px 10px rgba(0,0,0,0.2);border-radius: 12px;overflow: hidden;z-index: 1000;display: none;}
#evnt_pop .close-btn {position: absolute;top: 8px;right: 10px;font-size: 18px;font-weight: bold;color: #666;cursor: pointer;}
#evnt_pop .close-btn:hover {color: #000;}
#evnt_pop img {width: 100%;object-fit: cover;cursor: pointer;}
#evnt_pop *:not(img) {opacity: 0.4; /* 숫자가 낮을수록 더 투명 */}

/* 오버레이 배경 */
#loading-overlay {display: none;position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background-color: rgba(0, 0, 0, 0.5);z-index: 9999;}
/* 로딩 이미지 중앙 정렬 */
.loading-content {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

/* 다크웹 관련 pw 변경창*/
.pw_dim_layer {display:none; position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999999;}
.pw_dim_layer * {box-sizing: border-box; color: #666; font: 12px / 1.168em '맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', 'AppleGothic', sans-serif; line-height: 1.42857143; font-weight: normal;}
.pw_dim_layer .pw_layer {position:absolute;top:50%;left:50%;z-index:2;width:473px;padding:0;background:#fff;margin:-279px 0 0 -238px;}
.pw_dim_layer .pw_layer iframe {overflow-y:hidden;}
.pw_dim_layer .pw_dim {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.pw_dim_layer .sso_change{width:428px;margin:0 auto;}
.pw_dim_layer .sso_change h1{width:428px;height:39px;margin-top:16px;border-bottom:1px solid #4B80A2;}
.pw_dim_layer .sso_change h2 { margin-top:20px; font-size:14px; line-height:20px; color:#333;}
.pw_dim_layer .text_li{line-height:21px;letter-spacing:-1px;padding-top:10px;}
.pw_dim_layer .f_bold{font-weight:bold;color:#484848;}
.pw_dim_layer .f_blue{color:#2C89C2;}
.pw_dim_layer .sso_info {width:426px; border:1px solid #C0D2E0; margin-top:20px;}
.pw_dim_layer .sso_info dl {width:386px; margin:15px 0 0 20px; border-bottom:1px solid #C0D2E0; *zoom:1;}
.pw_dim_layer .sso_info dl:after { content:""; clear:both; display:block;}
.pw_dim_layer .sso_info dl dt {float:left; line-height:20px; width:100px; font-weight:bold; color:#404040;}
.pw_dim_layer .sso_info dl dd {float:left;width:286px;color:#404040;padding-bottom:10px;}
.pw_dim_layer .sso_info dl dt label {padding-left:0;}
.pw_dim_layer .sso_info dl dd p {font-size:12px;color:#696969;line-height:14px;padding-top:5px;letter-spacing:-1px;}
.pw_dim_layer .sso_info .info_text {padding-left:13px; width:380px; padding:15px 0 10px 25px; letter-spacing:-1px;line-height:16px;}
.pw_dim_layer .btn_sso{width:428px;text-align:center;padding:15px 0;}
.pw_dim_layer .sso_info .info_text03{float:right;*margin-top:-19px;line-height:12px;font-size:12px;color:#696969;letter-spacing:-1px;padding-top:5px;text-align:left;padding-right:13px;}
.pw_dim_layer .sso_info .info_text03 img{vertical-align:bottom;}
.pw_dim_layer .sso_address { width:100%; margin:15px 0 10px; border:1px solid #cbcfd0; border-collapse:collapse;}
.pw_dim_layer .sso_address th { padding:0 0 10px 12px; text-align:left; color:#3f3f3f; background-color:#f3f3f3;}
.pw_dim_layer .sso_address td { padding:0 0 10px 10px; color:#666; background-color:#ffffff;}
.pw_dim_layer .sso_address tr:first-child th, .sso_address tr:first-child td { padding-top:10px;}
.pw_dim_layer .sso_address td input { vertical-align:middle; }
.pw_dim_layer .sso_address td label { margin:0 10px 0 3px;}
.pw_dim_layer .address_change { padding:10px 0 15px 5px;}
.pw_dim_layer #passwordMessage {display:none;}
.pw_dim_layer #passwordMessage.on {display:block;}
.pw_dim_layer input.txt_type {border:1px solid #b5b5b5;}
@media all and  (max-width: 500px) {
.pw_dim_layer .sso_change {margin: 0 10px;}
.pw_dim_layer .sso_inner {height: 400px;overflow-y: auto;}
.pw_dim_layer .pw_layer {top: 50px;left: 0;right: 0;padding: 0 10px;margin: 0 auto 0;width: 96%;overflow-y: auto;}
.pw_dim_layer .sso_change {width: auto;}
.pw_dim_layer .sso_change h1 {width: auto;}
.pw_dim_layer .sso_info {width: auto;}
.pw_dim_layer .sso_info dl {width: auto;padding: 10px;margin: 0;}
.pw_dim_layer .sso_info dl dd {width: calc(100% - 100px);}
.pw_dim_layer .sso_info dl dd input {width: 95% !important;}
.pw_dim_layer .sso_info dl dd #passwordMessage {float: none;}
.pw_dim_layer .sso_info dl dd p {word-break: keep-all;}
.pw_dim_layer .sso_info .info_text {width: auto;padding: 10px;}
.pw_dim_layer .btn_sso {width: auto;}
.pw_dim_layer #passwordMessage {margin: 5px 0;}
}

.yearDiv{}
.clsDiv{display: flex; width: 240px;}
.clsSelect{width: 240px;}
.btnDiv{}
/* 사용자 정보 수정 팝업창*/
/* =========================
   Modal (회원정보 수정)
   ========================= */
/* Modal wrapper */
.userProp {display: none;position: fixed;inset: 0;z-index: 9990; }
/* Panel */
.userProp .modal__panel {position: relative;width: 600px;max-width: calc(100vw - 24px);margin: 48px auto;background: #ffffff;border: 1px solid #cfd6df;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);margin-top: 150px;}

/* =========================
   Header
   ========================= */
.userProp .modal__panel .modal__headerClose {float:right;display: flex;justify-content: flex-end;align-items: center; padding: 5px 0px; width: 100%;}
.userProp .modal__panel .modal__headerClose .close_btn {font-size: 20px;padding-right: 10px;}
.userProp .modal__panel .modal__header {display: flex;justify-content: space-between;align-items: center;padding: 14px 10px;border-bottom: 1px solid #e6e9ee;}
.userProp .modal__panel .modal__header .title {display: flex;align-items: center;gap: 8px;}
.userProp .modal__panel .modal__header .title .title__text {font-size: 18px;font-weight: 700;}
.userProp .modal__panel .modal__header .title .title__help {
    width: 18px;
    height: 18px;
    border: 1px solid #b9c2cf;
    border-radius: 50%;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #667085;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: help;
}
/* 툴팁 기본 숨김 */
.title__help .tooltip {
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%);
    min-width: 180px;
    padding: 8px 10px;
    background: #333;
    color: #fff;
    font-size: 12px;
    line-height: 1.4;
    border-radius: 4px;
    white-space: normal;
    text-align: left;

    opacity: 0;
    visibility: hidden;
    transition: opacity .15s ease;
    z-index: 10;
}

/* 화살표 */
.title__help .tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}

/* hover 시 표시 */
.title__help:hover .tooltip {
    opacity: 1;
    visibility: visible;
}

.header__right {padding-right: 5px;}
.btn_one1 {}
.btn_one2 {}

.modal-overlay {
    position: fixed;
    top: 0;left: 0;
    width: 100%;height: 100%;
    background: rgba(0, 0, 0, 0.5); /* 회색 반투명 */
    z-index: 1000;display: none;
}
.userProp .modal__panel .modal__header-actions {display: flex;align-items: center;gap: 10px;} /*?????*/

/* =========================
   Buttons
   ========================= */
.userProp .btn {cursor: pointer;border: 1px solid transparent;font-weight: 700;} /*?????*/
.userProp .btn--yellow {background: #ffe45a;border-color: #f2d64a;padding: 8px 10px;font-size: 13px;} /*?????*/
.userProp .btn--close {width: 32px;height: 32px;border: 1px solid #cfd6df;background: #fff;font-size: 20px;line-height: 28px;} /*?????*/

/* =========================
   Body
   ========================= */
.userProp .modal__body {padding: 16px;}

/* =========================
   Form
   ========================= */
.userProp .form {margin-top: 8px;}
.userProp .form__grid {display: grid;grid-template-columns: 140px 1fr;gap: 20px 14px;align-items: center;}
.userProp .form__label {font-size: 17px;font-weight: 700;color: #333333;}
.userProp .form__field {width: 100%;}
.userProp .input {width: 95%;height: 34px;padding: 0 10px;border: 1px solid #cfd6df;box-sizing: border-box;}
.userProp .input[readonly] {background: #f5f7fa;color: #667085;}
.userProp .form__phone {display: flex;align-items: center;gap: 8px;}
.userProp .input--sm {width: 90px;}
.userProp .form__dash {color: #98a2b3;}

/* =========================
   Form actions
   ========================= */
.userProp .form__actions {display: flex;justify-content: center;gap: 10px;margin-top: 16px;}
.userProp .btn--primary {}
.userProp .btn--secondary {}

/* =========================
   Divider
   ========================= */
.userProp .divider {border: 0;border-top: 1px solid #e6e9ee;margin: 20px 0;}

/* =========================
   Withdrawal section
   ========================= */
.userProp .section {margin-top: 8px;}
.userProp .section__title {font-size: 18px;font-weight: 800;margin-bottom: 8px;}
.userProp .section__note {font-size: 13px;color: #6b7280;margin-bottom: 12px;}

/* =========================
   Customer Center
   ========================= */
.userProp .cs {display: flex;align-items: center;gap: 14px;padding: 12px;border: 1px solid #e6e9ee;background: #fafbfc;}
.userProp .cs__badge {min-width: 92px;padding: 10px 14px;font-weight: 800;text-align: center;}
.userProp .cs__brand { font-weight: 700;}
.userProp .cs__tel {font-size: 22px;font-weight: 900;}
.userProp .cs__time {font-size: 12px;color: #6b7280;}

/* =========================
   Description
   ========================= */
.userProp .section__desc {margin-top: 12px;font-size: 13px;color: #6b7280;line-height: 1.5;}

/* =========================
   Responsive
   ========================= */
@media (max-width: 520px) {
    .userProp .form__grid { grid-template-columns: 110px 1fr; }
    .userProp .input--sm { width: 72px; }
}

/*로그인 페이지*/

/* 로그인 */
header.login{padding-top: 100px; position:static;}
header.login > .inner{position:relative; overflow:hidden; text-align:center;}
header.login > .inner .bt.menu{display: none;}
header.login > .inner .bind{display: none;}
header.login h1 { margin: 25px 0; padding-bottom: 40px; }
header.login h1 a { display: inline-block; width: 240px; height: 50px; vertical-align: middle; background: url(../images/h1.svg) no-repeat center center; background-size: cover; }
header.login h1 .txt_login { overflow: hidden; width: 80px; height: 28px; margin-left: 15px; vertical-align: middle; }

section.login{position: relative; min-width: 940px; width: 940px; margin: 0 auto 100px auto;}
section.login .path{display: none;}

#userId {display: block;width: 100%;height: 40px;line-height: 40px;color: #303030;font-size: 16px;border: 1px solid #d0d0d0;background-color: #fff;padding: 0 10px;}
#userPassword {display: block;width: 100%;height: 40px;line-height: 40px;color: #303030;font-size: 16px;border: 1px solid #d0d0d0;background-color: #fff;padding: 0 10px;}
section.login .area_login{width: 412px; min-height: 341px; margin-bottom: 50px;}
section.login .area_login .box_input{width: 100%;}
section.login .area_login .box_input .input{height: 50px; border: 0; background-color: #f0f0f0; padding-left: 10px;}
section.login .area_login .box_input .input:first-child{margin-bottom: 10px;}
section.login .area_login .box_input .input::placeholder{padding-left: 10px; font-size: 16px;}
section.login .area_login .box_input .btm{position: relative;}
section.login .area_login .box_input .btm .security{position: absolute; top: 12px; right: 0;}
section.login .area_login .box_input .btm .security > span{display: inline-block; padding-right: 5px; font-size: 12px; color: #666; vertical-align: middle;}
section.login .area_login .box_input .btm .security .check_ip{position: relative; display: inline-block; width: 50px; vertical-align: middle;}
section.login .area_login .box_input .btm .security .check_ip label{position: absolute; top: 0; width: 25px; height: 17px; padding: 0 3px; background-color: #f6f9f5; border: 1px solid #d2d2d2; color: #676767; font-size: 9px; font-weight: bold; box-sizing: border-box; vertical-align: middle;}
section.login .area_login .box_input .btm .security .check_ip input:checked+label{color: #fff; background-color: #9bb6d3; border: 1px solid #6783a2;}
section.login .area_login .box_input .btm .security .check_ip label:nth-of-type(1){border-right: 0; left: 0;}
section.login .area_login .box_input .btm .security .check_ip label:nth-of-type(2){border-left: 0; right: 0;}
section.login .area_login .box_input .btm .security .check_ip input:checked+label:nth-of-type(1){border-right: 0;}
section.login .area_login .box_input .btm .security .check_ip input:checked+label:nth-of-type(2){border-left: 0;}
section.login .area_login .box_input .btm .security .check_ip input[type=radio]{display: inline-block;width: 23px; height: 17px;}
section.login .area_login .box_input .btm .security .btn_ip_sec{display: inline-block; width: 18px; height: 18px; margin-left: 5px; background: url(../images/ico_q.png) no-repeat 0 0; text-indent: -9999px;}
section.login .area_login .box_input .btn_login{display: block; width: 100%; margin-top: 10px; box-sizing: border-box; border-radius: 30px 30px; background-color: #ff8301; padding: 20px 0; color: #fff; font-size: 20px; text-align: center;}
section.login .area_login .box_input p.capsLock {display:none; font-size:13px; color:#ff8301; }
section.login .area_login .box_input p.capsLock.on {display:block;}
section.login .area_login .box_onepass .btn_login{display: block; width: 100%; margin-top: 10px; box-sizing: border-box; border-radius: 30px 30px; background-color: #0b2157; padding: 20px 0; color: #fff; font-size: 20px; text-align: center;}
section.login .area_login .box_onepass{width: 100%; margin-top: 20px;}
section.login .area_login .box_onepass > strong{position: relative; display: block; width: 100%; padding-bottom: 20px; font-size: 16px; color: #757575; text-align: center;}
section.login .area_login .box_onepass > strong span{position: relative; z-index: 10; display: inline-block; padding: 0 10px; background-color: #fff; font-weight: normal;}
section.login .area_login .box_onepass > strong:before{content: ''; position: absolute; top: 8px; left: 0; z-index: 1; width: 100%; height: 1px; background-color: #000;}
section.login .area_login .box_sns{width: 100%; margin-top: 20px;}
section.login .area_login .box_sns > strong{position: relative; display: block; width: 100%; padding-bottom: 20px; font-size: 16px; color: #757575; text-align: center;}
section.login .area_login .box_sns > strong span{position: relative; z-index: 10; display: inline-block; padding: 0 10px; background-color: #fff; font-weight: normal;}
section.login .area_login .box_sns > strong:before{content: ''; position: absolute; top: 8px; left: 0; z-index: 1; width: 100%; height: 1px; background-color: #000;}
section.login .area_login .box_sns .sns{display: flex; justify-content: center;}
section.login .area_login .box_sns .sns > a{display: block; flex: 1; height: 46px; border-radius: 100px; margin: 1px 0 1px 2px; }
section.login .area_login .box_sns .sns > a:first-child{margin-left: 0;}
section.login .area_login .box_sns .sns .naver{background-color: #1dc800;text-align:center;}
section.login .area_login .box_sns .sns .icon_naver{line-height: 46px;background: url('/img/icn_n.png') no-repeat left center;background-size:20px auto;padding-left:25px; color:#fff;}
section.login .area_login .box_sns .sns .kakao{background-color: #f9e000;text-align:center;}
section.login .area_login .box_sns .sns .icon_kakao{line-height: 46px;background: url('/img/icn_c.png') no-repeat left center;background-size:20px auto;padding-left:25px; color:#000;}
section.login .area_login .box_sns .sns .facebook{background-color: #3b5998;text-align:center;}
section.login .area_login .box_sns .sns .icon_facebook{line-height: 46px;background: url('/img/icn_f.png') no-repeat left center;background-size:20px auto;padding-left:25px; color:#fff;}
section.login .area_login .box_sns .sns .apple { background-color: #000; text-align: center; }
section.login .area_login .box_sns .sns .icon_apple { line-height: 46px; background: url("/img/icn_a.png") no-repeat left center; background-size: 16px auto; padding-left: 19px; color: #fff; }
section.login .area_login .box_sns .sns .google { background-color: #fff; text-align: center; border:1px solid #000; }
section.login .area_login .box_sns .sns .icon_google { line-height: 46px; background: url("/img/icn_g.png") no-repeat left center; background-size: 16px auto; padding-left: 19px; color: #000; }
section.login .area_login .box_sns .sns > a > img{width: 100%; height: 100%;}

section.login .banner{position: absolute; top: 23px; right: 0; width: 497px; height: 341px;}
section.login .noti_login { display:block; margin-bottom:10px; color:red; text-indent: -10px; margin-left: 10px; line-height:18px; }

section.login .btm_btn{width: 100%; text-align: center;}
section.login .btm_btn > p{padding-bottom: 30px; font-size: 16px; color: #1d2157;}
section.login .btm_btn .btn{width: 100%;}
section.login .btm_btn .btn .btn_etc{display: inline-block;}
section.login .btm_btn .btn .btn_etc a{display: inline-block; width: 172px; height: 53px; margin-left: 5px; border: 1px solid #000; font-size: 16px; color: #121212; text-align: center; box-sizing: border-box; line-height: 50px; vertical-align: middle;}
section.login .btm_btn .btn .btn_join{display: inline-block; width: 222px; height: 53px; background-color: #65748e; color: #fff; border: 1px solid #65748e; line-height: 50px; box-sizing: border-box; vertical-align: middle;}
section.login .btm_btn .btn .btn_join a{display: block; width: 100%; height: 100%; font-size: 16px; vertical-align: middle; text-align: center;}