*{margin:0;padding:0;font-family:pretendard;word-break:keep-all}
.blind{ position:absolute;top:0;left:0;width:1px;height:1px;padding:0;margin:-1px;border:0;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}
.clearfix:after{content:"";display:block;clear:both}
.mo_gnb_btn{display:none}
.mobile{display:none}
.mo_sitemap{display:none}
.mo_site{display:none}
#wrap{width:100%;height:auto;position:relative;/*min-width:1360px;*/overflow:hidden}
html{font-size:16px}
a{text-decoration:none;color:#000}
strong{font-weight:600}
ul,li,ol{list-style:none}
caption{visibility:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0}
table{border-collapse:collapse;padding:0;border-spacing:0}
textarea{padding:12px;width:100%;line-height:18px;font-size:16px;box-sizing:border-box;-webkit-appearance:none;border:1px solid #ddd;overflow-y:auto}
button{background:none;appearance:none;-webkit-appearance:none;-moz-appearance:none}

input[type="tel"],
input[type="text"],
input[type="date"],
input[type="email"],
input[type="password"]{display:inline-block;padding:0 10px;height:40px;border:1px solid #ddd;background-color:#fff;color:#000;font-size:16px;box-sizing:border-box;font-weight:normal;font-family:"pretendard";vertical-align:middle}
input::placeholder{font-size:16px;color:#acacac;font-family:"pretendard"}
input::-ms-clear,
input::-ms-reveal{display:none}
input:-ms-input-placeholder{font-size:16px;color:#acacac}/* IE적용 */
input[type='radio']{display:inline-block;border:1px solid #ddd}
input.inp-rdonly{background-color:#f5f5f5;color:#acacac;cursor:inherit}
input.inp-rdonly:focus{border:1px solid #ddd}
.ipt{display:inline-block;width:100%;vertical-align:middle}
.ipt input{width:100%}
.sel{display:inline-block;width:100%;vertical-align:middle}
.sel select{-webkit-appearance:none;border:1px solid #ddd;border-radius:0;font-size:16px;width:100%;height:40px;line-height:40px;vertical-align:middle;padding:0 30px 0 10px;background:#fff url('/img/bg_select.png') calc(100% - 12px) 50% no-repeat;background-size:13px auto;color:#000}
[class*='ipt_group0'] .dash,
[class*='ipt_group0'] .at{line-height:35px}
.ipt_group01{position:relative;padding-right:40px} /* table 상단 검색창 영역 */
.ipt_group01 .ipt{display:block}
.ipt_group01 .btn_srch{position:absolute;top:0;right:0;width:40px;height:40px;background:url('/img/btn_search.png') #333 center no-repeat;background-size:16px auto}
.ipt_group02{display:flex;gap:4px;width:100%}
.ipt_group02 .sel{flex:1}
.ipt_group02 .ipt{flex:1}
.ipt_group03{display:flex;width:100%}
.ipt_group03 .ipt_num{display:flex;gap:4px}
.ipt_group03 .ipt_num{display:flex;flex:1}
.ipt_group03 .ipt_num .sel{min-width:68px;flex:1}
.ipt_group03 .ipt_num .ipt{flex:1}
.ipt_group03 .btn_type04{margin-left:8px;height:40px;line-height:40px;font-size:16px}

.chk_group{display:inline-block;text-align:left}
.chk_group:after{content:"";display:block;clear:both}
.chk_group .chk{display:inline-block;float:left;position:relative;margin-right:40px}
.chk_group .chk:last-child{margin-right:0}
.chk{display:inline-block;vertical-align:middle}
.chk label{display:inline-block;position:relative;min-height:22px;padding:0 0 0 34px;text-align:left;box-sizing:border-box;font-weight:normal;line-height:22px}
.chk label:before{content:'';display:inline-block;position:absolute;top:0;left:0;width:22px;height:22px;background-image:url('/img/ico_chk.png');background-repeat:no-repeat;background-position:0 0;background-size:22px auto}
.chk input[type='checkbox']{position:absolute;top:0;left:0;width:22px;height:22px;margin:0;padding:0;opacity:0}
.chk input[type='checkbox']:disabled + label{color:#888}
.chk input[type='checkbox']:checked:disabled + label{color:#888}
.chk input[type='checkbox']:checked + label:before{background-position:0 -22px}
.chk input[type='checkbox']:disabled + label:before{background-position:0 -44px}
.chk input[type='checkbox']:checked:disabled + label:before{background-position:0 -66px}

.rdo_group .rdo{display:inline-block;position:relative;margin-right:40px}
.rdo_group .rdo:last-child{margin-right:0}
.rdo{display:inline-block;vertical-align:middle}
.rdo label{display:inline-block;position:relative;min-height:22px;padding:0 0 0 34px;text-align:left;font-weight:normal;line-height:22px;box-sizing:border-box}
.rdo label:before{content:'';display:inline-block;position:absolute;top:0;left:0;width:22px;height:22px;background-image:url('/img/ico_rdo.png');background-repeat:no-repeat;background-position:0 0;background-size:22px auto}
.rdo input[type='radio']{position:absolute;top:0;left:0;width:22px;height:22px;margin:0;padding:0;opacity:0}
.rdo input[type='radio']:disabled + label{color:#888}
.rdo input[type='radio']:checked:disabled + label{color:#888}
.rdo input[type='radio']:checked + label:before{background-position:0 -22px}
.rdo input[type='radio']:disabled + label:before{background-position:0 -44px}
.rdo input[type='radio']:checked:disabled + label:before{background-position:0 -66px}
.rdo input[type='radio']:focus{outline:none}

/* button */
button{border:0;vertical-align:middle}
.btn_wrap{display:flex;justify-content:center;width:100%;box-sizing:border-box;margin:80px 0 120px}
.btn_wrap a{width:100%}
.btn_wrap.half:after{display:block;content:'';clear:both}
.btn_wrap.half a{float:left;margin:0 10px;width:50%}
.btn_wrap.full{}
a.btn_type01,
a.btn_type02,
a.btn_type03,
a.btn_type04{display:inline-block;padding:0 13px;max-width:250px;height:60px;color:#fff;font-size:18px;font-weight:600;text-align:center;line-height:60px;box-sizing:border-box}
a.btn_type01{background-color:#042a59}
a.btn_type02{background-color:#555}
a.btn_type03{background-color:#3c94dc}
a.btn_type04{border:1px solid #ddd;background-color:#fff;color:#000}
a.btn_type04.sm{height:50px;line-height:50px}

/* color */
.clr01{color:#ff2a2a} /* red */
.clr02{color:#009cff} /* blue */
.clr03{color:#7d7d7d} /* gray */

/* title */
.tit_ty01{font-size:42px;font-weight:600}
.tit_ty02{}
.tit_ty03{font-size:22px;font-weight:600}
.tit_ty04{font-size:18px;font-weight:600}
.tit_txt{margin-top:40px;font-size:28px;line-height:1.5}

/* etc */
.alink{display:inline-block;margin-left:5px;text-decoration:underline}
.txt_msg{font-size:14px;margin-top:8px} /* 입력폼 하단에 안내성 메시지 */
.img_wrap{display:block}
.img_wrap.ctr{text-align:center}
.img_wrap.full img{width:100%}
.line_box01{padding:40px;border:1px solid #000;text-align:center}
.line_box01 .desc{font-size:28px;text-align:center}
.line_box01 .list_type03{display:inline-block;margin-top:30px}
.line_box01 .list_form{margin-top:20px}
.line_box01 .btn_wrap{margin:20px 0 0;padding:0}

/* 블릿 */
ul.lst_bul01 > li,.bul01{position:relative;display:block;padding-left:16px}
ul.lst_bul01 > li:after,.bul01:after{content:"\203B";clear:both;position:absolute;left:0;top:0;display:inline-block;width:10px;height:20px}
ul.lst_bul02 > li,.bul02{position:relative;display:block;padding-left:16px;margin-top:6px;line-height:32px}
ul.lst_bul02 > li:after,.bul02:after{clear:both;display:block;content:'';position:absolute;left:0;top:14px;width:4px;height:4px;background-color:#000;border-radius:50%}
ul.lst_bul03 > li,.bul03{position:relative;display:block;padding-left:16px;line-height:32px}
ul.lst_bul03 > li:after,.bul03:after{clear:both;display:block;content:'';position:absolute;left:0;top:15px;width:6px;height:2px;background-color:#000}
ul.lst_bul_chk > li,.bul_chk{position:relative;display:block;padding-left:30px;margin-top:30px;font-size:24px;line-height:34px}
ul.lst_bul_chk > li:first-child{margin-top:0}
ul.lst_bul_chk > li:after,.bul_chk:after{clear:both;display:block;content:'';position:absolute;left:0;top:5px;width:20px;height:20px;background:url('/img/ot_check.png') no-repeat 0 0}
.bul_chk{margin-top:0}
.list_type01 > li{padding-left:30px;background:url('/img/bul_type01.png') 0 5px no-repeat;text-align:left}
.list_type02{display:inline-block;text-align:left}
.list_type02 > li{position:relative;padding-left:8px;margin-top:10px;color:#666}
.list_type02 > li:after{clear:both;content:'';position:absolute;top:8px;lefT:0;display:inline-block;background-color:#666;width:2px;height:2px}
.list_type03 > li{margin-top:12px;font-size:20px;text-align:left}

/*헤더*/
.header{width:100%}
.header .top{width:100%;height:100px;position:relative}
.header .top.main{display:none}
.header .top .logo{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}
.header .top .sub_logo{position:absolute;left:20px;top:50%;transform:translateY(-50%)}
.header .top .top_menu{position:absolute;right:0;top:0}
.header .top .top_menu ul{display:flex}
.header .top .top_menu ul li{width:100px;height:100px;text-align:center;display:flex;justify-content:center;align-items:center}
.header .top .top_menu ul li.login_btn{background:#009cff}
.header .top .top_menu ul li.join_btn{background:#80288f}
.header .top .top_menu ul li.study_btn{background:#032a58}
.header .top .top_menu ul li.my_btn{background:#5e6e88}
.header .top .top_menu ul li a{color:#fff;display:block}
.header .gnb{width:100%;height:80px;text-align:center;position:absolute;left:0;top:100px;background-color:#032a58;z-index:100}
.header .gnb.gnb_bg{height:460px;background:#f2f2f2;transition:0.1s}
.header .gnb nav{width:100%;height:80px}
.header .gnb.gnb_bg nav{border-bottom:1px solid #d8d9db}
.header .gnb nav .main_menu{display:inline-block;height:80px}
.header .gnb nav .main_menu li{float:left;width:170px;height:100%;line-height:80px;font-size:19px}
.header .gnb nav .main_menu li a{color:#fff;font-weight:bold}
.header .gnb.gnb_bg nav .main_menu li a{color:#000}
.header .gnb.gnb_bg nav .main_menu li:hover > a{color:#009cff}
.header .gnb nav .main_menu .ham_btn{position:relative}
.header .gnb nav .main_menu .ham_btn div{content:"";display:block;width:30px;height:2px;background:#fff;position:absolute;left:50%;transform:translateX(-50%)}
.header .gnb.gnb_bg nav .main_menu .ham_btn div{background:#000}
.header .gnb nav .main_menu .ham_btn .ham_1{top:30px}
.header .gnb nav .main_menu .ham_btn .ham_2{top:50%;transform:translate(-50%, -50%)}
.header .gnb nav .main_menu .ham_btn .ham_3{bottom:30px}
.header .gnb nav .main_menu .sub_menu{height:auto;padding:20px 0;display:none}
.header .gnb nav .main_menu .sub_menu li{float:none;line-height:normal;height:auto;padding:10px 0}
.header .gnb nav .main_menu .sub_menu li a{font-size:16px;color:#333}
.header .gnb nav .main_menu:hover .sub_menu{display:block}

/*서브페이지 공통*/
.center{max-width:1200px;margin:0 auto}
.section{width:100%;margin-top:80px;padding-bottom:50px}
.section .center{max-width:1200px;margin:0 auto;box-sizing:border-box}
.section .center .title{font-size:42px;font-weight:bold}
.section .center .button{text-align:right;margin-bottom:60px}
.section .center .button a{border:1px solid #000;color:#000;padding:15px 35px;font-size:18px;display:inline-block;margin-top:60px}
.section .center .page_menu{width:100%;height:80px;line-height:80px;display:flex;border-top:1px solid #000;border-bottom:1px solid #dfdfdf;margin:100px 0 60px;position:relative;z-index:1}
.section .center .page_menu div{position:relative}
.section .center .page_menu div::after{content:"";display:block;position:absolute;top:50%;transform:translateY(-50%);right:0;width:1px;height:30px;background:#dfdfdf}
.section .center .page_menu div:last-child::after{display:none}
.section .center .page_menu .home{width:10%;text-align:center}
.section .center .page_menu .home a img{vertical-align:middle}
.section .center .page_menu .menu,
.section .center .page_menu .sub_menu,
.section .center .page_menu .sub2_menu{width:25%;position:relative}
.section .center .page_menu .menu button,
.section .center .page_menu .sub_menu button,
.section .center .page_menu .sub2_menu button{font-size:20px;background:none;border:none;cursor:pointer;text-indent:20px;width:100%;text-align:left}
.section .center .page_menu .sub_menu button,
.section .center .page_menu .sub2_menu button{color:#032a58;width:100%;text-align:left}
.section .center .page_menu .menu button img,
.section .center .page_menu .sub_menu button img,
.section .center .page_menu .sub2_menu button img{/* margin-left:80px;vertical-align:middle;*/ position:absolute;right:20px;top:50%;transform:translateY(-50%)}
.section .center .page_menu .menu ul,
.section .center .page_menu .sub_menu ul,
.section .center .page_menu .sub2_menu ul{max-height:0;overflow:hidden;background:#fff;text-align:left;text-indent:20px}
.section .center .page_menu .menu ul.drop,
.section .center .page_menu .sub_menu ul.drop,
.section .center .page_menu .sub2_menu ul.drop{max-height:500px;border:1px solid #dfdfdf;transition:max-height 0.5s}
.section .center .page_menu .menu ul li,
.section .center .page_menu .sub_menu ul li,
.section .center .page_menu .sub2_menu ul li{height:40px;line-height:40px;font-size:20px}
.section .center .page_menu .menu ul li a,
.section .center .page_menu .sub_menu ul li a,
.section .center .page_menu .sub2_menu ul li a{color:#000}
.section .center .page_menu .page_btn{width:50%;text-align:right}
.section .center .page_menu .page_btn ul{display:inline-block}
.section .center .page_menu .page_btn ul li{float:left;position:relative;width:50px;text-align:center}
.section .center .page_menu .page_btn ul li::after{display:block;content:"";width:1px;height:30px;background:#dfdfdf;position:absolute;top:50%;transform:translateY(-50%);right:0}
.section .center .page_menu .page_btn ul li:last-child::after{display:none}
.section .center .page_menu .page_btn ul li button{background:none;border:none}
.section .center .page_menu .page_btn ul li img{vertical-align:middle}
.section .center .sub_title{font-size:28px;font-weight:bold;margin-bottom:20px}
.fixed{position:fixed;right:30px;top:50%;transform:translateY(-50%);z-index:100;}
.fixed ul li{margin-bottom:10px;width:90px;height:90px;border-radius:50%;background:#f2f2f2;display:flex;justify-content:center;align-items:center;text-align:center}
.fixed ul li:last-child{margin-bottom:0}
.fixed ul li a{color:#000;font-size:14px;font-weight:bold;width:100%}
.fixed ul .fixed_join{background:#009cff}
.fixed ul .fixed_join a{color:#fff}
.fixed ul .fixed_top{background:#000}
.fixed ul li a img{margin-bottom:5px}
.fixed ul li:nth-child(1):hover
,.fixed ul li:nth-child(2):hover
,.fixed ul li:nth-child(3):hover {transition: 0.3s ease; background: #5E6E88;}
.fixed ul li:nth-child(4):hover {transition: 0.3s ease; background: #005a93;} 

/* table wrap */
.tbl_wrap,
.over
{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.tbl_wrap::-webkit-scrollbar,
.over::-webkit-scrollbar
{height:6px}
.tbl_wrap::-webkit-scrollbar-thumb,
.over::-webkit-scrollbar-thumb
{background:rgba(0, 0, 0, 0.05);border-radius:8px}

/* table[board_list] */
.brd_list{width:100%;border-top:2px solid #000;font-size:16px;text-align:center}
.brd_list th{padding:10px 0;border-bottom:1px solid #ccc;font-weight:bold;line-height:36px;background-color:#f5f5f5}
.brd_list td{padding:10px;border-bottom:1px solid #ccc;line-height:36px;text-align:center;box-sizing:border-box}
.brd_list td.tit{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.brd_list td.tit a{display:block;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-decoration:underline;text-align:left}
.brd_list td.align-left{text-align:left;padding-left:10px}
.th_sel select{-webkit-appearance:none;padding:4px 10px 4px 4px;border-width:0 0 1px;border-color:#000;color:#000;font-size:16px;vertical-align:middle;box-sizing:border-box;background-color:transparent;background-image:url('/img/select_arrow.png');background-position:100% center;background-repeat:no-repeat;background-size:10px auto}

/* table[info_list] */
.info_list{width:100%;border-top:2px solid #000;font-size:16px;line-height:22px}
.info_list.cnt td{text-align:center} /* td 가운데 정렬 */
.info_list thead th{background-color:#f5f5f5}
.info_list thead th:last-child{border-right:0}
.info_list th{padding:16px;border:1px solid #ccc;border-width:0 1px 1px 1px;font-weight:bold;text-align:center;background-color:#fbfbfb}
.info_list tr th:first-child{border-left:0}
.info_list td{padding:16px;border:1px solid #ccc;border-width:0 0 1px 1px}
.info_list td:first-child{border-left:0}
.info_list tbody td.tit a{display:block;width:55vw;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:left}

/* 입력폼 list */
.ipt_write_wrap{}
.list_form{margin:0 auto;max-width:500px;font-size:18px;box-sizing:border-box}
.list_form li:first-child{margin-top:0}
.list_form li{margin-top:12px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;min-height:40px}
.list_form .tit{width:30%;min-width:110px;text-align:left;vertical-align:middle;white-space:nowrap;font-weight:600;line-height:40px}
.list_form .cont{width:70%;text-align:left}

/* 입력 table */
.tbl_form{display:flex;flex-wrap:wrap;border-top:2px solid #000;font-size:16px}
.tbl_form dt,
.tbl_form dd{display:flex;align-items:center;padding:10px;min-height:60px;box-sizing:border-box;border-bottom:1px solid #dfdfdf}
.tbl_form dt{width:15%;justify-content:center;margin:0;text-align:center;font-weight:600;background-color:#f5f5f5}
.tbl_form dd{width:35%;margin:0}
.tbl_form dd.full{width:85%}
.tbl_form .sel_hour,
.tbl_form .sel_date{max-width:400px;width:40%}

/* 수강신청 시간 카운팅 */
.top_countdown{margin-top:30px;display:flex;align-items:center;padding:20px;width:100%;color:#fff;box-sizing:border-box;font-size:30px;background:#363636}
.top_countdown .num{display:inline-block;margin-left:4px;padding:6px;min-width:32px;color:#000;text-align:center;font-weight:normal;border-radius:4px;box-sizing:border-box;background-color:#fff;vertical-align:middle}
.top_countdown + .cms_common{margin-top:0}
.time_label{width:75%}
.time_label span{color:#F8FF00}
.time_unit{margin-left:10px;width:100%}
.time_unit .ct_day{display:inline-block}
.time_unit .ct_day .txt{font-size:50px;vertical-align:middle}
.time_unit .ct_day .unit{font-size:26px;font-weight:200;vertical-align:middle}
.time_unit .ct_time{display:inline-block}
.time_btn{margin-left:auto}
.time_btn a{display:inline-block;padding:4px 15px;min-width:150px;color:#fff;font-size:36px;text-align:center;box-sizing:border-box;border-radius:10px;background:#3d5bbe}

/*  수강신청페이지 date 위치 */
.social_worker .date_info .date{top:160px;right:152px} /* 사회복지사 */
.life_landing .date_info .date{top:162px;right:206px}/* 평생교육사 */
.health_landing .date_info .date{top:166px;right:216px}/* 건강가정사 */
.youth_counsel .date_info .date{top:130px;right:142px}/* 청소년지도사 */
.cpa_landing .date_info .date{top:158px;right:174px;color:#fff}/* 경영학 CPA */
.cpa_credit .date_info .date{top:164px;right:212px;color:#fff}/* 경영학 CPA - 학점취득*/
.psy_landing .date_info .date{top:163px;right:146px;color:#fff}/* 심리학 */
.mob_learning .date_info .date{top:163px;right:128px;color:#fff}/* 학습지원센터 - 모바일학습안내서 */

/* 수강신청 - 전체 개설교과목 */
.all_courses{}

/*과정안내 서브페이지*/
.section .center .guide_con1{margin:60px 0}
.section .center .guide_con1 .text{font-size:18px;margin-bottom:10px}
.section .center .guide_con2,
.section .center .guide_con3{margin:60px 0}
.section .center .guide_con2 .text,
.section .center .guide_con3 .text{font-size:18px;margin-bottom:10px}
.section .center .guide_con2 table{margin-top:20px;border-collapse:collapse;border-top:2px solid #000;font-size:18px;width:100%;word-break:keep-all}
.section .center .guide_con2 table tr{border-bottom:1px solid #dfdfdf}
.section .center .guide_con2 table td{padding:20px}
.section .center .guide_con2 table td:first-child{border-right:1px solid #dfdfdf;/* width:20%; */text-align:center}
.section .center .guide_con2 table thead{background:#efefef;font-weight:bold}
.section .center .guide_con2 table thead td{text-align:center}
.section .center .grade{margin:60px 0}
.section .center .grade .text{font-size:18px;margin-bottom:10px}
.section .center .grade table{margin-top:20px;border-collapse:collapse;border-top:2px solid #000;font-size:18px;width:100%;line-height:30px}
.section .center .grade table tr{border-bottom:1px solid #dfdfdf}
.section .center .grade table td{padding:20px}
.section .center .grade table td:first-child{border-right:1px solid #dfdfdf;text-align:center;/* width:20% */}
.section .center .grade table thead{background:#efefef;font-weight:bold}
.section .center .grade table thead td{text-align:center}

/*이수과목 서브페이지*/
.section .center .subject_con1{margin:60px 0;position:relative}
.section .center .subject_con2,
.section .center .subject_con3,
.section .center .subject_con4{margin:60px 0}
.section .center .subject_con1 .text{font-size:18px}
.section .center .subject_con1 > span{font-size:16px;position:absolute;right:0;top:80px}
.section.life .center .subject_con1 > span,
.section.psy .center .subject_con1 > span{top:20px}
.section .center .subject_con1 > span div{content:"";display:block;width:13px;height:13px;background:#042a59;border-radius:2px;position:absolute;left:-20px;top:50%;transform:translateY(-50%)}
.section .center .subject_con1 table,
.section .center .subject_con4 table{margin-top:20px;border-collapse:collapse;border-top:2px solid #353541;font-size:18px;width:100%;word-break:keep-all;line-height:30px}
.section .center .subject_con1 table tr,
.section .center .subject_con4 table tr{border-bottom:1px solid #e7e7e7}
.section .center .subject_con1 table td,
.section .center .subject_con4 table td{padding:20px;text-align:center;border-right:1px solid #e7e7e7}
.section .center .subject_con1 table td:last-child,
.section .center .subject_con4 table td:last-child{border-right:none}
.section .center .subject_con1 table thead,
.section .center .subject_con4 table thead{background:#f5f5f5;font-weight:bold}
.section .center .subject_con1 table td span{color:#042a59;font-weight:600}
.section .center .subject_con1 table td span span{color:#000}
.section .center .subject_con1 .comment{color:#f00d11;margin-top:20px}
.section .center .subject_con1 .button{text-align:right;margin-top:60px}
.section .center .subject_con1 .button a{border:1px solid #000;color:#000;padding:15px 35px;font-size:18px}
.section .center .subject_con2{font-size: 18px;}
.section .center .subject_con2 table{margin-top:20px;border-collapse:collapse;border-top:2px solid #353541;font-size:18px;width:100%;word-break:keep-all}
.section .center .subject_con2 table tr{border-bottom:1px solid #e7e7e7}
.section .center .subject_con2 table td{padding:20px;text-align:center;border-right:1px solid #e7e7e7}
.section .center .subject_con2 table td:last-child{border-right:none}
.section .center .subject_con2 table thead{background:#f5f5f5;font-weight:bold}
.section .center .subject_con2 table tr td:first-child{width:10%}
.section .center .subject_con2 .button{text-align:right;margin-top:60px}
.section .center .subject_con2 .button a{border:1px solid #000;color:#000;padding:15px 35px;font-size:18px}

/*자격증 신청방법 서브페이지*/
.section .center .cert_con1,
.section .center .cert_con2,
.section .center .cert_con3{margin:60px 0}
.section .center .cert_con1 .guide{display:flex;justify-content:center;margin:60px 0}
.section .center .cert_con1 .guide .as{width:250px;text-align:center;margin-right:50px;position:relative;text-align:center}
.section .center .cert_con1 .guide .as:last-child{margin-right:0}
.section .center .cert_con1 .guide .as::after{content:"";display:block;background-image:url('/img/quick0.png');width:34px;height:11px;position:absolute;right:-40px;top:60px}
.section .center .cert_con1 .guide .as:last-child::after{display:none}
.section .center .cert_con1 .guide .as .circle{background:#f6f6f6;width:130px;height:130px;border-radius:50%;display:inline-block;position:relative;margin-bottom:20px}
.section .center .cert_con1 .guide .as .circle img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.section .center .cert_con1 .guide .as p{font-weight:bold;font-size:18px;margin-bottom:10px}
.section .center .cert_con1 .guide .as span{font-size:17px}
.section .center .cert_con1 .manual{display:flex;justify-content:center}
.section .center .cert_con1 .manual .box{width:500px;height:100px;border:2px solid #0066d8;margin-right:20px;background:#f6f6f6;position:relative}
.section .center .cert_con1 .manual .box:last-child{margin-right:0}
.section .center .cert_con1 .manual .box::after{content:"";display:block;width:30px;height:30px;border-radius:50%;background:#0066d8;opacity:0.2;position:absolute;right:85px}
.section .center .cert_con1 .manual .box:first-child::after{top:23px; right: 68px;}
.section .center .cert_con1 .manual .box:last-child::after{bottom:23px}
.section .center .cert_con1 .manual .box a{display:inline-block;height:100%;width:100%;text-align:center;position:relative}
.section .center .cert_con1 .manual .box a p,
.section .center .cert_con1 .manual .box a img{position:absolute;top:50%;transform:translateY(-50%)}
.section .center .cert_con1 .manual .box a p{left:80px;font-size:18px;color:#000}
.section .center .cert_con1 .manual .box a p span{font-weight:bold}
.section .center .cert_con1 .manual .box a img{right:80px}
.section .center .cert_con2 div p{font-size:18px;line-height:30px;word-break:keep-all}
.section .center .cert_con2 div p:last-child{font-size:16px;margin-top:30px}
.section .center .cert_con2 div p span{font-size:16px}
.section .center .cert_con3 div p{font-size:18px;line-height:30px}

/*학습로드맵 서브페이지*/
.section .center .roadmap_con1,
.section .center .roadmap_con2{margin:60px 0}
.section .center .roadmap_con1 div p{font-size:18px}
.section .center .roadmap_con1 table{margin-top:20px;border-collapse:collapse;border-top:2px solid #000;font-size:18px;width:100%;text-align:center;margin-bottom:80px}
.section .center .roadmap_con1 table:last-child{margin-bottom:0}
.section .center .roadmap_con1 table .thead{background:#f5f5f5;font-weight:bold}
.section .center .roadmap_con1 table tr{border-bottom:1px solid #e7e7e7}
.section .center .roadmap_con1 table td{padding:20px;text-align:center;border-right:1px solid #e7e7e7;line-height:30px}
.section .center .roadmap_con1 table .thead td:last-child{border-right:none}
.section .center .roadmap_con1 table a{border:1px solid #000;color:#000;padding:10px 30px;display:inline-block;margin-top:10px}
.section .center .roadmap_con2 div p{font-size:18px;margin-bottom:10px;word-break:keep-all}

/*사회복지사_과정안내 페이지 */
.procedure .list ul { display: flex; align-items: center; justify-content: center; gap: 20px;}
.procedure .list ul .step-item { display: flex; flex-direction: column; justify-content: space-between; font-size: 18px; border: 1px solid #dfdfdf; background: #fff; width: 220px; height: 200px; padding: 20px; border-radius: 5px; } 
.procedure .list ul .step-item span { display: block; color: #333; } 
.procedure .list ul .step-item b {display: inline-block; padding: 5px 0px;text-align: center;width: 108px;color: #fff;background: #0F40E2;border-radius: 20px; } 
.procedure .list ul .step-item:hover {background: #EFF3FF; transition: 0.2s ease; box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.06);}
.procedure .list .arr-item { display: inline-block; } 
.procedure .list .arrow { position: relative;} 
.procedure .list .arrow:before { position: absolute; left: -7px; top: 0; content: ''; width: 10px; height: 10px; border-top: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; transform: rotate(45deg); } 

/*사회복지사_학습로드맵 페이지 */
.standard.roadmap_con1 .tbl_wrap .social_tb { margin-top: 40px; } 
.standard.roadmap_con1 .tbl_wrap .social_tb tbody .tbody { height: 130px; } 
.standard.roadmap_con1 .tbl_wrap .social_tb02 tbody .tbody { height: 100px; }

/*청소년지도사_과정안내 페이지*/
.section.youth .text{position:relative;margin-left:20px}
.section.youth .text::before{content:"-";position:absolute;left:-20px}

/*청소년지도사_이수과목 페이지*/
.section .center .test .text,
.section .center .test_standard .text{font-size:18px;margin-bottom:10px}

/*청소년지도사_학습로드맵 페이지*/
.section .center .procedure table thead{background:#f5f5f5;font-weight:bold}
.section .center .procedure table td:last-child{border-right:none}

/*경영학/CPA 과정안내 페이지*/
.section.busi .center .sub_title2{font-size:24px;font-weight:bold;margin:20px 0}
.section.busi .center .license_list{display:flex;width:100%;flex-wrap:wrap;justify-content:center;text-align:center;margin-bottom:60px}
.section.busi .center .license_list li{width:350px;height:180px;border:1px solid #dfdfdf;margin:10px;display:flex;justify-content:center;align-items:center}
.section.busi .center .license_list li p{font-size:18px}
.section.busi .center .license_list li p span{font-size:22px;font-weight:bold;line-height:40px}
.section.busi .center .credit table,
.section.busi .center .cpa table{margin-top:20px;border-collapse:collapse;border-top:2px solid #000;font-size:18px;width:100%;line-height:30px;text-align:center;word-break:keep-all}
.section.busi .center .credit table tr,
.section.busi .center .cpa table tr{border-bottom:1px solid #dfdfdf}
.section.busi .center .credit table td,
.section.busi .center .cpa table td{padding:20px;border-right:1px solid #dfdfdf}
.section.busi .center .credit table td:last-child,
.section.busi .center .cpa table td:last-child{border-right:none}
.section.busi .center .credit table thead,
.section.busi .center .cpa table thead{background:#efefef;font-weight:bold}
.section.busi .center .credit table thead td,
.section.busi .center .cpa table thead td{text-align:center}
.section.busi .center .cpa table td,
.section.busi .center .cpa table td{border-right:1px solid #dfdfdf}
.section.busi .center .cpa{position:relative;margin:60px 0}
.section.busi .center .cpa .text{font-size:18px}
.section.busi .center .cpa table{width:48%}
.section.busi .center .cpa .position{position:absolute;right:0;bottom:0}

/*경영학/CPA 학습로드맵 페이지*/
.section.busi .center .grade_menu{display:flex;width:100%;justify-content:center;margin:50px 0}
.section.busi .center .grade_menu li{margin-right:50px;width:200px;padding:20px 0;text-align:center;border:1px solid #000;font-weight:bold;font-size:20px;cursor:pointer}
.section.busi .center .grade_menu li:last-child{margin-right:0}
.section.busi .center .grade_menu li.active{background:#032a58;color:#fff}
.section.busi .center .roadmap_con1 > div{display:none}
.section.busi .center .roadmap_con1 > div.active{display:block}
.section.busi .center .roadmap_con1 div .text{font-size:20px}
.section.busi .center .roadmap_con1 table thead{background:#f5f5f5;font-weight:bold}
.section.busi .center .roadmap_con1 table tr td:last-child{border-right:none}

/*심리학_과정안내 페이지*/
.section.psy .center .credit table{margin-top:20px;border-collapse:collapse;border-top:2px solid #000;font-size:18px;width:100%;line-height:30px;text-align:center;word-break:keep-all}
.section.psy .center .credit table tr{border-bottom:1px solid #dfdfdf}
.section.psy .center .credit table td{padding:20px;border-right:1px solid #dfdfdf}
.section.psy .center .credit table td:last-child{border-right:none}
.section.psy .center .credit table thead{background:#efefef;font-weight:bold}
.section.psy .center .credit table thead td{text-align:center}
.section.psy .center .cpa table td{border-right:1px solid #dfdfdf}
.section.psy .center .sub_title2{font-size:24px;font-weight:bold;margin:20px 0}
.section.psy .center .license_list{display:flex;width:100%;flex-wrap:wrap;justify-content:center;text-align:center}
.section.psy .center .license_list li{width:350px;height:180px;border:1px solid #dfdfdf;margin:10px;display:flex;justify-content:center;align-items:center}
.section.psy .center .license_list li p{font-size:18px}
.section.psy .center .license_list li p span{font-size:22px;font-weight:bold;line-height:40px}
.section.psy .center .career .career_list{display:flex;justify-content:center;width:100%;margin-bottom:10px}
.section.psy .center .career .career_list li{width:280px;height:300px;margin-right:50px;text-align:center;border:1px solid #dfdfdf}
.section.psy .center .career .career_list li:last-child{margin-right:0}
.section.psy .center .career .career_list li a{color:#000}
.section.psy .center .career .career_list li .career_name{height:70px;line-height:70px;border-bottom:1px solid #dfdfdf;font-size:20px;font-weight:bold}
.section.psy .center .career .career_list li .career_detail{height:230px;font-size:18px;display:flex;align-items:center;justify-content:center}

/*심리학_학습로드맵 페이지*/
.section.psy .center .drop_table table{margin-bottom:50px}
.section.psy .center .drop_table .button{display:block;text-align:right}
.section.psy .center .drop_table .button a{color:#000;border:1px solid #000;padding:15px 35px;font-size:18px;display:inline-block}

/*건강가정사_과정안내 페이지*/
.section.health .center .qual .text{position:relative;margin-left:20px;word-break:keep-all}
.section.health .center .qual .text::before{content:"-";position:absolute;left:-20px}
.section.health .center .qual .button{text-align:right;margin-top:50px}
.section.health .center .qual .button a{color:#000;border:1px solid #000;padding:15px 35px;font-size:18px}
.section.health .center .work .work_list{display:flex;flex-wrap:wrap;justify-content:center}
.section.health .center .work .work_list li{width:270px;height:200px;/* border:1px solid #000; */border: 1px solid #dfdfdf;margin:10px;display:flex;align-items:center;justify-content:center}
.section.health .center .work .work_list li p{text-align:center;font-size:20px}
.section.health .center .work table{margin-top:20px;border-collapse:collapse;border-top:2px solid #000;font-size:18px;width:100%}
.section.health .center .work table tr{border-bottom:1px solid #dfdfdf}
.section.health .center .work table td{padding:20px}
.section.health .center .work table td:first-child{border-right:1px solid #dfdfdf;width:20%;text-align:center}
.section.health .center .work table thead{background:#efefef;font-weight:bold}
.section.health .center .work table thead td{text-align:center}

/*건강가정사_이수과목 페이지*/
.section.health .center .subject_con1 > span{top:30px}

/*평생교육사_이수과목 페이지*/
.section.life .center .old .text{font-size:18px}
.section.life .center .old .detail{margin-top:30px}
.section.life .center .old .detail .item{font-size:18px;font-weight:bold;margin-bottom:20px}
.section.life .center .old .detail .text{margin-bottom:30px;text-indent:20px}

/*푸터 상단 패밀리 사이트*/
.site{width:100%}
.site > ul{display:flex}
.site > ul li{width:50%;height:80px;line-height:80px;font-size:20px;text-indent:30px;background:#000f20;color:#fff;cursor:pointer}
.site > ul li.active{background:#05548f}
.site > ul .degree_btn{text-align:right}
.site > ul li img{vertical-align:middle;margin-left:280px;margin-right:30px;display:none}
.site > ul li img.active{display:inline-block}
.site .degree_btn .minus{margin-left:285px}
.site .degree_site,
.site .family_site{background:#05548f;height:180px;display:flex;align-items:center;display:none}
.site .degree_site.active,
.site .family_site.active{display:flex}
.site .degree_site ul,
.site .family_site ul{display:flex;justify-content:center;align-items:center}
.site .degree_site ul li{margin-right:40px}
.site .family_site ul li{margin-right:120px}
.site .family_site ul li:last-child,
.site .degree_site ul li:last-child{margin-right:0}

/* Family Site - new */
.quick_links{width:100%}
.quick_links .site > ul{display:flex}
.quick_links .site > ul li{position:relative;width:50%;height:62px;padding-right:80px;box-sizing:border-box;line-height:62px;font-size:20px;text-indent:30px;background:#000f20;color:#fff;cursor:pointer;text-align:left}
.quick_links .site > ul li.active{background:#05548f}
.quick_links .degree_btn{text-align:right}
.quick_links .site > ul li img{position:absolute;right:30px;top:50%;vertical-align:middle;display:none}
.quick_links .site > ul li img.active{display:inline-block}
.quick_links .site > ul li .plus{margin-top:-8px}
.quick_links .site > ul li .tit{position:absolute;right:0;width:100%;max-width:600px}
.quick_links .site > ul li .tit:after{clear:both;content:'';display:block;width:17px;height:17px;margin-top:-8px;position:absolute;right:30px;top:50%;background:url('/img/minus.png') 0 center no-repeat}
.quick_links .site > ul li.active .tit:after{background:url('/img/plus_white.png') 0 0 no-repeat}
.quick_links .site > ul li.family_btn .tit{left:0}
.quick_links .degree_site,
.quick_links .family_site{background:#05548f;height:116px;display:flex;align-items:center;display:none}
.quick_links .degree_site.active,
.quick_links .family_site.active{display:flex;justify-content:center}
.quick_links .degree_site ul,
.quick_links .family_site ul{display:flex;justify-content:center;align-items:center}
.quick_links .degree_site ul li{margin-right:40px}
.quick_links .family_site ul li{margin-right:120px}
.quick_links .family_site ul li:last-child,
.quick_links .degree_site ul li:last-child{margin-right:0}

/*푸터*/
.footer{width:100%;background:#1b293a}
.footer .center{width:1200px;margin:0 auto}
.footer .center .footer_menu{display:flex;padding:20px 0;font-size:18px;border-bottom:1px solid #3d4957;margin-bottom:20px}
.footer .center .footer_menu li{margin:0 10px}
.footer .center .footer_menu li:first-child{margin:0 10px 0 0}
.footer .center .footer_menu li a{color:#f6f6f6}
.footer .center .footer_info{display:flex;align-items:center;padding-bottom:20px;position:relative}
.footer .center .footer_info .footer_logo_box{margin-right:50px}
.footer .center .footer_info .footer_text{color:#878b91}
.footer .center .footer_info .footer_sns{display:flex;position:absolute;right:0;top:0}
.footer .center .footer_info .footer_sns div{margin-right:10px;width:30px}
.footer .center .footer_info .footer_sns div:last-child{margin-right:0}
.footer .center .footer_info .footer_sns div img{width:100%}
.footer .center .footer_info .mo_footer_sns{display:none}
.footer .center .footer_info .mo_footer_text{display:none}

/* 통합로그인 센터 */
.login .center{width:1200px;margin:35px auto}
.login .center .title{text-align:left;font-size:42px;font-weight:bold;margin:20px 0}
.login .center .text{font-size:28px;text-align:left;margin:30px 0}
.login .center .text span{color:#41a0f0}
.login .login_flex{text-align:left;display:flex;padding-bottom:50px}
.login .login_flex .login_box{width:53%;position:relative}
.login .login_flex .login_box::after{content:"";display:block;position:absolute;right:0;top:65px;width:1px;height:112px;background:#000}
.login .login_flex .login_box p{font-size:20px;margin:20px 0}
.login .login_flex .login_box input[type="text"],
.login .login_flex .login_box input[type="password"]{width:450px;height:50px;margin-bottom:10px;text-indent:10px;font-size:18px;background:#f2f2f2;border:1px solid #e0e0e0}
.login .login_flex .login_box .login_btn{border:none;background:#000f20;color:#fff;width:120px;height:112px;position:absolute;top:65px;right:30px;font-size:20px}
.login .login_flex .login_box #id_save{margin-top:10px}
.login .login_flex .login_box .find_btn{position:absolute;bottom:-10px;left:184px}
.login .login_flex .login_box .find_btn a{padding:10px 20px;border:1px solid #000;color:#000}
.login .login_flex .login_box .find_btn a:first-child{margin-right:20px}
.login .login_flex .login_btn_box{width:47%;position:relative}
.login .login_flex .login_btn_box a,
.login .login_flex .login_btn_box .cert_btn{width:250px;height:112px;display:inline-block;position:absolute;top:65px;text-align:center;font-size:20px}
.login .login_flex .login_btn_box .cert_btn{position:absolute;left:30px;border:none;background:#41a0f0;color:#fff}
.login .login_flex .login_btn_box .join_btn{right:0;line-height:112px;background:#23456d;color:#fff}
.login .login_bottom .login_top_menu{display:flex;height:150px}
.login .login_bottom .login_top_menu .login_menu_btn{width:20%;background:#f0f8fe;position:relative}
.login .login_bottom .login_top_menu .login_menu_btn::after{content:"";display:block;position:absolute;width:1px;height:100px;background:#dfdfdf;right:0;top:50%;transform:translateY(-50%)}
.login .login_bottom .login_top_menu .login_menu_btn:last-child::after{display:none}
.login .login_bottom .login_top_menu .login_menu_btn a{display:inline-block;width:100%;height:100%}
.login .login_bottom .login_top_menu .login_menu_btn p{position:absolute;left:50%;transform:translateX(-50%);bottom:20px;color:#000;font-size:18px}
.login .login_bottom .login_top_menu .login_menu_btn img{position:absolute;left:50%;transform:translateX(-50%);top:30px}
.login .login_bottom .login_bottom_menu{text-align:left}
.login .login_bottom .login_bottom_menu p{font-size:20px;padding:15px 0;margin-bottom:15px;border-bottom:1px solid #000}
.login .login_bottom .login_bottom_menu p span{color:#41a0f0}
.login .login_bottom .login_bottom_menu ul{width:100%}
.login .login_bottom .login_bottom_menu ul li{float:left;width:calc(25% - 23px);height:80px;line-height:80px;margin-right:30px;box-sizing:border-box}
.login .login_bottom .login_bottom_menu ul li:last-child{margin-right:0}
.login .login_bottom .login_bottom_menu ul li a{display:inline-block;width:100%;height:100%;text-align:center;background:#a2b7c6;color:#fff;font-size:20px}
.login .footer .center{margin:0 auto}

/* 통합로그인 센터 - 범용공동인증서 등록 */
.cert_login .top_text{text-align:left;margin:20px 0}
.cert_login .text_box{background:#eee;text-align:left;padding:20px;margin:20px 0}
.cert_login .text_box p{font-size:20px;line-height:40px;color:#7d7d7d}
.cert_login .text_box p a{display:inline-block;padding:0 10px;color:#fff}
.cert_login .pop_guide{text-align:left}
.cert_login .pop_guide .pop_guide_btn{padding:20px;border:1px solid #000;font-size:24px;cursor:pointer}
.cert_login .pop_guide .pop_guide_con{font-size:24px;padding:20px;background:#eee;margin-bottom:20px;display:none}
.cert_login .pop_guide .pop_guide_con.active{display:block}
.cert_login .pop_guide .pop_guide_con p{line-height:40px;font-size:20px}
.cert_login .pop_guide .pop_guide_con .type{color:#3d57dc}
.cert_login .pop_guide .pop_guide_con img{display:block;margin:20px auto 50px;width:800px}
.cert_login .pop_guide p img{display:none;vertical-align:middle}
.cert_login .pop_guide p .active{display:inline-block}

/*공지사항 페이지*/
.section.notice .mobile_div > .text{font-size:20px;font-weight:bold;margin-bottom:60px}
.section .center .title span{font-size:20px}
.section .center .notice{margin-bottom:60px}
.section .center .notice .notice_search{position:relative;margin-bottom:50px}
.section .center .notice .notice_search .search_btn{position:absolute;right:0;width:40px;height:40px;border:none;background:#333;cursor:pointer}
.section .center .notice .notice_search .search_input{position:absolute;right:40px;border:1px solid #dbdbdb;box-sizing:border-box;height:40px;text-indent:10px}
.section .center .notice .notice_search select{position:absolute;right:225px;border:1px solid #dbdbdb;box-sizing:border-box;height:40px}
.section .center .notice .notice_table table{width:100%;border-collapse:collapse;text-align:center;margin-bottom:30px}
.section .center .notice .notice_table table tr{height:50px}
.section .center .notice .notice_table table thead{border-top:2px solid #009cff;border-bottom:2px solid #dbdbdb}
.section .center .notice .notice_table table tbody tr{border-bottom:1px solid #dbdbdb}
.section .center .notice .notice_table table tbody tr td:nth-child(2){text-align:left}
.section .center .notice .notice_table table tbody tr td a{color:#000}
.section .center .notice .notice_table .page ul{display:flex;justify-content:center}
.section .center .notice .notice_table .page ul li{margin-right:10px;width:30px;height:30px}
.section .center .notice .notice_table .page ul li:last-child{margin-right:0}
.section .center .notice .notice_table .page ul li button{width:100%;height:100%;border:none;background:none;font-size:16px;cursor:pointer}
.section .center .notice .notice_table .page ul li button.active{border-bottom:2px solid #009cff;color:#009cff}

/* paging */
.page_nav{position:relative;margin:0 auto;margin-top:40px;text-align:center}
.page_nav:after{content:'';display:block;clear:both}
.page_nav a{display:inline-block;width:20px;height:15px;color:#555;font-size:16px;line-height:16px;text-align:center;vertical-align:middle;box-sizing:border-box;overflow:hidden}
.page_nav a:active{text-decoration:underline}
.page_nav a.control{position:relative;display:inline-block;width:14px;height:20px;background-position:0 center;background-repeat:no-repeat;background-size:auto 14px}
.page_nav a.control span{display:inline-block;width:1px;height:1px;overflow:hidden;opacity:0}
.page_nav a.first{margin-right:10px;background-image:url('/img/first_btn.png')}
.page_nav a.prev{background-image:url('/img/prev_btn.png')}
.page_nav a.next{background-image:url('/img/next_btn.png')}
.page_nav a.last{margin-left:10px;background-image:url('/img/last_btn.png')}
.page_nav .numbers{display:inline-block;margin:0 10px}
.page_nav .numbers:after{content:'';display:block;clear:both}
.page_nav .numbers a{margin:0 10px}
.page_nav .numbers a.on{font-weight:bold;color:#0099fb}

/* 게시판 상단 검색영역 */
.board_lst_wrap{margin-top:40px}
.brd_header{position:relative;display:flex;margin-bottom:25px;align-items:center;font-size:16px}
.brd_count strong{display:inline-block;padding:0 5px}
.brd_srch{display:flex;align-items:center;margin-left:auto;font-size:0}
.brd_srch .sel{width:auto}
.brd_srch .ipt_group01{margin-left:5px}

/*증명서발급_인터넷자동발급 페이지*/
.section .center .content .guide_title{font-size:25px;font-weight:bold;margin-bottom:20px}
.section .center .content .guide{position:relative;text-indent:20px;line-height:30px}
.section .center .content .guide::after{content:"-";display:block;position:absolute;left:-20px;top:0}
.section .center .content .cert_type{margin-bottom:60px}

/*서디평웹진 페이지*/
.section .content{position:relative;width:100%;margin-bottom:60px}
.dropdown_box{position:relative;margin-bottom:60px;text-align:right}
.sel_type_btn{position:relative;display:inline-block}
.sel_type_btn button{padding:0 36px 0 13px;width:300px;height:53px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;font-size:16px;border:1px solid #dfdfdf;background:#fff url('/img/bg_select.png') calc(100% - 12px) 50% no-repeat;background-size:13px auto}
.webzine_menu{display:none;position:absolute;top:52px;right:0;width:300px;text-align:left;overflow-x:hidden; overflow-y:scroll;background:#fff;box-sizing:border-box;z-index:10}
.webzine_menu.drop{display:block;max-height:500px;border:1px solid #dfdfdf;transition:max-height 0.5s}
.webzine_menu li{height:40px;line-height:40px}
.webzine_menu a{display:block;padding:0 13px;cursor:pointer}

/*수상/인증 페이지*/
.section.awards .content > img{width:100%;margin-bottom:60px}
.section.awards .content .comment{color:#666;margin-bottom:18px;font-size:18px;text-indent:5px}
.section.awards .content .awards_con{display:flex;flex-wrap:wrap}
.section.awards .content .awards_con > div{flex-basis:calc(25% - 10px);margin:5px;margin-bottom:20px;position:relative}
.section.awards .content .awards_con div img{width:100%;height:100%;margin-bottom:10px;position:relative}
.section.awards .content .awards_con div .con_img{position:relative;height:170px;margin-bottom:10px}
.section.awards .content .awards_con div .con_img::after{content:"";background-image:url('/img/sub_award_arrow.png');background-repeat:no-repeat;background-position:center;display:block;width:50px;height:50px;background-color:#0066d8;position:absolute;bottom:0;right:0}
.section.awards .content .awards_con div .con_title{font-size:20px;margin-bottom:5px;color:#000;font-weight:bold}
.section.awards .content .awards_con div .con_writer{color:#666}

/* 이벤트 페이지 */
.section .event_list{width:100%;/* border-top:1px solid #e0e0e0; */border-bottom:1px solid #e0e0e0}
.section .event_list .event{width:100%;height:250px;border-bottom:1px solid #e0e0e0}
.section .event_list .event:last-child{border:none}
.section .event_list .event a{display:flex;width:100%;height:100%}
.section .event_list .event a .event_img{width:30%;position:relative}
.section .event_list .event a .event_img img{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}
.section .event_list .event a .event_text{width:70%;display:flex;flex-direction:column;justify-content:center;padding-left:30px}
.section .event_list .event a .event_text .event_title{color:#000;font-weight:bold;font-size:20px;margin-bottom:10px}
.section .event_list .event a .event_text .event_sum{color:#a9a9a9;font-size:18px;line-height:25px;margin-bottom:10px}
.section .event_list .event a .event_text .event_detail{color:#a9a9a9;font-size:18px;line-height:25px}
.section.event_page .page{margin:30px 0 60px}
.section.event_page .page ul{display:flex;justify-content:center}
.section.event_page .page ul li{margin-right:10px;width:30px;height:30px}
.section.event_page .page ul li:last-child{margin-right:0}
.section.event_page .page ul li button{width:100%;height:100%;border:none;background:none;font-size:16px;cursor:pointer}
.section.event_page .page ul li button.active{border-bottom:2px solid #009cff;color:#009cff}

/* Top Scroll Tab */
.depth_tab{width:100%;overflow-x:auto;overflow-y:hidden;/* margin:60px 0; */margin:60px 0 20px;-webkit-overflow-scrolling:touch}
.depth_tab::-webkit-scrollbar{height:6px}
.depth_tab::-webkit-scrollbar-thumb{background-color:rgba(0, 0, 0, 0.05);border-radius:8px}
.depth_tab ul{position:relative;display:flex;padding:0;margin:0;list-style-type:none;border-bottom:1px solid #e1e1e1}
.depth_tab ul li{position:relative;flex-shrink:0;margin-bottom:-1px;font-size:20px;font-weight:400;cursor:pointer;white-space:nowrap;text-align:center;border-bottom:1px solid #e1e1e1}
.depth_tab ul li a{display:block;padding:10px 20px;color:#a9a9a9;font-weight:600}
.depth_tab ul li.active{border-bottom:3px solid #004c8a;font-weight:700}
.depth_tab ul li.active a{color:#004c8a}

/* tab type01 */
.tab_type01{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;max-width:100%}
.tab_type01::-webkit-scrollbar{height:8px}
.tab_type01::-webkit-scrollbar-thumb{background:rgba(0, 0, 0, 0.05);border-radius:10px}
.tab_type01 ul{display:flex;align-items:stretch;width:100%}
.tab_type01 ul li{display:flex;flex:1;align-items:center;justify-content:center;border:1px solid #cdcdcd;border-width:1px 1px 1px 0;box-sizing:border-box;background-color:#fafafa}
.tab_type01 ul li:first-child{border-left-width:1px}
.tab_type01 ul li a{display:block;padding:10px;font-size:18px;text-align:center;box-sizing:border-box}
.tab_type01 ul li.on{background-color:#fff;border-top:3px solid #7B7DB8;border-bottom:0}
.tab_type01 ul li.on a{font-weight:600}
.tab_cont{padding:30px;border:1px solid #cdcdcd;border-width:0 1px 1px 1px}

/*실습후기 페이지*/
.section .notice_table{position:relative}
.section .notice_table table thead{font-weight:bold}
.section .notice_table .board_button{position:absolute;right:0;bottom:0}
.section .notice_table .board_button ul li{float:left;margin-right:20px}
.section .notice_table .board_button ul li:last-child{margin-right:0}
.section .notice_table .board_button ul li a{padding:15px 35px;border:1px solid #000;color:#000;font-size:18px;/* display:inline-block;*/}

/*수강후기 페이지*/
.section .center .notice .notice_table table tr .notice_type select{border:none;font-size:16px;font-weight:bold;border-bottom:1px solid #000}
.section .center .notice .notice_table.select table tbody tr td:nth-child(2){text-align:center}

/*소개 페이지*/
.section .intro .intro_text{font-size:20px;font-weight:bold;padding:30px 20px;word-break:keep-all}
.section .intro table{width:100%;font-size:18px;border-collapse:collapse;border-top:2px solid #000;text-align:center;margin-bottom:60px}
.section .intro table tr{border-bottom:1px solid #e7e7e7}
.section .intro table tr td{padding:20px;border-right:1px solid #e7e7e7}
.section .intro table tr td:last-child{border-right:none}

/*전화번호 안내 페이지*/
.section .intro .call_guide{display:flex;width:100%;height:200px;border:1px solid #e7e7e7;margin-bottom:30px}
.section .intro .call_guide div{width:50%;position:relative}
.section .intro .call_guide .call::after{content:"";display:block;width:2px;height:150px;background:#e7e7e7;position:absolute;right:0;top:50%;transform:translateY(-50%)}
.section .intro .call_guide div img,
.section .intro .call_guide div p{position:absolute;top:50%;transform:translateY(-50%)}
.section .intro .call_guide div img{left:100px}
.section .intro .call_guide div p{right:100px;font-size:30px;font-weight:bold}
.section .intro .guide_text{font-size:28px;font-weight:bold;margin-bottom:10px}
.section .intro .guide_text_2{font-size:18px;margin-bottom:30px}

/*오시는 길 페이지*/
.section .location img{width:100%;margin:60px 0 10px}
.section .location .address{margin-bottom:60px;font-size:18px;font-weight:bold;line-height:25px}
.section .location .address span{font-weight:400}
.section .location .flex{display:flex;margin:30px 0;padding:30px 0;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.section .location .flex div{width:50%}
.section .location div:last-child{border-bottom:none}
.section .location div .location_type,
.section .location .location_text{font-weight:bold;font-size:20px;margin-bottom:20px}
.section .location div p{margin-bottom:10px}
.section .location div p:last-child{margin-bottom:0}
.section .location div span{width:90px;height:30px;line-height:30px;display:inline-block;text-align:center;font-weight:bold;font-size:18px;color:#fff;margin-right:10px}
.section .location .location_detail{margin-bottom:20px;font-size:18px}
.section .location .location_detail span{font-weight:bold}

/*원격지원 페이지*/
.section.remote_control .guide .flex{display:flex;height:300px;align-items:center}
.section.remote_control .guide .flex .flex_img{width:32%;position:relative}
.section.remote_control .guide .flex .flex_img img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.section.remote_control .guide .flex .flex_text{width:68%}
.section.remote_control .guide .flex .flex_text .guide_title{font-size:28px;font-weight:bold;color:#0078ff;margin-bottom:20px}
.section.remote_control .guide .flex .flex_text .guide_text{font-size:18px;color:#333}
.section.remote_control .guide .guide_1,
.section.remote_control .guide .guide_2{margin-bottom:60px}
.section.remote_control .guide .guide_1 .guide_title,
.section.remote_control .guide .guide_2 .guide_title{font-size:28px;font-weight:bold;margin-bottom:10px}
.section.remote_control .guide .guide_1 .guide_text,
.section.remote_control .guide .guide_2 .guide_text{font-size:18px;color:#333}
.section.remote_control .guide .guide_1 .guide_title img,
.section.remote_control .guide .guide_2 .guide_title img{vertical-align:middle}
.section.remote_control .guide .guide_1 .guide_text{padding-left:40px}
.section.remote_control .guide .guide_2 .guide_text{padding:30px;background:#ebf0f5;margin-bottom:20px}
.section.remote_control .guide .guide_2 .remote_button{text-align:right}
.section.remote_control .guide .guide_2 .remote_button button{border:1px solid #000;color:#000;padding:10px 30px;background:none;font-size:18px;cursor:pointer}

/*수업장애가이드 페이지*/
.section.obstacle .guide .flex .flex_text .guide_title{color:#ff0000}
.section.obstacle .guide .flex .flex_text .guide_text{margin-bottom:20px}
.section.obstacle .guide .flex .flex_text .call{font-size:18px;font-weight:bold}
.section.obstacle .guide .obtacle_guide > ul{display:flex;margin-bottom:20px}
.section.obstacle .guide .obtacle_guide > ul li{width:130px;height:40px;line-height:40px;text-align:center;background:#f3f3f3;font-size:18px;margin-right:5px}
.section.obstacle .guide .obtacle_guide > ul li a{display:inline-block;color:#a9a9a9;width:100%}
.section.obstacle .guide .obtacle_guide > ul li.active{background:#009cff}
.section.obstacle .guide .obtacle_guide > ul li.active a{color:#fff}
.section.obstacle .guide .obtacle_guide .qa{font-size:18px}
.section.obstacle .guide .obtacle_guide .qa .q{width:100%;height:50px;line-height:50px;background:#f3f3f3;overflow:hidden;cursor:pointer;margin-bottom:10px}
.section.obstacle .guide .obtacle_guide .qa .q.active{height:auto}
.section.obstacle .guide .obtacle_guide .qa .q > img{vertical-align:middle;width:30px;margin:0 20px}
.section.obstacle .guide .obtacle_guide .qa .q ul{background:#e1e1e1;padding:20px}
.section.obstacle .guide .obtacle_guide .qa .q ul li{line-height:30px;word-break:keep-all}
.section.obstacle .guide .obtacle_guide .qa .q ul li img{display:block;margin:0 auto}

/*자주하는질문 페이지*/
.section.faq .faq_type{margin-top:20px}
.section.faq .faq_type .qa .a table{border-collapse:collapse;border-top:2px solid #000;width:100%;word-break:keep-all}
.section.faq .faq_type .qa .a table thead{background:#efefef;font-weight:bold}
.section.faq .faq_type .qa .a table tr{border-bottom:1px solid #dfdfdf}
.section.faq .faq_type .qa .a table td{border-right:1px solid #dfdfdf;text-align:center;padding:20px}
.section.faq .faq_type .qa .a table tbody td{background:#fff}

/*학점은행제 제도소개 페이지*/
.section.bank_guide .guide_img{margin:60px 0}
.section.bank_guide .roadmap_con1 .text{font-size:18px;margin-bottom:20px;line-height:30px}
.section.bank_guide .roadmap_con1 .cert_type p{text-align:right}
.section.bank_guide .roadmap_con1 .cert_type table .guide_video_btn{padding:0;margin:0;width:190px;height:70px;display:inline-block;position:relative;background:#dbdbdb;border-radius:5px}
.section.bank_guide .roadmap_con1 .cert_type table .guide_video_btn img{position:absolute;left:20px;top:50%;transform:translateY(-50%)}
.section.bank_guide .roadmap_con1 .cert_type table .guide_video_btn p{text-align:left;position:absolute;right:20px;top:50%;transform:translateY(-50%);font-weight:bold}
.section.bank_guide .roadmap_con1 .comment{font-size:18px;margin-top:20px;line-height:30px}
.section.bank_guide .roadmap_con1 .comment a{border:1px solid #000;padding:2px 5px;border-radius:5px;color:#000;background:#f5f5f5}

/*제휴문의 페이지*/
.section .alliance{text-align:center;margin-bottom:60px}
.section .alliance > p{font-size:25px;font-weight:bold;text-align:center;line-height:40px;margin:60px 0}
.section .alliance > p span{font-size:20px;font-weight:300}
.section .alliance .alliance_box{text-align:center;width:300px;height:180px;display:inline-block;border:3px solid #f0f0f0;background:#fafafa}
.section .alliance .alliance_box .top{height:50px;position:relative}
.section .alliance .alliance_box .top::after{content:"";display:block;position:absolute;width:270px;height:1px;background:#d8d8d8;bottom:0;left:50%;transform:translateX(-50%)}
.section .alliance .alliance_box .top .title{font-size:25px;line-height:50px}
.section .alliance .alliance_box .bottom{position:relative;height:130px}
.section .alliance .alliance_box .bottom p{position:absolute;top:50%;transform:translateY(-50%);width:100%;font-size:18px;font-weight:bold;line-height:30px}
.section .alliance .alliance_box .bottom p span{font-weight:300}

/*장학제도 페이지*/
.section .sizarship .con{margin:60px 0}
.section .sizarship .con .title{font-size:28px;position:relative;text-indent:20px;margin-bottom:10px}
.section .sizarship .con .title::after{content:"";display:block;position:absolute;left:0;top:4px;width:5px;height:80%;max-height:24px;background:#009cff}/* 241111 수정 */
.section .sizarship .con .sub_title{font-size:22px}
.section .sizarship .con .text{font-size:18px;margin-bottom:40px;line-height:30px}
.section .sizarship .con table{border-collapse:collapse;border-top:2px solid #000;font-size:18px;width:100%;text-align:center;margin-bottom:20px}
.section .sizarship .con table thead{background:#f5f5f5;font-weight:bold}
.section .sizarship .con table tr{border-bottom:1px solid #e7e7e7}
.section .sizarship .con table td{padding:20px;border-right:1px solid #e7e7e7;line-height:30px}
.section .sizarship .con table td:last-child{border-right:none}

/*등록상담실 페이지*/
.section.regi_consult .text { font-size: 18px; font-weight: 400; line-height: 30px; margin-bottom: 60px; color: #000; }

/*회원가입 페이지*/
.section.join .center .agree_title { border: 1px solid #032A58; font-size: 20px; padding: 10px 0 10px 0; margin-bottom: 15px; } 
.section.join .center .agree_title span { display: inline; background: #032A58; color: #fff; padding: 14px; margin-right: 12px; }
.section.join .center .require p { margin-top: 20px; font-size: 16px;}
.section.join .center .detail_view_btn { cursor:pointer; border:none; background:none; border-bottom:1px solid #777; color:#777; float:right; font-size:18px; } 

.agr_tit{padding:15px;font-size:24px;font-weight:600;background-color:#f5f5f5}
.agr_join_step .all_agr{display:flex;justify-content:flex-start;margin-top:25px}
.agr_join_step .all_agr .all_chk{display:flex;flex-direction:column;justify-content:center}
.agr_join_step .all_agr a.btn_type04{margin-left:auto}
.agr_step01,
.agr_step02{margin-top:60px}
.terms_cont{margin-top:30px}
.terms_cont .rdo_group{margin-top:30px;text-align:right;}
.terms_lst{margin-top:15px}
.terms_lst{padding:30px 15px;height:235px;overflow-y:scroll;border:1px solid #ccc;background-color:#f5f5f5;box-sizing:border-box}
.info_form_box{display:flex;padding:20px 30px;border:1px solid #ccc}
.info_form_box .desc{display:flex;flex-direction:column;justify-content:center;padding:0 70px 0 90px;width:55%;box-sizing:border-box;background:url('/img/join_icon.png') 0 center no-repeat;}
.info_form_box .right_area{width:45%;min-width:400px;box-sizing:border-box}

.section.join .center .step:last-child::after{display:none}
.section.join .center .detail .radio_box input{width:20px;height:31px;display:inline-block;vertical-align:middle;margin-right:10px}
.section.join .center .step label,
.section.join .center .detail .radio_box label{font-size:18px;display:inline-block;vertical-align:middle}
.section.join .center .step a{position:absolute;right:0;padding:10px 30px;bottom:15px;border:1px solid #000;color:#000;font-size:18px}
.section.join .center .detail p{font-size:18px;font-weight:500;margin-bottom:20px}
.section.join .center .detail .textarea{width:calc(100% - 40px);height:300px;overflow:auto;padding:20px;border:1px solid #e5e5e5;font-size:18px}
.section.join .center .detail .radio_box{text-align:right;margin:20px 0}
.section.join .center .detail .radio_box label{margin-right:10px}
.section.join .center .detail .radio_box label:last-child{margin-right:0}
.section.join .center .step .flex { display: flex; width: 100%; border: 1px solid #e5e5e5; box-sizing: border-box;justify-content: space-around; padding: 30px 0; } 
.section.join .center .step .flex .guide{display: flex; align-items: center; gap:20px;}
.section.join .center .step .flex .guide img{ display: inline-block; width: 69px; height: 95px;}
.section.join .center .step .flex .guide p { display: inline-block;  font-weight: 400; font-size: 17px; } 
.section.join .center .step .flex .guide p span{color:#0095f1}
.section.join .center .step .flex .join_form{padding: 20px 0;width: 475px;}
.section.join .center .step .flex .join_form table{width:100%;font-size:18px}
.section.join .center .step .flex .join_form table tr td{padding:10px}
.section.join .center .step .flex .join_form table tr td:first-child{/* text-align:right; */width:20%}
.section.join .center .step .flex .join_form  table  tr  td  input[type="text"]{/* width:calc(100% - 40px); */width: 100%;padding:10px;font-size:18px;margin:0;border:1px solid #c9c9c9}
.section.join .center .step .flex .join_form table tr td a{position:static;display:inline-block;margin-right:18px}
.section.join .center .require{margin:30px 0;padding:20px;background:#ffecec}
.section.join .center .require{color:#000;font-size:18px;line-height:30px;font-weight:400}/* 241115 :수정 */
.section.join .center .require .tit{margin:0;padding:0;background:none;color:#ff3333;margin-bottom:10px;font-size:24px}/* 241115 :수정 */

/*회원가입 상세페이지*/
.section.join_2 .center .step{margin-bottom:80px}
.section.join_2 .center .step .step_title{font-size:22px;font-weight:bold;position:relative;text-indent:25px;margin:30px 0}
.section.join_2 .center .step .step_title::after{content:'';display:block;width:20px;height:20px;background:url('/img/practice_icon.png');position:absolute;left:0;top:50%;transform:translateY(-50%)}
.section.join_2 .center .step .table{width:100%}
.section.join_2 .center .step .table .row{/* height:60px; */height:80px;display:flex;border-bottom:1px solid #e9e9e9}
.section.join_2 .center .step .table .row.height{height:auto}
.section.join_2 .center .step .table .row:first-child{border-top:2px solid #000}
.section.join_2 .center .step .table .row > div{display:flex;align-items:center;width:50%;border-right:1px solid #e9e9e9}
.section.join_2 .center .step .table .row > div:last-child{border-right:none}
.section.join_2 .center .step .table .row .name_box,
.section.join_2 .center .step .table .row .add_box{width:100%}
.section.join_2 .center .step .table .row .label_box{width:200px;/* height:60px;line-height:60px; */height:80px;line-height:80px;text-align:center;background:#f5f5f5}
.section.join_2 .center .step .table .row.height .label_box{height:100%}
.section.join_2 .center .step .table .row .label_box label{font-size:18px}
.section.join_2 .center .step .table .row .input_box{width:calc(100% - 200px);padding:10px;box-sizing:border-box}
.section.join_2 .center .step .table .row .input_box input,
.section.join_2 .center .step .table .row .input_box select{width:100%;height:40px;box-sizing:border-box;font-size:18px;padding:5px;border:1px solid #c9c9c9}
.section.join_2 .center .step .table .row .input_box button{cursor:pointer;box-sizing:border-box;height:40px;padding:0 20px;border:none;background:#666;color:#fff;font-size:18px}
.section.join_2 .center .step .table .row .input_box span{font-size:18px}
.section.join_2 .center .step .table .row .id_box input{width:calc(100% - 107px)}
.section.join_2 .center .step .table .row .name_box input{background:none;border:none}
.section.join_2 .center .step .table .row .bir_box select{width:27%}
.section.join_2 .center .step .table .row .gender_box .input_box label{position:relative;padding-left:30px;margin-right:10px}
.section.join_2 .center .step .table .row .gender_box input{width:auto;height:auto}
.section.join_2 .center .step .table .row .phone_box input,
.section.join_2 .center .step .table .row .phone_box select{width:30%}
.section.join_2 .center .step .table .row .mail_box {width: 100%;}
.section.join_2 .center .step .table .row .mail_box .input_box {display: flex; align-items: center; gap:10px;}
.section.join_2 .center .step .table .row .mail_box input{width: 30%;}
.section.join_2 .center .step .table .row .mail_box select{width:30%; vertical-align: bottom;}
.section.join_2 .center .step .table .row .add_box #add_input_1{width:calc(100% - 142px)}
.section.join_2 .center .step .table .row .add_box #add_input_2,
.section.join_2 .center .step .table .row .add_box #add_input_3{width:49.7%}
.section.join_2 .center .step .info_box{margin:30px 0}
.section.join_2 .center .step .info_box p{margin:20px 0;font-size:20px;font-weight:bold}
.section.join_2 .center .step .info_box .flex{display:flex;flex-wrap:wrap}
.section.join_2 .center .step .info_box .flex > label{width:calc(50% - 30px);display:flex;align-items:center;height:45px;position:relative;padding-left:30px;font-size:16px}
.section.join_2 .center .step .info_box .flex > label input[type="radio"],
.section.join_2 .center .step .choice_box input[type="radio"],
.section.join_2 .center .step .table .row .gender_box input[type="radio"]{display:none}
.section.join_2 .center .step .info_box .flex > label .on,
.section.join_2 .center .step .choice_box label .on,
.section.join_2 .center .step .table .row .gender_box label .on{width:20px;height:20px;border:1px solid #ddd;border-radius:50%;position:absolute;top:50%;left:0;transform:translateY(-50%)}
.section.join_2 .center .step .info_box .flex > label .on::after,
.section.join_2 .center .step .choice_box label .on::after,
.section.join_2 .center .step .table .row .gender_box label .on::after{content:'';position:absolute;display:none;width:10px;height:10px;box-sizing:border-box;background:#fff;border-radius:50%;position:absolute;top:6px;left:6px}
.section.join_2 .center .step .info_box .flex > label input[type="radio"]:checked + .on,
.section.join_2 .center .step .choice_box input:checked + .on,
.section.join_2 .center .step .table .row .gender_box label input:checked + .on{background:#042a59;border:none;width:22px;height:22px}
.section.join_2 .center .step .info_box .flex > label input[type="radio"]:checked + .on::after,
.section.join_2 .center .step .choice_box input:checked + .on::after,
.section.join_2 .center .step .table .row .gender_box label input:checked + .on::after{display:block}
.section.join_2 .center .step .info_box .flex > label input[type="text"],
.section.join_2 .center .step .choice_box input{width:80%;height:40px;padding:10px;font-size:18px;box-sizing:border-box;margin-left:10px;border:1px solid #c9c9c9}
.section.join_2 .center .step .table .row .re_id_box input{width:calc(100% - 76px)}
.section.join_2 .center .step .step_title.icon{text-indent:0}
.section.join_2 .center .step .step_title.icon::after{display:none}
.section.join_2 .center .step .step_text{font-size:20px;font-weight:bold;margin-bottom:20px}
.section.join_2 .center .step ul{display:flex}
.section.join_2 .center .step ul li{width:25%;text-align:center;font-size:18px;border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;border-top:2px solid #000;box-sizing:border-box}
.section.join_2 .center .step ul li:last-child{border-right:none}
.section.join_2 .center .step ul li .top{height:60px;line-height:60px;background:#f5f5f5;border-bottom:1px solid #e7e7e7}
.section.join_2 .center .step ul li .bottom{display:flex;align-items:center;justify-content:center;height:110px}
.section.join_2 .center .step .choice_box{margin:10px 0;text-align:right;font-size:22px}
.section.join_2 .center .step .choice_box label{position:relative;padding-left:30px;margin-right:20px}
.section.join_2 .center .step .comment{padding:20px;border:1px solid #c9c9c9;background:#f5f5f5;box-sizing:border-box}
.section.join_2 .center .step .comment p{font-size:16px;line-height:25px;color:#666}
.section.join_2 .center .step .comment p span{color:#fb0303}
.section.join_2 .center .step .table .row .input_box.chkbox{display:flex;align-items:center}
.section.join_2 .center .step .table .row .input_box.chkbox input{width:25px;height:25px;box-sizing:border-box;border:1px solid #dbdee1;margin-right:10px}
/* 회원 가입 : 공통 팝업창 */
.popup-wrap { min-width: 320px; height: auto; background: white; padding: 15px 25px; margin: 0 auto; overflow: hidden; box-sizing: border-box;} 
.popup-wrap .line { width: 100%; height: 2px; background-color: #ddd; margin: 12px auto 0; } 
.popup-wrap .line .point-line { width: 10%; height: 4px; background-color: #032A58;} 
.popup-wrap .popup-head { display: flex; justify-content: space-between; align-items: center; padding: 20px 0;} 
.popup-wrap .title { font-size: 18px; font-weight: 600; color: #333; } 
.popup-wrap .close { cursor: pointer; } 
.popup-wrap .close a { color: #333333; text-decoration: none; font-size: 18px; font-weight: 400; padding: 4px; } 
.popup-wrap .pop-content .form-group { margin-bottom: 20px; } 
.popup-wrap .pop-content .form-label { display: block; font-size: 14px; font-weight: 500; color: #333; margin-bottom: 8px; } 
.popup-wrap .pop-content .form-input { width: 100%; padding: 16px; border: 1px solid #e0e0e0; border-radius: 2px; font-size: 14px; background-color: #f8f9fa; color: #333; outline: none; box-sizing: border-box;} 
.popup-wrap .pop-content .form-input::placeholder { color: #bbb; } 
.popup-wrap .pop-content .form-input:focus {background-color: #fff; border-color: #007bff;}
.popup-wrap .pop-content .button-group { display: flex; gap: 12px; margin-top: 22px; } 
.button-group .btn-search
,.button-group .btn-close
,.button-group .btn-duplechek
 { flex: 1; padding: 14px; border: none; font-size: 14px; font-weight: 500; cursor: pointer; } 
.button-group .btn-search { background-color: #284D9E; color: white; }
.button-group .btn-duplechek { background-color: #284D9E; color: white; } 
.button-group .btn-close { background-color: #767676; color: white; } 
.popup-wrap .pop-info {border: 1px solid #E4E4E4; background: #F8F8F8; color: #333; text-align: center; border-radius: 4px; padding: 10px 20px; margin-top: 20px; font-size: 14px;}
.popup-wrap .pop-info p {padding: 10px 0;}
.popup-wrap .pop-info span {font-weight: 600; color: #284D9E;}
.popup-wrap .pop-info .btn-enter { display: inline-block; border: 1px solid #000; color: #000; padding: 14px; background: #fff; cursor: pointer;} 

/* 회원가입 완료 페이지 */
.join-page-body { font-family: 'pretendard'; background-color: #f5f7fa; margin: 0; padding: 0; font-size: 16px; display: flex; justify-content: center; align-items: center; min-height: 70vh; } 
.join-page-container { background-color: #ffffff; border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); padding: 40px; max-width: 600px; width: 100%; display: flex; gap: 30px; align-items: center; /* text-align: center; */ animation: fadeIn 1s ease-in-out; } 
.join-page-title { color: #4A6CFA; margin-bottom: 15px; } 
.join-page-text, 
.join-page-text-title
{ color: #555; line-height: 1.6; margin-bottom: 25px; } 
.join-page-text-title {color: #000; font-size: 20px; font-weight: 500;}
.join-page-icon { font-size: 60px; color: #4A6CFA;} 
.join-page-btn { background-color: #4A6CFA; color: white; border: none; border-radius: 50px; padding: 12px 30px; font-size: 16px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; display: inline-block; margin: 5px 0 ; }
.join-page-btn:nth-of-type(2) {background-color: #3d4957;}
.join-page-btn:nth-of-type(2):hover {background-color: #323b47;}
.join-page-btn:hover { background-color: #3A5BD9; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(74, 108, 250, 0.4); } 
.join-page-button-container { margin-top: 20px; } 


/*개인정보처리방침 페이지*/
.section.privacy .sizarship .con .top{padding:20px;font-size:20px;word-break:keep-all;border:1px solid #b2b2b2;margin-bottom:20px;word-break:keep-all}
.section.privacy .sizarship .con p{word-break:keep-all}
.section.privacy .sizarship .con span{font-size:18px;margin-bottom:10px;display:block}
.section.privacy .sizarship .foot{text-align:right;font-size:18px}

/*이메일무단수집거부 페이지*/
.section .mail{margin:60px 0;width:100%;height:450px;position:relative;text-align:center;border:1px solid #e7e7e7}
.section .mail img{margin-top:50px}
.section .mail p{position:absolute;left:50%;transform:translateX(-50%);bottom:50px;font-size:18px;width:100%;line-height:30px}
.section .mail p span{color:#009cff}

/*교수/조교 초빙 페이지*/
.section.professor .flex{display:flex;align-items:center;margin:60px 0}
.section.professor .flex .img{width:25%;text-align:center}
.section.professor .flex .font{width:75%}
.section.professor .flex .font p{font-size:28px;font-weight:bold;color:#004c8a}
.section.professor .flex .font p span{font-size:18px;color:#000;font-weight:400}
.section .con table{border-collapse:collapse;border-top:2px solid #000;font-size:18px;width:100%;text-align:center;margin-bottom:20px}
.section .con table thead{background:#f5f5f5;font-weight:bold}
.section .con table tr{border-bottom:1px solid #e7e7e7}
.section .con table td{padding:20px;border-right:1px solid #e7e7e7;line-height:30px}
.section .con table td:last-child{border-right:none}
.section.professor .con .indent{padding-left:30px;margin:10px 0;font-size:18px}

/*상세학습안내서 페이지*/
.section.detail_guide .con{position:relative}
.section.detail_guide .con ul{display:flex;flex-wrap:wrap;width:900px;position:absolute;bottom:110px;left:50%;transform:translateX(-50%)}
.section.detail_guide .con ul li{width:50%;margin-bottom:30px}
.section.detail_guide .con ul li a{font-size:25px;font-weight:bold;color:#000;border:5px solid #ff8146;width:350px;height:70px;line-height:70px;display:inline-block;border-radius:50px}

/*모집요강 페이지*/
.section .recruit{margin:60px 0;box-sizing:border-box}
.recruit_type{display:flex;width:100%;}
.recruit_type.n3 li{width:33.3333%}
.recruit_type.n4 li{width:25%;}
.recruit_type li{text-align:center;background:#d5d5d5}
.recruit_type li.active{background:none}
.recruit_type li a{display:block;padding:20px;width:100%;font-size:24px;font-weight:600;color:#a9a9a9;box-sizing:border-box}
.recruit_type li.active a{color:#000;border:1px solid #d8d8d8;border-width:1px 1px 0 1px}
.section .recruit .padding.recruit_cont{padding:30px;border:1px solid #d8d8d8;border-width:0 1px 1px 1px}
.schedule_info{display:flex;gap:30px;margin-top:20px}
.schedule_info .box{width:50%;padding:30px 30px 30px 200px;box-sizing:border-box;background-repeat:no-repeat;background-position:50px center}
.schedule_info .box .tit{display:inline-block;padding:10px;margin-bottom:15px;color:#fff;font-size:20px;box-sizing:border-box;border-radius:4px;text-align:center}
.schedule_info .box.type01{background-color:#f2dfff;background-image:url('/img/open_date.png')}
.schedule_info .box.type02{background-color:#ffeff2;background-image:url('/img/practice_date.png')}
.schedule_info .box.type03{background-color:#fff7d9;background-image:url('/img/tuition_date.png')}
.schedule_info .box.type01 .tit{background-color:#873bbe}
.schedule_info .box.type02 .tit{background-color:#f1647f}
.schedule_info .box.type03 .tit{background-color:#ff9000}
.schedule_info .tit{display:inline-block}
.schedule_info .cont{color:#042a59;font-size:30px;font-weight:bold;line-height:30px}
.schedule_info .cont strong{display:block;margin-bottom:5px}
.schedule_info .cont span{color:#676767;font-size:24px}
.section .recruit .padding{padding:30px;border:none}
.section .recruit .padding .date{background:#009cff;display:inline-block;font-size:24px;color:#fff;padding:20px 50px}
.section .recruit .padding .recruit_noti{border:1px solid #d8d8d8}
.section .recruit .padding .recruit_noti .padding > p{font-size:24px;font-weight:bold;line-height:40px;margin-bottom:20px}
.section .recruit .padding .recruit_noti .padding > p span{font-size:36px;color:#042a59}
.section .recruit .padding .recruit_noti .padding .flex{display:flex}
.section .recruit .padding .recruit_noti .padding .flex > div{width:calc(50% - 15px);margin-right:30px;height:200px;position:relative}
.section .recruit .padding .recruit_noti .padding .flex > div:last-child{margin-right:0}
.section .recruit .padding .recruit_noti .padding .flex > div img{position:absolute;top:50%;transform:translateY(-50%);left:60px}
.section .recruit .padding .recruit_noti .padding .flex > div > span{padding:10px 20px;border-radius:3px;position:absolute;left:210px;top:30px;font-size:20px;color:#fff}
.section .recruit .padding .recruit_noti .padding .flex > div > p{position:absolute;left:210px;bottom:30px;font-size:32px;font-weight:bold;color:#042a59}
.section .recruit .padding .recruit_noti .padding .flex > div > p span{color:#676767;font-size:24px}
.section .recruit .padding .recruit_noti .padding .flex .open_box{background:#f2dfff}
.section .recruit .padding .recruit_noti .padding .flex .open_box > span{background:#873bbe}
.section .recruit .padding .recruit_noti .padding .flex .tuition_box{background:#fff7d9}
.section .recruit .padding .recruit_noti .padding .flex .tuition_box  > span{background:#ff9000}
.section .recruit .padding .recruit_noti .padding .detail_noti{margin:30px 0;padding:20px;background:#f5f4f4}
.section .recruit .padding .recruit_noti .padding .detail_noti table{font-size:20px;width:100%}
.section .recruit .padding .recruit_noti .padding .detail_noti table td{padding:10px}
.section .recruit .padding .recruit_noti .padding .detail_noti table td:first-child{font-weight:bold}
.section .recruit .padding .recruit_noti .padding .recruit_btn{width:100%}
.section .recruit .padding .recruit_noti .padding .recruit_btn ul{display:flex;width:100%}
.section .recruit .padding .recruit_noti .padding .recruit_btn ul li{width:calc(33.3333% - 20px);margin-right:30px;text-align:center;border:1px solid #000;height:50px;line-height:50px}
.section .recruit .padding .recruit_noti .padding .recruit_btn ul li.btn{border:1px solid #873bbe;background:#873bbe}
.section .recruit .padding .recruit_noti .padding .recruit_btn ul li:last-child{margin-right:0}
.section .recruit .padding .recruit_noti .padding .recruit_btn ul li a{font-size:18px;color:#000;display:inline-block;width:100%}
.section .recruit .padding .recruit_noti .padding .recruit_btn ul li.btn a{color:#fff}
.section .recruit .padding .text{margin:30px 0;font-size:30px}
.section .recruit .padding .text span{font-weight:bold;color:#873bbe}
.section .recruit .padding > ul{display:flex;flex-wrap:wrap}
.section .recruit .padding > ul li{width:calc(50% - 15px);margin-right:30px;text-align:center;height:100px;margin-bottom:30px;display:flex;align-items:center}
.section .recruit .padding > ul li:nth-child(2),
.section .recruit .padding > ul li:nth-child(4),
.section .recruit .padding > ul li:nth-child(6){margin-right:0}
.section .recruit .padding > ul li a{display:inline-block;width:100%;font-size:20px;color:#000}
.section .recruit .padding > ul li a span{font-size:28px;font-weight:bold}
.section .recruit .padding > ul li:first-child{background:#fffae8}
.section .recruit .padding > ul li:first-child span{color:#eb894d}
.section .recruit .padding > ul li:nth-child(2){background:#e8eeff}
.section .recruit .padding > ul li:nth-child(2) span{color:#3855a6}
.section .recruit .padding > ul li:nth-child(3){background:#e8fffe}
.section .recruit .padding > ul li:nth-child(3) span{color:#4d9beb}
.section .recruit .padding > ul li:nth-child(4){background:#fff2e8}
.section .recruit .padding > ul li:nth-child(4) span{color:#ff852c}
.section .recruit .padding > ul li:nth-child(5){background:#f7e8ff}
.section .recruit .padding > ul li:nth-child(5) span{color:#b94deb}
.section .recruit .padding > ul li:last-child{background:#ffe8f0}
.section .recruit .padding > ul li:last-child span{color:#a63838}
.section .recruit .padding .table_text{/* font-size:20px; */font-size:16px;margin-bottom:30px}
.section .recruit .padding .table_text div{display:inline-block;margin-right:10px}
.section .recruit .padding .table_text div span{padding:5px;background:blue;font-size:18px;margin-right:10px;color:#fff}
.section .recruit .padding .table_text div span:first-child{margin-left:0}
.section .recruit .padding .table_text div .type_1{background:#1a54c8}
.section .recruit .padding .table_text div .type_2{background:#811ac8}
.section .recruit .padding .table_text div .type_3{background:#c81a2e}
.section .recruit .padding .table_text div .type_4{background:#1db53a}
.section .recruit .padding .table_text div .type_5{background:#f4b410}
.section .recruit .padding .table_text div .type_6{background:#e45e15}
.section .recruit .padding .over > table{border-collapse:collapse;border-top:2px solid #000;font-size:18px;width:100%;text-align:center}
.section .recruit .padding .over > table thead{background:#f5f5f5;font-weight:bold}
.section .recruit .padding .over > table tr{border-bottom:1px solid #e7e7e7}
.section .recruit .padding .over > table td{padding:10px;border-right:1px solid #e7e7e7}
.section .recruit .padding .over > table td:last-child{border-right:none}
.section .recruit .padding table td span{margin-right:5px;padding:5px;color:#fff}
.section .recruit .padding table td span:last-child{margin-right:0}
.section .recruit .padding table td .type_1{background:#1a54c8}
.section .recruit .padding table td .type_2{background:#811ac8}
.section .recruit .padding table td .type_3{background:#c81a2e}
.section .recruit .padding table td .type_4{background:#1db53a}
.section .recruit .padding table td .type_5{background:#f4b410}
.section .recruit .padding table td .type_6{background:#e45e15}
.section .recruit .padding table td img{vertical-align:middle}
.section .recruit .padding table td .status{color:#000;border:1px solid #000;padding:0;width:75px;height:35px;line-height:35px;display:inline-block}
.section .recruit .padding table td .status.end{background:#73b8f8}
.section .recruit .padding table td .status.impen{background:#ff3333;color:#fff}

/*모집요강-실습 페이지*/
.section.practice .recruit .padding .recruit_noti .padding .flex .tuition_box{background:#ffeff2}
.section.practice .recruit .padding .recruit_noti .padding .flex .tuition_box > span{background:#f1647f}
.section.practice .recruit .padding .recruit_noti .padding .flex .tuition_box p{color:#ff2a2a}
.section.practice .recruit .padding .recruit_noti .padding table td table{width:100%;text-align:center;border-collapse:collapse;border-top:2px solid #000}
.section.practice .recruit .padding .recruit_noti .padding table td table tr{border-bottom:1px solid #dfdfdf}
.section.practice .recruit .padding .recruit_noti .padding table td table td{border-right:1px solid #dfdfdf}
.section.practice .recruit .padding .recruit_noti .padding table td table td:last-child{border-right:none}
.section.practice .recruit .padding .recruit_noti .padding table td table tbody td:first-child{font-weight:600}
.section.practice .recruit .padding .recruit_noti .padding table td table thead{font-weight:bold;background:#efefef}
.section.practice .recruit .padding .practice_noti .noti_title{font-size:30px;font-weight:bold;margin:30px 0}
.section.practice .recruit .padding .practice_noti .noti_sub_title{font-size:24px;font-weight:bold;margin-bottom:10px}
.section.practice .recruit .padding .practice_noti .noti_text{font-size:18px;padding-left:20px;margin-bottom:10px}
.section.practice .recruit .padding .practice_noti .noti_text a{color:#238de7;font-weight:bold}
.section.practice .recruit .padding .practice_noti .process{display:flex;width:100%;margin-bottom:30px}
.section.practice .recruit .padding .practice_noti .process a{display:inline-block;width:calc(33.333% - 10px);margin-right:15px}
.section.practice .recruit .padding .practice_noti .process a:last-child{margin-right:0}
.section.practice .recruit .padding .practice_noti .process a .process_box{width:100%;box-shadow:5px 5px 5px rgba(0, 0, 0, 0.2);border-radius:10px}
.section.practice .recruit .padding .practice_noti .process a .process_box img{width:100%}
.section.practice .recruit .padding .practice_noti .process a .process_box .text{margin:0;font-size:24px;text-align:center;padding:10px 0}
.section.practice .recruit .padding .practice_noti .pc{display:block;margin:0 auto}

/*영상후기 페이지*/
.section.video p.text{color:#333;font-size:18px;line-height:25px}
.section.video .review{width:100%;margin:60px 0 20px;display:flex;flex-wrap:wrap;position:relative}
.section.video .review .review_box{width:calc(25% - 30px);margin-right:40px;margin-bottom:40px;position:relative;cursor:pointer}
.section.video .review .review_box:nth-child(4),
.section.video .review .review_box:nth-child(8),
.section.video .review .review_box:nth-child(12){margin-right:0}
.section.video .review .review_box .img{width:100%}
.section.video .review .review_box .img img{width:100%}
.section.video .review .review_box .text{position:absolute;left:0;bottom:0;height:120px;width:100%}
.section.video .review .review_box .text .name{font-size:18px;color:#fff;position:absolute;top:10px;left:22px}
.section.video .review .review_box .text .name span{font-size:20px;font-weight:bold}
.section.video .review .review_box .text .type{color:#4effec;font-weight:bold;position:absolute;left:22px;top:35px}
.section.video .review .review_box .text .review_title{padding:0 22px;position:absolute;top:63px;color:#fff}
.section.video .review .popup{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:720px;height:420px;background:#fff;z-index:100;box-shadow:5px 5px 5px rgba(0, 0, 0, 0.2);padding:20px}

/*실습관련공지 페이지*/
.section .pro .title{font-size:28px;text-indent:20px;position:relative;margin:60px 0}
.section .pro .title::after{content:"";display:block;width:5px;height:80%;position:absolute;left:0;top:50%;transform:translateY(-50%);background:#009cff}
.section .pro .sub_title{border:1px solid #dfdfdf;text-align:center;color:#333;font-size:20px;padding:10px 0;margin-bottom:30px}
.section .pro .prof_list{display:flex;flex-wrap:wrap;width:calc(100% - 100px);margin:0 50px}
.section .pro .prof_list li{width:16.666%;text-align:center;margin-bottom:20px}
.section .pro .prof_list li div{display:inline-block;width:120px}
.section .pro .prof_list li div img{width:100%}
.section .pro .prof_list li .name{background-image:url('/img/name_bg.png');background-size:cover;background-repeat:no-repeat;color:#fff;height:30px;line-height:30px}
.section .pro .prof_list li .text .chapter{margin:5px 0}
.section .pro .prof_list li .text .profile{text-align:left}
.section .pro .preview_list{position:relative;display:flex}
.section .pro .preview_list li{text-align:center;width:300px;margin-right:150px}
.section .pro .preview_list li:last-child{margin-right:0}
.section .pro .preview_list li a{font-size:20px;color:#000;font-weight:bold}
.section .pro .preview_list li a p{padding:10px 0}
.section .pro .classroom_list{width:100%;text-align:center;margin-bottom:60px}
.section .pro .classroom_list li img{display:inline-block}
.section .pro .classroom_list button{background:none;border:none;font-size:0;cursor:pointer;width:23px;height:36px;position:absolute;top:50%;transform:translateY(-50%);background-size:cover}
.section .pro .classroom_list .slick-prev{left:0;background-image:url('/img/certification_arrow.png')}
.section .pro .classroom_list .slick-next{right:0;background-image:url('/img/certification_arrow2.png')}

/* board View, write 페이지 */
.section.post{width:100%;border-collapse:collapse;font-size:18px;margin-bottom:60px}
.board_view_wrap,
.board_write_wrap{margin-top:60px;border-top:2px solid #009cff;font-size:16px}
.board_tit{padding:20px 16px;width:100%;font-size:16px;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}
.post_table{width:100%;font-size:16px;border-bottom:1px solid #dfdfdf}
.post_table .post_title {border-top: none;}
.post_table th,.post_table td{padding:15px;border-top:1px solid #dfdfdf}
.post_table th{background-color:#f5f5f5}
.post_table .ipt{width:100%}
.post_table .post_content {padding-left:10px;padding-top:10px;padding-bottom:10px;padding-right:10px;}
.file_attach{font-size:16px}
.file_attach a:first-child{margin-top:0}
.file_attach a{display:block;padding-left:30px;position:relative;margin-top:5px;line-height:22px}
.file_attach a::after{content:'';display:block;clear:both;width:22px;height:22px;position:absolute;left:0;top:0;background-position:0 0;background-repeat:no-repeat}
.file_attach a.ico_pdf::after{background-image:url('/img/pdf_icon.png')}
.file_attach a.ico_hwp::after{background-image:url('/img/hwp_icon.png')}
.file_attach a.ico_jpg::after{background-image:url('/img/jpg_icon.png')}
.board_cont{padding:30px 20px;;border-bottom:1px solid #dfdfdf}
.board_nav{}
.board_nav a{display:flex;padding:24px 0;border-bottom:1px solid #ccc;box-sizing:border-box}
.board_nav .label{display:inline-block;padding:0 30px 0 75px;width:20%;background-image:url('/img/prev_view.png');background-position:25px center;background-repeat:no-repeat;box-sizing:border-box}
.board_nav .tit{width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.board_nav .next .label{background-image:url('/img/next_view.png')}
.file_upload{position:relative;display:inline-block;padding-right:96px;width:100%;box-sizing:border-box}
.file_upload .btn_type02{position:absolute;right:0;top:0;padding:0 16px;height:40px;font-size:15px;line-height:40px}
.ipt_file{position:absolute;top:0;left:0;z-index:2;width:100%;height:40px;opacity:0;filter:alpha(opacity=0);-ms-filter:'alpha(opacity=0)';-khtml-opacity:0;-moz-opacity:0}

/*  서디평 생활 - 학습후기 */
.board-reply-view {max-width: 1200px; margin: 0 auto; background: #F7F7F7; padding: 10px 20px; border-radius: 5px;}
.board-reply-view .board-reply-wrap p { margin-bottom: 10px;}
.board-reply-view .board-reply-wrap p span { font-weight: 500;}
.board-reply-view .board-reply-wrap .reply-box { display: flex; gap: 10px;}
.board-reply-view .board-reply-wrap .reply-box .txtarea { min-width: 330px; resize: none; border-style:solid; border-color:#A4A4A4; background-color:white; flex-grow: 1; box-sizing: border-box;}
.board-reply-view .board-reply-wrap .reply-box button { max-width: 120px; min-width: 100px; color: #fff; background-color: #042A59; border: none; padding: 30px; cursor: pointer;}
.board-reply-view .board-reply-comment { margin-top: 25px; border-bottom : 1px solid #DDDDDD;}
.board-reply-view .board-reply-comment ul { list-style: none; margin: 0; padding: 0; padding-bottom: 15px;}
.board-reply-view .board-reply-comment ul .comment-title {padding: 0 0 10px 0;}
.board-reply-view .board-reply-comment ul .comment-title ol li:nth-child(1){font-weight: 500;}
.board-reply-view .board-reply-comment ul .comment-title ol li:nth-child(2){font-size: 14px;}
.board-reply-view .board-reply-comment ul .comment-content p { margin: 0; font-size: 16px;}
.board-reply-view .board-reply-comment ul .btn-group { text-align: right; font-size: 14px;}
.board-reply-view .board-reply-comment ul .btn-group a {color: #000; text-decoration: none;}
.board-reply-view .board-reply-comment ul ol {list-style: none; margin: 0; padding: 0; display: flex; justify-content: space-between;  align-items: center;}
.board-reply-view .board-reply-comment:last-child { border-bottom: none;}


/* 성적우수장학생 페이지 */
.section .youtube{position:absolute;top:650px;left:50%;transform:translateX(-50%)}
.view_vdo{position:absolute;top:844px;left:50%;transform:translateX(-50%);border-style:solid;border-color:#fff;border-width:15px 15px 10px 15px;border-radius:16px;background-color:#fff}
.view_vdo iframe{border-radius:16px}
.Topscholar_vdo .img_wrap{background-color:#3259d8}
.Topscholar_vdo .view_vdo.vdo2402{top:844px}

/*사회복지현장실습 페이지*/
.top_text{font-size:28px;font-weight:600;line-height:30px;margin-bottom:60px}
.top_text .clr03{font-size:24px}
.section.practice .sizarship .con .size{font-size:26px}
.section.practice .center .button.margin a:first-child{margin-right:20px}

/*공동인증서 등록 페이지*/
#wrap .login.cert_login .top_text{font-size:28px;text-align:left;font-weight:500;margin-bottom:20px;line-height:40px}
#wrap .login.cert_login .top_text span{color:#7d7d7d;font-size:24px}
#wrap .login.cert_login .text_box{background:#eee;text-align:left;padding:20px;margin:20px 0}
#wrap .login.cert_login .text_box p{font-size:20px;line-height:40px;color:#7d7d7d}
#wrap .login.cert_login .text_box p a{display:inline-block;padding:0 10px;color:#fff}
#wrap .login.cert_login .popup_guide{text-align:left}
#wrap .login.cert_login .popup_guide .popup_guide_btn{padding:20px;border:1px solid #000;font-size:24px;cursor:pointer}
#wrap .login.cert_login .popup_guide .popup_guide_con{font-size:24px;padding:20px;background:#eee;margin-bottom:20px;display:none}
#wrap .login.cert_login .popup_guide .popup_guide_con.active{display:block}
#wrap .login.cert_login .popup_guide .popup_guide_con p{line-height:40px;font-size:20px}
#wrap .login.cert_login .popup_guide .popup_guide_con .type{color:#3d57dc}
#wrap .login.cert_login .popup_guide .popup_guide_con img{display:block;margin:20px auto 50px;width:800px}
#wrap .login.cert_login .info_box{border:1px solid #000;padding:20px;margin-top:20px}
#wrap .login.cert_login .info_box > p{font-size:24px;margin-bottom:20px}
#wrap .login.cert_login .info_box table{width:800px;font-size:20px;margin:20px auto;text-align:left}
#wrap .login.cert_login .info_box table tr{height:30px}
#wrap .login.cert_login .info_box table td:first-child{text-align:right;width:220px}
#wrap .login.cert_login .info_box table td input{width:345px;height:30px;line-height:30px;font-size:20px;text-indent:10px}
#wrap .login.cert_login .info_box table td #num_1_input,
#wrap .login.cert_login .info_box table td #num_2_input{width:161px}
#wrap .login.cert_login .info_box table button{font-size:20px;color:#fff;background:#3c94dc;border:none;width:350px;height:35px;line-height:35px;cursor:pointer}
#wrap .login.cert_login .info_box table span{color:#fb3030}
#wrap .login.cert_login .popup_guide p img{display:none;vertical-align:middle}
#wrap .login.cert_login .popup_guide p .active{display:inline-block}

/*서디평 혜택 페이지*/
.section .benefit{width:100%;background:linear-gradient(0deg,rgba(49, 205, 176, 1) 0%,rgba(44, 142, 196, 1) 50%,rgba(53, 81, 164, 1) 100%  );text-align:center;padding:50px 0;margin:20px 0}
.section .benefit .benefit_top img{margin:0 50px}
.section .benefit .benefit_con .benefit_btn{display:flex;width:1100px;margin:0 auto}
.section .benefit .benefit_con .benefit_btn li{width:25%;padding:20px 20px 25px 20px;font-size:24px;color:#fff;cursor:pointer;transition:0.5s}
.section .benefit .benefit_con .benefit_btn li.active{color:#335bad;background:#fff;border-radius:50px 50px 0 0;transition:0.5s}
.section .benefit .benefit_con .benefit_detail li{display:none;background:#fff;width:1100px;margin:0 auto;padding:50px 0}
.section .benefit .benefit_con .benefit_detail li.active{display:block}

/*학습자 OT 페이지*/
.ot{padding-bottom:50px;width:100%;background-image:url('/img/ot_bg.png');background-repeat:no-repeat;background-size:cover;text-align:center}
.ot_top img{margin:185px 0 70px;width:100%;max-width:1000px}
.ot_con{padding:0 50px;font-size:24px}
.ot_btn{display:flex}
.ot_btn li{display:flex;flex-direction:column;justify-content:center;justify-items:center;padding:20px 20px 25px 20px;width:20%;font-size:24px;color:#fff;cursor:pointer;box-sizing:border-box}
.ot_btn li.active{color:#335bad;background:#fff;border-radius:50px 50px 0 0;transition:0.5s}
.ot_detail > li{display:none;background:#fff;margin:0 auto;padding:50px;text-align:left}
.ot_detail > li.active{display:block}
.ot_detail ul.lst_bul01 > li,
.ot_detail .bul01{padding-left:20px;font-size:24px}
.ot_detail ul.lst_bul01 > li:after,
.ot_detail .bul01:after{width:10px;height:20px}
.ot_detail ul.lst_bul02 > li,
.ot_detail .bul02{padding-left:16px;margin-top:6px;font-size:24px;line-height:32px}
.ot_detail ul.lst_bul02 > li:after,
.ot_detail .bul02:after{top:14px;width:4px;height:4px}
.ot_detail ul.lst_bul03 > li,
.ot_detail .bul03{padding-left:16px;font-size:20px;line-height:32px}
.ot_detail ul.lst_bul03 > li:after,
.ot_detail .bul03:after{top:15px;width:6px;height:2px}

.ot_detail .ot_title:first-child{margin-top:0}
.ot_detail .ot_title{position:relative;display:inline-block;margin:50px 0 30px;padding-left:60px;font-size:50px;color:#2f306f;line-height:50px;font-weight:300}
.ot_detail .ot_title:after{clear:both;position:absolute;top:4px;left:0;display:block;content:'';width:50px;height:50px;background:url('ot_icon1.png') no-repeat 0 0}
.ot_detail .ot_title.tit01:after{background-image:url('/img/ot_icon1.png')}
.ot_detail .ot_title.tit02:after{background-image:url('/img/ot_icon2.png')}
.ot_detail .ot_title.tit03:after{background-image:url('/img/ot_icon3.png')}
.ot_detail .ot_title.tit04:after{background-image:url('/img/ot_icon4.png')}
.ot_detail .ot_title.tit05:after{background-image:url('/img/ot_icon5.png')}
.ot_detail .ot_title.tit06:after{background-image:url('/img/ot_icon6.png')}
.ot_detail .ot_title.tit07:after{background-image:url('/img/ot_icon7.png')}
.ot_detail .ot_title.tit08:after{background-image:url('/img/ot_icon8.png')}
.ot_detail .ot_title.tit09:after{background-image:url('/img/ot_icon9.png')}
.ot_detail .ot_title.tit10:after{background-image:url('/img/ot_icon10.png')}
.ot_detail .ot_title.tit11:after{background-image:url('/img/ot_icon11.png')}
.ot_detail .ot_title.tit12:after{background-image:url('/img/ot_icon12.png')}
.ot_detail .ot_title.tit13:after{background-image:url('/img/ot_icon13.png')}
.ot_detail .ot_title.tit14:after{background-image:url('/img/ot_icon14.png')}
.ot_detail .ot_title.tit15:after{background-image:url('/img/ot_icon15.png')}
.ot_detail .ot_title .ot_link:after{top:20px}
.ot_detail .ot_subtext{margin-left:30px;font-size:20px}
.ot_detail .process{display:flex;margin:20px 0 20px 30px}
.ot_detail .process li{display:flex;justify-content:center;align-items:center;width:100px;height:100px;border-radius:50%;padding:0;margin:0;margin-right:50px;background:#554aa3;color:#fff;font-size:20px;text-align:center;position:relative}
.ot_detail .process li::after{content:">";color:#000;display:block;position:absolute;top:50%;transform:translateY(-50%);right:-30px}
.ot_detail .process li:last-child:after{display:none}
.ot_detail .table_flex{display:flex;gap:20px}
.ot_detail .table_flex table{width:50%;text-align:center;margin-top:10px;border-collapse:collapse;font-size:18px}
.ot_detail .table_flex table thead{background:#efefef;font-weight:bold}
.ot_detail .table_flex table thead tr{border-top:2px solid #000}
.ot_detail .table_flex table tr{border-bottom:1px solid #dfdfdf}
.ot_detail .table_flex table td{padding:10px;width:50%;border-right:1px solid #dfdfdf;box-sizing:border-box}
.ot_detail .table_flex table td:last-child{border-right:0}
.ot_link{position:relative;padding-right:25px}
.ot_link:after{clear:both;position:absolute;right:0;top:5px;display:block;content:'';width:20px;height:20px;background:url('/img/ot_link.png') no-repeat 0 0}
.ot_num{display:flex;margin-top:30px}
.ot_num .call_num{font-size:40px;vertical-align:middle}
.ot_num .ext_num{padding-left:20px;margin-left:20px;font-size:18px;border-left:1px solid #dfdfdf;line-height:30px;vertical-align:middle}
.ot_detail .bul_chk + .lst_bul03,
.ot_detail .process + .lst_bul01,
.bul_chk + .bul01{margin-left:30px}

/* 학습상담 */
.consultation .bul01{margin-top:10px}
.consultation .ipt_write_wrap{margin-top:50px}
.agr_wrap .agr_cont{margin-top:50px}
.agr_wrap .tbl_wrap{margin-top:30px}
.agr_wrap .rdo_group{margin-top:20px;text-align:right}
.agr_wrap .rdo_group .rdo label{font-size:20px}
.agr_wrap .agr_all{margin-top:50px;padding-top:30px;font-size:18px;text-align:center;border-top:1px solid #c9c9c9}
.agr_wrap .agr_all .all_chk{margin-top:30px}
.agr_wrap .agr_all .all_chk label{font-size:20px}

.consultation .consult .agree_1 p,
.consultation .consult .agree_2 p{font-size:20px;font-weight:bold;margin:20px 0}
.consultation .consult .agree_1 table,
.consultation .consult .agree_2 table{width:100%;text-align:center;border-collapse:collapse;font-size:18px}
.consultation .consult .agree_1 table tr,
.consultation .consult .agree_2 table tr{border-bottom:1px solid #dfdfdf}
.consultation .consult .agree_1 table td,
.consultation .consult .agree_2 table td{width:33.333%;padding:20px;border-right:1px solid #dfdfdf}
.consultation .consult .agree_1 table td:last-child,
.consultation .consult .agree_2 table td:last-child{border-right:none}
.consultation .consult .agree_1 table thead,
.consultation .consult .agree_2 table thead{background:#efefef;border-top:2px solid #000}
.consultation .consult .all{text-align:center;font-size:20px;margin-bottom:60px}
.consultation .consult .all p{margin-bottom:30px}
.consultation .consult .all input{margin-right:10px;width:20px;height:20px;display:inline-block;vertical-align:middle}
.consultation .consult .all label{display:inline-block;vertical-align:middle}
.section.kakao .center .kakao_img img{margin-bottom:60px}

.intro_box{padding:30px 30px 30px 250px;position:relative;border:1px solid #e1e1e1;background-position:80px center;background-repeat:no-repeat}
.intro_box.ty01{background-image:url('/img/free_consult_top.png')}
.intro_box.ty02{background-image:url('/img/consult_top.png')}
.intro_box .desc{font-size:20px}
.intro_box .tit{display:block;margin-bottom:10px;font-size:24px}

/* 학습상담 - 등록완료 */
.reg-apply-comple-body { font-family: 'pretendard'; background-color: #f5f7fa; margin: 0; padding: 0; font-size: 16px; display: flex; justify-content: center; align-items: center; min-height: 70vh; } 
.reg-apply-comple-container { background-color: #ffffff; border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); padding: 40px; max-width: 800px; width: 100%; animation: fadeIn 1s ease-in-out; } 
.reg-apply-comple-container .reg-apply-comple-icon {width: 60px; height: auto; margin: 0 auto;}
.reg-apply-comple-container .reg-apply-comple-wrap {text-align: center;}
.reg-apply-comple-title { color: #4A6CFA; margin-bottom: 15px; } 
.reg-apply-comple-text, 
.reg-apply-comple-text-title
{ color: #222; line-height: 1.6;} 
.reg-apply-comple-text-title {color: #000; font-size: 20px; font-weight: 500;}
.reg-apply-comple-btn { background-color: #4A6CFA; color: white; border: none; border-radius: 50px; padding: 12px 30px; font-size: 16px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; display: inline-block; margin: 5px 0 ; }
.reg-apply-comple-btn:nth-of-type(2) {background-color: #3d4957;}
.reg-apply-comple-btn:nth-of-type(2):hover {background-color: #323b47;}
.reg-apply-comple-btn:hover { background-color: #3A5BD9; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(74, 108, 250, 0.4); } 
.reg-apply-comple-button-container { margin-top: 20px; } 

/* 학습상담 - 비회원 : PW */
.apply_qna-body .apply_qna-form { width: 100%; max-width: 800px; margin: 50px auto;} 
.apply_qna-body .apply_qna-wrap { padding: 20px; } 
.apply_qna-body .apply_qna-head { text-align: center;} 
.apply_qna-body .apply_qna-head img { width: 72px; height: auto; padding-right: 20px;} 
.apply_qna-body .apply_qna-head p { text-align: left; font-size: 16px; color: #000; line-height: 1.5; margin: 0;} 
.apply_qna-body .apply_qna-head p span { font-weight: 600; } 
.apply_qna-body .apply_qna-head .text-wrap { display: inline-block; vertical-align: top; margin-top: 10px;} 
.apply_qna-body .apply_qna-box { background-color: #f9f9f9; padding: 25px; border-radius: 8px; margin-top: 30px;} 
.apply_qna-body .apply_qna-box .apply_qna-box-wrap {width: 400px; margin: 0 auto;}
.apply_qna-body .apply_qna-box label { display: block; font-size: 14px; margin-bottom: 5px;} 
.apply_qna-body .apply_qna-box input[type="password"] { width: 400px; height: 45px; padding: 0 15px; border: 1px solid #ddd; border-radius: 5px; font-size: 14px; color: #333; box-sizing: border-box;} 
.apply_qna-body .apply_qna-box p { font-size: 12px; color: #888; line-height: 1.6;} 
.apply_qna-body .btn-group { display: flex; justify-content: center; gap: 15px; margin-top: 20px;} 
.apply_qna-body .btn { cursor: pointer; padding: 12px 30px; border-radius: 5px; font-size: 15px; font-weight: 500; text-align: center; transition: all 0.3s ease; } 
.apply_qna-body .btn:first-child { background-color: #1c68b3; color: #fff; } 
.apply_qna-body .btn:first-child:hover { background-color: #155292; } 
.apply_qna-body .btn:last-child { background-color: #f1f1f1; color: #666; border: 1px solid #ddd; } 
.apply_qna-body .btn:last-child:hover { background-color: #e5e5e5; } 

/* ID,PW 찾기 인증페이지 */
.verify_tab{margin-top:60px;width:100%}
.verify_tab ul{display:flex;border-bottom:1px solid #747774}
.verify_tab li{width:50%;text-align:center;cursor:pointer}
.verify_tab li.active{color:#121212;font-weight:bold;border-bottom:3px solid #121212}
.verify_tab li.vf_phone{background:url('/img/find_phone.png') center 0 no-repeat}
.verify_tab li.vf_email{background:url('/img/find_mail.png') center 0 no-repeat}
.verify_tab li.vf_phone.active{background-image:url('/img/find_phone_active.png')}
.verify_tab li.vf_email.active{background-image:url('/img/find_mail_active.png')}
.verify_tab li a{display:block;padding:100px 10px 18px 10px;font-size:20px;color:#747774;box-sizing:border-box}
.verify_tab li.active a{color:#000}
.certify_wrap .ipt_write_wrap{display:none;margin-top:70px;box-sizing:border-box}
.certify_wrap .ipt_write_wrap.active{display:block}
.certify_wrap .comment{margin-top:70px;padding:20px 0;border-top:1px solid #777;text-align:center}
.certify_wrap .comment p{font-size:16px;color:#666}
.certify_wrap .comment p:first-child{margin-bottom:10px}
.certify_wrap .comment p span{text-decoration:underline}

/*랜딩페이지 공통*/
.section.landing .center .page_menu{margin:100px 0 0}

/* 학사일정 */
.schedule1{margin:30px 0}
.schedule1 .scd_tab{margin:40px 0 50px 0;width:100%}
.schedule1 .scd_tab ul{display:flex;width:100%;border-left:1px solid #03365d}
.schedule1 .scd_tab li{float:left;padding:13px;width:25%;border:1px solid #03365d;border-width:1px 1px 0 0;text-align:center;color:#fff;font-size:20px;line-height:24px;box-sizing:border-box;cursor:pointer;background:#0750a5}
.schedule1 .scd_tab li span{color:#ffff00}
.schedule1 .scd_tab .on,
.schedule1 .scd_tab li:hover{background:#fff;color:#03365d;font-weight:bold}
.schedule1 .scd_tab .on span,
.schedule1 .scd_tab li:hover span{color:#1399fc}
.schedule1 .sub_title{margin-top:50px}
.schedule1 .sub_title span{font-size:18px;padding:0 0 0 10px;color:#0080d1}
.schedule1 .scd_year{position:relative;margin:0 auto;max-width:430px}
.schedule1 .scd_year .sy_now{text-align:center;font-size:56px;font-weight:bold;box-sizing:border-box}
.schedule1 .prv_nxt{width:100%}
.schedule1 .scd_year .sy_prev,
.schedule1 .scd_year .sy_next{position:absolute;top:50%;margin-top:-16px;min-width:90px;border:1px solid #c3c3c3;border-radius:5px;box-sizing:border-box;background-repeat:no-repeat;cursor:pointer}
.schedule1 .scd_year .sy_prev{left:0;padding:5px 7px 5px 25px;background-image:url('/img/schedule_prev.png');background-position:5px center}
.schedule1 .scd_year .sy_next{right:0;padding:5px 25px 5px 7px;background-image:url('/img/schedule_next.png');background-position:70px center}
.schedule1 .scd_year .sy_prev:hover{border:1px solid #3b3b3b}
.schedule1 .scd_year .sy_next:hover{border:1px solid #3b3b3b}

/* 게시판 상담 결과 */
.complete_msg{margin:60px 0;font-size:20px;color:#000;text-align:center;padding-top:120px;background:url('/img/ico_result.png') center 0 no-repeat}
.complete_msg .tit{font-weight:bold;font-size:28px}
.complete_msg .tit strong{color:#009cff}
.complete_msg .sub_txt{margin-top:15px}

/* 유의사항 */
.notice_wrap{border:1px solid #dfdfdf}
.notice_wrap .tit{padding:20px}
.notice_wrap .tit strong{display:inline-block;padding-left:30px;min-height:20px;background:url('/img/icon_notice.png') 0 0 no-repeat}
.notice_wrap .cont{padding:20px;border-top:1px solid #dfdfdf}
.notice_msg .notice_wrap{margin-bottom:80px}
.notice_wrap02{margin-top:20px;padding:20px;background-color:#ffecec}
.notice_wrap02 .tit{font-size:24px;color:#ff3333}
.notice_wrap02 .lst_bul03{margin-top:10px}

/* 비밀번호 변경안내 */
.g_guide_box{padding:80px 40px;font-size:20px;text-align:center;font-size:16px;background:#f6f6f6}
.g_guide_box .desc{margin-top:40px;line-height:20px}
.g_guide_box .list_type02{margin-top:20px}
.g_guide_box .ipt_write_wrap{margin-top:40px}
.g_guide_box .list_form .tit{min-width:140px}

/* cms 공통 */
.cms_common{margin-top:30px}
.cms_common .img_basic{display:block;text-align:center}
.cms_common .img_basic img{display:block;margin:0 auto;border:0}
.cms_common .bg01{background-color:#00adb1}
.cms_common .bg02{background-color:#fef1e7}
.cms_common .bg03{background-color:#80dbdd}
.cms_common .bg04{background-color:#ff92a9}
.cms_common .bg05{background-color:#fbfce5}
.cms_common .bg06{background-color:#67d5b5}
.cms_common .bg07{background-color:#29499c}
.cms_common .bg08{background-color:#ffeee3}
.cms_common .bg09{background-color:#eaebed}
.cms_common .bg10{background-color:#fff7a9}
.cms_common .date_info{position:relative}
.cms_common .date_info .date{position:absolute;font-size:24px;}
.cms_common .date_info .date strong{display:block}
.cms_tab .tab{display:flex;text-align:center}
.cms_tab .tab  li{flex:1}
.cms_tab .con li{display:none}
.cms_tab .con li.on{display:block}

/* LAYER POPUP */
.layer_box{display:none;position:fixed;left:0;top:0;padding:50px;width:100%;height:100%;text-align:left;box-sizing:border-box;z-index:20;background-color:rgba(0,0,0,.5)}
.layer_box .inner{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;box-sizing:border-box;border-radius:20px;z-index:200;overflow:hidden}
.layer_box .layer_header{width:100%;padding:25px 30px 0;box-sizing:border-box;background-color:#fff}
.layer_box .layer_tit{font-size:24px;font-weight:bold;line-height:32px;}
.layer_box .layer_cont{padding:30px;margin-top:-1px;font-size:16px;line-height:26px;height:100%;overflow-y:auto;background-color:#fff}
.layer_box .layer_cont .inside{max-height:300px}
.layer_box .layer_footer{width:100%}
.layer_box .layer_footer .btn_wrap{margin:0}
.layer_box .layer_footer .btn_wrap.full a{width:100%;max-width:100%;border-radius:0}
.layer_box .layer_footer .btn_wrap.half a{margin:0;max-width:none;}
.layer_box .dim{position:absolute;top:0;left:0;z-index:100;width:100%;height:100%;color:transparent}
.btn_layer_close{position:absolute;top:20px;right:20px;width:24px;height:25px;text-indent:-9999em;background:url('/img/btn_close.png') 0 0 no-repeat;background-size:24px auto}

/* 반응 - 미디어 쿼리 */
@media (max-width:1570px){
/*  #wrap{min-width:auto}*/
  .header .gnb nav .main_menu li{width:140px}
}

@media (max-width:1300px){
  .fixed{display:none}
}

@media (max-width:1200px){
  .header .top{height:90px}
  .section .center{padding:0 20px;width:100%}
  .header .top .top_menu ul li{width:90px;height:90px}
  .header .gnb{top:90px}
  .header .gnb nav .main_menu li{width:120px}
  .section.join_2 .center .step .table .row .bir_box select{width:24%}
  .section.join_2 .center .step .table .row .phone_box input,
  .section.join_2 .center .step .table .row .phone_box select{width:29%}
  .section.join_2 .center .step .table .row .mail_box input,
  .section.join_2 .center .step .table .row .mail_box select{width:45%}
  .cms_common .img_basic img{width:100%;height:auto;object-fit:contain}
  .cms_common .date_info .date{font-size:2.0vw}

  /* 수강신청페이지 시간위치 - 모바일 */
  .time_label{width:auto}
  .social_worker .date_info .date{font-weight:bold;top:24%;right:9.6%} /* 사회복지사 */
  .life_landing .date_info .date{font-weight:bold;top:24%;right:14.6%}/* 평생교육사 */
  .health_landing .date_info .date{font-weight:bold;top:24%;right:15.2%}/* 건강가정사 */
  .youth_counsel .date_info .date{font-weight:bold;top:20%;right:8.8%}/* 청소년지도사 */
  .cpa_landing .date_info .date{font-weight:bold;top:23.2%;right:11.6%}/* 경영학 CPA */
  .cpa_credit .date_info .date{font-weight:bold;top:23.4%;right:15.0%}/* 경영학 CPA - 학점취득*/
  .psy_landing .date_info .date{font-weight:bold;top:23.4%;right:9.2%}/* 심리학 */
  .mob_learning .date_info .date{top:26.5%;right:8.1%}/* 학습지원센터 - 모바일학습안내서 */
}

@media (max-width:1000px){
  /*공통*/
  .mobile{display:block}
  .tit_ty01{display:none;/* padding-left:30px;margin-top:30px;font-size:clamp(1.8rem, 4.4vw, 3rem)*/}
  .tit_txt{padding:0 15px;margin-top:20px;font-size:clamp(1.2rem, 2.5vw, 2rem)}
  .sel select{width:100%}
  .ipt_group01 .ipt{width:100%}
  .img_wrap img{width:100%}/* 241122 :추가 */
  .cms_common{margin-top:0}

  /* 입력 table */
  .tbl_form dt{padding:10px;width:30%}
  .tbl_form dd,
  .tbl_form dd.full{padding:10px;width:70%}
  .tbl_form .sel_hour,
  .tbl_form .sel_date{max-width:none;width:100%}

  /* 비밀번호 변경안내 */
  .section.pw_change{margin-top:0}
  .g_guide_box{padding:50px 30px;font-size:clamp(1rem, 1.3vw, 3rem)}
  .g_guide_box .tit_ty01{display:block;font-size:28px}
  .g_guide_box .ipt_write_wrap{margin-top:20px}

  /* ID,PW 찾기 인증페이지 */
  .verify_tab{margin-top:30px}
  .verify_tab li a{padding-top:80px}
  .certify_wrap .ipt_write_wrap{margin-top:40px}
  .verify_tab li.vf_phone, .verify_tab li.vf_email{background-size:auto 60px}

  /* tab type01 */
  .tab_cont{border:none}
  .section{margin-top:90px;padding-bottom:30px}
  .section .center{padding:0}
  .section .center .page_menu{height:80px;line-height:80px;margin:0}
  .section .center .page_menu div::after{height:100%}
  .section .center .page_menu .home{width:15%}
  .section .center .page_menu .menu{width:35%}
  .section .center .page_menu .sub_menu{width:50%}
  .section .center .page_menu .sub_menu::after{display:none}
  .section .center .page_menu .page_btn{display:none}
  .section .center .page_menu .menu button,
  .section .center .page_menu .sub_menu button,
  .section .center .page_menu .sub2_menu button{font-size:28px;text-indent:3vw;display:block;height:100%}
  .section .center .page_menu .menu button img,
  .section .center .page_menu .sub_menu button img,
  .section .center .page_menu .sub2_menu button img{right:3vw}
  .section .center .page_menu .menu ul,
  .section .center .page_menu .sub_menu ul,
  .section .center .page_menu .sub2_menu ul{text-indent:3vw}
  .section .center .page_menu .menu ul.drop,
  .section .center .page_menu .sub_menu ul.drop,
  .section .center .page_menu .sub2_menu ul.drop{max-height:200vw}
  .section .center .page_menu .menu ul li,
  .section .center .page_menu .sub_menu ul li,
  .section .center .page_menu .sub2_menu ul li{font-size:28px}
  .section .center .title{display:none}
  .section .center .guide_con1,
  .section .center .guide_con2,
  .section .center .guide_con3,
  .section .center .guide_con4,
  .section .center .roadmap_con1,
  .section .center .roadmap_con2,
  .section .center .subject_con1,
  .section .center .subject_con2,
  .section .center .subject_con3,
  .section .center .subject_con4,
  .section .center .cert_con1,
  .section .center .cert_con2,
  .section .center .cert_con3{margin:0;padding:5vw;border-top:8px solid #efefef}
  .section .center .sub_title{position:relative;font-size:34px;text-indent:16px}
  .section .center .sub_title::after{content:"";display:block;position:absolute;left:0;top:6px;width:5px;height:80%;max-height:28px;background:#009cff}
  .section .center .guide_con1 .text,
  .section .center .guide_con2 .text,
  .section .center .guide_con3 .text,
  .section .center .roadmap_con1 div p,
  .section.busi .center .roadmap_con1 div .text,
  .section .center .subject_con1 .text,
  .section.life .center .old .text,
  .section.life .center .old .detail .item,
  .section.life .center .old .detail .text,
  .section .center .cert_con2 div p,
  .section .center .cert_con3 div p,
  .section.bank_guide .roadmap_con1 .text{font-size:26px;margin:0;word-break:normal;line-height:40px}
  .section.busi .center .cpa .text,
  .section.psy .center .license_list li p{font-size:26px}
  .section .center .notice div p::before{left:-30px}
  .section .center .guide_con2 .over,
  .section .center .grade .over,
  .section.health .center .work .over,
  .section.busi .center .over,
  .section.psy .center .over,
  .section.social .center .over,
  .section.life .center .over,
  .section.youth .center .over,
  .section .center .subject_con1 .over,
  .section .center .subject_con2 .over,
  .section .center .subject_con4 .over,
  .section .center .procedure .over,
  .section .center .intro .over,
  .section .recruit .padding .over,
  .section .sizarship .con .over{overflow:auto}
  .section .center .intro .over{margin:0 5vw}
  .section.social .center .comment,
  .section .center .subject_con1 .comment,
  .section .center .document p:last-child,
  .section .center .cert_con2 div p span,
  .section .center .cert_con2 div p:last-child,
  .section .center .procedure .comment,
  .section.awards .content .comment{font-size:20px; margin:0 5vw;}

  /* 랜딩페이지 - 반응형 표 가로 지정 */
  .section .center .guide_con2 .over table,
  .section .center .grade .over table,
  .section.health .center .work .over table,
  .section.busi .center .credit .over table,
  .section.psy .center .credit .over table,
  .section.life .center .roadmap_con1 .over table,
  .section.busi .center .roadmap_con1 .over table,
  .section.psy .center .roadmap_con1 .over table,
  .section.health .center .roadmap_con1 .over table,
  .section.social .center .roadmap_con1 .over table,
  .section.youth .center .roadmap_con1 .over table,
  .section.standar .center .roadmap_con1 .over table,
  .section .center .subject_con1 .over table,
  .section .center .subject_con2 .over table,
  .section .center .subject_con4 .over table,
  .section .center .procedure .over table,
  .section .center .intro .over table,
  .section .recruit .padding .over table,
  .section .standard .tbl_wrap .social_tb,
  .section .center .roadmap_con1 table,
  .section .center .standard .tbl_wrap .life-edu_tb,
  .section .sizarship .con .over table{/* margin-top:2vw;margin-bottom:2vw;width:1220px */min-width: 70rem;}
  .section .center .guide_con2 table td,
  .section .center .grade table td,
  .section.health .center .work table td,
  .section.busi .center .credit table td,
  .section.psy .center .credit table td,
  .section .center .roadmap_con1 table td,
  .section .center .subject_con1 table td,
  .section .center .subject_con2 table td,
  .section .center .subject_con4 table td,
  .section .sizarship .con table td,
  .section .center .procedure .over table td,
  .section .center .intro .over table td,
  .section .recruit .padding .over table td,
  .section .sizarship .con .over table td{padding:2vw;/* font-size:26px */font-size:20px}
  .section.busi .center .grade_menu{margin:5vw 0}
  .section.busi .center .grade_menu li{width:25%;border-left:none;margin-right:0;font-size:26px;padding:0;display:flex;align-items:center;justify-content:center;height:80px}
  .section.busi .center .grade_menu li:first-child{border-left:1px solid #000}
  .acad_sched .schedule1{padding:0 15px;box-sizing:border-box}
  .ot_con{padding:0 20px}
  .ot_num{display:block;padding:20px;text-align:center;border:1px solid #dfdfdf}
  .ot_num .call_num{font-size:25px}
  .ot_num .ext_num{padding:20px 0 0;margin:20px 0 0;border:1px solid #dfdfdf;border-width:1px 0 0}

  /*모바일 사이트맵*/
  body.invisible{overflow:hidden}
  .mo_sitemap{display:block;width:100%;height:100vh;position:absolute;top:0;right:-100%;z-index:1000;background:#efefef;overflow:auto;transition:0.5s}
  .mo_sitemap.active{right:0;transition:0.5s}
  .mo_sitemap .sitemap_header{width:100%;height:90px;position:relative;background:#093a77;border-bottom:1px solid rgba(255, 255, 255, 0.3)}
  .mo_sitemap .sitemap_header .sitemap_logo{position:absolute;left:5vw;top:50%;transform:translateY(-50%)}
  .mo_sitemap .sitemap_header .sitemap_close{position:absolute;right:5vw;top:50%;transform:translateY(-50%);background:none;border:none}
  .mo_sitemap .sitemap_menu{width:100%;height:100px;background:#093a77;display:flex;justify-content:center;align-items:center}
  .mo_sitemap .sitemap_menu ul{display:flex;width:100%}
  .mo_sitemap .sitemap_menu ul li{text-align:center;width:25%;position:relative}
  .mo_sitemap .sitemap_menu ul li::after{display:block;content:"";background:#fff;opacity:0.3;width:1px;height:70%;position:absolute;right:0;top:50%;transform:translateY(-50%)}
  .mo_sitemap .sitemap_menu ul li:last-child::after{display:none}
  .mo_sitemap .sitemap_menu ul li img{opacity:0.7;margin-bottom:1vw}
  .mo_sitemap .sitemap_menu ul li span{color:#fff;font-size:26px}
  .mo_sitemap .sitemap_gnb .sitemap_main > li{line-height:90px;text-indent:5vw;font-size:34px;font-weight:bold;background:#009cff;color:#fff;border-bottom:1px solid rgba(255, 255, 255, 0.2)}
  .mo_sitemap .sitemap_gnb .sitemap_main li .sitemap_sub{display:none;font-size:26px;text-indent:8vw;background:#fff}
  .mo_sitemap .sitemap_gnb .sitemap_main > li.active .sitemap_sub{display:block}
  .mo_sitemap .sitemap_gnb .sitemap_main li .sitemap_sub li{height:80px;line-height:80px;border-bottom:1px solid #efefef}
  .mo_sitemap .sitemap_gnb .sitemap_main li .sitemap_sub li a{color:#000}

  /* 회원가입 페이지 */
  .agr_join_step{padding:0 15px}
  .info_form_box{display:block}
  .info_form_box .desc{width:100%;min-height:100px;padding-right:0}
  .info_form_box .right_area{margin-top:30px;display:block;width:100%;min-width:100%}


  /*헤더*/
  .header .gnb{display:none}
  .header .top{position:absolute;z-index:999;height:90px}
  .header .top.main{display:none}
  .header .top.sub{background:#1b293a}
  .header .top .logo img.pc{display:none}
  .header .top .sub_logo{display:none}
  .header .top .top_menu{display:none}
  .header .top .mo_gnb_btn{background:none;border:none;position:absolute;top:50%;transform:translateY(-50%);right:5vw;cursor:pointer}

  .section.health .center .qual .button a,
  .section.busi .center .button a,
  .section.psy .center .drop_table .button a,
  .section .center .subject_con1 .button a,
  .section .center .subject_con2 .button a,
  .section.professor .button a,
  .section .center .procedure .button a,
  .section.issue .center .button a{display:block;text-align:center;font-size:30px}
  .section.health .center .work .work_list li{width:100%;height:100px;margin:10px 0;font-weight:bold;border:1px solid #dfdfdf}
  .section.health .center .work .work_list li p{font-size:30px}
  .section.health .center .work .work_list li p.pc{display:none}
  .section .center .guide_con1 .text,
  .section .center .guide_con2 .text,
  .section .center .guide_con3 .text{margin-left:15px}
  .section.busi .center .sub_title2{font-size:30px}
  .section.busi .center .guide_con1 .text,
  .section.busi .center .guide_con2 .text,
  .section.busi .center .guide_con3 .text{margin-left:0}
  .section.busi .center .license_list{justify-content:left}
  .section.busi .center .license_list li,
  .section.psy .center .license_list li{width:calc(50% - 12px);word-break:keep-all}
  .section.busi .center .license_list li:nth-child(odd),
  .section.psy .center .license_list li:nth-child(odd){margin-left:0}
  .section.busi .center .license_list li:nth-child(even),
  .section.psy .center .license_list li:nth-child(even){margin-right:0}
  .section.psy .center .license_list li { width: 100%; height: 100px; margin: 10px 0; font-weight: bold; border: 1px solid #dfdfdf;}

  .section.busi .center .button{margin-bottom:0}
  .section.busi .center .cpa table{width:100%}
  .section.busi .center .cpa .position{position:static}
  .section.youth .text::before{left:-15px}
  .section.youth .center .grade table{width:100%}
  .section.youth .center .grade table td:first-child{width:30%}
  .section.psy .center .career .career_list{display:block}
  .section.psy .center .career .career_list li{width:100%;margin:2vw 0;height:auto}
  .section.psy .center .career .career_list li .career_name{height:auto;line-height:normal;padding:2vw 0;font-size:28px}
  .section.psy .center .career .career_list li .career_detail{height:auto;font-size:26px;padding:5vw 0}
  .section .center .mobile_div{border-top:6px solid #efefef}
  .section .center .mobile_div .sub_title{margin:5vw 5vw 3vw}
  .section.notice .mobile_div > .text,
  .section.video p.text{font-size:28px;font-weight:normal;margin:3vw 5vw;line-height:35px}
  .section .center .notice .notice_search span{display:none}
  .section .center .notice .notice_search{margin:3vw 5vw}
  .section .center .notice .notice_search select,
  .section .center .notice .notice_search .search_input,
  .section .center .notice .notice_search .search_btn{position:static;font-size:30px;height:90px}
  .section .center .notice .notice_search select{width:20%}
  .section .center .notice .notice_search .search_input{width:calc(80% - 100px)}
  .section .center .notice .notice_search .search_btn{vertical-align:bottom;width:90px}
  .section .center .notice .notice_search .search_btn img{width:30px;vertical-align:middle}
  .section .notice_table{/* margin:0 5vw */margin:0 1vw;}
  .section .center .notice .notice_table table{/* font-size:28px */font-size:1em;}
  .section .center .notice .notice_table table tr{height:80px}
  .section .center .notice .notice_table table tr td:nth-child(3),
  .section .center .notice .notice_table table tr td:nth-child(5){display:none}
  .section .center .notice .notice_table table tr td{/* padding:2vw; */padding:1vw;border:1px solid #dbdbdb}
  .section .center .notice .notice_table table tr td:first-child{border-left:none}
  .section .center .notice .notice_table table tr td:nth-child(4),
  .section .center .notice .notice_table table tr td:last-child{border-right:none}
  .section .center .notice .notice_table .page ul li,
  .section.event_page .page ul li{width:50px;height:50px}
  .section .center .notice .notice_table .page ul li button,
  .section.event_page .page ul li button{font-size:26px}
  .section .center .notice .notice_table .page ul li button img,
  .section.event_page .page ul li button img{vertical-align:middle}

  /* 이벤트 페이지 */
  .section .event_list{margin:0 5vw;width:calc(100% - 10vw);border-top:none}
  .section .event_list .event{height:auto}
  .section .event_list .event a{display:block}
  .section .event_list .event a .event_img{width:100%;margin:5vw 0}
  .section .event_list .event a .event_img img{position:static;width:100%;transform:none}
  .section .event_list .event a .event_text{width:100%;padding:0;margin-bottom:5vw}
  .section .event_list .event a .event_text .event_title{font-size:30px;margin-bottom:20px}
  .section .event_list .event a .event_text .event_sum{color:#333}
  .section .event_list .event a .event_text .event_sum,
  .section .event_list .event a .event_text .event_detail{font-size:28px;line-height:40px}
  .section.video p.text.pc{display:none}
  .section.video .review{margin:0 5vw;width:calc(100% - 10vw)}
  .section.video .review .review_box{width:100%;margin:3vw 0}
  .section.video .review .review_box .text{height:35vw}
  .section.video .review .review_box .text .name{font-size:30px;left:8vw;top:3vw}
  .section.video .review .review_box .text .name span{font-size:36px}
  .section.video .review .review_box .text .type{font-size:30px;left:35vw;top:4vw}
  .section.video .review .review_box .text .review_title{font-size:30px;padding:0 8vw;top:20vw}
  .section.faq .faq_type{margin:2vw 5vw;width:calc(100% - 10vw)}
  .section.obstacle .guide .obtacle_guide > ul{flex-wrap:wrap;margin:20px 0}
  .section.obstacle .guide .obtacle_guide > ul li{flex:0 0 calc(33.333% - 10px);margin:5px;box-sizing:border-box;font-size:30px;width:auto;height:auto;line-height:normal;padding:10px 0}
  .section.obstacle .guide .obtacle_guide .qa .q ul li img{width:100%}
  .section.obstacle .guide .obtacle_guide .qa .q{font-size:30px;height:90px;line-height:90px}
  .section.obstacle .guide .obtacle_guide .qa .q > img{width:50px}
  .section.obstacle .guide .obtacle_guide .qa .q ul li{line-height:40px}
  .section.landing .center .page_menu{margin:90px 0 0}
  .section .benefit{margin:0}
  .section .benefit .benefit_top img{width:100%;margin:0 5vw}
  .section .benefit .benefit_con .benefit_btn{width:100%}
  .section .benefit .benefit_con .benefit_btn li{font-size:28px}
  .section .benefit .benefit_con .benefit_detail li{width:100%}
  .section .benefit .benefit_con .benefit_detail li img{width:100%}

  /* 성적우수장학생 페이지 */
  .Topscholar_vdo .view_vdo.vdo2402{top:36.7%;width:79%;height:15.4%;text-align:center}
  .view_vdo iframe{width:100%;height:100%}

  /* 서디평웹진 페이지 */
  .dropdown_box{margin-bottom:0}
  .sel_type_btn{display:block;padding:15px}
  .sel_type_btn button{width:100%;height:40px;font-size:14px}
  .webzine_menu{width:calc(100% - 30px);top:54px;left:15px;right:initial;font-size:14px}
  .section .youtube{top:55vw;width:81vw;height:45vw}
  .section .youtube iframe{width:100%;height:100%}

  .section .ot{margin:0}
  .section .ot .ot_top img{margin:18vw 5vw 7vw;width:calc(100% - 10vw)}
  .section .ot .ot_con .ot_btn{width:100%}
  .section .ot .ot_con .ot_detail > li{padding:5vw;width:calc(100% - 10vw)}
  .section.detail_guide .con img{width:100%}
  .section.detail_guide .con ul{width:calc(100% - 10vw);justify-content:center;bottom:6vw}
  .section.detail_guide .con ul li{margin-bottom:3vw;width:44%}
  .section.detail_guide .con ul li a{font-size:3vw;width:37vw;line-height:7vw;height:7vw;border:3px solid #ff8146}
  .section.practice_center .pro .title{display:block;font-size:38px;margin:5vw}
  .section.practice_center .center .sub_title{display:block;text-indent:0;width:calc(100% - 10vw);margin:5vw auto;height:80px;line-height:80px;font-size:34px}
  .section.practice_center .center .sub_title::after{display:none}
  .section .pro .prof_list{width:calc(100% - 10vw);margin:0 5vw}
  .section .pro .prof_list li{width:50%;margin-bottom:2vw}
  .section .pro .prof_list li div{width:80%}
  .section .pro .prof_list li .name{height:50px;line-height:50px;font-size:30px;margin-bottom:1vw}
  .section .pro .prof_list li .text .chapter,
  .section .pro .prof_list li .text .profile{font-size:28px;text-align:left;margin:0}
  .section .pro .preview_list{display:block;width:calc(100% - 10vw);margin:0 auto}
  .section .pro .preview_list li{width:100%;margin-right:0;margin-bottom:10px;border:1px solid #ccc}
  .section .intro .intro_text{font-size:28px;padding:0;margin:3vw 5vw;font-weight:600}
  .section .intro .pc{display:none}
  .section .intro img{width:calc(100% - 10vw);margin:5vw}
  .section .intro table{width:calc(100% - 10vw);display:table;font-size:28px}
  .section .intro table.mobile{margin:0 5vw}
  .section .intro table.pc{display:none}
  .section .intro table.mobile tr td:first-child{background:#f5f5f5;font-weight:bold;width:30%}
  .section .intro table.mobile tr td:last-child{text-align:left}
  .section .intro table.mobile tr td p{position:relative;margin-left:20px;margin-bottom:10px}
  .section .intro table.mobile tr td p::after{content:'-';position:absolute;left:-20px;top:0}
  .section .intro table.mobile tr td p:last-child{margin-bottom:0}
  .section.join .center .step{margin:0 5vw}
  .section.join .center .step label,
  .section.join .center .detail .radio_box label{font-size:28px}
  .section.join .center .step a{position:static;display:block;font-size:30px;text-align:center;/* margin:3vw 0 */}
  .section.join .center .detail{margin:0 5vw}
  .section.join .center .detail p{font-size:30px;margin:30px 0}
  .section.join .center .detail .textarea{font-size:24px}
  .section.join .center .detail .radio_box{text-align:center;margin:30px 0}
  .section.join .center .detail .radio_box label{margin-right:50px}
  .section.join .center .step .flex{display:block;text-align:center;padding: 0;}
  .section.join .center .step .flex .guide{width:100%;flex-direction: column;}
  .section.join .center .step .flex .guide::after{display:none}
  .section.join .center .step .flex .guide img{position:static;transform:none;margin:30px 0}
  .section.join .center .step .flex .guide p{position:static;transform:none;font-size:24px;padding:0 20px 30px;}
  .section.join .center .step .flex .guide p.pc{display:none}
  .section.join .center .step .flex .join_form{width:100%}
  .section.join .center .step .flex .join_form table tr td{text-align:left;padding:10px 20px}
  .section.join .center .step .flex .join_form table tr td:first-child{display:none}
  .section.join .center .step .flex .join_form table tr td span{font-size:20px;margin: 20px 0 8px;}
  .section.join .center .step .flex .join_form table tr td input[type="text"]{width:100%;height:70px;text-indent:10px;padding:0;font-size:28px;box-sizing:border-box}
  .section.join .center .step .flex .join_form table tr td label{margin-right:50px}
  .section.join .center .step .flex .join_form table tr td label:last-child{margin:0}
  .section.join .center .step .flex .join_form table tr td a{display:block;margin-right:0}
  .section.join .center .require p:first-child{margin:10px 0;font-size:32px}
  .section.join .center .require p:last-child{margin:20px 0 10px;font-size:22px;line-height:40px}
  .section .find .comment{text-align:left}
  .section .find .comment p{font-size:28px}

  /* 통합로그인 센터 */
  .login .center .text{margin:30px 5vw;font-size:40px;font-weight:bold}
  .login .login_flex{display:block}
  .login .login_flex .login_box{width:calc(100% - 10vw);margin:0 5vw}
  .login .login_flex .login_box::after{display:none}
  .login .login_flex .login_box p{font-size:30px;font-weight:bold}
  .login .login_flex .login_box input[type="text"],
  .login .login_flex .login_box input[type="password"]{width:100%;height:90px;font-size:30px;box-sizing:border-box}
  .login .login_flex .login_box .login_btn{position:static;width:100%;height:90px;font-size:34px}
  .login .login_flex .login_box #id_save{width:30px;height:30px;vertical-align:sub;margin-top:10px}
  .login .login_flex .login_box label{font-size:30px}
  .login .login_flex .login_box .find_btn{position:static;margin-top:10px}
  .login .login_flex .login_box .find_btn a{box-sizing:border-box;display:inline-block;width:calc(50% - 7px);height:90px;line-height:90px;font-size:32px;padding:0;text-align:center}
  .login .login_flex .login_box .find_btn a:first-child{margin-right:10px}
  .login .login_flex .login_btn_box{width:calc(100% - 10vw);height:90px;margin:10px 5vw 0}
  .login .login_flex .login_btn_box .cert_btn,
  .login .login_flex .login_btn_box a{position:static;width:calc(50% - 7px);height:100%;font-size:32px;display:block}
  .login .login_flex .login_btn_box .join_btn{position:absolute;right:0;top:0;line-height:90px}
  .login .login_bottom .login_top_menu{display:block;height:auto;width:calc(100% - 10vw);margin:0 5vw}
  .login .login_bottom .login_top_menu .login_menu_btn{width:100%;height:160px}
  .login .login_bottom .login_top_menu .login_menu_btn::after{width:80%;height:1px;transform:translateX(-50%);left:50%;top:auto;bottom:0}
  .login .login_bottom .login_top_menu .login_menu_btn img{transform:translateY(-50%);top:50%;left:90px}
  .login .login_bottom .login_top_menu .login_menu_btn p{bottom:auto;top:50%;left:50%;transform:translate(-50%, -50%);font-size:32px;font-weight:bold}
  .login .login_bottom .login_bottom_menu{width:calc(100% - 10vw);margin:0 5vw}
  .login .login_bottom .login_bottom_menu p{font-size:32px;font-weight:bold;padding:30px 0;border-bottom:none;margin-bottom:0}
  .login .login_bottom .login_bottom_menu ul li{width:calc(50% - 5px);margin-right:10px;margin-bottom:10px;height:90px;line-height:90px}
  .login .login_bottom .login_bottom_menu ul li:nth-child(2n){margin-right:0}
  .login .login_bottom .login_bottom_menu ul li a{font-size:32px}

  .section .center .subject_con1 > span{position:relative;right:auto;top:auto;font-size:20px;margin:10px 20px;display:block}
  .section.life .center .subject_con1 > span,
  .section.health .center .subject_con1 > span,
  .section.psy .center .subject_con1 > span{top:auto}
  .section.life .center .subject_con1 p:nth-child(5),
  .section.life .center .subject_con1 p:nth-child(6){font-size:20px}
  .section .center .cert_con1 .guide{display:block}
  .section .center .cert_con1 .guide .as{width:100%;margin:0;text-align:left}
  .section .center .cert_con1 .guide .as::after{content:'';color:#0096ff;width:19px;height:11px;background-image:url('/img/cert_arrow.png');right:auto;top:auto;left:64px;bottom:-4px}
  .section .center .cert_con1 .guide .as .circle{margin:20px 0;width:150px;height:150px}
  .section .center .cert_con1 .guide .as p{font-size:30px;margin:0;position:absolute;left:300px;top:35px}
  .section .center .cert_con1 .guide .as span{font-size:28px;position:absolute;left:300px;bottom:35px}
  .section .center .cert_con1 .manual{display:block}
  .section .center .cert_con1 .manual .box{width:100%;height:150px;margin-right:0;margin-bottom:20px}
  .section .center .cert_con1 .manual .box a p{font-size:30px}
  .section .center .cert_con1 .manual .box:first-child::after{top:50px}
  .section .center .cert_con1 .manual .box:last-child::after{bottom:50px}
  .section.life .center .cert_con1 .guide .as p{top:25px}
  .section .center .cert_con1 .guide .as span{bottom:25px}
  .section .sizarship .con{margin:5vw}
  .section.privacy .sizarship .con .top{padding:2vw;font-size:28px}
  .section .sizarship .con .text{font-size:26px;line-height:40px;margin-bottom:4vw}
  .section .sizarship .con .sub_title{font-size:30px}
  .section.privacy .center .sub_title{text-indent:0}
  .section.privacy .sizarship .con span{font-size:26px}
  .section.privacy .sizarship .foot{font-size:26px}
  .section .mail{margin:5vw;width:calc(100% - 10vw);height:500px}
  .section .mail p.pc{display:none}
  .section .mail p{font-size:26px;width:calc(100% - 10vw)}
  .section.professor .con{margin:5vw}
  .section.professor .flex{display:block;padding:5vw;margin:0;/* border-bottom:3vw solid #efefef; */border-bottom:1vw solid #efefef;text-align:center}
  .section.professor .flex .img{width:100%;margin-bottom:30px}
  .section.professor .flex .font{width:100%}
  .section.professor .flex .font p{color:#0078ff;font-size:30px}
  .section.professor .flex .font p span{font-size:28px;color:#333}
  .section.professor .center .sub_title{text-indent:0}
  .section.professor .center .sub_title::after{display:none}
  .section.professor .center table.pc{display:none}
  .section.professor .con table{font-size:28px}
  .section.professor .con table tr td{padding:2vw}
  .section.professor .con table tr td:last-child{text-align:left}
  .section.regi_consult .text,
  .section.professor .con .indent{font-size:28px;line-height:40px}
  .section.regi_consult .point{color:#666}
  .section.professor .center .button{text-align:center;margin:5vw}
  .section.professor img.pc{display:none}
  .section.review .center .notice .notice_table table tr td:nth-child(3),
  .section.review .center .notice .notice_table table tr td:nth-child(5){display:table-cell}
  .section.review .center .notice .notice_table table tr td:nth-child(5),
  .section.review .center .notice .notice_table table tr td:nth-child(6),
  .section.review .center .notice .notice_table table tr td:nth-child(7){display:none}
  .section.review .center .notice .notice_table table tr .notice_type select{font-size:28px;width:100%}
  .section.review .center .notice .notice_table table tbody tr td a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;width:35vw}
  .section .center .notice .notice_table table tbody tr td a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;/* width:42vw */}
  .section.review .notice_table .board_button{position:static;margin-top:5vw}
  .section.review .notice_table .board_button ul li{width:calc(50% - 10px)}
  .section.review .notice_table .board_button ul li a{display:inline-block;width:100%;height:50px;line-height:50px;padding:0;text-align:center;font-size:30px}
  .section.section.youth_review .center .notice .notice_table table tbody tr td:nth-child(2){text-align:center}
  .section.youth_review .center .notice .notice_table table tr td:nth-child(3){border-right:none}
  .section.youth_review .center .notice .notice_table table tr td:nth-child(4){display:none}
  .section.youth_review .center .notice .notice_table table tbody tr td a{width:42vw}
  .section.practice .sizarship .con .size{font-size:30px}
  .section.practice .sizarship .con .sub_title{margin:0}
  .section.practice .center .button{text-align:center}
  .section.practice .center .button a{font-size:30px;display:block;width:calc(100% - 70px)}
  .section.practice .center .button.margin a:first-child{margin-right:0px;margin-bottom:20px}
  .section.remote_control .guide .flex{display:block;padding:5vw;margin:5vw;height:auto;border:#e1e1e1}
  .section.remote_control .guide .flex .flex_img{width:100%;margin-bottom:30px;text-align:center}
  .section.remote_control .guide .flex .flex_img img{position:static;transform:none}
  .section.remote_control .guide .flex .flex_text{width:100%;text-align:center}
  .section.remote_control .guide .flex .flex_text .guide_title{font-size:30px}
  .section.remote_control .guide .flex .flex_text .guide_text{font-size:28px;color:#333}
  .section.remote_control .guide .guide_1,
  .section.remote_control .guide .guide_2{margin:0;padding:5vw;border-top:3vw solid #efefef}
  .section.remote_control .guide .guide_1 .guide_title,
  .section.remote_control .guide .guide_2 .guide_title{font-size:38px}
  .section.remote_control .guide .guide_1 .guide_text,
  .section.remote_control .guide .guide_2 .guide_text{font-size:28px}
  .section.remote_control .guide .guide_1 .guide_text{padding-left:0}
  .section.remote_control .guide .guide_2 > img{width:100%;margin:20px 0}
  .section.remote_control .guide .guide_2 > img.pc{display:none}
  .section.remote_control .guide .guide_2 .remote_button button{font-size:30px;width:100%}
  .section.obstacle .guide .flex .flex_text .call{font-size:28px}
  .section.obstacle .guide .obtacle_guide .qa .q{text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 20px;width:calc(100% - 40px)}
  .section.obstacle .guide .obtacle_guide .qa .q.active{text-wrap:wrap}
  .section.obstacle .guide .obtacle_guide .qa .q > img{margin:0 20px 0 0}
  .section.remote_control .guide .obtacle_guide{margin:0 5vw}
  .section .center .roadmap_con1{width:calc(100% - 10vw)}
  .section .center .cert_con2.document div p{font-size:26px}
  .section.issue .center .button{margin:0 5vw 60px}
  .section.awards .content > img{width:calc(100% - 10vw);margin:5vw}
  .section.awards .content > img.pc{display:none}
  .section.awards .content .awards_con{margin:0 5vw}
  .section.awards .content .awards_con > div{flex-basis:calc(50% - 10px)}
  .section.awards .content .awards_con div .con_img{height:30vw}
  .section.awards .content .awards_con div .con_img::after{width:10vw;height:10vw}
  .section.awards .content .awards_con div .con_title{font-size:28px}
  .section.awards .content .awards_con div .con_writer{font-size:24px}
  .section .intro .call_guide{width:calc(100% - 10vw);margin:30px 5vw;text-align:center;height:auto}
  .section .intro .call_guide div img{position:static;width:100px;transform:none}
  .section .intro .call_guide div p{margin-bottom:5vw;position:static;transform:none}
  .section .intro .call_guide .call::after{height:70%}
  .section .intro .guide_text,
  .section .intro .guide_text_2{margin:0 5vw 10px}
  .section .intro .guide_text{font-size:38px}
  .section .intro .guide_text_2{font-size:28px}
  .section .location img{margin:5vw 5vw 0;width:calc(100% - 10vw)}
  .section .location .location_text{font-size:30px;font-weight:bold;margin:30px 5vw}
  .section .location .location_detail{margin:20px 5vw;font-size:20px}
  .section .location .mobile span{font-size:28px;font-weight:600;color:#666;display:block;margin:20px 0}
  .section .location .flex{display:block;margin:0}
  .section .location .flex div{width:calc(100% - 10vw);padding:0 5vw}
  .section .location .flex .subway{padding-bottom:30px}
  .section .location .flex .bus{padding-top:30px;border-top:1px solid #e1e1e1}
  .section .location div .location_type{font-size:30px}
  .section .location div p{font-size:20px}
  .section .location .subway span{width:40px;height:40px;line-height:40px;border-radius:50%;font-size:20px}
  .section .location .subway p:nth-child(2) span:last-child{width:110px;border-radius:50px}
  .section .location .bus span{width:60px;height:40px;line-height:40px;font-size:20px}
  .section .alliance{margin:0 5vw 60px}
  .section .alliance img{width:100%}
  .section .alliance img.pc{display:none}
  .section .alliance > p.pc{display:none}
  .section .alliance > p{font-size:34px;margin:60px 5vw;word-break:keep-all}
  .section .alliance > p span{font-size:34px;font-weight:600;display:block;margin-top:10px}
  .section .alliance .alliance_box{width:100%;height:auto}
  .section .alliance .alliance_box .top .title{display:block;font-size:30px;line-height:90px}
  .section .alliance .alliance_box .top{height:90px}
  .section .alliance .alliance_box .top::after{width:90%}
  .section .alliance .alliance_box .bottom{height:180px}
  .section .alliance .alliance_box .bottom p{font-size:28px;line-height:45px}
  .section.bank_guide .guide_img{width:calc(100% - 10vw);margin:60px 5vw}
  .section.bank_guide .roadmap_con1 .cert_type table .guide_video_btn{width:220px;height:100px}
  .section.bank_guide .roadmap_con1 .cert_type table .guide_video_btn img{left:15px}
  .section.bank_guide .roadmap_con1 .cert_type table .guide_video_btn p{right:15px}
  .section .sizarship.margin .con{margin:0}
  .section .center .sizarship .mobile_div{padding:0 5vw}
  .section .sizarship .con .title{display:block}/* 241111 수정 */
  .section .sizarship.margin .con .title{margin-top:60px}
  .section .sizarship .con .sub_title::after{display:none}
  .section.notice .sizarship .mobile_div > .text{margin:0;margin-bottom:40px}
  .section .center .sizarship .mobile_div .sub_title{margin:0;margin-bottom:3vw}

  /* 통합로그인 센터 */
  .login.cert_login .text_box p{font-size:28px}
  .login.cert_login .text_box a{display:none}
  .login.cert_login .pop_guide .pop_guide_con{margin:0}
  .login.cert_login .pop_guide .pop_guide_con p{font-size:28px}
  .login.cert_login .pop_guide .pop_guide_con img{margin:20px 0;width:100%}
  .login.cert_login .pop_guide .pop_guide_btn{font-size:30px}

  .section .recruit{margin:0;border-top:6px solid #efefef}
  .section .recruit .padding{padding:5vw}
  .section .recruit .padding .date{width:100%;padding:0;height:70px;line-height:70px;text-align:center;font-size:30px;margin-bottom:20px}
  .section .recruit .padding .recruit_noti .padding > p{font-size:38px;text-align:center;line-height:50px;margin:0}
  .section .recruit .padding .recruit_noti .padding > p span{font-size:40px}
  .section .recruit .padding .recruit_noti .padding .flex{display:block}
  .section .recruit .padding .recruit_noti .padding .flex > div{margin:0;width:100%;height:300px;margin:30px 0}
  .section .recruit .padding .recruit_noti .padding .flex > div > span{padding:0;width:100%;position:static;display:block;border-radius:0;text-align:center;height:60px;line-height:60px;font-size:30px}
  .section .recruit .padding .recruit_noti .padding .flex > div img{top:60%;left:10vw}
  .section .recruit .padding .recruit_noti .padding .flex > div > p{bottom:75px;left:auto;right:10vw}
  .section .recruit .padding .recruit_noti .padding .flex > div > p,
  .section .recruit .padding .recruit_noti .padding .flex > div > p span{font-size:38px}
  .section .recruit .padding .recruit_noti .padding .detail_noti table.pc{display:none}
  .section .recruit .padding .recruit_noti .padding .detail_noti .mobile .detail_noti_title{font-size:30px;font-weight:bold;margin-bottom:10px}
  .section .recruit .padding .recruit_noti .padding .detail_noti .mobile .detail_noti_con{font-size:28px;margin-bottom:30px}
  .section .recruit .padding .recruit_noti .padding .detail_noti .mobile .detail_noti_con:last-child{margin-bottom:0}
  .section .recruit .padding .recruit_noti .padding .recruit_btn ul{display:block}
  .section .recruit .padding .recruit_noti .padding .recruit_btn ul li{width:100%;margin-bottom:20px;height:70px;line-height:70px}
  .section .recruit .padding .recruit_noti .padding .recruit_btn ul li:last-child{margin-bottom:0}
  .section .recruit .padding .recruit_noti .padding .recruit_btn ul li a{font-size:30px}
  .section .recruit .padding .text{font-size:34px}
  .section .recruit .padding > ul li{height:200px;margin-right:3vw;width:calc(50% - 1.5vw);margin-bottom:3vw}
  .section .recruit .padding > ul li a{font-size:28px}
  .section .recruit .padding > ul li a span{font-size:38px}
  .section .recruit .padding .table_text{display:flex;/* flex-wrap:wrap; */margin-bottom:20px;gap: 0 10px;	}
  .section .recruit .padding .table_text div{flex-basis:33.333%;margin-right:0;/* font-size:26px; */font-size:20px;/* font-weight:bold */}
  .section .recruit .padding .table_text div:first-child,
  .section .recruit .padding .table_text div:nth-child(2),
  .section .recruit .padding .table_text div:nth-child(3){margin-bottom:20px}
  .section .recruit .padding .table_text div span{/* font-size:26px */font-size:20px;}
  .section .recruit .padding table td .status{width:auto;height:auto;padding:10px}

  /* 학습상담 */
  .intro_box{padding:150px 30px 30px 30px;background-position:center 30px}
  .intro_box .desc{text-align:center}
  .consultation .consult{padding:15px}
  .consultation .ipt_write_wrap{margin-top:20px}
  .consultation .consult .agree_1 p,
  .consultation .consult .agree_2 p{font-size:30px}
  .consultation .consult table.pc{display:none}
  .consultation .consult table.mobile{text-align:left;border-top:2px solid #000}
  .consultation .consult table.mobile td{padding:2vw;font-size:26px}
  .consultation .consult table.mobile td:first-child{background:#f5f5f5;font-weight:bold;width:10%}
  .consultation .consult .agree_radio{text-align:center;font-size:28px;margin:20px 0 40px}
  .consultation .consult .all p{font-size:28px;text-align:left}
  .consultation .consult .all label{font-size:28px}
  .section.regi_consult .text{margin:3vw 0}
  .section.regi_consult .text.margin{margin:3vw 5vw}
  .section.regi_consult .notice_table .board_button{position:static;margin-top:60px}
  .section.regi_consult .notice_table .board_button ul li{width:calc(50% - 10px)}
  .section.regi_consult .notice_table .board_button ul li a{display:inline-block;width:100%;height:50px;line-height:50px;padding:0;text-align:center;font-size:30px}
  .section.kakao .center .kakao_img{width:calc(100% - 10vw);margin:5vw}
  .section.kakao .center .kakao_img img{width:100%;margin-bottom:0}
  .section .recruit .padding .recruit_noti .padding .detail_noti .mobile .detail_noti_con #type{width:100%;height:70px;box-sizing:border-box;font-size:28px;text-indent:10px;margin-bottom:10px;border:1px solid #c9c9c9}
  .section .recruit .padding .recruit_noti .padding .detail_noti .mobile .detail_noti_con table{display:none;width:100%;border-collapse:collapse;border-top:2px solid #000}
  .section .recruit .padding .recruit_noti .padding .detail_noti .mobile .detail_noti_con table tr{border-bottom:1px solid #dfdfdf}
  .section .recruit .padding .recruit_noti .padding .detail_noti .mobile .detail_noti_con table tr td{padding:2vw;font-size:26px}
  .section .recruit .padding .recruit_noti .padding .detail_noti .mobile .detail_noti_con table tr td:first-child{font-weight:bold;width:30%;text-align:center}
  .section .recruit .padding .recruit_noti .padding .detail_noti .mobile .detail_noti_con table tr td:last-child{background:#fff}
  .section .recruit .padding .recruit_noti .padding .detail_noti .mobile .detail_noti_con table.active{display:table}
  .section.practice .recruit .padding .practice_noti .noti_title{font-size:34px}
  .section.practice .recruit .padding .practice_noti .noti_sub_title{font-size:28px}
  .section.practice .recruit .padding .practice_noti .noti_text{font-size:24px;padding:0}
  .section.practice .recruit .padding .practice_noti .process{display:block}
  .section.practice .recruit .padding .practice_noti .process a{width:100%;margin-right:0;margin-bottom:30px}
  .section.practice .recruit .padding .practice_noti .process a .process_box .text{font-size:32px;padding:20px 0}
  .section.practice .recruit .padding .practice_noti .pc{display:none}
  .section.practice .recruit .padding .practice_noti .mobile{width:100%}
  .section .ot .ot_con .ot_detail table{width:100%}

  /* View 페이지 */
  .board_view_wrap,
  .board_write_wrap{margin-top:0}

  /* 모집요강 페이지 */
  .recruit_type{display:block;border-top:1px solid #a9a9a9}
  .recruit_type li{border-bottom:1px solid #a9a9a9}
  .recruit_type.n4 li{width:100%}
  .schedule_info{display:block;padding:0}
  .schedule_info .box{margin-top:30px;padding:0;width:100%;background-position:90px 95px;background-size:90px auto}
  .schedule_info .box .tit{display:block;margin:0;width:100%;font-size:30px}
  .schedule_info .cont{padding:50px 50px 50px 35%;font-size:38px}

  /*관련 사이트 링크*/
  .site.pc{display:none}
  .mo_site{display:block}
  .mo_site p{text-align:center;font-size:26px;background:#000f20;color:#fff;height:60px;line-height:60px}
  .mo_site > ul > li{width:100%;height:auto;line-height:60px;font-size:26px;text-align:center;background:#05548f;color:#fff}
  .mo_site > ul > li img{vertical-align:middle}
  .mo_site > ul li ul{display:none}
  .mo_site > ul > li.active ul{display:flex;justify-content:center;flex-wrap:wrap;width:100%}
  .mo_site > ul > li.active ul li{text-indent:0;flex-basis:calc(33.3% - 2vw);margin:1vw;text-align:center}

  /*푸터*/
  .footer{background:#1b293a}
  .footer .center{width:100%}
  .footer .center .footer_menu{display:flex;flex-wrap:wrap;justify-content:center;font-size:30px;margin-bottom:0;padding:20px 0}
  .footer .center .footer_menu li:first-child{margin:10px}
  .footer .center .footer_menu li{flex-basis:calc(30% - 30px);margin:10px;text-align:center;font-size:24px}
  .footer .center .footer_menu li a{color:#f6f6f6}
  .footer .center .footer_info{display:block;text-align:center;padding:0}
  .footer .center .footer_info .footer_sns{display:flex;justify-content:center;align-items:center;padding:20px 0;border-bottom:1px solid #3d4957;border-top:1px solid #3d4957;position:static}
  .footer .center .footer_info .footer_sns div{margin:10px;width:50px}
  .footer .center .footer_info .footer_sns div:last-child{margin-right:10px}
  .footer .center .footer_info .footer_sns div img{width:100%;display:block}
  .footer .center .footer_info .footer_logo_box{display:none}
  .footer .center .footer_info .footer_text .pc{display:none}
  .footer .center .footer_info .footer_text{display:block;color:#878b91;font-size:24px;padding:20px 0;line-height:40px}
  .footer .center .footer_info .footer_text span{color:#454b54}

  /* 회원가입 */
  .section.join_2 .center .page_menu{border-bottom:3vw solid #efefef}
  .section.join_2 .center .step{margin:0 5vw 80px}
  .section.join_2 .center .step .table .row {display: block; height: auto;}
  .section.join_2 .center .step .table .row .bir_box select{width:27%;min-width: 120px;}
  .section.join_2 .center .step .step_title{font-size:36px}
  .section.join_2 .center .step .table .row{display:block;height:auto;border:none}
  .section.join_2 .center .step .table .row > div{width:100%;border-right:none;border-bottom:1px solid #e9e9e9}
  .section.join_2 .center .step .table .row .label_box{width:250px;height:80px;line-height:80px}
  .section.join_2 .center .step .table .row .input_box button{font-size:28px;height:50px}
  .section.join_2 .center .step .table .row.height .label_box{line-height:191px}
  .section.join_2 .center .step .table .row .label_box label{font-size:28px}
  .section.join_2 .center .step .table .row .input_box input,
  .section.join_2 .center .step .table .row .input_box select{font-size:28px;height:50px}
  .section.join_2 .center .step .table .row .id_box input{width:calc(100% - 141px)}
  .section.join_2 .center .step .table .row .input_box span,
  .section.join_2 .center .step .info_box .flex > label,
  .section.join_2 .center .step ul li{font-size:24px}
  .section.join_2 .center .step .table .row .phone_box input,
  .section.join_2 .center .step .table .row .phone_box select{width:30%}
  .section.join_2 .center .step .table .row .mail_box .input_box {flex-direction: column;}
  .section.join_2 .center .step .table .row .mail_box .label_box {height: 242px;line-height: 242px;}
  .section.join_2 .center .step .table .row .mail_box input,
  .section.join_2 .center .step .table .row .mail_box select{/* width:46% */min-width: 100%;}
  .section.join_2 .center .step .table .row .pw_box .label_box {height: 115px; line-height: 115px;}
  .section.join_2 .center .step .table .row .add_box #add_input_1{width:calc(100% - 197px)}
  .section.join_2 .center .step .table .row .add_box #add_input_2{margin-bottom:10px}
  .section.join_2 .center .step .table .row .add_box #add_input_2,
  .section.join_2 .center .step .table .row .add_box #add_input_3{width:100%}
  .section.join_2 .center .step .info_box p,
  .section.join_2 .center .step .step_text{font-size:30px}
  .section.join_2 .center .step .info_box .flex{display:inline-block}
  .section.join_2 .center .step .info_box .flex > label{width:100%;margin-bottom:10px}
  .section.join_2 .center .step .info_box .flex > label input[type="text"],
  .section.join_2 .center .step .choice_box input{font-size:28px;height:50px}
  .section.join_2 .center .step .table .row .re_id_box input{width:calc(100% - 93px)}
  .section.join_2 .center .step .over{overflow:scroll}
  .section.join_2 .center .step .over ul{width:1400px}
  .section.join_2 .center .step ul li .top{height:80px;line-height:80px}
  .section.join_2 .center .step ul li .bottom{height:150px}
  .section.join_2 .center .step .choice_box{text-align:center;font-size:28px}
  .section.join_2 .center .step .choice_box label{margin-right:50px}
  .section.join_2 .center .step .choice_box label:last-child{margin:0}
  .section.join_2 .center .step .comment p{font-size:24px;line-height:30px}
  .complete_msg{padding:120px 20px 0}

  /* 유의사항 */
  .notice_wrap{margin:0 20px}

  /* Top Scroll Tab */
  .depth_tab{margin:0}
  .depth_tab::-webkit-scrollbar-thumb{background-color:rgba(0, 0, 0, 0.05)}
  .depth_tab ul li{font-size:16px}
  .depth_tab ul li::after{content:'';display:block;position:absolute;width:1px;height:50%;background:#e1e1e1;right:0;top:50%;transform:translateY(-50%)}
  .depth_tab ul li:last-child::after{display:none}
  .depth_tab ul li a{padding:15px}
  .depth_tab ul.ea2 li{width:50%}
  .depth_tab ul.ea4 li{min-width:25%}

  /* 수강신청 시간 카운팅 */
  .top_countdown{margin-top:0;display:block;text-align:center}
  .top_countdown .num{font-size:2rem}
  .time_unit{margin:10px 0 0 0}
  .time_unit .ct_day .txt{font-size:3rem}
  .time_btn{margin-top:10px}
  .time_btn a{font-size:2rem}

  /* 게시판 상단 검색영역 */
  .board_lst_wrap{padding:0 15px;margin-top:20px}
  .brd_header{display:block}
  .brd_count{display:none}
  .brd_srch .sel{flex:1}
  .brd_srch .ipt_group01{flex:2}

  /* paging */
  .page_nav{margin-top:30px}

  .procedure .list ul {flex-wrap: wrap;}/* 과정안내 */
}

@media (max-width:900px){
  .section .youtube{top:57vw}
}

@media (max-width:840px){
  .section.join_2 .center .step .table .row .bir_box select{width:25%}
  /* 수강신청 시간 카운팅 */
  .top_countdown .num{font-size:1.1rem}
  .time_unit .ct_day .txt{font-size:2rem}
  .time_btn a{font-size:1.5rem}
  /* 학습상담 */
  .reg-apply-comple-container {padding: 20px; box-shadow:none; border-radius:0;}
  .reg-apply-comple-btn {box-sizing: border-box; width: 100%;}
  .apply_qna-body .apply_qna-form {margin: 0;}
  .apply_qna-body .apply_qna-box input[type="password"]{ width: 100%; margin: 6px 0;} 
  .apply_qna-body .apply_qna-head img {padding-right: 0;}
  .apply_qna-body .apply_qna-head .text-wrap p{text-align: center;}
  .apply_qna-body .apply_qna-box .apply_qna-box-wrap {width: 100%;}
}

@media (max-width:740px){
  .tbl_form .ipt_group03{display:block}
  .tbl_form .ipt_group03 .btn_type04{margin:8px 0 0;width:100%;max-width:100%}

 /* 모집요강 페이지 */
  .schedule_info .box{margin-top:30px;padding:0;width:100%;background-position:center 80px;background-size:80px auto}
  .schedule_info .cont{padding:170px 20px 30px 20px;font-size:29px;text-align:center}
  .schedule_info .box .tit{font-size:22px}
  .schedule_info .cont strong{font-size:29px}
  .section .center .notice{margin-bottom:5vw}
  .section .ot .ot_con .ot_detail li .ot_title{margin-bottom:20px;padding-left:40px;font-size:36px;line-height:36px}
  .ot_detail .ot_title:after{width:35px;height:35px;top:0;background-size:auto 35px}
  .section .sizarship .con .text{line-height:36px}

  .login .center .text,
  .section .recruit .padding .recruit_noti .padding > p span{font-size:36px}
  .section.practice_center .pro .title,
  .section.remote_control .guide .guide_1 .guide_title,
  .section.remote_control .guide .guide_2 .guide_title,
  .section .intro .guide_text,
  .section .recruit .padding .recruit_noti .padding > p,
  .section .recruit .padding .recruit_noti .padding .flex > div > p,
  .section .recruit .padding .recruit_noti .padding .flex > div > p span,
  .section .recruit .padding > ul li a span{font-size:34px}
  .section.video .review .review_box .text .name span,
  .section.join_2 .center .step .step_title{font-size:32px}

  .footer .center .footer_menu li,
  .footer .center .footer_info .footer_text,
  .section .ot .ot_con .ot_detail li a,
  .section.remote_control .guide .guide_1 .guide_text,
  .section.remote_control .guide .guide_2 .guide_text,
  .section.awards .content .awards_con div .con_writer,
  .section.practice .recruit .padding .practice_noti .noti_text,
  .section.join .center .detail .textarea,
  .section.join .center .step label,
  .section.join .center .detail .radio_box label,
  .section .ot .ot_con .ot_detail li .ot_text,
  .section.join_2 .center .step .comment p{font-size:22px}
  .section .center .page_menu .menu button,
  .section .center .page_menu .sub_menu button,
  .section .center .page_menu .sub2_menu button,
  .section .center .cert_con1 .guide .as span,
  .section .center .page_menu .menu ul li,
  .section .center .page_menu .sub_menu ul li,
  .section .center .page_menu .sub2_menu ul li,
  .section.psy .center .career .career_list li .career_name,
  .section.notice .mobile_div > .text,
  .section.video p.text,
  .section .event_list .event a .event_text .event_sum,
  .section .event_list .event a .event_text .event_detail,
  .section .benefit .benefit_con .benefit_btn li,
  .section .ot .ot_con .ot_btn li,
  .section .pro .prof_list li .text .chapter,
  .section .pro .prof_list li .text .profile,
  .section.remote_control .guide .flex .flex_text .guide_text,
  .section.obstacle .guide .flex .flex_text .call,
  .section.remote_control .guide .guide_1 .guide_text,
  .section.remote_control .guide .guide_2 .guide_text,
  .section .intro .intro_text,
  .section .intro table,
  .section.awards .content .awards_con div .con_title,
  .section .intro .guide_text_2,
  .section .alliance .alliance_box .bottom p,
  .login.cert_login .text_box p,
  .login.cert_login .pop_guide .pop_guide_con p,
  .section.privacy .sizarship .con .top,
  .section.professor .flex .font p span,
  .section.professor .con table,
  .section.regi_consult .text,
  .section.professor .con .indent,
  .section .recruit .recruit_type li a,
  .section .recruit .padding .recruit_noti .padding .detail_noti .mobile .detail_noti_con,
  .section .recruit .padding > ul li a,
  .section .recruit .padding .recruit_noti .padding .detail_noti .mobile .detail_noti_con #type,
  .section .recruit .padding .recruit_noti .padding .detail_noti .mobile .detail_noti_con #type,
  .section.practice .recruit .padding .practice_noti .noti_sub_title,
  .consultation .consult .agree_radio,
  .consultation .consult .all p,
  .consultation .consult .all label,
  .section.join .center .step label,
  .section.join .center .detail .radio_box label,
  .section.join .center .step .flex .guide p,
  .section.join .center .step .flex .join_form table tr td input[type="text"],
  .section.join .center .require p:last-child,
  .section.review .center .notice .notice_table table tr .notice_type select,
  .section.join_2 .center .step .table .row .label_box label,
  .section.join_2 .center .step .table .row .input_box input,
  .section.join_2 .center .step .table .row .input_box select,
  .section.join_2 .center .step .table .row .input_box button,
  .section.join_2 .center .step .table .row .input_box span,
  .section.join_2 .center .step .info_box .flex > label,
  .section.join_2 .center .step ul li,
  .section.join_2 .center .step .info_box .flex > label input[type="text"],
  .section.join_2 .center .step .choice_box input,
  .section.join_2 .center .step .choice_box{font-size:24px}

  .section .center .sub_title,
  .mo_sitemap .sitemap_gnb .sitemap_main > li,
  .section.practice_center .center .sub_title,
  .section .alliance > p,
  .section .alliance > p span,
  .section .sizarship .con .title,
  .section .recruit .padding .text,
  .section.practice .recruit .padding .practice_noti .noti_title{font-size:30px}
  .login .login_flex .login_box .find_btn a,
  .login .login_flex .login_btn_box .cert_btn,
  .login .login_flex .login_btn_box a,
  .login .login_bottom .login_top_menu .login_menu_btn p,
  .login .login_bottom .login_bottom_menu p,
  .login .login_bottom .login_bottom_menu ul li a,
  .section.practice .recruit .padding .practice_noti .process a .process_box .text,
  .section.join .center .require p:first-child,
  .section.health .center .work .work_list li p{font-size:28px}

  .section .center .cert_con1 .guide .as p,
  .section .center .cert_con1 .manual .box a p,
  .section .center .sub_title,
  .section.health .center .qual .button a,
  .section.busi .center .button a,
  .section.psy .center .drop_table .button a,
  .section .center .subject_con1 .button a,
  .section .center .subject_con2 .button a,
  .section.professor .button a,
  .section .center .procedure .button a,
  .section.issue .center .button a,
  .section.busi .center .sub_title2,
  .section .center .notice .notice_search select,
  .section .center .notice .notice_search .search_input,
  .section .center .notice .notice_search .search_btn,
  .section .event_list .event a .event_text .event_title,
  .section.obstacle .guide .obtacle_guide > ul li,
  .section.obstacle .guide .obtacle_guide .qa .q,
  .section.review .notice_table .board_button ul li a,
  .section.video .review .review_box .text .name,
  .section.video .review .review_box .text .type,
  .section.video .review .review_box .text .review_title,
  .section.practice .sizarship .con .size,
  .section .sizarship .con .sub_title,
  .section.practice .center .button a,
  .section .pro .prof_list li .name,
  .section.remote_control .guide .flex .flex_text .guide_title,
  .section.obstacle .guide .obtacle_guide > ul li,
  .section.remote_control .guide .guide_2 .remote_button button,
  .section .intro .call_guide div p,
  .section .location .location_text,
  .section .location div .location_type,
  .section .alliance .alliance_box .top .title,
  .login .login_flex .login_box p,
  .login .login_flex .login_box input[type="text"],
  .login .login_flex .login_box input[type="password"],
  .login .login_flex .login_box label,
  .login.cert_login .pop_guide .pop_guide_btn,
  .section.professor .flex .font p,
  .section .recruit .padding .date,
  .section .recruit .padding .recruit_noti .padding .flex > div > span,
  .section .recruit .padding .recruit_noti .padding .detail_noti .mobile .detail_noti_title,
  .section .recruit .padding .recruit_noti .padding .recruit_btn ul li a,
  .section.regi_consult .notice_table .board_button ul li a,
  .consultation .consult .agree_1 p,
  .consultation .consult .agree_2 p,
  .section.join .center .step a,
  .section.join .center .detail p,
  .section.join_2 .center .step .info_box p,
  .section.join_2 .center .step .step_text{font-size:26px}

  .section .center .cert_con2.document div p,
  .section .center .guide_con1 .text,
  .section .center .guide_con2 .text,
  .section .center .guide_con3 .text,
  .section .center .roadmap_con1 div p,
  .section.busi .center .roadmap_con1 div .text,
  .section .center .subject_con1 .text,
  .section.life .center .old .text,
  .section.life .center .old .detail .item,
  .section.life .center .old .detail .text,
  .section .center .cert_con2 div p,
  .section .center .cert_con3 div p,
  .section.bank_guide .roadmap_con1 .text,
  .mo_sitemap .sitemap_menu ul li span,
  .mo_sitemap .sitemap_gnb .sitemap_main li .sitemap_sub,
  .section .center .guide_con2 table td,
  .section .center .grade table td,
  .section.health .center .work table td,
  .section.busi .center .credit table td,
  .section.psy .center .credit table td,
  .section .center .roadmap_con1 table td,
  .section .center .subject_con1 table td,
  .section .center .subject_con2 table td,
  .section .center .subject_con4 table td,
  .section .sizarship .con table td,
  .section .center .procedure .over table td,
  .section .center .intro .over table td,
  .section .recruit .padding .over table td,
  .section.busi .center .cpa .text,
  .section.busi .center .grade_menu li,
  .section.psy .center .career .career_list li .career_detail,
  .section.psy .center .license_list li p,
  .section .center .notice .notice_table .page ul li button,
  .section.event_page .page ul li button,
  .mo_site p,
  .mo_site > ul > li,
  .section .sizarship .con .text,
  .section.privacy .sizarship .con span,
  .section .center .content .guide_title,
  .section.privacy .sizarship .foot,
  .section .mail p,
  .section .recruit .padding .recruit_noti .padding .detail_noti .mobile .detail_noti_con table tr td,
  .consultation .consult table.mobile td,
  .section .sizarship .con .over table td{font-size:23px}
  .section.social .center .comment,
  .section .center .subject_con1 .comment,
  .section .center .cert_con2 div p span,
  .section .center .procedure .comment,
  .section.awards .content .comment,
  .section .center .subject_con1 > span,
  .section .location .location_detail,
  .section .location div p,
  .section .location .subway span,
  .section .location .bus span{font-size:19px}
  .section .location div p{font-size:18px}
  .section.busi .center .license_list li p span{font-size:21px}
  .section.obstacle .guide .obtacle_guide > ul li:nth-child(3){font-size:22px}
  .section.join .center .detail .radio_box input{margin-right:5px}
  .section .sizarship.margin .con .title{margin-top:5vw}
  .login .login_bottom .login_bottom_menu ul li{height:100px;line-height:100px}
  .login .login_bottom .login_top_menu .login_menu_btn{height:130px}
  .login .login_flex .login_box .find_btn a{height:70px;line-height:70px}
  .login .login_flex .login_box #id_save{width:25px;height:25px}
  .section .benefit .benefit_con .benefit_btn li,
  .section .ot .ot_con .ot_btn li{padding:2vw;height:auto}
  .section.obstacle .guide .obtacle_guide > ul{margin:2vw 0}
  .section .benefit .benefit_con .benefit_btn li.active,
  .section.busi .center .license_list li p span{line-height:normal}
  .section .center .notice .notice_search select,
  .section .center .notice .notice_search .search_input,
  .section .center .notice .notice_search .search_btn,
  .section .alliance .alliance_box .top,
  .login .login_flex .login_box input[type="text"],
  .login .login_flex .login_box input[type="password"],
  .login .login_flex .login_box .login_btn,
  .section .alliance .alliance_box .top .title{line-height:70px}
  .section .center .notice .notice_search .search_btn{width:70px}
  .section .center .notice .notice_search .search_input{width:calc(80% - 78px)}
  .section .center .cert_con1 .guide .as span,
  .section .center .cert_con1 .guide .as p{left:250px}
  .section .center .cert_con1 .guide .as p{top:45px}
  .section .center .cert_con1 .guide .as span{bottom:45px}
  .section .pro .prof_list li .name{height:45px;line-height:45px}
  .section.practice_center .center .sub_title{height:60px;line-height:60px}
  .section.obstacle .guide .obtacle_guide .qa .q{height:70px;line-height:70px}
  .section.obstacle .guide .obtacle_guide .qa .q > img{width:40px}
  .section.obstacle .guide .obtacle_guide .qa .q ul li{line-height:35px}
  .mo_site > ul > li.active ul li{flex-basis:calc(33.3% - 4vw)}
  .footer .center .footer_info .footer_text{line-height:30px}
  .footer .center .footer_info .footer_sns{padding:2vw 0}
  .footer .center .footer_info .footer_sns div{width:45px}
  .section.join_2 .center .step .table .row .id_box input{width:calc(100% - 127px)}
  .section.join_2 .center .step .table .row .add_box #add_input_1{width:calc(100% - 175px)}
  .section.join_2 .center .step .table .row .re_id_box input{width:calc(100% - 86px)}
  .section.join_2 .center .step .over ul{width:1100px}
  .schedule1 .scd_tab li span{display:block}
  .section .center .sub_title{text-indent:12px}/* 241122 :추가 */
  .section .center .sub_title::after{top:4px;max-height:22px}/* 241122 :추가 */
  .section .mail img {width: 135px;} /* 250424 : 이메일무단수집거부 페이지*/
  .login .login_flex .login_box .login_btn {line-height: 50px;}
  /* 과정안내 */
  .procedure .list ul {display: inherit;}
  .procedure .list ul .step-item {justify-content: space-evenly; width: 100%; height: 170px; box-sizing: border-box; margin-bottom: -10px;}
  .procedure .list .arr-item {display: none;}
}

@media (max-width:690px){
  .section.join_2 .center .step .table .row .bir_box select{width:24%}
  .section.join_2 .center .step .table .row .phone_box input,
  .section.join_2 .center .step .table .row .phone_box select{width:29%}
  .section.join_2 .center .step .table .row .mail_box input,
  .section.join_2 .center .step .table .row .mail_box select{width:45%}
}

@media (max-width:640px){

  /* LAYER POPUP */
  .layer_box{padding:15px}
  .layer_box .inner{width:100%}
  .layer_box .layer_footer .btn_wrap{padding:0}
  .layer_box .layer_tit{font-size:20px}
  .layer_box .layer_header{padding:20px 20px 0}
  .layer_box .layer_cont{padding:20px}
  .layer_box .layer_footer .btn_wrap a{height:50px;line-height:50px}
  .btn_layer_close{width:20px;height:21px;background-size:20px auto}

  /* board View, write 페이지 */
  .board_nav{font-size:14px}
  .board_nav a{}
  .board_nav .label{padding-left:55px;min-width:110px;background-size:16px auto}
  .board_nav .tit{}

  .login .center .text,
  .section .recruit .padding .recruit_noti .padding > p span{font-size:34px}

  .section.practice_center .pro .title,
  .section.remote_control .guide .guide_1 .guide_title,
  .section.remote_control .guide .guide_2 .guide_title,
  .section .intro .guide_text,
  .section .recruit .padding .recruit_noti .padding > p,
  .section .recruit .padding .recruit_noti .padding .flex > div > p,
  .section .recruit .padding .recruit_noti .padding .flex > div > p span,
  .section .recruit .padding > ul li a span{font-size:32px}
  .section.video .review .review_box .text .name span,
  .section.join_2 .center .step .step_title{font-size:30px}

  .section .center .sub_title,
  .mo_sitemap .sitemap_gnb .sitemap_main > li,
  .section.practice_center .center .sub_title,
  .section .alliance > p,
  .section .alliance > p span,
  .login .login_flex .login_box .login_btn,
  .section .sizarship .con .title,
  .section .recruit .padding .text,
  .section.practice .recruit .padding .practice_noti .noti_title{font-size:28px}
  .login .login_flex .login_box .find_btn a,
  .login .login_flex .login_btn_box .cert_btn,
  .login .login_flex .login_btn_box a,
  .login .login_bottom .login_top_menu .login_menu_btn p,
  .login .login_bottom .login_bottom_menu p,
  .login .login_bottom .login_bottom_menu ul li a,
  .section.practice .recruit .padding .practice_noti .process a .process_box .text,
  .section.join .center .require p:first-child,
  .section.health .center .work .work_list li p{font-size:24px}

  .section .center .cert_con1 .guide .as p,
  .section .center .cert_con1 .manual .box a p,
  .section .center .sub_title,
  .section.health .center .qual .button a,
  .section.busi .center .button a,
  .section.psy .center .drop_table .button a,
  .section .center .subject_con1 .button a,
  .section .center .subject_con2 .button a,
  .section.professor .button a,
  .section .center .procedure .button a,
  .section.issue .center .button a,
  .section.busi .center .sub_title2,
  .section .center .notice .notice_search select,
  .section .center .notice .notice_search .search_input,
  .section .center .notice .notice_search .search_btn,
  .section .event_list .event a .event_text .event_title,
  .section.obstacle .guide .obtacle_guide > ul li,
  .section.obstacle .guide .obtacle_guide .qa .q,
  .section.review .notice_table .board_button ul li a,
  .section.video .review .review_box .text .name,
  .section.video .review .review_box .text .type,
  .section.video .review .review_box .text .review_title,
  .section.practice .sizarship .con .size,
  .section .sizarship .con .sub_title,
  .section.practice .center .button a,
  .section .pro .prof_list li .name,
  .section.remote_control .guide .flex .flex_text .guide_title,
  .section.obstacle .guide .obtacle_guide > ul li,
  .section.remote_control .guide .guide_2 .remote_button button,
  .section .intro .call_guide div p,
  .section .location .location_text,
  .section .location div .location_type,
  .section .alliance .alliance_box .top .title,
  .login .login_flex .login_box p,
  .login .login_flex .login_box input[type="text"],
  .login .login_flex .login_box input[type="password"],
  .login .login_flex .login_box label,
  .login.cert_login .pop_guide .pop_guide_btn,
  .section.professor .flex .font p,
  .section .recruit .padding .date,
  .section .recruit .padding .recruit_noti .padding .flex > div > span,
  .section .recruit .padding .recruit_noti .padding .detail_noti .mobile .detail_noti_title,
  .section .recruit .padding .recruit_noti .padding .recruit_btn ul li a,
  .section.regi_consult .notice_table .board_button ul li a,
  .consultation .consult .agree_1 p,
  .consultation .consult .agree_2 p,
  .section.join .center .step a,
  .section.join .center .detail p,
  .section.join_2 .center .step .info_box p,
  .section.join_2 .center .step .step_text{font-size:24px}

  .section .center .page_menu .menu button,
  .section .center .page_menu .sub_menu button,
  .section .center .page_menu .sub2_menu button,
  .section .center .cert_con1 .guide .as span,
  .section .center .page_menu .menu ul li,
  .section .center .page_menu .sub_menu ul li,
  .section .center .page_menu .sub2_menu ul li,
  .section.psy .center .career .career_list li .career_name,
  .section.notice .mobile_div > .text,
  .section.video p.text,
  .section .event_list .event a .event_text .event_sum,
  .section .event_list .event a .event_text .event_detail,
  .section .benefit .benefit_con .benefit_btn li,
  .section .ot .ot_con .ot_btn li,
  .section .pro .prof_list li .text .chapter,
  .section .pro .prof_list li .text .profile,
  .section.remote_control .guide .flex .flex_text .guide_text,
  .section.obstacle .guide .flex .flex_text .call,
  .section.remote_control .guide .guide_1 .guide_text,
  .section.remote_control .guide .guide_2 .guide_text,
  .section .intro .intro_text,
  .section .intro table,
  .section.awards .content .awards_con div .con_title,
  .section .intro .guide_text_2,
  .section .alliance .alliance_box .bottom p,
  .login.cert_login .text_box p,
  .login.cert_login .pop_guide .pop_guide_con p,
  .section.privacy .sizarship .con .top,
  .section.professor .flex .font p span,
  .section.professor .con table,
  .section.regi_consult .text,
  .section.professor .con .indent,
  .section .recruit .recruit_type li a,
  .section .recruit .padding .recruit_noti .padding .detail_noti .mobile .detail_noti_con,
  .section .recruit .padding > ul li a,
  .section .recruit .padding .recruit_noti .padding .detail_noti .mobile .detail_noti_con #type,
  .section .recruit .padding .recruit_noti .padding .detail_noti .mobile .detail_noti_con #type,
  .section.practice .recruit .padding .practice_noti .noti_sub_title,
  .consultation .consult .agree_radio,
  .consultation .consult .all p,
  .consultation .consult .all label,
  .section.join .center .step label,
  .section.join .center .detail .radio_box label,
  .section.join .center .step .flex .guide p,
  .section.join .center .step .flex .join_form table tr td input[type="text"],
  .section.join .center .require p:last-child,
  .section.review .center .notice .notice_table table tr .notice_type select,
  .section.join_2 .center .step .table .row .label_box label,
  .section.join_2 .center .step .table .row .id_box input,
  .section.join_2 .center .step .table .row .input_box button,
  .section.join_2 .center .step .table .row .input_box select,
  .section.join_2 .center .step .table .row .input_box input,
  .section.join_2 .center .step .table .row .input_box span,
  .section.join_2 .center .step .info_box .flex > label,
  .section.join_2 .center .step ul li,
  .section.join_2 .center .step .info_box .flex > label input[type="text"],
  .section.join_2 .center .step .choice_box input,
  .section.join_2 .center .step .choice_box{font-size:22px}

  /* 페이지내 - 반응형 표 */
  .section .center .guide_con2 .over table,
  .section .center .grade .over table,
  .section.health .center .work .over table,
  .section.busi .center .credit .over table,
  .section.psy .center .credit .over table,
  .section.life .center .roadmap_con1 .over table,
  .section.busi .center .roadmap_con1 .over table,
  .section.psy .center .roadmap_con1 .over table,
  .section.health .center .roadmap_con1 .over table,
  .section.social .center .roadmap_con1 .over table,
  .section.youth .center .roadmap_con1 .over table,
  .section.standar .center .roadmap_con1 .over table,
  .section .center .subject_con1 .over table,
  .section .center .subject_con2 .over table,
  .section .center .subject_con4 .over table,
  .section .center .procedure .over table,
  .section .center .intro .over table,
  .section .recruit .padding .over table,
  .section .standard .tbl_wrap .social_tb, .section .center .roadmap_con1 table,
  .section .center .standard .tbl_wrap .life-edu_tb,
  .section .sizarship .con .over table{min-width: 40rem;}

  .section .center .cert_con2.document div p,
  .section .center .guide_con1 .text,
  .section .center .guide_con2 .text,
  .section .center .guide_con3 .text,
  .section .center .roadmap_con1 div p,
  .section.busi .center .roadmap_con1 div .text,
  .section .center .subject_con1 .text,
  .section.life .center .old .text,
  .section.life .center .old .detail .item,
  .section.life .center .old .detail .text,
  .section .center .cert_con2 div p,
  .section .center .cert_con3 div p,
  .section.bank_guide .roadmap_con1 .text,
  .mo_sitemap .sitemap_menu ul li span,
  .mo_sitemap .sitemap_gnb .sitemap_main li .sitemap_sub,
  .section .center .guide_con2 table td,
  .section .center .grade table td,
  .section.health .center .work table td,
  .section.busi .center .credit table td,
  .section.psy .center .credit table td,
  .section .center .roadmap_con1 table td,
  .section .center .subject_con1 table td,
  .section .center .subject_con2 table td,
  .section .center .subject_con4 table td,
  .section .sizarship .con table td,
  .section .center .procedure .over table td,
  .section .center .intro .over table td,
  .section .recruit .padding .over table td,
  .section.busi .center .cpa .text,
  .section.busi .center .grade_menu li,
  .section.psy .center .career .career_list li .career_detail,
  .section.psy .center .license_list li p,
  .section .center .notice .notice_table .page ul li button,
  .section.event_page .page ul li button,
  .mo_site p,
  .mo_site > ul > li,
  .section .sizarship .con .text,
  .section.privacy .sizarship .con span,
  .section .center .content .guide_title,
  .section.privacy .sizarship .foot,
  .section .mail p,
  .section .recruit .padding .table_text div span,
  .section .recruit .padding .recruit_noti .padding .detail_noti .mobile .detail_noti_con table tr td,
  .consultation .consult table.mobile td,
  .section .sizarship .con .over table td{font-size:21px}

  .footer .center .footer_menu li,
  .footer .center .footer_info .footer_text,
  .section .ot .ot_con .ot_detail li a,
  .section.remote_control .guide .guide_1 .guide_text,
  .section.remote_control .guide .guide_2 .guide_text,
  .section.awards .content .awards_con div .con_writer,
  .section.practice .recruit .padding .practice_noti .noti_text,
  .section.join .center .detail .textarea,
  .section.join .center .step label,
  .section.join .center .detail .radio_box label,
  .section .ot .ot_con .ot_detail li .ot_text,
  .section.join_2 .center .step .comment p{font-size:20px}

  .section.social .center .comment,
  .section .center .subject_con1 .comment,
  .section .center .cert_con2 div p span,
  .section .center .procedure .comment,
  .section.awards .content .comment,
  .section .center .subject_con1 > span,
  .section .location .location_detail,
  .section .location div p,
  .section .location .subway span,
  .section .location .bus span{font-size:18px}

  .section .center .cert_con1 .guide{margin:5vw 0}
  .section .center .cert_con1 .guide .as span,
  .section .center .cert_con1 .guide .as p{left:200px}

  .mo_site > ul > li img{width:100%}
  .section .youtube{top:59vw}
  .section.join_2 .center .step .table .row .label_box{width:150px}
  .section.join_2 .center .step .table .row .input_box{width:calc(100% - 150px)}
  .section.join_2 .center .step .table .row .id_box input{width:calc(100% - 121px)}
  .section.join_2 .center .step .table .row .add_box #add_input_1{width:calc(100% - 164px)}
  .section.join_2 .center .step .table .row .re_id_box input{width:calc(100% - 83px)}
  .section.join_2 .center .step ul li .top{height:60px;line-height:60px}
  .section.join_2 .center .step ul li .bottom{height:110px}
  .ot_btn{display:block}
  .ot_btn > li{width:100%}
  .ot_btn > li.active{border-radius:30px}
  .ot_detail{margin-top:10px}

  /* 회원가입 페이지 */
  .join-page-container {flex-direction: column; box-shadow: none;}
  .join-page-body {background-color: #ffffff;}
}

@media (max-width:540px){
  html{font-size:14px}
  input[type="tel"],
  input[type="text"],
  input[type="date"],
  input[type="email"],
  input[type="password"]{font-size:14px}
  input::placeholder{font-size:14px}
  textarea{font-size:14px}
  .tit_ty03{font-size:16px}
  .sel select{font-size:14px;background-size:10px auto}
  .ipt_group03 .btn_type04{font-size:14px}
  .rdo_group .rdo{margin-right:16px}

  .chk input[type='checkbox']{width:20px;height:20px}
  .chk input[type='checkbox']:checked + label:before{background-position: 0px -20px}
  .chk input[type='checkbox']:disabled + label:before{background-position:0 -40px}
  .chk input[type='checkbox']:checked:disabled + label:before{background-position:0 -60px}
  .chk label{padding-left:28px;min-height:20px;font-size:14px;line-height:20px}
  .chk label:before{width:20px;height:20px;background-size:20px auto}

  .rdo label{padding-left:28px;min-height:20px;font-size:14px;line-height:20px}
  .rdo label:before{width:20px;height:20px;background-size:20px auto}
  .rdo input[type='radio']{width:20px;height:20px}
  .rdo input[type='radio']:checked + label:before{background-position:0 -20px}
  .rdo input[type='radio']:disabled + label:before{background-position:0 -40px}
  .rdo input[type='radio']:checked:disabled + label:before{background-position:0 -60px}

  /* table[info_list] */
  .info_list{font-size:14px}

  /* 입력 table */
  .tbl_form{display:block;border-top:0;font-size:14px}
  .tbl_form dt,
  .tbl_form dd,
  .tbl_form dd.full{display:block;padding:0;width:100%;min-height:auto;border:0}
  .tbl_form dt{margin-top:25px;text-align:left;background-color:#fff}
  .tbl_form dd{margin-top:15px}

  .btn_wrap{padding:0 15px;margin:30px 0}
  .btn_wrap.full a{width:100%;max-width:inherit}
  .btn_wrap.half a{margin:0;max-width:inherit}

  /* 입력 폼 list */
  .list_form{width:100%;font-size:14px}
  .list_form li{display:block;margin-top:12px}
  .list_form .tit{display:block;font-size:14px;width:100%}
  .list_form .cont{width:100%}

  /* ID,PW 찾기 인증페이지 */
  .certify_wrap{margin:20px 0}
  .certify_wrap .comment{margin-top:30px}
  .certify_wrap .ipt_write_wrap{margin-top:20px;padding:0 15px}
  .verify_tab li.vf_phone,
  .verify_tab li.vf_email{background-size:auto 40px}
  .verify_tab li a{padding-top:70px;font-size:16px}
  .login .center .text,
  .section .recruit .padding .recruit_noti .padding > p span{font-size:31px}

  /* 학습상담 */
  .intro_box{padding-top:130px;background-size:100px auto}
  .intro_box .tit{font-size:18px}
  .intro_box .desc{font-size:16px}
  .agr_wrap .agr_cont{margin-top:30px}
  .agr_wrap .rdo_group{text-align:center}
  .agr_wrap .tbl_wrap{margin-top:15px}
  .agr_wrap .rdo_group .rdo label{font-size:16px}
  .agr_wrap .agr_all{margin-top:30px;font-size:16px }
  .agr_wrap .agr_all .all_chk label{font-size:16px}

  .line_box01 .desc{font-size:20px}
  .list_type03 > li{font-size:16px}

  .section.practice_center .pro .title,
  .section.remote_control .guide .guide_1 .guide_title,
  .section.remote_control .guide .guide_2 .guide_title,
  .section .intro .guide_text,
  .section .recruit .padding .recruit_noti .padding > p,
  .section .recruit .padding .recruit_noti .padding .flex > div > p,
  .section .recruit .padding .recruit_noti .padding .flex > div > p span,
  .section .recruit .padding > ul li a span{font-size:29px}

  .section.video .review .review_box .text .name span,
  .section.join_2 .center .step .step_title{font-size:27px}

  .section .center .sub_title,
  .mo_sitemap .sitemap_gnb .sitemap_main > li,
  .section.practice_center .center .sub_title,
  .section .alliance > p,
  .section .alliance > p span,
  .login .login_flex .login_box .login_btn,
  .section .sizarship .con .title,
  .section .recruit .padding .text,
  .section.practice .recruit .padding .practice_noti .noti_title{font-size:26px}

  .login .login_flex .login_box .find_btn a,
  .login .login_flex .login_btn_box .cert_btn,
  .login .login_flex .login_btn_box a,
  .login .login_bottom .login_top_menu .login_menu_btn p,
  .login .login_bottom .login_bottom_menu p,
  .login .login_bottom .login_bottom_menu ul li a,
  .section.practice .recruit .padding .practice_noti .process a .process_box .text,
  .section.join .center .require p:first-child{font-size:24px}

  .section .center .cert_con1 .guide .as p,
  .section .center .cert_con1 .manual .box a p,
  .section .center .sub_title,
  .section.health .center .qual .button a,
  .section.busi .center .button a,
  .section.psy .center .drop_table .button a,
  .section .center .subject_con1 .button a,
  .section .center .subject_con2 .button a,
  .section.professor .button a,
  .section .center .procedure .button a,
  .section.issue .center .button a,
  .section.busi .center .sub_title2,
  .section .center .notice .notice_search .search_btn,
  .section .event_list .event a .event_text .event_title,
  .section.obstacle .guide .obtacle_guide > ul li,
  .section.obstacle .guide .obtacle_guide .qa .q,
  .section.review .notice_table .board_button ul li a,
  .section.video .review .review_box .text .name,
  .section.video .review .review_box .text .type,
  .section.video .review .review_box .text .review_title,
  .section.practice .sizarship .con .size,
  .section .sizarship .con .sub_title,
  .section.practice .center .button a,
  .section .pro .prof_list li .name,
  .section.remote_control .guide .flex .flex_text .guide_title,
  .section.obstacle .guide .obtacle_guide > ul li,
  .section.remote_control .guide .guide_2 .remote_button button,
  .section .intro .call_guide div p,
  .section .location .location_text,
  .section .location div .location_type,
  .section .alliance .alliance_box .top .title,
  .login .login_flex .login_box p,
  .login .login_flex .login_box input[type="text"],
  .login .login_flex .login_box input[type="password"],
  .login .login_flex .login_box label,
  .login.cert_login .pop_guide .pop_guide_btn,
  .section.professor .flex .font p,
  .section .recruit .padding .date,
  .section .recruit .padding .recruit_noti .padding .flex > div > span,
  .section .recruit .padding .recruit_noti .padding .detail_noti .mobile .detail_noti_title,
  .section .recruit .padding .recruit_noti .padding .recruit_btn ul li a,
  .section.regi_consult .notice_table .board_button ul li a,
  .consultation .consult .agree_1 p,
  .consultation .consult .agree_2 p,
  .section.join .center .step a,
  .section.join .center .detail p,
  .section.join_2 .center .step .info_box p,
  .section.join_2 .center .step .step_text{font-size:22px}

 .section .center .page_menu .menu button,
 .section .center .page_menu .sub_menu button,
 .section .center .page_menu .sub2_menu button,
 .section .center .cert_con1 .guide .as span,
 .section .center .page_menu .menu ul li,
 .section .center .page_menu .sub_menu ul li,
 .section .center .page_menu .sub2_menu ul li,
 .section.psy .center .career .career_list li .career_name,
 .section.notice .mobile_div > .text,
 .section.video p.text,
 .section .center .notice .notice_table table,
 .section .event_list .event a .event_text .event_sum,
 .section .event_list .event a .event_text .event_detail,
 .section .benefit .benefit_con .benefit_btn li,
 .section .ot .ot_con .ot_btn li,
 .section .pro .prof_list li .text .chapter,
 .section .pro .prof_list li .text .profile,
 .section.remote_control .guide .flex .flex_text .guide_text,
 .section.obstacle .guide .flex .flex_text .call,
 .section.remote_control .guide .guide_1 .guide_text,
 .section.remote_control .guide .guide_2 .guide_text,
 .section .intro .intro_text,
 .section .intro table,
 .section.awards .content .awards_con div .con_title,
 .section .intro .guide_text_2,
 .section .alliance .alliance_box .bottom p,
 .login.cert_login .text_box p,
 .login.cert_login .pop_guide .pop_guide_con p,
 .section.privacy .sizarship .con .top,
 .section.professor .flex .font p span,
 .section.professor .con table,
 .section.regi_consult .text,
 .section.professor .con .indent,
 .section .recruit .recruit_type li a,
 .section .recruit .padding .recruit_noti .padding .detail_noti .mobile .detail_noti_con,
 .section .recruit .padding > ul li a,
 .section .recruit .padding .recruit_noti .padding .detail_noti .mobile .detail_noti_con #type,
 .section .recruit .padding .recruit_noti .padding .detail_noti .mobile .detail_noti_con #type,
 .section.practice .recruit .padding .practice_noti .noti_sub_title,
 .consultation .consult .agree_radio,
 .consultation .consult .all p,
 .consultation .consult .all label,
 .section.join .center .step label,
 .section.join .center .detail .radio_box label,
 .section.join .center .step .flex .guide p,
 .section.join .center .step .flex .join_form table tr td span,
 .section.join .center .step .flex .join_form table tr td input[type="text"],
 .section.join .center .require p:last-child,
 .section .center .notice .notice_search .search_input,
 .section .center .notice .notice_search select,
 .section.review .center .notice .notice_table table tr .notice_type select,
 .section.join_2 .center .step .table .row .label_box label,
 .section.join_2 .center .step .table .row .input_box input,
 .section.join_2 .center .step .table .row .input_box select,
 .section.join_2 .center .step .table .row .input_box button,
 .section.join_2 .center .step .table .row .input_box input,
 .section.join_2 .center .step .table .row .input_box select,
 .section.join_2 .center .step .table .row .input_box span,
 .section.join_2 .center .step .info_box .flex > label,
 .section.join_2 .center .step ul li,
 .section.join_2 .center .step .info_box .flex > label input[type="text"],
 .section.join_2 .center .step .choice_box input,
 .section.join_2 .center .step .choice_box{font-size:20px}

 .section .center .cert_con2.document div p,
 .section .center .guide_con1 .text,
 .section .center .guide_con2 .text,
 .section .center .guide_con3 .text,
 .section .center .roadmap_con1 div p,
 .section.busi .center .roadmap_con1 div .text,
 .section .center .subject_con1 .text,
 .section.life .center .old .text,
 .section.life .center .old .detail .item,
 .section.life .center .old .detail .text,
 .section .center .cert_con2 div p,
 .section .center .cert_con3 div p,
 .section.bank_guide .roadmap_con1 .text,.mo_sitemap .sitemap_menu ul li span,
 .mo_sitemap .sitemap_gnb .sitemap_main li .sitemap_sub,
 .section .center .guide_con2 table td,
 .section .center .grade table td,
 .section.health .center .work table td,
 .section.busi .center .credit table td,
 .section.psy .center .credit table td,
 .section .center .roadmap_con1 table td,
 .section .center .subject_con1 table td,
 .section .center .subject_con2 table td,
 .section .center .subject_con4 table td,
 .section .sizarship .con table td,
 .section .center .procedure .over table td,
 .section .center .intro .over table td,
 .section .recruit .padding .over table td,
 .section.busi .center .cpa .text,
 .section.busi .center .grade_menu li,
 .section.psy .center .career .career_list li .career_detail,
 .section.psy .center .license_list li p,
 .section .center .notice .notice_table .page ul li button,
 .section.event_page .page ul li button,
 .mo_site p,
 .mo_site > ul > li,
 .section .sizarship .con .text,
 .section.privacy .sizarship .con span,
 .section .center .content .guide_title,
 .section.privacy .sizarship .foot,
 .section .mail p,
 .section .recruit .padding .table_text div,
 .section .recruit .padding .table_text div span,
 .section .recruit .padding .recruit_noti .padding .detail_noti .mobile .detail_noti_con table tr td,
 .section .sizarship .con .over table td{font-size:19px}

 .footer .center .footer_menu li,
 .footer .center .footer_info .footer_text,
 .section .ot .ot_con .ot_detail li a,
 .section.remote_control .guide .guide_1 .guide_text,
 .section.remote_control .guide .guide_2 .guide_text,
 .section.awards .content .awards_con div .con_writer,
 .section.practice .recruit .padding .practice_noti .noti_text,
 .section.join .center .detail .textarea,
 .section.join .center .step label,
 .section.join .center .detail .radio_box label{font-size:18px}

 .section.social .center .comment,
 .section .center .subject_con1 .comment,
 .section .center .cert_con2 div p span,
 .section .center .procedure .comment,
 .section.awards .content .comment,
 .section .center .subject_con1 > span,
 .section .location .location_detail,
 .section .location div p,
 .section .location .subway span,
 .section .location .bus span{font-size:17px}

 .header .top{height:80px}
 .header .top .logo img,
 .mo_sitemap .sitemap_header .sitemap_logo img{width:200px}
 .mo_sitemap .sitemap_header{height:80px}
 .mo_sitemap .sitemap_menu{height:90px}
 .mo_sitemap .sitemap_gnb .sitemap_main > li{line-height:80px}

 .mo_sitemap .sitemap_gnb .sitemap_main li .sitemap_sub li{height:70px;line-height:70px}

 .section.landing .center .page_menu{margin:80px 0 0}
 .section{margin-top:80px}
 .section .center .page_menu{height:70px;line-height:70px}

 .section .center .guide_con1 .text,
 .section .center .guide_con2 .text,
 .section .center .guide_con3 .text,
 .section .center .roadmap_con1 div p,
 .section.busi .center .roadmap_con1 div .text,
 .section .center .subject_con1 .text,
 .section.life .center .old .text,
 .section.life .center .old .detail .item,
 .section.life .center .old .detail .text,
 .section .center .cert_con2 div p,
 .section .center .cert_con3 div p,
 .section.bank_guide .roadmap_con1 .text{line-height:30px}

 .section .center .cert_con1 .manual .box a p{left:8vw}
 .section .center .cert_con1 .manual .box a img{right:8vw}
 .section .center .cert_con1 .manual .box::after{right:8.5vw}
 .section .center .cert_con1 .guide .as span,
 .section .center .cert_con1 .guide .as p{left:170px}
 .section .center .cert_con1 .guide .as .circle{width:140px;height:140px;margin:3vw 0}
 .section .center .cert_con1 .guide .as::after{left:60px}
 .section.busi .center .license_list li{height:150px}
 .section.busi .center .license_list{margin-bottom:5vw}
 .section.busi .center .cpa{margin:0}
 .section.busi .center .grade_menu li{height:70px}

 .section .center .notice .notice_search .search_input{width:calc(80% - 58px)}
 .section .center .notice .notice_search .search_btn{width:50px}
 .section .center .notice .notice_search .search_btn img{width:20px}

 .section .center .notice .notice_search select,
 .section .center .notice .notice_search .search_input,
 .section .center .notice .notice_search .search_btn,
 .section .center .notice .notice_table table tr,
 .section .alliance .alliance_box .top,
 .login .login_flex .login_box input[type="text"],
 .login .login_flex .login_box input[type="password"],
 .login .login_flex .login_box .login_btn,
 .section.join .center .step .flex .join_form table tr td input[type="text"],
 .section .recruit .padding .recruit_noti .padding .detail_noti .mobile .detail_noti_con #type{height:50px}

 .section.practice_center .center .sub_title{height:50px;line-height:50px}
 .login .login_bottom .login_top_menu .login_menu_btn img{left:9vw}
 .section .youtube{top:57vw}

 .section.youth_review .center .notice .notice_table table tbody tr td a{width:40vw}
 .section.obstacle .guide .obtacle_guide > ul li{flex:0 0 calc(50% - 10px)}
 .section .alliance .alliance_box .top .title{line-height:50px}
 .section.join_2 .center .step .step_title{margin:20px 0}
 .section.join_2 .center .step .table .row .label_box{height:97px;line-height:97px}
 .section.join_2 .center .step .table .row .id_box input{width:calc(100% - 114px)}
 .section.join_2 .center .step .table .row .add_box #add_input_1{width:calc(100% - 153px)}
 .section.join_2 .center .step .table .row .re_id_box input{width:calc(100% - 79px)}
 .section.join_2 .center .step .info_box .flex > label{height:40px}
 .section.join_2 .center .step .table .row .label_box{width:120px}
 .section.join_2 .center .step .table .row .input_box{width:calc(100% - 120px)}
 .section .center .sub_title::after{max-height:18px}/* 241122 :추가 */
 .ot_link:after{top:1px}

  /* 학사일정 */
 .schedule1 .scd_year .sy_now{font-size:38px}
 .schedule1 .prv_nxt{display:flex;justify-content:center}
 .schedule1 .prv_nxt:after{clear:both;display:block;content:''}
 .schedule1 .scd_year .sy_prev,
 .schedule1 .scd_year .sy_next{position:static;margin:10px 4px 0;background-size:8px}
 .schedule1 .scd_year .sy_prev{float:left}
 .schedule1 .scd_year .sy_next{float:right}
 .schedule1 .scd_tab{margin-top:20px}
 .schedule1 .scd_tab li{padding:5px;font-size:16px}

 /*  서디평 생활 - 학습후기 */
 /* .board-reply-view { width: 100%;} */
 .board-reply-view .board-reply-wrap .reply-box {flex-direction: column;}
 .board-reply-view .board-reply-wrap .reply-box .txtarea { min-width: 100%;}
 .board-reply-view .board-reply-wrap .reply-box button { min-width: 100%; padding: 15px;}
 .board-reply-view .board-reply-comment ul ol {align-items: flex-start; flex-direction: column;}
}

.PopupStyle01 {position: relative;background: url(https://image.sdulife.com/www/new/page/bg_popup_title.png) no-repeat; width: 100%; height: 85px;}
.PopupStyle01 .PopupTitle {display:inline;float:left;padding:20px 0 0 20px;}
.PopupStyle01 .PopupTitle {display:inline;float:left;padding:15px 0 0 20px; font-family: 'GmarketSansMedium', sans-serif; font-size:24px; color:#333;}
.PopupStyle01 .PopupTitle span { font-size:20px; color:#9b9b9b;}
.PopupStyle01 .PopupClose {display:inline;float:right;padding:18px 14px 0 0;}
.PopupTxt {margin:10px 0 0 0;}
.PopupTxt strong {color:#035cb7;}
.PopupTxt_box {margin:10px 0 0 0;background:#f3f7fb;height:70px;padding:40px 0 0 0;border:1px solid #cddbe9;color:#035cb7;}
.PopupFootBg {position:relative;background:url('//Download.sdulife.com/images/www/etc/popup_bg_bottom.gif') repeat-x;width:100%;height:24px;margin-top:30px;clear:both;}
.PopupFootBg .PopupFootCopy {display:inline;float:right;padding:8px 14px 0 0;}

.popTable {border-top:1px solid #cdcdcd}
.popTable th {background:#eeeeee;padding:3px 0 3px 0;border-bottom:1px solid #dfdfdf;border-left:1px solid #dfdfdf;}
.popTable th.firstLine {background:#eeeeee;padding:2px 0 2px 0;border-bottom:1px solid #dfdfdf;border-left:1px solid #fff;}
.popTable td {text-align:left;padding:3px 0 3px 8px;border-bottom:1px solid #dfdfdf;border-left:1px solid #dfdfdf;}
.popTable td.firstLine {text-align:left;padding:3px 0 3px 8px;border-bottom:1px solid #dfdfdf;border-left:1px solid #fff;}
.popTable td.Acenter {text-align:center;padding:3px 0 3px 0px;border-bottom:1px solid #dfdfdf;border-left:1px solid #dfdfdf;}


@media (max-width:460px){
 .login .center .text,
 .section .recruit .padding .recruit_noti .padding > p span{font-size:29px}

 .section.practice_center .pro .title,
 .section.remote_control .guide .guide_1 .guide_title,
 .section.remote_control .guide .guide_2 .guide_title,
 .section .intro .guide_text,
 .section .recruit .padding .recruit_noti .padding > p,
 .section .recruit .padding .recruit_noti .padding .flex > div > p,
 .section .recruit .padding .recruit_noti .padding .flex > div > p span,
 .section .recruit .padding > ul li a span{font-size:27px}

 .section.video .review .review_box .text .name span,
 .section.join_2 .center .step .step_title{font-size:25px}

 .section .center .sub_title,
 .mo_sitemap .sitemap_gnb .sitemap_main > li,
 .section.practice_center .center .sub_title,
 .section .alliance > p,
 .section .alliance > p span,
 .section .sizarship .con .title,
 .section .recruit .padding .text,
 .section.practice .recruit .padding .practice_noti .noti_title{font-size:24px}

 .login .login_flex .login_box .find_btn a,
 .login .login_flex .login_btn_box .cert_btn,
 .login .login_flex .login_btn_box a,
 .login .login_bottom .login_top_menu .login_menu_btn p,
 .login .login_bottom .login_bottom_menu p,
 .login .login_bottom .login_bottom_menu ul li a,
 .section.practice .recruit .padding .practice_noti .process a .process_box .text,
 .section.join .center .require p:first-child{font-size:23px}

 .section .center .cert_con1 .guide .as p,
 .section .center .cert_con1 .manual .box a p,
 .section .center .sub_title,
 .section.health .center .qual .button a,
 .section.busi .center .button a,
 .section.psy .center .drop_table .button a,
 .section .center .subject_con1 .button a,
 .section .center .subject_con2 .button a,
 .section.professor .button a,
 .section .center .procedure .button a,
 .section.issue .center .button a,
 .section.busi .center .sub_title2,
 .section .center .notice .notice_search .search_btn,
 .section .event_list .event a .event_text .event_title,
 .section.obstacle .guide .obtacle_guide > ul li,
 .section.obstacle .guide .obtacle_guide .qa .q,
 .section.review .notice_table .board_button ul li a,
 .section.video .review .review_box .text .name,
 .section.video .review .review_box .text .type,
 .section.video .review .review_box .text .review_title,
 .section.practice .sizarship .con .size,
 .section .sizarship .con .sub_title,
 .section.practice .center .button a,
 .section .pro .prof_list li .name,
 .section.remote_control .guide .flex .flex_text .guide_title,
 .section.obstacle .guide .obtacle_guide > ul li,
 .section.remote_control .guide .guide_2 .remote_button button,
 .section .intro .call_guide div p,
 .section .location .location_text,
 .section .location div .location_type,
 .section .alliance .alliance_box .top .title,
 .login .login_flex .login_box p,
 .login .login_flex .login_box input[type="text"],
 .login .login_flex .login_box input[type="password"],
 .login .login_flex .login_box label,
 .login.cert_login .pop_guide .pop_guide_btn,
 .section.professor .flex .font p,
 .section .recruit .padding .date,
 .section .recruit .padding .recruit_noti .padding .flex > div > span,
 .section .recruit .padding .recruit_noti .padding .detail_noti .mobile .detail_noti_title,
 .section .recruit .padding .recruit_noti .padding .recruit_btn ul li a,
 .section.regi_consult .notice_table .board_button ul li a,
 .consultation .consult .agree_1 p,
 .consultation .consult .agree_2 p,
 .section.join .center .step a,
 .section.join .center .detail p,
 .section.join_2 .center .step .info_box p,
 .section.join_2 .center .step .step_text{/* font-size:20px */font-size:18px}

 .section .center .page_menu .menu button,
 .section .center .page_menu .sub_menu button,
 .section .center .page_menu .sub2_menu button,
 .section .center .cert_con1 .guide .as span,
 .section .center .page_menu .menu ul li,
 .section .center .page_menu .sub_menu ul li,
 .section .center .page_menu .sub2_menu ul li,
 .section.psy .center .career .career_list li .career_name,
 .section.notice .mobile_div > .text,
 .section.video p.text,
 .section .center .notice .notice_table table,
 .section .event_list .event a .event_text .event_sum,
 .section .event_list .event a .event_text .event_detail,
 .section .benefit .benefit_con .benefit_btn li,
 .section .ot .ot_con .ot_btn li,
 .section .pro .prof_list li .text .chapter,
 .section .pro .prof_list li .text .profile,
 .section.remote_control .guide .flex .flex_text .guide_text,
 .section.obstacle .guide .flex .flex_text .call,
 .section.remote_control .guide .guide_1 .guide_text,
 .section.remote_control .guide .guide_2 .guide_text,
 .section .intro .intro_text,
 .section .intro table,
 .section.awards .content .awards_con div .con_title,
 .section .intro .guide_text_2,
 .section .alliance .alliance_box .bottom p,
 .login.cert_login .text_box p,
 .login.cert_login .pop_guide .pop_guide_con p,
 .section.privacy .sizarship .con .top,
 .section.professor .flex .font p span,
 .section.professor .con table,
 .section.regi_consult .text,
 .section.professor .con .indent,
 .section .recruit .recruit_type li a,
 .section .recruit .padding .recruit_noti .padding .detail_noti .mobile .detail_noti_con,
 .section .recruit .padding > ul li a,
 .section .recruit .padding .recruit_noti .padding .detail_noti .mobile .detail_noti_con #type,
 .section .recruit .padding .recruit_noti .padding .detail_noti .mobile .detail_noti_con #type,
 .section.practice .recruit .padding .practice_noti .noti_sub_title,
 .consultation .consult .agree_radio,
 .consultation .consult .all p,
 .consultation .consult .all label,
 .section.join .center .step label,
 .section.join .center .detail .radio_box label,
 .section.join .center .step .flex .guide p,
 .section.join .center .step .flex .join_form table tr td span,
 .section.join .center .step .flex .join_form table tr td input[type="text"],
 .section.join .center .require p:last-child,
 .section .center .notice .notice_search .search_input,
 .section .center .notice .notice_search select,
 .section.review .center .notice .notice_table table tr .notice_type select,
 .section.join_2 .center .step .table .row .label_box label,
 .section.join_2 .center .step .table .row .input_box input,
 .section.join_2 .center .step .table .row .input_box select,
 .section.join_2 .center .step .table .row .input_box button,
 .section.join_2 .center .step .table .row .input_box input,
 .section.join_2 .center .step .table .row .input_box select,
 .section.join_2 .center .step .table .row .input_box span,
 .section.join_2 .center .step .info_box .flex > label,
 .section.join_2 .center .step ul li,
 .section.join_2 .center .step .info_box .flex > label input[type="text"],
 .section.join_2 .center .step .choice_box input,
 .section.join_2 .center .step .choice_box{font-size:18px}

 .section .center .cert_con2.document div p,
 .section .center .guide_con1 .text,
 .section .center .guide_con2 .text,
 .section .center .guide_con3 .text,
 .section .center .roadmap_con1 div p,
 .section.busi .center .roadmap_con1 div .text,
 .section .center .subject_con1 .text,
 .section.life .center .old .text,
 .section.life .center .old .detail .item,
 .section.life .center .old .detail .text,
 .section .center .cert_con2 div p,
 .section .center .cert_con3 div p,
 .section.bank_guide .roadmap_con1 .text,.mo_sitemap .sitemap_menu ul li span,
 .mo_sitemap .sitemap_gnb .sitemap_main li .sitemap_sub,
 .section .center .guide_con2 table td,
 .section .center .grade table td,
 .section.health .center .work table td,
 .section.busi .center .credit table td,
 .section.psy .center .credit table td,
 .section .center .roadmap_con1 table td,
 .section .center .subject_con1 table td,
 .section .center .subject_con2 table td,
 .section .center .subject_con4 table td,
 .section .sizarship .con table td,
 .section .center .procedure .over table td,
 .section .center .intro .over table td,
 .section .recruit .padding .over table td,
 .section.busi .center .cpa .text,
 .section.busi .center .grade_menu li,
 .section.psy .center .career .career_list li .career_detail,
 .section.psy .center .license_list li p,
 .section .center .notice .notice_table .page ul li button,
 .section.event_page .page ul li button,
 .mo_site p,
 .mo_site > ul > li,
 .section .sizarship .con .text,
 .section.privacy .sizarship .con span,
 .section .center .content .guide_title,
 .section.privacy .sizarship .foot,
 .section .mail p,
 .section .recruit .padding .table_text div,
 .section .recruit .padding .table_text div span,
 .section .recruit .padding .recruit_noti .padding .detail_noti .mobile .detail_noti_con table tr td,
 .consultation .consult table.mobile td,
 .section .sizarship .con .over table td{font-size:18px}

 .footer .center .footer_menu li,
 .footer .center .footer_info .footer_text,
 .section .ot .ot_con .ot_detail li a,
 .section.remote_control .guide .guide_1 .guide_text,
 .section.remote_control .guide .guide_2 .guide_text,
 .section.awards .content .awards_con div .con_writer,
 .section.practice .recruit .padding .practice_noti .noti_text,
 .section.join .center .detail .textarea,
 .section.join .center .step label,
 .section.join .center .detail .radio_box label{font-size:17px}

 .section.social .center .comment,
 .section .center .subject_con1 .comment,
 .section .center .cert_con2 div p span,
 .section .center .procedure .comment,
 .section.awards .content .comment,
 .section .center .subject_con1 > span,
 .section .location .location_detail,
 .section .location div p,
 .section .location .subway span,
 .section .location .bus span{font-size:16px}

  .header .top,
  .mo_sitemap .sitemap_header{height:70px}
  .section{margin-top:70px}
  .section.landing .center .page_menu{margin:60px 0 0}
  .mo_sitemap .sitemap_menu{height:80px}
  .mo_sitemap .sitemap_gnb .sitemap_main li .sitemap_sub li,

  .mo_sitemap .sitemap_gnb .sitemap_main > li{line-height:70px}
  .mo_sitemap .sitemap_gnb .sitemap_main li .sitemap_sub li{height:50px;line-height:50px}
  .section .center .page_menu{height:60px;line-height:60px}

  .section .sizarship .con .text,
  .section.regi_consult .text,
  .section.professor .con .indent,
  .login.cert_login .text_box p,
  .login.cert_login .pop_guide .pop_guide_con p,
  .section .center .guide_con1 .text,
  .section .center .guide_con2 .text,
  .section .center .guide_con3 .text,
  .section .center .roadmap_con1 div p,
  .section.busi .center .roadmap_con1 div .text,
  .section .center .subject_con1 .text,
  .section.life .center .old .text,
  .section.life .center .old .detail .item,
  .section.life .center .old .detail .text,
  .section .center .cert_con2 div p,
  .section .center .cert_con3 div p,
  .section.bank_guide .roadmap_con1 .text,
  .section .event_list .event a .event_text .event_sum,
  .section .event_list .event a .event_text .event_detail,
  .section.video p.text,
  .section.join .center .require p:last-child{line-height:30px}
  .section .center .subject_con2 .button,
  .section .center .subject_con1 .button{margin-top:5vw}
  .section .center .button{margin-bottom:0}
  .section .center .cert_con1 .guide .as .circle{width:120px;height:120px}
  .section .center .cert_con1 .guide .as::after{left:49px}
  .section .center .cert_con1 .guide .as span,.section .center .cert_con1 .guide .as p{left:140px}
  .section .center .cert_con1 .guide .as p{top:25px;letter-spacing:-2px}
  .section .center .cert_con1 .guide .as span{bottom:auto;top:60px}
  .section .center .cert_con1 .manual .box{height:100px}
  .section .center .cert_con1 .manual .box a p{left:5vw;letter-spacing:-1px}
  .section .center .cert_con1 .manual .box a img{right:5vw}
  .section .center .cert_con1 .manual .box::after{right:6vw;top:30px}
  .section.busi .center .cpa{margin:0}
  .section.busi .center .license_list li{height:130px}
  .section .center .button a{margin-top:20px}
  .section .center .notice .notice_table table{margin-bottom:5vw}
  .section.event_page .page{margin:5vw}
  .section .youtube{top:59vw}
  .section.youth_review .center .notice .notice_table table tbody tr td a{width:38vw}
  .section.detail_guide .con ul li a{border:2px solid #ff8146}
  .section.issue .center .button{margin:0 5vw 5vw}
  .section .center .notice .notice_table table tbody tr td a{width:40vw}
  .section .intro .call_guide div img{width:70px}
  .section .location div span{margin-right:5px}
  .section .location .subway span{width:30px;height:30px;line-height:30px}
  .section .location .subway p:nth-child(2) span:last-child{width:70px}
  .section .location .bus p:nth-child(2){letter-spacing:-2px}
  .section .location .bus span{width:35px;height:30px;line-height:30px;letter-spacing:normal}
  .section.join .center .step label{letter-spacing:-2px}
  .section.join .center .join_form table input{margin-right:5px}
  .section .recruit .padding .date{height:60px;line-height:60px}
  .section .recruit .padding .recruit_noti .padding .flex > div{height:250px}
  .section .recruit .padding .recruit_noti .padding .flex > div img{width:80px;left:5vw}
  .section .recruit .padding .recruit_noti .padding .flex > div > p{right:5vw;bottom:70px}
  .section .recruit .padding .recruit_noti .padding .recruit_btn ul li{height:50px;line-height:50px}
  .section .recruit .padding > ul li{height:150px}
  .section .recruit .padding .table_text div span{margin-right:5px;padding:3px}
  .section .recruit .padding table td span{padding:3px}
  .section.join_2 .center .step .table .row .input_box button{padding:0 10px}
  .section.join_2 .center .step .table .row .id_box input{width:calc(100% - 90px)}
  .section.join_2 .center .step .table .row .add_box #add_input_1{width:calc(100% - 128px)}
  .section.join_2 .center .step .table .row .re_id_box input{width:calc(100% - 57px)}
  .section.join_2 .center .step .over ul{width:900px}

  /* 학사일정 */
  .schedule1 .scd_tab li{padding:5px;font-size:16px}

  .login .login_flex .login_box .login_btn{font-size: 20px;}
}

@media (max-width:400px){
  .section.video .review .review_box .text .name span,
  .section.join_2 .center .step .step_title{font-size:22px}
  .section.join_2 .center .step .info_box p,
  .section.join_2 .center .step .step_text{font-size:19px}
  .section.join_2 .center .step .table .row .label_box label,
  .section.join_2 .center .step .table .row .input_box input,
  .section.join_2 .center .step .table .row .input_box select,
  .section.join_2 .center .step .table .row .input_box button,
  .section.join_2 .center .step .table .row .input_box input,
  .section.join_2 .center .step .table .row .input_box select,
  .section.join_2 .center .step .table .row .input_box span,
  .section.join_2 .center .step .info_box .flex > label,
  .section.join_2 .center .step ul li,
  .section.join_2 .center .step .info_box .flex > label input[type="text"],
  .section.join_2 .center .step .choice_box input,
  .section.join_2 .center .step .choice_box{font-size:16px}
  .section.join_2 .center .step .table .row .input_box{padding:5px;width:calc(100% - 100px)}
  .section.join_2 .center .step .table .row .label_box{width:100px;/* height:40px;line-height:40px */height:80px;line-height:80px}
  .section.join_2 .center .step .table .row .input_box input,
  .section.join_2 .center .step .table .row .input_box select,
  .section.join_2 .center .step .info_box .flex > label input[type="text"],
  .section.join_2 .center .step .choice_box input,
  .section.join_2 .center .step .table .row .input_box button,
  .section.join_2 .center .step .info_box .flex > label{/* height:30px */height: 35px;}
  .section.join_2 .center .step .table .row .id_box input{width:calc(100% - 80px)}
  .section.join_2 .center .step .table .row .add_box #add_input_1{width:calc(100% - 111px)}
  .section.join_2 .center .step .table .row .re_id_box input{width:calc(100% - 52px)}
  .section.join_2 .center .step{margin:0 5vw 30px}
  .section.join_2 .center .step .choice_box label{margin-right:30px}
  .section.join_2 .center .step .table .row.height .label_box{line-height:125px}
  .section.join_2 .center .step .table .row .bir_box select{width:22%}
  .section.join_2 .center .step .table .row .phone_box input,
  .section.join_2 .center .step .table .row .phone_box select{width:28%}
  .section.join_2 .center .step .table .row .mail_box input,
  .section.join_2 .center .step .table .row .mail_box select{width:44%}
  .section.join_2 .center .step .comment{padding:10px}
  .section.join_2 .center .step .comment p{font-size:17px;line-height:22px}
  .page_nav .numbers a{margin:0 5px}
}

/* 애니매이션 */
@keyframes fadeIn { 
	from { opacity: 0; transform: translateY(20px); } 
	to { opacity: 1; transform: translateY(0); } 
}