@charset "utf-8";

/********** btn **********/
.btn{display:inline-block;position:relative;vertical-align:top;border:1px solid;box-sizing:border-box}
.btn.arr:after{content:'';position:absolute;top:50%;right:25px;width:4px;height:7px;margin-top:-4px;background:url(/img/t09/contents/arr_4x7_sp.png) no-repeat 0 0}
.btn.arr_white:after{content:'';position:absolute;top:50%;right:25px;width:4px;height:7px;margin-top:-4px;background:url(/img/t09/contents/arr_4x7_sp.png) no-repeat -14px 0}
.btn.arr_ib:after{content:'';display:inline-block;width:4px;height:7px;margin-left:4px;background:url(/img/t09/contents/arr_4x7_sp.png) no-repeat 0 0}
.btn.arr_ib:hover:after{background-position:-14px 0}
/* 기본 사각 버튼 */
.btn_basic{width:150px;padding:0 25px;font-size:15px;font-weight:700;line-height:46px}
/* 작은 사각 버튼 */
.btn_sm{min-width:75px;padding:0 10px;font-size:13px;line-height:28px;text-align:center}
/* 알약 버튼 */
.btn_pill{border-radius:24px}
/* 버튼 컬러 */
.btn_white{color:#808080 !important;border-color:#e7e8e9;background-color:#fff}
.btn_blue{color:#fff !important;border-color:#3272d1;background-color:#3272d1}
.btn_lightblue{color:#fff !important;border-color:#5486d1;background-color:#5486d1}
.btn_gray{color:#808080 !important;border-color:#e7e8e9;background-color:#e7e8e9}
.btn_lightgray{color:#4a4a4a !important;border-color:#cacaca;background-color:#f8fafb}
.btn_darkgray{color:#fff !important;border-color:#373737;background-color:#4a4a4a}
.btn_darkgray.disabled{border-color:#808080;background-color:#808080;cursor:default}
.btn_red{color:#fff !important;border-color:#e52229;background-color:#e52229}
/* 버튼 영역 */
.btn_area{padding-top:20px;text-align:center}
.btn_area.right{text-align:right}
/* 플레이 버튼 */
div.video-js button.vjs-big-play-button{top:0;right:0;bottom:0;left:0;width:50px;height:50px;margin:auto;color:rgba(0,0,0,0.8);line-height:50px;border:none;border-radius:50%;background:rgba(255,255,255,0.8)}

/********** checkbox, radio **********/
.checkbox, .radio{display:inline-block;position:relative;vertical-align:top}
.checkbox input, .radio input{position:absolute;opacity:0}
.checkbox input[disabled] + label, .radio input[disabled] + label{cursor:default}
.checkbox label, .radio label{display:block;min-height:16px;padding-left:16px}
.checkbox label:after{content:'';position:absolute;top:0;left:0;width:16px;height:16px;background:url(/img/t09/common/checkbox_sp.png) no-repeat 0 0}
.checkbox :checked + label:after{background-position:100% 0}
.checkbox input[disabled]:checked + label:after{background-position:100% -26px}
.radio label:after{content:'';position:absolute;top:0;left:0;width:16px;height:16px;background:url(/img/t09/common/radio_sp.png) no-repeat 0 0}
.radio :checked + label:after{background-position:100% 0}
.radio input[disabled]:checked + label:after{background-position:100% -26px}
.checkbox.txt label, .radio.txt label{padding-left:20px;line-height:18px}
.checkbox.txt label:after, .radio.txt label:after{top:2px}

/********** select **********/
.select{display:inline-block;position:relative;width:170px;vertical-align:top;cursor:pointer}
.select label{display:block;position:absolute;top:0;left:0;width:100%;height:33px;padding:0 10px;line-height:31px;border:1px solid #cacaca;box-sizing:border-box}
.select label:after{content:'';position:absolute;top:0;right:0;width:31px;height:31px;border-left:1px solid #cacaca;background:#f3f6f6 url(/img/t09/button/select.png) no-repeat 50% 50%}
.select select{width:100%;height:33px;opacity:0}

/********** tab **********/
.tab{display:table;width:100%;border-bottom:1px solid #3272d1}
.tab > li{display:table-cell;width:8.33%}
.tab > li a{display:block;position:relative;color:#4a4a4a;font-size:14px;line-height:51px;text-align:center;border-top:1px solid #e7e8e9;border-right:1px solid #e7e8e9;background-color:#f8fafb}
.tab > li:first-child a{border-left:1px solid #e7e8e9}
.tab > li.active a{background-color:#fff}
.tab > li.active a:after{content:'';position:absolute;top:-1px;left:-1px;width:100%;height:100%;border:1px solid #3272d1;border-bottom-color:#fff}
.tab_wrap{border-top:1px solid #e7e8e9;border-bottom:1px solid #cacaca}
.tab01{width:1200px;margin:0 auto;border-bottom:none}
.tab01 > li a{color:#373737;font-size:17px;line-height:57px;border:none}
.tab01 > li:first-child a{border-left:none}
.tab01 > li.active a{color:#3272d1;font-weight:900;background-color:#f8fafb}
.tab01 > li.active a:before{content:'';position:absolute;bottom:-9px;left:50%;width:14px;height:11px;margin-left:-7px;background:url(/img/t09/common/bg_tab01_active.png) no-repeat 0 0;z-index:10}
.tab01 > li.active a:after{top:auto;bottom:-1px;left:0;height:3px;border:none;background-color:#3272d1}
.tab_area .tab_conts .conts{display:none}
.tab_area .tab_conts .conts.active{display:block}

/********** table **********/
table tbody td.color_rd{color:#e04343}
table tbody td.color_ye{color:#d6c52b}
table tbody td.color_gn{color:#5fbf39}
table tbody td.color_bl{color:#3272d1}
/* list */
.tbl_list{width:100%;border-top:2px solid #3272d1}
.tbl_list thead th{height:49px;line-height:21px;text-align:center;vertical-align:middle;border-bottom:1px solid #e7e8e9;border-right:1px solid #e7e8e9;background-color:#f8fafb}
.tbl_list thead th .checkbox{vertical-align:middle}
.tbl_list thead th sup{top:-4px;font-size:10px}
.tbl_list tbody th{font-weight:normal}
.tbl_list tbody th,
.tbl_list tbody td{height:49px;padding:7px 10px;line-height:20px;text-align:center;vertical-align:middle;border-bottom:1px solid #e7e8e9;border-right:1px solid #e7e8e9;box-sizing:border-box}
.tbl_list thead th:last-child, .tbl_list tbody td:last-child{border-right:none}
.tbl_list tbody td.txt_term{line-height:17px}
.tbl_list tbody td.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tbl_list tbody td.pdrl0{padding-right:0;padding-left:0}
.tbl_list tbody td.bdr{border-right:1px solid #e7e8e9}
.tbl_list tbody td .link{display:inline-block;overflow:hidden;max-width:100%;vertical-align:top;text-overflow:ellipsis;white-space:nowrap}
.tbl_list tbody td .line{text-decoration:underline}
.tbl_list tbody td .btn_lightgray:hover{color:#fff !important;border-color:#373737;background-color:#4a4a4a}
.tbl_list tbody td .checkbox:not(.txt), .tbl_list tbody td .radio:not(.txt){margin-top:2px}
.tbl_list tbody td .select{text-align:left}
.tbl_list tbody td .txt_w{display:inline-block;width:55px}
.tbl_list tbody td .nodata{padding:58px 0;font-size:16px;text-align:center}
.tbl_list tbody td .nodata:before{content:'';display:block;width:30px;height:30px;margin:0 auto 15px;vertical-align:top;background:url(/img/t09/icon/ico_nodata.png) no-repeat 0 0}
.tbl_list tbody tr.row_none{display:none}
.tbl_list tbody tr.tfoot th,
.tbl_list tbody tr.tfoot td{background-color:#f8fafb}
.tbl_list tbody tr.tfoot th{font-weight:700}
.tbl_list tbody tr.tfoot td{font-weight:900}
.tbl_list tbody .no_data td{padding:100px 0}
.tbl_list.type01{border-top-color:#4a4a4a}
.tbl_list.type01 thead th{font-size:16px;font-weight:normal;border-right:none;background:#fff url(/img/t09/contents/tbl_list_line.gif) no-repeat 100% 50%}
.tbl_list.type01 thead th:first-child, .tbl_list.type01 thead th:last-child{background-image:none}
.tbl_list.type01 thead th:first-child{border-right:1px solid #e7e8e9}
.tbl_list.type01 tbody td:nth-last-child(2){border-right:none}
.tbl_list.type01 tbody td{border-left:none}
.tbl_list.type01 tbody tr.none{display:none}
.tbl_list.td_h76 tbody td{height:76px}
.tbl_list.type02{border-top:none}
.tbl_list.type02 thead th{color:#fff;background-color:#3272d1}
.tbl_list.type02 tfoot th,
.tbl_list.type02 tfoot td{height:49px;color:#fff;font-weight:700;line-height:21px;text-align:center;vertical-align:middle;border-right:1px solid #e7e8e9;background-color:#3272d1}
.tbl_list.type02 tfoot td:last-child{margin-right:0}
.tbl_list.type03 thead th:first-child{border-bottom-color:#f8fafb}
.tbl_list.type03 tbody th:first-child{padding-bottom:50px;font-weight:700;background-color:#f8fafb}

/* write */
.tbl_write{width:100%}
.tbl_write tbody tr:first-child th, .tbl_write tbody tr:first-child td{border-top:2px solid #3272d1}
.tbl_write tbody th{height:48px;padding:16px 0;vertical-align:middle;border-right:1px solid #e7e8e9;border-bottom:1px solid #e7e8e9;background-color:#f8fafb;box-sizing:border-box}
.tbl_write tbody th .aster{color:#3272d1;font-weight:700}
.tbl_write tbody td{height:48px;padding:8px 30px;color:#4a4a4a;font-size:14px;line-height:20px;vertical-align:middle;border-bottom:1px solid #e7e8e9;box-sizing:border-box}
.tbl_write tbody td .btn_sm{line-height:31px}
.tbl_write tbody td .tip{margin-top:5px;padding-left:16px;text-indent:-16px;word-break:keep-all}
.tbl_write tbody td .tip.emph{color:#ef151e}
.tbl_write tbody td + th{border-left:1px solid #e7e8e9}
.tbl_write tbody tr.row_none{display:none}
.tbl_write tbody tr.row_none.active{display:table-row}
.tbl_write.tc tbody td{border-right:1px solid #e7e8e9}
.tbl_write.tc tbody th:last-child,
.tbl_write.tc tbody td:last-child{border-right:none}
/* view */
.board_view > dt{display:table;width:100%;border-top:2px solid #3272d1;border-bottom:1px solid #e7e8e9;background-color:#f8fafb}
.board_view > dt .tit_area{display:table-cell;width:auto;padding:36px 30px 37px;font-weight:normal;box-sizing:border-box}
.board_view > dt .tit_area .tit{font-size:20px;font-weight:700;line-height:24px;vertical-align:middle;word-break:break-all}
.board_view > dt .tit_area .cate{display:block;margin-bottom:10px;color:#3272d1}
.board_view > dt .date{display:table-cell;width:140px;color:#4a4a4a;font-size:14px;text-align:center;vertical-align:middle}
.board_view > dd{min-height:300px;padding:30px;font-size:14px;line-height:24px;border-bottom:1px solid #e7e8e9;box-sizing:border-box}
.board_view > dd.attached_file{min-height:auto;padding-top:10px;padding-bottom:10px}
.board_view > dd.attached_file .file_tit{margin-right:30px}
.board_view > dd.answer{background-color:#f8fafb}
.board_prev_next > li{border-bottom:1px solid #e7e8e9}
.board_prev_next > li dl{position:relative;padding-left:100px;font-size:13px}
.board_prev_next > li dl dt{position:absolute;top:0;left:0;width:100px;height:42px;color:#4a4a4a;line-height:42px;text-align:center}
.board_prev_next > li dl dt:after{content:'';position:absolute;top:50%;right:0;width:7px;height:5px;margin-top:-2px;background:url(/img/t09/contents/arr_up_down_bold_sp.png) no-repeat 0 0}
.board_prev_next > li dl dd{padding:12px 15px;color:#808080;line-height:18px}
.board_prev_next > li dl dd a{display:inline-block;overflow:hidden;max-width:100%;color:#4a4a4a;vertical-align:top;text-overflow:ellipsis;white-space:nowrap}
.board_prev_next > li:first-child dl dt:after{background-position:-17px 0}

/********** form **********/
/* 휴대전화 폼 */
.phone_form{display:inline-block;vertical-align:top}
/*.phone_form input{width:64px}*/
.phone_form .select{width:84px}
.phone_form .bar{margin:0 10px;line-height:33px}
/* 이메일 폼 */
.email_form{display:inline-block;vertical-align:top}
.email_form input{width:200px}
.email_form .select{width:170px}
.email_form .at{margin:0 10px;line-height:33px}
.email_form .email_inp{display:none;margin-left:10px}
.email_form .email_inp.active{display:block}
/* 주소 폼 */
.address_form .row + .row{margin-top:8px}
.address_form .row input{width:524px}
.address_form .row .inp_w200{width:200px}
.address_form .row .btn_zipcode{margin-left:10px;color:#4a4a4a !important;border-color:#cacaca}
.address_form .row .btn_zipcode:before{content:'';display:inline-block;width:13px;height:13px;margin-right:2px;vertical-align:middle;background:url(/img/t09/icon/zipcode.gif) no-repeat 0 0}
.address_form .bar{margin:0 10px;line-height:33px}
/* 파일첨부 폼 */
.file_form{display:inline-block;position:relative;vertical-align:top}
.file_form .file_name{overflow:hidden;width:300px;height:33px;padding:0 10px;color:#cacaca;line-height:31px;text-overflow:ellipsis;white-space:nowrap;border:1px solid #cacaca;background-color:#fff;box-sizing:border-box}
.file_form .file_name.active{color:#373737}
.file_form input{position:absolute;top:-999px;left:-999px;opacity:0}
.file_form label{width:70px;height:33px;margin-left:10px;color:#fff;font-size:12px;line-height:34px;text-align:center;border-radius:3px;background-color:#808080}
.file_form .btn_file_del{width:70px;height:33px;margin-left:5px;color:#4a4a4a;font-size:12px;line-height:32px;text-align:center;border:1px solid #cacaca;border-radius:3px;background-color:#f8fafb;box-sizing:border-box}.file_form{display:inline-block;position:relative;vertical-align:top}

.file_form2{display:inline-block;position:relative;vertical-align:top}
.file_form2 .file_name2{overflow:hidden;width:300px;height:33px;padding:0 10px;color:#cacaca;line-height:31px;text-overflow:ellipsis;white-space:nowrap;border:1px solid #cacaca;background-color:#fff;box-sizing:border-box}
.file_form2 .file_name2.active{color:#373737}
.file_form2 input{position:absolute;top:-999px;left:-999px;opacity:0}
.file_form2 label{width:70px;height:33px;margin-left:10px;color:#fff;font-size:12px;line-height:34px;text-align:center;border-radius:3px;background-color:#808080}
.file_form2 .btn_file_del2{width:70px;height:33px;margin-left:5px;color:#4a4a4a;font-size:12px;line-height:32px;text-align:center;border:1px solid #cacaca;border-radius:3px;background-color:#f8fafb;box-sizing:border-box}.file_form2 .file_name2{overflow:hidden;width:300px;height:33px;padding:0 10px;color:#cacaca;line-height:31px;text-overflow:ellipsis;white-space:nowrap;border:1px solid #cacaca;background-color:#fff;box-sizing:border-box}

.file_form3{display:inline-block;position:relative;vertical-align:top}
.file_form3 .file_name3{overflow:hidden;width:300px;height:33px;padding:0 10px;color:#cacaca;line-height:31px;text-overflow:ellipsis;white-space:nowrap;border:1px solid #cacaca;background-color:#fff;box-sizing:border-box}
.file_form3 .file_name3.active{color:#373737}
.file_form3 input{position:absolute;top:-999px;left:-999px;opacity:0}
.file_form3 label{width:70px;height:33px;margin-left:10px;color:#fff;font-size:12px;line-height:34px;text-align:center;border-radius:3px;background-color:#808080}
.file_form3 .btn_file_del3{width:70px;height:33px;margin-left:5px;color:#4a4a4a;font-size:12px;line-height:32px;text-align:center;border:1px solid #cacaca;border-radius:3px;background-color:#f8fafb;box-sizing:border-box}
/* 첨부 파일 리스트 */
.file_list li{position:relative;margin-right:20px;padding-left:25px}
.file_list li:before{content:'';position:absolute;top:4px;left:0;width:16px;height:16px;background:url(/img/t09/icon/attached_file.gif) no-repeat 0 0}
.file_list li a{color:#4a4a4a;font-size:14px}
/* 검색폼 */
.search{display:inline-block;position:relative;width:100%;vertical-align:top}
.search input{width:100%;padding-right:34px;padding-left:10px;border-color:#e7e8e9;background-color:#f8fafb}
.search .btn_search{position:absolute;top:1px;right:1px;width:34px;height:33px;background:url(/img/t09/button/search.png) no-repeat 50% 50%}

/********** pagination **********/
.pagination{padding-top:40px;text-align:center}
.pagi_num{display:inline-block;vertical-align:top}
.pagi_num a{display:block;width:26px;margin:0 2px;color:#656565;font-size:14px;line-height:29px}
.pagi_num a.active{color:#3272d1;text-decoration:underline}
.pagi_num .pagiArr{width:29px;height:29px;background-image:url(/img/t09/button/pagi_arr_sp.png)}
.pagi_num .pagiArr.disabled{cursor:default}
.pagi_num .mostprev{margin:0;background-position:0 0}
.pagi_num .prev{margin:0 14px 0 3px; background-position:-39px 0} /** background-position:-39px 0 **/
.pagi_num .next{margin:0 3px 0 14px; background-position:-78px 0} /** background-position:-78px 0 **/
.pagi_num .mostnext{margin:0;background-position:-117px 0}


/********** list ***********/
.list_type01 > li{display:table;position:relative;width:100%;min-height:100px;padding:50px 0;border-bottom:1px solid #e7e8e9}
.list_type01 > li:before{content:'';position:absolute;top:50px;left:0;width:100px;height:100px}
.list_type01 > li > dl{display:table-cell;padding-left:124px;vertical-align:middle}
.list_type01 > li > dl > dt{padding-top:20px;font-size:22px;font-weight:900}
.list_type01 > li > dl > dd{margin-top:14px;color:#444;line-height:24px}
/* .list_type01 > li > dl > dd ol > li{padding-left:16px;text-indent:-16px} */
/* 블릿 타입 */
.list_type02 > li{position:relative;padding-left:13px;line-height:23px;text-align:left;word-break:keep-all}
.list_type02 > li:before{content:'';position:absolute;top:9px;left:0;width:3px;height:3px;background-color:#4a4a4a}
.list_type02.red > li:before{background-color:#ef151e}
.list_type03 > li{line-height:25px}
/* 약관 */
.policy_area .tr .btn_sm{line-height:31px}
.policy_area .policy_list > li + li{margin-top:30px}
.policy_area .policy_list > li .policy_tit{display:block;margin-bottom:15px;font-size:20px;font-weight:900}
.policy_area .policy_list > li .policy_sec > dt{font-size:16px;font-weight:900}
.policy_area .policy_list > li .policy_sec > dd{padding-top:10px;line-height:24px}
.policy_area .policy_list > li .policy_sec > dd > .mt{margin-top:10px}
.policy_area .policy_list > li .policy_sec > dd a{text-decoration:underline}
.policy_area .policy_list > li .policy_sec strong{display:block;margin:10px 0 -5px;font-weight:normal}
.policy_area .policy_list > li .policy_sec li{word-break:keep-all}
.policy_area .policy_list > li .policy_sec .alpha_list > li > *,
.policy_area .policy_list > li .policy_sec .num_list > li > *,
.policy_area .policy_list > li .policy_sec .dash_list > li > *{padding-left:0;text-indent:0}
.policy_area .policy_list > li .policy_sec .alpha_list > li{margin-top:10px;padding-left:20px;text-indent:-20px}
.policy_area .policy_list > li .policy_sec .alpha_list.parenthesis > li{margin-top:0;padding-left:27px;text-indent:-27px}
.policy_area .policy_list > li .policy_sec .num_list > li{padding-left:20px;text-indent:-20px}
.policy_area .policy_list > li .policy_sec .alpha_list > li ol,
.policy_area .policy_list > li .policy_sec .dash_list{margin-top:5px}
.policy_area .policy_list > li .policy_sec .dash_list > li{padding-left:10px;text-indent:-10px}
.policy_area .notice > dt{font-size: 16px;font-weight: 700;line-height: 160%;}
.policy_area .notice > dd{line-height: 160%;}
.policy_area .notice > dd strong{display: block;color: #3272d1;}
.policy_area .notice > dd strong span{color: #f00;}
.policy_area .notice > dd .next_tit{margin: 10px 0 5px;color: #000;font-size: 16px;}
.policy_area .notice > dd li + li{margin-top: 10px;padding-top: 10px;border-top: 1px solid #cacaca;}
.policy_area .notice > dd p + p{margin-top:6px;}


/********** no page **********/
.no_page{margin:75px 0 110px;padding-top:270px;text-align:center;background:url(/img/t09/contents/no_page.gif) no-repeat 50% 0}
.no_page > dt{font-size:27px;font-weight:900}
.no_page > dd{margin-top:15px;line-height:24px}


/********** loading **********/
.loading_area{display:table;position:relative;width:100%;height:calc(100vh - 653px);min-height:500px}
.loading_area .loading{display:table-cell;padding-top:50px;font-size:18px;line-height:150%;text-align:center;vertical-align:middle}
.loading_area .loading .loading_bar{position:relative;overflow:hidden;width:120px;height:120px;margin:0 auto 100px;color:#3272d1;font-size:110px;text-indent:-9999px;border-radius:50%;transform:translateZ(0);animation:loading 1.7s infinite ease, round 1.7s infinite ease}


/* 공통 레이어 팝업 */
.layer_popup{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999}
.layer_popup.active{display:block}
.layer_popup .dim{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.7)}
.layer_popup .popup{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;width:620px;max-height:90%;padding:50px;margin:auto;border-radius:20px;background-color:#fff;box-sizing:border-box}
.layer_popup .popup .btn_close{position:absolute;top:20px;right:20px;width:39px;height:39px;background:url(/img/t09/button/pop_close.png) no-repeat 50% 50%}
.layer_popup .popup .pop_tit{display:block;font-size:27px;font-weight:900}
.layer_popup .popup .pop_tit.bg{margin-bottom:10px;padding-top:63px;text-align:center;background:url(/img/t09/contents/bg_pop_tit.gif) no-repeat 50% 0}
.layer_popup .popup .pop_tit.line{margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid #4a4a4a}
.layer_popup .popup .pop_txt{margin-bottom:10px;text-align:center}
/* 팝업 - 로그인 > 아이디, 비밀번호 찾기 */
.layer_popup .id_find_popup{width:720px;height:518px}
.layer_popup .id_find_popup .result_box{display:table;width:100%;height:90px;padding:10px;text-align:center;border:1px solid #4a4a4a;box-sizing:border-box}
.layer_popup .id_find_popup .result_box p{display:table-cell;font-size:16px;font-weight:700;vertical-align:middle}
.layer_popup .id_find_popup .result_tip{margin-top:10px;padding-left:12px;line-height:150%;word-break:keep-all;text-indent:-12px}
.layer_popup .pw_find_popup{width:720px;height:568px}
.layer_popup .pw_find_popup .email_form .email_inp{width:100%;margin:5px 0 0}
/* 팝업 - 로그인 > 회원가입 */
.layer_popup .join_popup{overflow:hidden;width:1200px;height:725px}
.layer_popup .join_popup .result_box{display:table;width:100%;height:90px;padding:10px;text-align:center;border:1px solid #4a4a4a;box-sizing:border-box}
.layer_popup .join_popup .result_box p{display:table-cell;font-size:16px;font-weight:700;vertical-align:middle}
.layer_popup .join_popup .result_tip{margin-top:10px;padding-left:12px;line-height:150%;word-break:keep-all;text-indent:-12px}
/* 팝업 -  메인 > 관심분야 선택 */
.popup.interest_popup{overflow-y:hidden;width:764px;height:927px;padding:0;border-radius:0}
.interest_popup iframe{overflow:hidden;height:100%;vertical-align:top}
.interest_pop_cont{position:relative;height:100%;padding-bottom:85px;background-color:#f7f8fb;box-sizing:border-box}
.interest_pop_cont .btn_area{position:fixed;bottom:0;left:0;width:100%}
.interest_pop_cont .btn_area .btn{width:100%;font-size:16px;line-height:83px;text-align:center}
.interest_pop_cont .btn_area .btn_gray{color:#808080;border-color:#f2f2f2;background-color:#f2f2f2}
.interest_pop_cont .btn_area.clearfix .btn{width:50%}
.interest_pop_cont .interest_txt{height:842px;padding-top:50px;color:#4a4a4a;font-size:16px;text-align:center;background:url(/img/t09/contents/bg_interest_pop.jpg) no-repeat 50% 100%;box-sizing:border-box}
.interest_pop_cont .interest_txt dt strong{display:block;margin-top:10px;font-size:30px;font-weight:900}
.interest_pop_cont .interest_txt dd{width:360px;margin:15px auto 0;line-height:46px;border-top:1px solid #e7e8e9;border-bottom:1px solid #e7e8e9}
.interest_pop_cont .interest_txt dd b{color:#3272d1}
.interest_pop_cont .interest_area{padding:50px 30px;box-sizing:border-box}
.interest_pop_cont .interest_area > dt{font-size:28px}
.interest_pop_cont .interest_area > dd > .txt{margin:10px 0 40px;color:#4a4a4a;font-size:16px}
.interest_pop_cont .interest_list{margin-left:-16px}
.interest_pop_cont .interest_list > li{width:224px;margin:10px 0 0 16px}
.interest_pop_cont .interest_list > li .tit{display:block;position:relative;width:100%;height:52px;font-size:16px;line-height:50px;text-align:center;border:1px solid #e7e8e9;box-sizing:border-box}
.interest_pop_cont .interest_list > li .step{display:none;position:relative;width:704px;margin:30px 0 20px;border-top:3px solid #3272d1;border-bottom:3px solid #3272d1}
.interest_pop_cont .interest_list > li:nth-child(2) .step{left:-240px}
.interest_pop_cont .interest_list > li:nth-child(3) .step{left:-480px}
.interest_pop_cont .interest_list > li .step > li{display:none;border-top:1px solid #eee}
.interest_pop_cont .interest_list > li .step > li:first-child{display:block;border-top:none}
.interest_pop_cont .interest_list > li .step > li.active{display:block}
.interest_pop_cont .interest_list > li .step > li dl{padding:30px 22px}
.interest_pop_cont .interest_list > li .step > li dl dt{color:#3272d1;font-size:13px}
.interest_pop_cont .interest_list > li .step > li dl dt a,
.interest_pop_cont .interest_list > li .step > li dl dt strong{color:#373737;font-size:16px;font-weight:bold}
.interest_pop_cont .interest_list > li .step > li dl dd{margin-top:10px}
.interest_pop_cont .interest_list > li .step > li dl dd .checkbox{margin:10px 27px 0 0}
.interest_pop_cont .interest_list > li .tit:hover,
.interest_pop_cont .interest_list > li.active .tit,
.interest_pop_cont .interest_list > li.selected .tit{color:#3272d1;font-weight:700;border-color:#3272d1}
.interest_pop_cont .interest_list > li.active .tit:after{content:'';position:absolute;bottom:-34px;left:50%;width:16px;height:11px;margin-left:-8px;background:url(/img/t09/contents/bg_interest_pop_arr.gif) no-repeat 0 0;z-index:1}
.interest_pop_cont .interest_list > li.active .step{display:block}
/* 팝업 - 역량진단 > 자기개발계획수립 > 과정상세 */
.popup.class_detail_popup{width:830px;height:692px}
.popup.class_detail_popup .pop_tit{font-size:18px;font-weight:700;text-align:center}
.class_detail_popup .btn_area{padding-top:30px}
.class_detail_popup .btn_area .btn{width:102px}
/* 팝업 - 나의 강의실 > 안내 */
.notice_popup.pop_class{height:470px}
.notice_popup.pop_assess{height:712px}
.notice_popup .notice_list{padding-top:10px}
.notice_popup .notice_list > li{padding:30px 0;border-top:1px solid #e7e8e9}
.notice_popup .notice_list > li:first-child{border-top:none}
.notice_popup .notice_list > li dl dt{font-size:19px;font-weight:900;line-height:25px}
.notice_popup .notice_list > li dl dd{margin-top:9px}
.notice_popup .notice_list > li .list li{padding-left:10px;line-height:25px;text-indent:-10px}
.notice_popup .btn_area .btn_basic{width:auto}
.notice_popup .btn_area .btn.arr_white:after{display:inline-block;position:static;margin-left:50px}
/* 팝업 - 프로필 변경 > 비밀번호 변경 */
.pw_popup{height:710px}
.pw_popup .pw_guide{margin-bottom:30px}
.pw_popup .pw_guide dt{font-weight:700}
.pw_popup .pw_guide dd{margin-top:5px}
/* 팝업 - QNA > 비밀번호 입력 */
.pw_input_popup{width:400px !important;height:350px}
.pw_input_popup .simplebar-content{display:table;width:100%;height:100%;box-sizing:border-box}
.pw_input_popup .pw_input{display:table-cell;vertical-align:middle}
.pw_input_popup .pw_input dt{margin-bottom:30px;font-size:22px;font-weight:700;text-align:center}
.pw_input_popup .pw_input .inp_area input{width:100%}
/* 공통 윈도우 팝업 */
.win_popup{height:100%}
.win_popup .popup{position:relative;height:100%;padding:50px;box-sizing:border-box}
.win_popup .popup .btn_close{position:absolute;top:20px;right:20px;width:39px;height:39px;background:url(/img/t09/button/pop_close.png) no-repeat 50% 50%}
.win_popup .popup .pop_tit{display:block;margin-bottom:30px;padding-bottom:15px;font-size:27px;font-weight:900;border-bottom:2px solid #4a4a4a}
.win_popup .popup .pop_txt{line-height:20px}
.win_popup .popup .pop_txt.indent{padding-left:16px;text-indent:-16px}
.win_popup .popup .btn_area.right .btn{margin-left:2px}
.win_popup #scrollArea{padding-bottom:100px}
.win_popup #scrollArea .btn_top{position:fixed;right:50px;bottom:50px;width:31px;height:31px;background:url(/img/t09/button/class_prev_next_sp.png) no-repeat 0 0;opacity:0;transform:rotate(90deg);transition:opacity linear .4s}
.win_popup #scrollArea .btn_top.active{opacity:0.6}
.assessment_popup .guide > dt,
.assessment_popup .notice_list > li dt,
.assessment_popup .sec > dt,
.assessment_popup .question_area .question_top_area .tit,
.assessment_popup .test_area .test_guide > li > dl > dt,
.task_popup .sec > dt{position:relative;padding-left:10px;font-size:20px;font-weight:700}
.assessment_popup .guide > dt:before,
.assessment_popup .notice_list > li dt:before,
.assessment_popup .sec > dt:before,
.assessment_popup .question_area .question_top_area .tit:before,
.assessment_popup .test_area .test_guide > li > dl > dt:before,
.task_popup .sec > dt:before{content:'';position:absolute;top:0;left:0;width:4px;height:19px;background-color:#373737}
/* 팝업 - 평가 시험보기 */
.assessment_popup .guide{padding-bottom:30px}
.assessment_popup .guide > dd{margin-top:5px;line-height:23px}
.assessment_popup .guide > dd .list{margin:20px 0;padding:20px 0;border-top:1px dashed #808080;border-bottom:1px dashed #808080}
.assessment_popup .guide > dd .list li{padding-left:16px;text-indent:-16px}
.assessment_popup .guide > dd .emph{color:#ef151e}
.assessment_popup .notice_list > li{padding-bottom:30px}
.assessment_popup .notice_list > li dd{margin-top:20px;line-height:23px}
.assessment_popup .notice_list > li ol.list{margin:20px 0;padding:20px 0;border-top:1px dashed #808080;border-bottom:1px dashed #808080}
.assessment_popup .notice_list > li .emph{color:#ef151e}
.assessment_popup .question_area .btn_area.right .tc{width:auto}
.assessment_popup .question_area .iframe_question{width:100%;height:235px}
.assessment_popup .question_area .question_top_area{margin:20px 0 15px}
.assessment_popup .question_area .question_top_area .tit{font-size:20px}
.assessment_popup .question_area .question_top_area .font_size{float:right}
.assessment_popup .question_area .question_top_area .font_size dt{font-size:13px;line-height:20px}
.assessment_popup .question_area .question_top_area .font_size dd{margin-left:5px}
.assessment_popup .question_area .question_top_area .font_size dd .btn_size{position:relative;display:inline-block;width:20px;height:20px;vertical-align:top;border:1px solid #e7e8e9;box-sizing:border-box}
.assessment_popup .question_area .question_top_area .font_size dd .btn_size:before,
.assessment_popup .question_area .question_top_area .font_size dd .btn_size:after{content:'';position:absolute;top:50%;left:50%;width:5px;height:1px;margin-left:-2px;background-color:#808080}
.assessment_popup .question_area .question_top_area .font_size dd .btn_size.minus:after{display:none}
.assessment_popup .question_area .question_top_area .font_size dd .btn_size.plus:after{transform:rotate(90deg)}
.assessment_popup .question_area .question_top_area .font_size dd .btn_size.defalut:before{top:8px}
.assessment_popup .question_area .question_top_area .font_size dd .btn_size.defalut:after{top:10px}
.assessment_popup .question_area .question_list > li{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e7e8e9}
.assessment_popup .question_area .question_list > li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.assessment_popup .test_area{margin-top:30px}
.assessment_popup .test_area .test_guide > li {word-break:keep-all}
.assessment_popup .test_area .test_guide > li > dl > dt .emph{color:#3272d1}
.assessment_popup .test_area .test_guide > li > dl > dd{margin-bottom:20px;padding-bottom:20px;line-height:24px;border-bottom:1px dashed #808080}
.assessment_popup .test_area .test_guide > li > dl > dd:last-child{border-bottom:none}
.assessment_popup .test_area .test_guide > li > dl > dd.sub_txt{margin:5px 0 0;padding-bottom:0;border-bottom:none}
.assessment_popup .test_area .test_guide > li > dl > dd.indent{padding-left:16px;text-indent:-16px}
.assessment_popup .test_area .test_guide > li .sec_txt{margin-top:20px}
.assessment_popup .test_area .test_guide > li .sec_txt > dt{width:200px;padding:0 15px;color:#fff;font-size:16px;font-weight:700;line-height:30px;text-align:center;border-radius:15px;background-color:#808080;box-sizing:border-box}
.assessment_popup .test_area .test_guide > li .sec_txt > dd{margin-top:5px}
.assessment_popup .test_area .test_guide > li .num_list li{padding-left:24px;font-weight:700;text-indent:-24px}
.assessment_popup .test_area .test_guide > li .num_list li > *{text-indent:0}
.assessment_popup .test_area .test_guide > li .num_list li p{margin-bottom:5px}
.assessment_popup .test_area .test_guide > li .num_list li:last-child p{margin-bottom:0}
.assessment_popup .test_area .test_guide > li .num_list li .num{color:#3272d1}
.assessment_popup .test_area .test_guide > li .num_list li .tip{font-size:14px;font-weight:normal}
.assessment_popup .test_area .test_guide > li .num_list li .btn{margin-top:5px;font-weight:normal}
.assessment_popup .test_area .test_guide > li .list li{padding-left:10px;text-indent:-10px}
.assessment_popup .sec > .tip{padding-left:16px;color:#4a4a4a;font-size:14px;line-height:22px;text-indent:-16px}
.assessment_popup .tbl_write tbody th{height:45px;padding:14px 0 14px 20px;color:#3272d1;text-align:left}
.assessment_popup .tbl_write tbody td{height:45px;font-size:15px}
.assessment_popup .tbl_write tbody td b{font-weight:900}
.assessment_popup .txt_time{position:relative;margin-top:20px;padding:16px 25px;color:#fff;border-radius:10px;background-color:#3272d1}
.assessment_popup .txt_time dt{position:relative;margin-right:12px;padding-left:33px;font-size:18px;font-weight:700;line-height:34px}
.assessment_popup .txt_time dt:before{content:'';position:absolute;top:0;left:0;bottom:0;width:24px;height:24px;margin:auto;background:url(/img/t09/icon/ico_time.png) no-repeat 0 0}
.assessment_popup .txt_time dd .time{display:inline-block;padding:0 15px;color:#3272d1;font-size:21px;font-weight:900;line-height:34px;vertical-align:top;border-radius:5px;background-color:#fff}
.assessment_popup .txt_time dd .tip{position:absolute;top:50%;right:20px;font-size:14px;line-height:34px;margin-top:-17px}
.assessment_popup .omr_area{position:fixed;top:50px;right:50px;width:390px;padding:24px;border:1px solid #e5e5df;border-radius:10px;background-color:#f7f7f0;box-shadow:1px 0 15px rgba(0,0,0,.1);box-sizing:border-box}
.assessment_popup .omr_area .tip{padding-left:12px;font-size:13px;line-height:19px;text-indent:-12px}
.assessment_popup .omr_area .omr{max-height:calc(100vh - 253px);margin-top:17px}
.assessment_popup .omr_area .omr .tit_area{border:1px solid #3d95d2;background-color:#dce9f2}
.assessment_popup .omr_area .omr .tit_area dl{width:50%;color:#3272d1;font-size:12px;line-height:26px;text-align:center;box-sizing:border-box}
.assessment_popup .omr_area .omr .tit_area dl + dl{border-left:1px solid #3d95d2}
.assessment_popup .omr_area .omr .tit_area dl dt{width:27px;margin-right:8px;border-right:1px solid #3d95d2}
.assessment_popup .omr_area .omr .tit_area dl dd{width:24px;margin-left:1px}
.assessment_popup .omr_area .omr_list_area{overflow:hidden;position:relative;border:1px solid #3d95d2;border-top:none}
.assessment_popup .omr_area .omr_list_area:before,
.assessment_popup .omr_area .omr_list_area:after{content:'';position:absolute;top:0;bottom:0;left:0;width:27px;border-right:1px solid #3d95d2;background-color:#dce9f2}
.assessment_popup .omr_area .omr_list_area:after{left:50%;border-left:1px solid #3d95d2}
.assessment_popup .omr_area .omr_list{float:left;width:50%;box-sizing:border-box}
.assessment_popup .omr_area .omr_list + .omr_list{padding-left:1px}
.assessment_popup .omr_area .omr_list > li{display:table;position:relative;width:100%;text-align:center;table-layout:fixed;z-index:1}
.assessment_popup .omr_area .omr_list > li .num{display:table-cell;width:27px;padding:3px 0 4px;color:#3272d1;font-size:12px;line-height:21px;vertical-align:middle;border-right:1px solid #3d95d2}
.assessment_popup .omr_area .omr_list > li .omr_num{display:table-cell;padding-left:8px;vertical-align:middle;box-sizing:border-box}
.assessment_popup .omr_area .omr_list > li .omr_num li{width:24px;margin-left:1px}
.assessment_popup .omr_area .omr_list > li .omr_num li span{display:inline-block;width:16px;color:#3272d1;font-size:10px;font-weight:700;line-height:19px;vertical-align:top;border:1px solid #3272d1;border-radius:8px;box-sizing:border-box;cursor:default}
.assessment_popup .omr_area .omr_list > li .omr_num li.active span{color:#fff;background-color:#3272d1}
.assessment_popup .omr_area .omr_list > li:nth-child(5n+1) > *{padding-top:10px}
.assessment_popup .omr_area .omr_list > li:nth-child(5n+1){border-top:1px solid #3d95d2}
.assessment_popup .omr_area .omr_list > li:nth-child(5n) > *{padding-bottom:10px}
.assessment_popup .omr_area .omr_list > li:first-child{border-top:none}
.assessment_popup .omr_area .btn_area{font-size:0}
.assessment_popup .omr_area .btn_area .btn{width:128px;margin-right:10px}
.assessment_popup .omr_area .btn_area .btn:last-child{margin-right:0}
.assessment_popup.test{height:auto;padding-right:490px}
.assessment_popup.test .pop_tit{margin-bottom:10px;padding-bottom:13px;line-height:1.2}
.answer > dl{position:relative;margin-top:20px}
.answer > dl > dt{font-weight:700}
.answer > dl > dd .answer_list{padding-top:10px}
.answer > dl > dd .answer_list li{position:relative;margin-left:10px;padding-left:20px}
.answer > dl > dd .answer_list li:after{content:'';position:absolute;top:0;left:0;width:16px;height:16px;background:url(/img/t09/common/radio_sp.png) no-repeat 0 0}
.answer > dl > dd .answer_list li.active:after{background-position:100% 0}
.answer > dl > dd .answer_chk{position:absolute;top:0;right:0;font-size:18px;font-weight:700}
.answer > dl > dd .answer_chk dd{margin-left:4px;color:#3272d1}
.answer > .explain > dd{margin-top:10px;padding:15px;line-height:24px;border:1px solid #e7e8e9}
.question > dt{position:relative;padding-left:30px;font-size:20px;font-weight:700;line-height:26px;word-break:keep-all}
.question > dt:before{content:'';position:absolute;top:0;left:0;width:24px;height:24px;background:url(/img/t09/contents/qna_sp.png) no-repeat 0 0}
.question > dd{margin-top:14px}
.question > dd{margin-bottom:14px}
.question > dd .list li{padding:5px 0 5px 20px;text-indent:-20px}
.question > dd .list li .radio,
.question > dd .list li .btn_play{text-indent:0}
.question > dd .txt label{line-height:120%}
.question > dd .txt :checked + label{font-weight:700}
.question > dd .txt [disabled]:checked + label{font-weight:normal}
.question > dd .fc_red .txt label{color:#ef151e}
.question > dd.text{margin-top:10px;padding-bottom:10px}
.question > dd.text .txt_box{display:inline-block;overflow-y:auto;width:370px;height:270px;margin:0 3px 5px 0;padding:10px;line-height:150%;vertical-align:top;border:1px solid #cacaca;box-sizing:border-box}
.question img{width:250px;margin-right:3px}
.question .btn_play span{display:inline-block;padding-left:20px;font-weight:400;vertical-align:top;background:url(/img/t09/icon/play.png) no-repeat 0 50%}
/* 팝업 - 설문 */
.survey_popup .survey_sec > dt{width:200px;margin-bottom:20px;padding:0 15px;color:#fff;font-size:16px;font-weight:700;line-height:30px;text-align:center;border-radius:15px;background-color:#808080;box-sizing:border-box}
.survey_popup .survey_sec > dd .survey_list > li{margin-bottom:20px;padding-bottom:20px;border-bottom:1px dashed #808080}
.survey_popup .survey_sec > dd .survey_list > li:last-child{margin-bottom:0;border-bottom:none}
.survey_popup .btn_area.right .tc{width:auto}
/* 팝업 - 과제, 토론 */
.task_popup .sec + .sec{margin-top:50px}
.task_popup .sec > dd{margin-top:20px}
.task_popup .sub_sec{margin-bottom:20px}
.task_popup .sub_sec > dt{width:200px;padding:0 15px;color:#fff;font-size:16px;font-weight:700;line-height:30px;text-align:center;border-radius:15px;background-color:#808080;box-sizing:border-box}
.task_popup .sub_sec > dd{margin-top:5px}
.task_popup .sub_sec > dd .list li{padding-left:10px;line-height:24px;text-indent:-10px}
.task_popup .agree_area{padding-top:10px;border-top:1px dashed #808080}
.task_popup .agree_area li{margin-top:10px}
.task_popup .board_view > dt .date{width:260px;padding-right:30px;color:#3272d1;text-align:right;box-sizing:border-box}
.task_popup .board_view > dd{min-height:auto}
.task_popup .btn_area.right .tc{width:auto}
/* 팝업 - 수료증 */
.certificate_area{position:relative;width:calc(100% - 20px);height:calc(100% - 20px);margin:0 auto}
.certificate_area .bg{position:static;line-height:1}
.certificate_area .bg img{width:100%}
.certificate_area .txt_area{position:absolute;top:2.25vw;left:9vw;line-height:1}
.certificate_area .txt_area *{position:absolute;font-size:2.6vw;font-weight:700}
.certificate_area .top_num{width:78vw}
.certificate_area .info_area{top:37.6vw;left:24vw;width:62vw;height:17vw}
.certificate_area .info_area .name{top:0;left:0}
.certificate_area .info_area .place{top:4.75vw;left:0}
.certificate_area .info_area .classname{top:9.85vw;left:0}
.certificate_area .info_area .training{top:14.72vw;left:0}
.certificate_area .institution{top:76.8vw;left:22vw;width:33vw;text-align:center}
.certificate_area .date{top:110vw;left:5vw;width:70vw;text-align:center}

@keyframes loading{
	0%{box-shadow:0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em}
	5%, 95%{box-shadow:0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em}
	10%,59% {box-shadow:0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em}
	20% {box-shadow:0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em}
	38% {box-shadow:0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em}
	100%{box-shadow:0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em}
}
@keyframes round{
	0%{transform:rotate(0deg)}
	100%{transform:rotate(360deg)}
}

@media print {
  body * {
    visibility: hidden;
  }
  #section-to-print, #section-to-print * {
    visibility: visible;
  }
  #section-to-print {
    position: absolute;
    left: 0;
    top: 0;
  }
}

.upload-name {display: inline-block;width:401px;padding:3px 10px;  /* label의 패딩값과 일치 */background-color: #fff;border: 1px solid #d6d6d6;font-size: 12px;line-height: normal;vertical-align: middle;border-right:none;-o-appearance:none;-ms-appearance: none;-webkit-appearance: none; /* 네이티브 외형 감추기 */-moz-appearance: none;appearance: none;}
.upload-name2 {overflow:hidden; display: inline-block; width:401px; height:100px !important; /* label의 패딩값과 일치 */ color:#333;  background-color: #fff;  border: 1px solid #d6d6d6; font-size: 15px; line-height: normal; vertical-align: middle; /*  -o-appearance:none; -ms-appearance: none; -webkit-appearance: none; 네이티브 외형 감추기  -moz-appearance: none;  appearance: none; */}
.dn {display:none}