@charset "utf-8";
/* sub row 1 */
.sub_row0 {display: inline-block; background-color:#ffffff; width: 100%; background: url('/images/sub/sub_visual_bg.png') no-repeat center center #ffffff; background-size:cover;}
.sub_row0 .container {height:130px;}
.srow0_content {margin:0 auto; text-align: center; padding-top: 35px; color:#fff;}
.subt_title1 {font-size:18px; font-weight: 300; color:#ffffff;}
.subt_title2 {font-size:25px; font-weight: 400; color:#ffffff;}
.ta_left {text-align: left;}

/* txt_bar */
.line_deco {display:block; position:relative; margin-bottom:25px; font-size:2em; font-weight:500;}
.line_deco:after {content:''; display:block; position:absolute; top:-2px; left:0; height:2px; width:26px; background-color:#4f6ebc;}

/************** sub_layout ***************/

/* sub_top */
.sub_top {}
.sub_top_txt {height:145px; /*height:175px;*/ padding:33px 0 43px; background:url('../images/sub/sub_top_bg1.jpg') no-repeat center center; background-size:cover; color:#fff; /* font-family:"NanumSquare"; */ text-align:center;}
.sub_top_txt.bg2 {background-image:url('/images/sub/sub_top_bg2.jpg');}
.sub_top_txt.bg3 {background-image:url('/images/sub/sub_top_bg3.jpg');}
.sub_top_txt.bg4 {background-image:url('/images/sub/sub_top_bg4.jpg');}
.sub_top_txt.bg5 {background-image:url('/images/sub/sub_top_bg5.jpg');}
.sub_top_txt.bg6 {background-image:url('/images/sub/sub_top_bg6.jpg');}
.sub_top_txt h3 {font-size:2.66em;}
.sub_top_txt p {margin-top:10px; padding:0 10px; font-size:1.133em; word-break:keep-all;}


/*------------- sub left ------------------*/
.sub_row1{margin-top:105px;}
.sub_row1 .container{padding-top: 50px; padding-bottom: 70px;}
.sub_row1 .container:after{display:block; clear:both; content:"";}
.clearfix {display: block;}
/*------------- sub left end ------------------*/

/*--------寃뚯떆�� �붾㈃�먯꽌 醫뚯륫 �좏깮 �대깽�몃� �꾪빐 css 異붽���-------  */
.menu-on{font-weight: 500;border: 2px solid #1E5CA7;border-radius: 10px;background:url('/images/sub/menu-bg.svg') no-repeat 95% center;color: #1E5CA7;font-weight: 500;box-shadow: 0 3px 6px rgba(0,0,0,.16);} 
/*--------------------------------------------------------------------------- */


/* sub_left */
.sub_left {float:left; width:19%;}
.left_tit_box {margin-bottom:25px; height:200px;background-color: #1E5CA7;border-radius: 20px 10px 20px 10px;display: flex;align-items: center;justify-content: center;}
.left_tit_box .tit {text-align:center; color:#fff; font-size:30px; font-weight: 500;}
.sub_left_menu > li {border-bottom:1px solid #DBDBDB;}
.sub_left_menu > li > a {display:block; position:relative; z-index:1;padding:12px 35px 12px 15px; font-size:18px; letter-spacing: -1px; transition: unset;}

.sub_left_menu > li > a:hover,
.sub_left_menu > li > a:focus,
.sub_left_menu > li > a:active,
.sub_left_menu > li.dep2_on > a {color:#1E5CA7;} 
.sub_left_menu .more {display:none; position:absolute; right:20px; top:50%; z-index:1; width:15px; height:15px; margin-top:-8px; background:url('../images/sub/plus_ico.png') center center no-repeat;}
.sub_left_menu > li.plus .more {display:block;}
.sub_left_menu > li.dep2_on .more {background-image:url('../images/sub/minus_ico.png');}
.sub_3depth {display:none; padding:23px; background-color:#fafafa; border-left:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3;}
.sub_left_menu > li.dep2_on .sub_3depth {display:block;}
.sub_3depth li {margin-top:5px; line-height:1.5;}
.sub_3depth li:first-child {margin-top:0;}
.sub_3depth li a {display:block; background:url('../images/bull/3depth_ico.png') no-repeat 0 9px; padding-left:13px;}
.sub_3depth li a:hover, .sub_3depth li.dep3_on a {color:#40579c;}
.responsive-menu {display: none;}

/* sub right */  
.sub_right {float:right; width:78%;}
.sub_right_title {margin-bottom:10px; font-size: 24px; letter-spacing: -1px;}
.sub_right_title h2 {font-size: 30px;font-weight: 600;}
.sub_right_title:after {content: ""; display: block; width:100%; height: 1px; border-bottom: 2px dotted #9E9E9E; margin: 20px 0 0px 0px;}
.breadcrumb {position: absolute; top: 70px; right: 10px;display: flex;align-items: center;}
.breadcrumb li {display: flex;align-items: center; color:#767676; font-weight: 500; letter-spacing: -1px;}
.breadcrumb li:after {content: ""; background: url(/images/sub/ico_S01.png) no-repeat center / 100%; width: 8px; height: 8px; display: block; margin: 0 6px;}
.breadcrumb li:last-child:after {display: none;}
.breadcrumb li:first-child:before {content: ""; background: url(/images/home_icn.png) no-repeat center / 100%; width: 16px; height: 16px; display: block; float:left; margin-right: 10px;}

/*
.msg_box {margin-left:30px; padding:21px 27px; background-color: #d0ebb3; border: 0px solid #c4c4c4; font-size: 15px; line-height: 140%;}
.view_dtil {background: url(/images/sub/wattach_icon.png) no-repeat 12px 5px; background-color: #323641; color:#fff; border:0px; font-size: 12px; padding: 3px 13px 3px 30px; border-radius :20px; cursor: pointer; vertical-align: middle; margin-left:10px;}
.link_btn {background: url(/images/sub/newwin_icon.png) no-repeat 15px 13px; background-color: #323641; color:#fff; border:0px; font-size: 14px; padding: 9px 20px 9px 38px; border-radius :20px; cursor: pointer; vertical-align: middle; margin-left:10px;}
.link_btn2 {background: url(/images/sub/newwin_icon.png) no-repeat 15px 11px; background-color: #323641; color:#fff; border:0px; font-size: 14px; padding: 7px 20px 7px 38px; border-radius :20px; cursor: pointer; vertical-align: middle; margin: 10px 0 0 10px;}
*/

/* .msg_box {margin-left:20px; padding:20px 0px 5px 15px ; background: url(/images/sub/ico_info.png) no-repeat 0px 22px; font-size: 13px; color:#b2b2b2; font-weight:normal; text-decoration:underline; } */
/* 怨좉컼�� �붿껌�ы빆�쇰줈 而щ윭留� �섏젙 2019-04-15 */
/* .view_dtil {background-color:#2472ca; color:#fff; border:0px; font-size: 12px; padding: 5px 10px 5px 10px; border-radius :5px; cursor: pointer; vertical-align: middle; margin-left:25px; margin-top:-2px; }
.link_btn {background: url(/images/sub/newwin_icon.png) no-repeat 12px 5px; background-color: #2861a6; color:#fff; border:0px; font-size: 12px; padding: 3px 13px 3px 36px; border-radius :10px; cursor: pointer; vertical-align: middle; margin-left:25px; margin-top:-2px;}
.link_btn2 {background: url(/images/sub/newwin_icon.png) no-repeat 15px 11px; background-color: #2861a6; color:#fff; border:0px; font-size: 14px; padding: 7px 20px 7px 38px; border-radius :10px; cursor: pointer; vertical-align: middle; margin: 10px 0 0 10px;}
 */
.msg_box {margin-left:20px; padding:20px 0px 5px 15px ; background: url(/images/sub/ico_info.png) no-repeat 0px 22px; font-size: 14px; color:#3e73af; font-weight:normal; text-decoration:underline; }
.view_dtil {background-color:#1E5CA7; color:#fff; border:0px; font-size: 14px; padding: 5px 20px; border-radius :6px; cursor: pointer; vertical-align: middle; margin-top:-2px; transition: 0.3s; }
.view_dtil:hover {color: #ffffff; background-color: #2173D6; }
.link_btn {background-color: #2472ca; color:#fff; border:0px; font-size: 14px; padding: 5px 20px; border-radius :6px; cursor: pointer; vertical-align: middle; margin-left:25px; margin-top:-2px;}
.link_btn2 {background-color: #2472ca; color:#fff; border:0px; font-size: 14px; padding: 5px 20px; border-radius :6px; cursor: pointer; vertical-align: middle; margin: 10px 0 0 10px;}

/* �묒뾽以� 190410 */
/* sub title */

.sub_B_title {margin-bottom: 20px;font-size: 24px;font-weight: 600; color:#000;}
.sub_small_title {margin: 10px 0; font-size: 20px; font-weight: 700;}
.title-border {padding-bottom: 20px; border-bottom: 1px solid #DBDBDB; }

/* introduction page */
.intro_tx1 {background-color: #5daccc; color:#fff; text-align: center; padding:10px 0; font-weight: 500; font-size: 20px; letter-spacing: -1px; margin:50px auto 30px; border-radius:40px; width:630px;}
.logo_img {text-align: center; margin-bottom:22px;}
.logo_img > img {max-width:200px;}
.intro_chart1 {display: -webkit-flex; /* Safari */ display: flex; }
.intro_chart1 > li {-webkit-flex: 1;  /* Safari 6.1+ */ -ms-flex: 1;  /* IE 10 */ flex: 1; float:left; margin:6px; border: 2px solid #dcdcdc; text-align: center; font-size: 15px; padding: 19px 7px; 15px}
.intro_chart1 > li > span {margin-bottom:5px; display: inline-block;}
.ged_icn {}
.ged_icn:after {content: ""; display: block; width:40px; height: 1px; background-color: #46a8be; margin: 13px auto 9px;}
.lifelong_chrt {}
.lifelong_chrt h2 {background-color: #C9DEFE;border-radius: 15px 6px 28px 6px;text-align: center;padding: 10px 0;color: #153F7F;margin-bottom: 20px;}
.box-step-list {display: flex;gap: 3%;}
.box-step-list li {position: relative;flex: 1;text-align: center;border: 1px solid #DBDBDB;border-radius: 10px;}
.box-step-list li:before {content:''; position: absolute;width: 8px;height: 11px;left: -6%;top: 0;bottom: 0;margin: auto;background: url(/images/sub/ico-step-arrow.svg) no-repeat;}
.box-step-list li:first-child:before {display:none;}
.box-step-list li p {font-size: 18px;background: #2173D6;border-radius: 10px 10px 0 0;padding: 20px;color:#fff;word-break: keep-all;}
.box-step-list li:nth-child(2) p {background-color:#1E5CA7;}
.box-step-list li:nth-child(3) p {background-color:#153F7F;}
.box-step-list li span {padding: 15px;display: block;}

.edu-bank-list {display: flex;gap: 3%;}
.edu-bank-list li {display: flex;position: relative;flex: 1;text-align: center;border: 1px solid #DBDBDB;border-radius: 10px;padding: 50px 20px 20px 20px;}
.edu-bank-list li span {background: #F3F4F5;padding: 10px;border-radius: 10px;border: 2px dotted #BDBDBD;flex: 1;display: flex;align-items: center;justify-content: center;}
.edu-bank-list li p {margin: auto;left: 0;right: 0;background: #153F7F;color: #fff;border-radius: 30px;padding: 15px 0;font-size: 16px; position: absolute;top: -24px;width: 175px;}

.scroll-img {}
.scroll-img img {width:100%;}

.model-list {display: flex;flex-direction: column;gap: 20px;}
.model-list > li {display: flex;align-items: center;gap: 5%;border: 1px solid #DBDBDB;padding: 30px 7%;}
.model-list-title {min-width: 100px;text-align: center;font-size:20px; color:#000;}
.model-list .cont_dep2 {flex:1}

.dashed--box {    padding: 4% 6%; border-radius: 20px; border: 1px dashed #C3C3C3; color:#757575;}
.flex-li {display: flex;}
.indent-list {padding-left: 15px;}
.flex-li .txt--blue2 {display: block; width: 45px; padding-top: 3px;}
.cont_dep3 .indent-list{width: 100%;}

/* paragraph style
.cont_dep1 {margin-top:12px;}
.cont_dep1 li {font-size: 17px; background: url(/images/common/bullet_bk.png) no-repeat 8px 11px; padding:0 0 0 17px; line-height: 160%;}
.cont_dep2 {margin-top:5px;}
.cont_dep2 li {font-size: 15px; background: url(/images/common/bullet_bk2.png) no-repeat 24px 11px; padding:0 0 0 33px; line-height: 150%; color:#2f2f2f;}
.cont_dep2 li:last-child {margin-bottom:15px;}
*/

.con_box {padding:20px 5%; line-height:30px; color:#000;border: 1px solid #DBDBDB; }
.con_box li { background: url(/images/sub/ico_S02.svg) no-repeat 6px 6px;font-size: 16px; padding:0px 0 0 35px;}
.cont_dep1 {margin-top:12px;}
.cont_dep1 li {font-size: 17px; }
/* 2019.04.23 HaNa.Jung Add Start 怨좉컼 �붿껌�쇰줈 寃��뺢퀬�� �묒떆怨쇱젙留� 湲��� �고듃 以꾩엫 */
.cont_dep1_2>li{margin-top:12px;}
.cont_dep1_2>li > strong {font-size: 18px;}
/* 2019.04.23 HaNa.Jung Add End 怨좉컼 �붿껌�쇰줈 寃��뺢퀬�쒖젣�� �붾㈃留� 湲��� �고듃 以꾩엫 */

.cont_dep2 {margin:8px 0 0; color: #757575; line-height: 1.7;}
.cont_dep2>li {background: url(/images/sub/ico_S01.png) no-repeat 0 10px / 12px; padding-left: 15px;font-size: 16px; word-break: keep-all;}
/* .cont_dep2 li {font-size: 15px; background: url(/images/sub/ico_S01.png) no-repeat 5px 11px; padding:2px 0 0 20px; color:#666;} */
.cont_dep2>li:last-child {margin-bottom:15px;}



/* depth瑜� �섎굹 �� �섍린 �꾪빐�� 異붽� 2019-04-08 媛뺣��� */
/* .cont_dep3 {margin-left: 14px;line-height: 1.7;} */
.cont_dep3>li {font-size: 15px; background: no-repeat 36px 11px; font-weight:400;}


.text-indent {text-indent: -18px; margin-left: 18px; word-break: keep-all;}

/* .stl_gr {font-size: 20px; font-weight: 500; color: #273757; letter-spacing: -0.8px; margin-top:9px;}*/
.stl_gr {display: flex;align-items: center;gap: 10px;position: relative; font-size:22px; font-weight: 500; color: #1E5CA7; letter-spacing: -0.8px; padding: 0 0px 10px 15px;border-bottom: 1px solid #DBDBDB;
background: url(/images/sub/ico-title-bg.svg) no-repeat 0px 5px;}
.stl_gr:has(a),
.stl_gr:has(button) {flex-wrap: wrap;justify-content: space-between;}

.remark {color:#3e73af; font-size: 15px; text-decoration: underline;}

.cont_dep6 {font-size: 16px; font-weight: 300; margin-top:12px; line-height:1.7em;}
.cont_dep6 li {padding-left:45px; background: url(/images/common/bullet2.gif) no-repeat 30px 10px;}

.cont_dep9 {background: #fff !important; padding: 10px 30px; color: #052f74 !important; line-height: 2.25em; font-size: 20px; font-weight: 900; margin-bottom: 40px; border:1px solid #052f74;}
.cont_dep9:hover,.cont_dep9:focus,.cont_dep9:active{background-color:#efefef !important}
.cont_dep9 li {font-size: 20px;}

.recent_arti {display: flex; margin: 30px 0;}
.recent_arti .recent_arti_c {border:3px solid #e2e2e2; padding: 15px; width:32%;  flex:auto; margin-right:10px; max-height: 180px; height: 180px; }
.recent_arti .recent_arti_c:last-child{margin-right:0; }
.recent_ct {font-size: 20px; padding-bottom: 5px; border-bottom: 1px solid #e2e2e2; margin-bottom: 10px;}
.recent_ct2 {font-size: 13px; text-align: justify;}
.sub_cont {padding:30px 0;}
.bmargin {margin-bottom:35px;} 

/* examption page */
.exp_p {margin-top:15px; line-height: 150%;}
.exe_chart {text-align: center; margin-top:40px;}
 
/* location */
.h5_title {margin-bottom: 8px;font-size: 22px;font-weight: 500;}
.address {background-color: #F5F9FF;border: 1px solid #C9DEFE;padding: 30px 6%;}
.address li {display: flex; align-items: flex-start; font-size: 16px; line-height: 160%;}
.address li + li {margin-top:5px;}
.address li img {vertical-align: middle;margin-right: 10px; margin-top: 3px;}
.map {width: 100%; height: 250px; border: 1px solid #dcdcdc; margin-bottom: 30px; background-color: #eee;}
.bus {font-weight: 300; text-align: left; line-height: 160%; margin-left: 10px;}

.train_icn img {vertical-align: top;margin-right: 5px;}
.bus_icn img {vertical-align: top;margin-right: 5px;}

.line-box {border: 1px solid #DBDBDB;padding: 30px 6%;}
.train-info li {display: flex;gap: 10px;align-items: flex-start; margin-top: 3px;color: #666;}
.train-info li + li {margin-top:10px;}
.train-line {flex-shrink: 0;display: flex;padding: 2px 10px;border-radius: 15px;font-size: 14px;}
.bus-line {flex-shrink: 0;display: flex;padding: 2px 10px;border-radius: 5px;font-size: 14px;}
.train-title {font-size: 20px;border-bottom: 1px solid #DBDBDB;padding-bottom: 10px;margin-bottom: 15px;}
.line--navy {background-color:#003499;color:#fff;}
.line--green {background-color:#0A8800;color:#fff;}
.line--purple {background-color:#893BB6;color:#fff;}
.line--red {background-color:#DF121A;color:#fff;}
.line--skyblue{background-color: skyblue; color:#fff}
.line--lightgreen{background-color: #68fb12; color:#fff}
.line--no9{background-color: #bfbf67; color: #fff;}

/* exam date */
.exam_cont {padding:40px 0 35px 0; border: 1px solid #e7e7e7; margin-bottom:40px; border-radius:10px; text-align: center; box-sizing: border-box;}
.exam_flow {display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; padding:0 15px;}
.exam_flow li:not(.arrow_r) {flex-grow: 1; display: flex;flex-direction: column;justify-content: center;align-items: center;}
.exam_flow li img {width: 70%;max-width: 106px;}
.exam_flow li:not(.arrow_r)::after {display: block; box-shadow: 2px 3px 6px rgba(0,0,0,.16);border-radius: 25px;font-size: 18px; padding: 7px;min-width: 130px;margin: 20px auto 10px;}
.exam_flow li:nth-child(1):after {content:'공지';}
.exam_flow li:nth-child(3):after {content:'접수';}
.exam_flow li:nth-child(5):after {content:'시험';}
.exam_flow li:nth-child(7):after {content:'합격자 발표';}
.exam_flow li:nth-child(9):after {content:'학력조회';}
.exam_flow li.arrow_r {width: 14px; height: 25px; background: url("/images/sub/ico-arrow-r.svg") no-repeat center / 100%;}

/* board search box */
.srch_box {padding:30px 10%; background-color:#F3F4F5; margin:40px 0 50px;}
.srch_con {display: flex; flex-wrap: wrap; gap: 10px;justify-content: center;}
.srch_con li {display: flex; align-items: center;gap: 10px;}
.srch_con .srch-title {flex-shrink: 0;}
.srch_con .srch_sel {padding: 0 3px; height: 40px; width:100px; box-sizing: border-box; border: 1px solid #D7D7D7; flex-shrink: 0;}
.srch_con .srch_inp {height: 40px; width: 350px; padding: 0 8px; box-sizing: border-box; border: 1px solid #D7D7D7;}
.srch_con .srch_inp2 {height: 40px; width: 150px; box-sizing: border-box; border: 1px solid #D7D7D7;}
.srch_bt {min-width: 80px; background-color: #2861a6; border: none; color: white; padding: 0 10px;  text-align: center; text-decoration: none; display: inline-block;
  margin: 0; cursor: pointer; height:40px; font-weight: 500;}

/* board list */
.brd_con { }
.brd_con ul {width: 100%;}
.brd_con .brd_notice {display: block;}
.brd_con .brd_notice li {padding:20px 0; text-align: center; border-bottom:1px solid #cacaca; transition: 0.3s;}
.brd_con .brd_notice li:hover {background-color: #f3f3f3;}
.brd_con .brd_notice li:first-child {border-top:2px solid #5a6273; border-bottom:1px solid #5a6273;font-size: 15px;color: #000;font-weight: 500;}
.brd_con .brd_notice li:first-child,hover {background-color: #fff;}
.brd_con .brd_notice li:first-child .brd_sbj {text-align: center;}
.brd_con .brd_notice span {display: inline-block;  margin:0; vertical-align: middle;}
.brd_con .brd_notice span:last-child {border-right:0px;}
.brd_notice .brd_no {width:6%;}
.brd_notice .brd_sbj {width:58%; text-align: left; padding-left:10px;}
.brd_notice .brd_sbj a:hover {text-decoration: underline;}
.brd_notice .brd_auth {width:14%;}
.brd_notice .brd_year {width:8%;}
.brd_notice .brd_cfy {width:8%;}
.brd_notice .brd_step {width:8%;}
.brd_notice .brd_date {width:14%;}
.brd_notice .brd_cat {width:6%;}
.brd_notice .brd_view {width:8%;}
.attach_icn {margin-left:10px; vertical-align: middle;}

.brd_list_item {display: flex;justify-content: center;}

/* brd_examdate (寃��뺢퀬�쒓났怨� �묒떆�쇱젙�덈궡) 寃뚯떆�� 2019-04-08 媛뺣��� 異붽� */
.brd_con .brd_examdate {display: block; border-top:2px solid #5a6273;}
.brd_con .brd_examdate li {padding:15px 10px; text-align: center; border-bottom:1px solid #cacaca;}
.brd_con .brd_examdate li:hover {background-color: #f3f3f3;}
.brd_con .brd_examdate li:first-child {border-bottom:1px solid #5a6273;}
.brd_con .brd_examdate li:first-child,hover {background-color: #fff;}
.brd_con .brd_examdate li:first-child .brd_sbj {text-align: center;}
.brd_con .brd_examdate span {display: inline-block;}
.brd_con .brd_examdate span:last-child {border-right:0px;}
.brd_examdate .brd_eduoffice {width:18%;}
.brd_examdate .brd_sbj {width:60%; text-align: left; padding-left:10px;}
.brd_examdate .brd_date {width:14%;}
.brd_examdate .brd_view {width:8%;}

/* brd_movie  */
.brd_movie_wrap:after{display:block; content:""; clear:both;}
.brd_con .brd_movie {display: block;}
.brd_con .brd_movie li {position: relative;text-align: center; float: left; width: 30.333333%; margin-right: 3%; margin-bottom:50px; border: 1px solid #DBDBDB;border-radius: 15px;/*overflow: hidden;*/transition: .3s all ease;
background:url('/images/sub/ico-next-arrow.svg') 20px 93% no-repeat;padding-bottom: 50px; }
.brd_con .brd_movie li a {display:block;}
.brd_con .brd_movie li:hover {box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.2);}
.brd_movie span {display: inline-block;  margin:0;}
.brd_con .brd_movie span:last-child {border-right:0px;}
.brd_movie .brd_movie_img {width:90%; min-height:199px; height:199px; font-size: 0; color: transparent; overflow: hidden; background-color:#eaeaea; margin-top:18px;}
.brd_movie .brd_sbj {width:100%; box-sizing:border-box; text-align: left; padding:15px 20px 2px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; font-size: 16px;color: #000;font-weight: 500;}
.brd_movie .brd_date {width:100%; box-sizing:border-box; text-align: left; padding:2px 20px 15px; font-size:14px; color:#666;}

/* modal */
.modal_area{position: absolute; width: 100%; top: 166px;}
.modal_area.join_modal_area{display:none;}
.modal_area a:hover, .modal_area a:focus{text-decoration:none;}
.modal_area .modal_wrap{width:1260px;margin:0 auto; position:relative; display: flex; flex-flow: row wrap; justify-content: center;}
.modal_area .modal_wrap.join_wrap{width:100%;}
.modal_area .modal_wrap .modal_item{display:none;background:#ffffff;box-sizing:border-box; margin-bottom: 5px;border: 1px solid #2C5994;padding: 20px 0px 0px; position:absolute;z-index:9999;}
.modal_area .modal_wrap .modal_item.join_modal{top: 300px;left: 50%;transform: translate(-50%, 0);}
.modal_area .modal_wrap .modal_item .modal_tit{position:relative;font-size: 18px;color:#2c5994;text-align:left;display:block;width:100%;padding: 0 30px;padding-bottom: 0px;margin-bottom: 0;}
.modal_area .modal_wrap .modal_item .modal_tit::after{position:absolute;left:50%;bottom:0px;display: none;width:40px;height:2px;background-color:#2c5994;transform: translate(-50%, 0%);content:"";}
.modal_area .modal_wrap.join_wrap .modal_item .modal_tit{padding-bottom:20px;}
.modal_area .modal_wrap .modal_item .modal_txt{font-size:13px;line-height:1.5;color:#666666;padding:0 0px; padding: 15px 30px;overflow-y:auto;}
.modal_area .modal_wrap .modal_item .modal_txt p{font-size:13px;}
.modal_area .modal_wrap .modal_item .modal_txt p span{font-size:13px;}
.modal_area .modal_wrap .modal_item .modal_link {text-align:center;padding:15px 0px;}
.modal_area .modal_wrap .modal_item .modal_link a{display:inline-block;padding: 3px 15px;background-color: #FFFFFF;color: #666;font-size: 12px;border: 1px solid #666;transition:all 0.5s;}
.modal_area .modal_wrap .modal_item .modal_btm{padding: 5px 15px;background: #2C5994;}
.modal_area .modal_wrap .modal_item .modal_btm:after{display:block; clear:both; content:"";}
.modal_area .modal_wrap .modal_item .modal_btm ul li{font-size: 12px;}
.modal_area .modal_wrap .modal_item .modal_btm ul li input{margin:0;vertical-align: middle;margin-bottom: 4px;}
.modal_area .modal_wrap .modal_item .modal_btm ul li label{margin-left:5px;vertical-align:middle;margin-bottom: 0;color: #fff;}
.modal_area .modal_wrap .modal_item .modal_btm ul li:first-child{float:left;}
.modal_area .modal_wrap .modal_item .modal_btm ul li:last-child{float:right;}
.modal_area .modal_wrap .modal_item .modal_btm ul li a{font-size: 12px;}
.modal_area .modal_wrap .modal_item .modal_btm ul li .modal_close, .modal_area .modal_wrap .modal_item .modal_btm ul li .join_modal_close{border-radius:4px;transition:all 0.5s;color: #FFFFFF;}
#modaItem0{left:0; top:0;}
#modaItem1{left:430px; top:0;}
#modaItem2{left:860px; top:0;}

/* lecture search box */
.lecture_con {display: flex;flex-wrap: wrap;row-gap: 15px;column-gap: 18px;justify-content: center;}

/* Mod Hyeonbae.Jeong 媛뺤쥖�뺣낫履� �덈퉬議곗젙
.lecture_con .li_lb {width:55px; text-align: right;}*/
.lecture_con .li_break {height:10px; display: block;}
.lecture_con .li_lb {display: flex; align-items: center; gap: 8px;}
.lecture_con .li_lb2 {display: flex; align-items: center; gap: 8px;}
.lecture_con .li_lb span, .lecture_con .li_lb2 span {flex-shrink: 0;}
.lecture_con .lecture_sel {height: 40px; width: 120px; box-sizing: border-box;border: 1px solid #D7D7D7;}
.lecture_con .area .lecture_sel {width: 150px;}
.lecture_con .lecture_inp {width: 300px; height: 40px; box-sizing: border-box;border: 1px solid #D7D7D7;}

/* lecture list */
.brd_con .brd_lecture {display: block; width:100%;}
.brd_con .brd_lecture li {padding:15px 0; text-align: center; border-bottom:1px solid #cacaca; }
.brd_con .brd_lecture li:hover {background-color: #f3f3f3;}
.brd_con .brd_lecture li:first-child {border-top:2px solid #5a6273;border-bottom:1px solid #5a6273;}
.brd_con .brd_lecture li:first-child .lecture_tit{text-align:center;}
.brd_con .brd_lecture li:first-child,hover {background-color: #fff;}

.brd_con .brd_lecture span {display: inline-block; margin:0; }
.brd_con .brd_lecture span:last-child {border-right:0px;}
.brd_lecture .lecture_no {width:5%;}
.brd_lecture .lecture_loca {width:6%;}
.brd_lecture .lecture_level {width:8%;}
.brd_lecture .lecture_tit {width:46%; text-align: left; padding-left: 10px;}
.brd_lecture .lecture_tit a:hover {text-decoration: underline;}
.brd_lecture .lecture_auth {width:19%;}
.brd_lecture .lecture_date {width:9%;}
.brd_lecture .lecture_view {width:7%;}

/* geddata list */
.brd_con .brd_geddata {display: block; width:100%;}
.brd_con .brd_geddata li {padding:15px 0; text-align: center; border-bottom:1px solid #cacaca; }
.brd_con .brd_geddata li:hover {background-color: #f3f3f3;}
.brd_con .brd_geddata li:first-child {border-top:2px solid #5a6273;border-bottom:1px solid #5a6273;}
.brd_con .brd_geddata li:first-child,hover {background-color: #fff;}

.brd_con .brd_geddata span {display: inline-block; margin: 0;}
.brd_geddata .geddata_no {width:7%;}
.brd_geddata .geddata_tit {width:63%;}
.brd_geddata .geddata_tit a:hover {text-decoration: underline;}
.brd_geddata .geddata_auth {width:11%;}
.brd_geddata .geddata_date {width:9%;}
.brd_geddata .geddata_view {width:7%;}

/* institute list */
.brd_con .brd_instit {display: block; width:100%;border-top:2px solid #5a6273;}
.brd_con .brd_instit li {padding:15px 0; text-align: center; border-bottom:1px solid #cacaca; }
.brd_con .brd_instit li:hover {background-color: #f3f3f3; cursor:pointer;}
.brd_con .brd_instit li:first-child {display: flex;align-items: center;justify-content: space-around; border-bottom:1px solid #5a6273;}
.brd_con .brd_instit li:first-child,hover {background-color: #fff;}
.brd_con .brd_instit li a {display: flex;align-items: center;justify-content: space-around;}
.brd_con .brd_instit span {display: inline-block;  margin:0;}
.brd_con .brd_instit span:last-child {border-right:0px;}

.brd_con .brd_instit span {display: inline-block; margin: 0;}
.brd_instit .instit_no {width:7%;}
.brd_instit .instit_name {width:28%;}
.brd_instit .instit_name a:hover {text-decoration: underline;}
.brd_instit .instit_local {width:10%;}
/* 2019-04-08 二쇱냼媛� 湲몄뼱 text-overflow �곸슜 - 媛뺣��� */
.brd_instit .instit_addr {width:34%;}
.brd_instit .instit_numb {width:15%;}
.brd_instit .instit_url {width:*;}
.brd_instit .instit_url .link_bt {border:solid 1px #aaa; font-size:12px; padding:3px 8px; border-radius:3px;}
.brd_instit .instit_url .link_bt:hover {background-color: #54bfea; color:#fff; border:solid 1px #54bfea;}

/* reloffice list */
.brd_con .brd_roffice {display: block; width:100%;}
.brd_con .brd_roffice li {padding:15px 0; text-align: center; border-bottom:1px solid #cacaca; }
.brd_con .brd_roffice li:hover {background-color: #f3f3f3;}
.brd_con .brd_roffice li:first-child {border-top:2px solid #5a6273;border-bottom:1px solid #5a6273;}
.brd_con .brd_roffice li:first-child,hover {background-color: #fff;}
.brd_con .brd_roffice span {display: inline-block;  margin:0; border-right:1px solid #ccc;}
.brd_con .brd_roffice span:last-child {border-right:0px;}

.brd_con .brd_roffice span {display: inline-block; margin: 0;}
.brd_roffice .roffice_no {width:7%;}
.brd_roffice .roffice_name {width:28%;}
.brd_roffice .roffice_name a:hover {text-decoration: underline;}
.brd_roffice .roffice_local {width:7%;}
.brd_roffice .roffice_addr {width:32%;}
.brd_roffice .roffice_numb {width:15%;}
.brd_roffice .roffice_url {width:9%;}
.brd_roffice .roffice_url .link_bt {border:solid 1px #aaa; font-size:12px; padding:3px 8px; border-radius:3px;}
.brd_roffice .roffice_url .link_bt:hover {background-color: #54bfea; color:#fff; border:solid 1px #54bfea;}

/* Office List */
.goffice_list {display: -webkit-flex; /* Safari */ display: flex; text-align: center; flex-direction: row; flex-wrap: wrap;}
.goffice_list > li {-webkit-flex: 1;  /* Safari 6.1+ */ -ms-flex: 1;  /* IE 10 */ flex: 1;
margin:5px; border: 1px solid #dcdcdc; font-size: 15px; padding: 5px 0 2px; min-width: 20%;}
.goffice_list li:last-child {max-width:calc(25% - 10px);}

/* qna form */
.qna_row {border-top: solid 2px #ddd; margin-top:10px; margin-bottom:20px;}
.qna_form {}
.qna_form li {padding:12px 0; border-bottom:1px solid #ddd;}
.qna_form li span:first-child {width:100px; display: inline-block; padding-left:10px;}

.qna_form .qna_sel {height: 35px; box-sizing: border-box; font-size:15px; letter-spacing: -1px; padding:0 20px 0 10px;}
.qna_form .qna_inp {height: 35px; box-sizing: border-box; font-size:15px; letter-spacing: -1px; padding:0 20px 0 10px; width:calc(100% - 120px);}
.qna_form .qna_txarea {height: 150px; box-sizing: border-box; font-size:15px; letter-spacing: -1px; padding:15px; width:calc(100% - 120px);}

/* prevexam list */
.brd_con .brd_prevexam {display: block; width:100%;}
.brd_con .brd_prevexam li {padding:15px 0; text-align: center; border-bottom:1px solid #cacaca; }
.brd_con .brd_prevexam li:hover {background-color: #f3f3f3;}
.brd_con .brd_prevexam li:first-child {border-top:2px solid #5a6273;border-bottom:1px solid #5a6273;}
.brd_con .brd_prevexam li:first-child,hover {background-color: #fff;}

.brd_con .brd_prevexam span {display: inline-block; margin: 0;}
.brd_prevexam .prevexam_no {width:6%;}
.brd_prevexam .prevexam_tit {width:60%; text-align: left;}
.brd_prevexam li:first-child .prevexam_tit {text-align: center;}
.brd_prevexam .prevexam_tit a:hover {text-decoration: underline;}
.brd_prevexam .prevexam_auth {width:15%;}
.brd_prevexam .prevexam_date {width:9%;}
.brd_prevexam .prevexam_view {width:7%;}

/* FAQ */
.hide_txt{width: 0; height: 0; font-size: 0; position: absolute; left: -9999px; top: -9999px; overflow: hidden;}
.faq_q {position: relative;display: block;margin-top:10px; font-size: 17px; border-bottom:solid 1px #e3e3e3; padding: 18px 50px 18px 50px; cursor: pointer; line-height: 140%; background:url('/images/sub/q_icon.svg') 25px 18px no-repeat; border: 1px solid #E0E0E0;
    border-radius: 10px;}
.faq_q:after {content:''; background:url('/images/sub/icon-faq-arrow.svg') no-repeat;display: block;width: 18px;height: 18px;position: absolute;top: 0;bottom: 0;margin: auto;right: 16px;}
.faq_q.on {color: #fff;border: 2px solid #153F7F;border-radius: 10px 10px 0 0;border-bottom: none;background:url('/images/sub/q_icon-on.svg') #153F7F 25px 18px no-repeat;}
.faq_q.on:after {background:url('/images/sub/icon-faq-arrow-on.svg') #153F7F no-repeat;display: block;width: 18px;height: 18px;position: absolute;top: 0;bottom: 0;margin: auto;right: 16px;}
.faq_a {display:none; padding:22px 30px 25px 50px; font-size: 15px; color:#666; line-height: 160%; text-align: justify; border-top:solid 2px #378def; border-radius: 0 0 10px 10px;background:url('/images/sub/a_icon.svg') 25px 25px no-repeat; border: 2px solid #153F7F;}
.faq-select {display:none;}

/***** TAB *****/
.tab-btn-list {
    display: flex;
    list-style-type: none;
    padding: 0;
    margin: 2rem 0 4rem;
    border-bottom: 1px solid #e0e0e0;
}

.tab-btn-list .tab-btn {
    flex-grow: 1;
}

.tab-btn-list .tab-btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 0 15px 0;
    text-align: center;
    font-size: 18px;
    color:#757575;
    word-break: keep-all;
    border-bottom: 4px solid transparent;
}

.tab-btn-list .tab-btn.on a {
    color: #000;
    border-color: #1E5CA7;
}

.tab-contents-wrap .tab-content {
    display: none;
    font-size: 1.6rem;
}

.tab-contents-wrap .tab-content.on {
    display: block;
}

/* navigation */
.brd_nav_c {display: block; margin: 20px 0; display: block; padding: 20px 0; text-align: center;}
.brd_nav_c .brd_bt {overflow: hidden; padding: 2px;}
.brd_nav li {display: inline-block; height: 34px; border:solid 1px #dbdbdb; text-align: center; font-size: 14px; padding:7px 12px 0 12px;}

.brd_nav li a {}
.nav_active {background-color: #2861a6; color:#fff; border-color: 5px solid #2861a6;}

/* board view*/
.brdv_view {margin: 40px 0; border-top: solid 2px #000; border-bottom: solid 1px #b3b3b3;}
.brdv_row {border-top: solid 1px #d1d1d1; padding:20px;}
/* Add Hyeonbae.Jeong 2019/04/22
   �ъ슜�� 寃뚯떆�먯뿉�� 寃뚯떆湲��� �대�吏� 泥⑤� ��, �대떦 �대�吏��� float�띿꽦 遺��ы븷 寃쎌슦(�대�吏� �쇱そ/�ㅻⅨ履� �뺣젹) ���� 源⑥��� 臾몄젣媛� �덉뼱�� ���� */
.brdv_row:after {display: block; clear: both; height: 0; content: "";}

.brdv_sbj {padding : 20px; font-size: 18px;font-weight: 500}

.brdv_det li {float: left; margin-right:20px;}
.brdv_det li:nth-child(odd) {font-weight: 500;}
.brdv_det li:nth-child(even) {padding-right:20px;}

.brdv_con {/*min-height: 300px;*/ line-height: 160%; padding:10px 5px 20px 5px; font-size: 15px;}
.brdv_file li {float: left; padding:4px 13px; border:solid 1px #d1d1d1; line-height: 160%; margin:3px; border-radius:2px; background-color: #f6f6f6; font-size: 15px;}
.brdv_file li a:hover {text-decoration: underline; cursor:pointer;}
.file_p {font-weight: 500; margin-bottom:5px;}

/*.brdv_file li:nth-child(1) {font-weight: 500; padding-right:15px; border-right:solid 1px #d1d1d1;}*/

.brdv_predoc li {float: left; margin-right:15px;}
.brdv_predoc li:nth-child(1) {font-weight: 500; padding-right:15px;}
.brdv_predoc li a:hover {text-decoration: underline;}
.brdv_nxtdoc li {float: left; margin-right:15px;}
.brdv_nxtdoc li:nth-child(1) {font-weight: 500; padding-right:15px;}
.brdv_nxtdoc li a:hover {text-decoration: underline;}
.brd_bt_cont {margin: 0;}

/* article count */
.arti_count {margin:0 0 8px; display: inline-block;}
.arti_count li {float: left; margin-right:10px;}
.arti_count li > span {color:#2173D6;font-weight: 500;}
.arti_count li:nth-child(1) {padding-right:10px; border-right:solid 1px #d1d1d1;}

.brd_bt li a {padding:11px 0; border-radius:3px; border: 0px solid #c5c5c5; border-radius: 3px; width:90px; float: right; background-color: #1E5CA7; color:#fff; text-align: center; color: #ffffff;}
.brd_bt li a:hover {background-color: #466DEF;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    cursor:pointer;}
.brd_bt li a:focus {background-color: #466DEF;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    cursor:pointer;}


.comm_btUsr {padding:11px 0; border-radius:3px; border: 0px solid #c5c5c5; border-radius: 3px; width:90px; font-size:13px; float: right; background-color: #242424; color:#fff; text-align: center;}

/* table style */
.tbl_basic { width: 100%;margin: 10px 0;border-top: 2px solid #000000;}
.tbl_basic thead th {border-bottom: 1px solid #000000; font-weight: 500;}
.tbl_basic th, .tbl_basic td {padding: 10px; border-left: 1px solid #DBDBDB; margin-left: -1px;
    vertical-align: middle; word-wrap: break-word; word-break: keep-all; font-weight: 400; text-align: center;}
.tbl_basic tbody th,.tbl_basic td {border-bottom: 1px solid #ccc;}
.tbl_basic tbody th {font-weight: 500;}
 .tbl_basic td:first-child, .tbl_basic th:first-child {border-left: 0;}
 .tbl_basic th[rowspan],  .tbl_basic td[rowspan] {border-right: 1px solid #DBDBDB;}
 
/* relation office */
.rela_offi {display: flex;  padding: 30px 0; gap: 3%;}
.rela_img {width: 285px; height: 198px; display: flex; align-items: center; justify-content: center; border: 1px solid #DBDBDB; flex-shrink: 0;}
.rela_img img {max-width: 80%;}
.rela_con {flex-grow: 1; line-height: 1.5; font-size: 18px;}
.rela_con .cont_dep2 {margin: 5px 0 0;}
.rela_con .cont_dep2 li { color:#757575; margin-bottom: 0;}
.rela_con .url {font-weight:500;}
.rela_con .url:hover {text-decoration: underline; font-weight:500;}



/* �ъ씠�몃㏊ */
.sitemaprow {display: grid; grid-template-columns: repeat(4, 1fr);}
.sitemaprow_con {padding: 20% 10% 25%; border-left: 1px solid #DBDBDB;}
.sitemaprow_con:last-child {border-right: 1px solid #DBDBDB; }
.sitemaprow_con h4 {padding-bottom: 25px; border-bottom: 4px solid #2173D6; font-size: 26px; font-weight: 700; color: #2173D6;}
.sitemap {margin-top: 50px; font-size: 18px; color: #212121;}
.sitemap li {margin-top: 19px;}
.sitemap li a:hover {color: #2173D6;}

/*2023*/
.new_brd_list_01{border-bottom: 1px solid #e0e0e0;}
.new_brd_list_01>li{display: flex; justify-content: space-between;  align-items: center; border-top: 1px solid #e0e0e0; padding: 20px 0;}
.img_nbox{}
.img_nbox>span{display: block; width: 250px; height: 150px; overflow: hidden; margin-right: 20px;}
.img_nbox img{max-width: 100%;}
.info_nbox{width: 100%;}
.info_nbox>dl{display: flex; font-size: 16px; margin-bottom: 5px;}
.info_nbox>dl>dt>span{display: block; word-break:break-all; width: 90px; margin-right: 15px; text-align: justify; font-weight: 500;}
.info_nbox>dl>dd{color: #666}
.btn_nbox{margin-left: 20px; display: flex; align-items: center;}
.btn_nlecture{width: 120px; height: 60px; color: #fff; background-color: #2861a6; font-size: 20px; border: none; border-radius: 3px;}
.btn_nlecture:hover{background-color: #5494e1;}
.new_card_list_01{display: flex; flex-wrap: wrap; justify-content: space-between; padding: 20px;}
.new_card_list_01>li>a{position: relative;}
.ca_img_nbox{width: 280px; height: 325px; background: no-repeat; background-position-x: center; background-position-y: center; background-size: cover; border-radius: 20px; overflow: hidden; box-shadow: 0px 3px 6px #00000029;}
.ca_img_nbox img{max-width: 100%;}

/*소개 마당 - 검정고시지원센터*/
.vision__top {position: relative;margin-top: 70px;margin-bottom: 30px;font-size: 22px;color: #000;text-align: center;font-weight: 500;}
.vision__top:after {content:'';border-bottom: 1px solid #DBDBDB;display: block;width: 52%;margin: 30px auto;top:60px;left: 0;position: absolute;right: 0;margin: 0 auto;}
.vision {padding-top: 25px;} 
.vision:after {content:''; background: url(/images/sub/ico-arrow.svg) no-repeat;width: 20px;height: 30px;margin: 20px auto;display: block;}
.vision__wrap {position: relative;display: flex;gap: 3%;} 
.vision__box {position: relative;flex: 1;padding: 70px 20px 0px;border:1px solid #DBDBDB;text-align: center; border-radius: 14px;}
.vision__box:before {content: '';width: 1px;height: 30px;position: absolute;display: block;top: -30px;border-left: 1px solid #DBDBDB;left: 50%; }
.vision__box:after {content: ''; position: absolute;width: 16px;height: 16px;border: 5px solid #2173D6;border-radius: 50%;top: -15px;left: 50%;transform: translateX(-50%);}
.vision__box:nth-child(2):after {border-color: #153F7F;}
.vision__box:nth-child(2) .vision__title {background-color: #153F7F;}
.vision__title {position: relative;z-index: 1;font-size: 18px;background-color: #2173D6;color: #fff;border-radius: 30px;padding: 10px;max-width: 300px;margin: 30px auto 0;}
.vision__text {display: block;background-color: #F8F9FA;border-radius: 10px;padding: 50px 0 30px;position: relative;top: -20px;}

.vision__list {display: flex; gap: 2%; margin-bottom: 30px;} 
.vision__list > li {position: relative;flex:1;background-color: #F5F9FF;border: 1px solid #C9DEFE;border-radius: 20px 0 40px 10px;padding: 40px 10px;text-align: center;}
.vision__list-num {font-size: 16px;color: #fff;background-color: #2173D6;border-radius: 50%;width: 46px;height: 46px;display: flex;align-items: center;justify-content: center;font-weight: 600;position: absolute;top: -25px;left: 30px;}
.vision__list-num:after {content:''; background-color: #2173D6;opacity: 0.3;display: block;width: 60px;height: 60px;position: absolute;border-radius: 50%;}
.vision__list-num strong {position: relative;z-index: 1;}
.vision__list-title {font-size: 16px;}
.vision__list-text {margin-top: 12px; font-size: 14px;}

/* 검정고시제도 */
.data-table {border-top: 2px solid #000;}
.data-table li {display: flex;gap: 3%;align-items: center;padding: 15px 20px;border-bottom: 1px solid #DBDBDB;}
.data-table li > div {}
.data--items {display: flex;align-items: center;flex-wrap: wrap;gap: 3%;row-gap: 10px;flex: 1;}
.data--items .data--item {display:flex;}
.data--items.column {flex-direction: column; align-items: flex-start;}
.data--tag {flex-shrink: 0;}
.data--tag span {display: block; font-size: 15px;border-radius: 20px;padding: 4px 18px;font-weight: 500; border: 1px solid #1E5CA7;}
.data--items.column .data--item {display: flex; }
.data--item span {margin-right: 10px;color: #767676;flex-shrink: 0;}
.data--items.column .data--item span {width: 80px;flex-shrink: 0; margin-right: 0;}
.data--item strong {font-weight: 400;}
.data--items-wrap {display: flex;flex-direction: column;gap: 20px;flex:1;}
.data--items-wrap .data--items {position: relative;}
.data--items-wrap .data--items:before {content:''; position: absolute;width: 100%;display: block;top: -10px;border-top: 1px dotted #BFBFBF;}
.data--items-wrap .data--items:first-child:before {display:none;}

.bg-box--blue {background: #F8F9FA;}
.icon-text-box {display: flex; align-items: center; gap: 5%; padding: 30px 9%; line-height: 1.5; border-radius: 20px;}
.font-medium {font-weight: 500;}
.mr-top-l {margin-top: 70px;}
.mr-top-m {margin-top: 50px;}
.mr-top-s {margin-top: 30px;}
.mr-top-xs {margin-top: 10px;}

/* 갤러리형 리스트형 버튼 */
.arti_count-wrap {display: flex; justify-content: space-between;}
.grid-view-select {display: flex;align-items: center;justify-content: flex-end;gap: 5px;}
.grid-view-select .btn-item {line-height: 0;}
.grid-view-select .grid-view-btn {display: flex;align-items: center;justify-content: center;width: 34px;height: 34px;border: 1px solid #dbdbdb;border-radius: 4px;}
.grid-view-select .grid-view-btn::before {content: '';width: 16px;height: 16px;display: block;background-size: 100%;background-repeat: no-repeat;background-position: center;}
.grid-view-select .grid-view-btn[data-grid='gridList']::before { background-image: url('/images/sub/ic-grid.svg');}
.grid-view-select .grid-view-btn[data-grid='gridGallery']::before {background-image: url('/images/sub/ic-list.svg');}
.grid-view-select .grid-view-btn.on {background-color: #2861a6;}
.grid-view-select .grid-view-btn.on::before {filter: brightness(100);}

/* 썸네일 아이템 */
.thumnail__list {display: grid; grid-template-columns: repeat(1, 1fr); gap: 13px;}
.thumnail__item {display: flex; align-items: center; gap: 3%; padding: 2.5%; border-radius: 14px; border: 1px solid #DEDEDE;}
.thumnail__item .thumbnail-image {position: relative; width: 28%; min-width: 250px; flex-shrink: 0; border-radius: 8px; overflow: hidden;}
.thumnail__item .thumbnail-image::before {content: ""; display: block; width: 100%; height: 0;padding-bottom: 60%;}
.thumnail__item .thumbnail-image img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.thumnail__item .item-text-group {flex-grow: 1;}
.thumnail__item .item__title-wrap {border-bottom: 1px dotted #DBDBDB;padding-bottom: 15px;margin-bottom: 10px; font-size: 22px; color: #000; font-weight: 500;}
.thumnail__item .item__title{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.thumnail__item .info-text-group { display: flex;align-items: flex-end; justify-content: space-between; flex-wrap: wrap; row-gap: 10px;}
.thumnail__item .info-list {width: 75%;}
.thumnail__item .row-group {display: flex;flex-wrap: wrap;}
.thumnail__item dl {display: flex; align-items: center; word-break: keep-all; margin: 5px 0; min-width: calc(100% / 2); }
.thumnail__item dt {min-width: 70px; flex-shrink: 0;padding-right: 7px;color: #767676;}
.thumnail__item dd {margin: 0;word-break: keep-all;color: #121212;}
.thumnail__item .btn {padding: 12px; min-width: 132px; margin-left: auto; background: #2861A6; color: #ffffff; font-weight: 500; border-radius: 5px;}
.thumnail__item .btn:hover{background-color: #5494e1;}
.thumnail__list.is-grid {grid-template-columns: repeat(3, 1fr); gap: 3%;}
.thumnail__list.is-grid .thumnail__item {flex-direction: column; gap: 0; padding: 0; }
.thumnail__list.is-grid .thumbnail-image {width: 100%; border-radius: 12px 12px 0 0;}
.thumnail__list.is-grid .item-text-group {padding: 20px;}
.thumnail__list.is-grid .item__title {font-size: 18px;}
.thumnail__list.is-grid .info-text-group {flex-direction: column; gap: 20px;}
.thumnail__list.is-grid .info-list {width: 100%;}
.thumnail__list.is-grid dl {min-width: 100%;}
.thumnail__list.is-grid .btn {min-width: 100%;}

/* 반응형 테이블 */
/***** TABLE *****/
.table {box-sizing: border-box;width: 100%;border-collapse: collapse;text-align: left;font-size: 16px; border-top: 2px solid #121212;}
.table.table--fixed {table-layout: fixed;}
.table.center {text-align: center;}
.table th {padding: 20px 10px;font-weight: 500;word-break: keep-all;}
.table th:last-child {border-right: 0;}
.table thead th {vertical-align: middle;border-bottom: 1px solid #121212;}
.table th[scope='row'] {border-right: 1px solid #dddddd;}
.table th[scope='row'] + td + th {border-left: 1px solid #dddddd;}
.table th[scope='col'] {border-right: 1px solid #dddddd;}
.table th[scope='col']:last-child {border-right: 0;}
.table td {word-break: keep-all;padding: 20px 10px;}
.table td:last-child {border-right: 0;}
.table tbody td {vertical-align: middle;border-bottom: 1px solid #dbdbdb;}
.table tbody th {vertical-align: middle;border-bottom: 1px solid #dbdbdb;}
.table .td-text + .bullet-list,
.table .td-text + .order-list {margin-top: 10px;}
.table-comment {margin: 5px 0;line-height: 1.3;}
.table + .table {margin-top: 10px;}

/* 스크롤바의 폭 너비 */
.scroll-img::-webkit-scrollbar {
    width: 10px;  
    height: 10px;
}

.scroll-img::-webkit-scrollbar-thumb {
    background: rgb(128 128 128); 
    border-radius: 10px;
}

.scroll-img::-webkit-scrollbar-track {
    background: rgb(67 67 67 / 10%);
}

.list--box.column-2 {display:flex; flex-wrap: wrap;gap: 15px;row-gap: 20px;justify-content: space-between;}
.list--box.column-2 .list__item {flex: 0 1 49%;margin: 0;}
.list__item {border: 1px solid #DEDEDE;border-radius: 15px;padding: 20px 3%;}
.list__item + .list__item {margin-top:15px;}
.list__item-top {display: flex;gap: 15px;padding: 5px 0;align-items: center;flex-wrap: wrap;}
.list__tag {display: inline-flex;gap: 5px;margin-right: 15px;}
.list__tag span {font-size: 15px;border-radius: 70px;padding: 3px 12px;}
.list__title {font-size: 17px;font-weight: 500;}
.list__item-bottom {display: flex;justify-content: space-between;flex-wrap: wrap;row-gap: 5px;border-top: 2px dotted #dbdbdb;margin-top: 15px;padding-top: 17px;}

span.list__tag--gray {background-color: #F8F9FA;border: 1px solid #DBDBDB;}
span.list__tag--red {background-color: #F8F9FA;border: 1px solid #E3000B; color:#E3000B;}
span.list__tag--blue {background-color: #F8F9FA;border: 1px solid #1E5CA7; color:#1E5CA7;}
span.list__tag--green {background-color: #F8F9FA;border: 1px solid #0A8600; color:#0A8600;}
span.list__tag--navy {border: 1px solid #1E5CA7; color:#1E5CA7;}
.list__item-info {display: flex;gap: 30px;}
.list__item-view {display: flex;}

/*온라인 설문*/
.qustnr-title {
    color: #fff;
    display: flex;
    height: 160px;
    align-items: center;
    padding: 30px;
    margin-top: 40px;
    font-size: 24px;
    font-weight: 500;
    background: url(/images/sub/online_visual.png) no-repeat;
    background-size: cover;
}

.qustnr-title.style-round {
    border-radius: 18px;
}

.qustnr-cont {
    padding: 30px;
    background-color: #f9f9f9;
    border-radius: 0 0 16px 16px;
}

.qustnr-date {
    background-color: #fff;
    border-radius: 100px;
    padding: 7px 20px;
    color: #153F7F;
    max-width: fit-content;
}

.btn-group {
    display: flex;
    gap: 10px;
    margin: 40px 0;
}

.btn-group.border-line {
    border-top: 1px solid #D6DDEA;
    padding-top: 40px;
}

.no-qustnr {
    width: 100%;
    height: 257px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    gap: 10px;
    background: url(/images/sub/online_visual.png) no-repeat;
    background-size: cover;
    font-size: 20px;
    padding: 20px;
    text-align: center;
}

.ac {
    text-align: center;
    justify-content: center;
}

.al {
    text-align: left;
    justify-content: flex-start;
}

.ar {
    text-align: right;
    justify-content: flex-end;
}

.btn-navy-m {
    background-color: #153F7F;
    color: #fff;
    border-radius: 5px;
    padding: 8px 28px;
    border: 1px solid #fff;
}

.btn-navy-m:hover {
    color: #fff;
}

.btn-green-m {
    background-color: #0A8800;
    color: #fff;
    border-radius: 5px;
    padding: 8px 28px;
    border: 1px solid #fff;
}

.btn-green-m:hover {
    color: #fff;
}

.btn-red-m {
    background-color: #EE3A43;
    color: #fff;
    border-radius: 5px;
    padding: 8px 28px;
    border: 1px solid #fff;
}

.btn-red-m:hover {
    color: #fff;
}

.btn-navy-line-m {
    border: 1px solid #153F7F;
    background-color: #fff;
    color: #153F7F;
    border-radius: 5px;
    padding: 8px 28px;
}

.btn-navy-m:disabled,
.btn-green-m:disabled,
.btn-red-m:disabled,
.btn-navy-line-m:disabled {
    background-color: #E6E6E6;
    border: 1px solid #D2D2D2;
    color: #9B9B9B;
    cursor: auto;
}

pre {
    margin: 0;
    padding: 0;
    font: inherit;
    color: inherit;
    background: none;
    border: none;
    white-space: pre-wrap;
    word-break: break-word;
}

.qustnr-item-list {
    margin-top: 40px;
}

.qustnr-item-box {
    padding: 20px;
    margin-top: 10px;
    border-radius: 12px;
    box-shadow: 0 2px 10px 0 rgba(38, 42, 56, 0.05);
    border: 1px solid #F2F2F2;
}

.qustnr-item-head {
    margin-bottom: 18px;
}

.qustnr-item-head h5 {
    margin-bottom: 3px;
    font-size: 18px;
    font-weight: 500;
}

.qustnr-item-head h5 span {

}

.qustnr-item-head p {

}

.qustnr-item {

}

.text-red {
    color: #EE3A43;
}

.text-blue {
    color: #2173D6;
}

.radio-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.radio-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px;
    border-radius: 10px;
    cursor: pointer;
    border: 1px solid #f8fafc;
    transition: all 0.2s ease-in-out;
    background: #F7F8FB;
}

.radio-item input[type='radio'] {
    margin: 0;
    accent-color: #2563eb;
    width: 20px;
    height: 20px;
}

/* checked일 때 박스 배경 변경 */
.radio-item:has(input[type="radio"]:checked) {
    background: #f0f7ff;
    border: 1px solid #2173D6;
}

.radio-item:has(input[type="radio"]:checked) .label {
    color: #153F7F;
}

.radio-with-input {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.radio-with-input-header {
    display: flex;
    align-items: center;
    gap: 12px;
}

.radio-with-input input[type='text'] {
    border: none;
    width: 100%;
    background: transparent;
}

.check-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* 전체 박스 */
.check-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    border-radius: 10px;
    border: 1px solid #f8fafc;
    background-color: #f8fafc;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.check-group input[type='checkbox'] {
    margin: 0;
    accent-color: #2563eb;
    width: 20px;
    height: 20px;
}

.check-item input[type="checkbox"]:checked + .label {
    color: #153F7F;
}

.check-item:has(input[type="checkbox"]:checked) {
    border: 1px solid #2563eb;
    background: #f0f7ff;
}

/* 텍스트 스타일 */
.label {
    color: #334155;
    font-size: 15px;
}

.qustnr-item-box textarea {
    border-radius: 8px;
    background: #F7F8FB;
    border: none;
    width: 100%;
    min-height: 180px;
    padding: 12px 14px 12px 20px;
    resize: none;
}


/* reponsive style */
@media screen and (max-width:1024px) {
	.sub_left_menu > li > a {font-size: 16px;}
	.sub_row1 .container {padding: 0;}
	.responsive-menu {display:none;}
	.breadcrumb {top: -20px;}
	
	.box-step-list {flex-direction: column;row-gap: 15px;}
	.box-step-list li p {font-size:16px;}
	
	/* 검정고시제도 */
	.data-table li {row-gap: 10px;flex-direction: column;align-items: self-start;padding: 15px 0;}
	.data--tag span {font-size:14px;}
	
	/* 평생교육제도 */
	.edu-bank-list {flex-wrap: wrap;row-gap: 39px;}
	.edu-bank-list li {flex-basis: 48%;}
	.model-list > li {gap: 2%;padding: 25px 5%;}
	
	.brd_con .brd_movie li {margin-bottom: 25px;}
	.sitemaprow {grid-template-columns: repeat(2, 1fr);}
	.sitemaprow_con {padding: 30px 30px;}
	
	/*FAQ*/
	.tab-btn-list {margin: 20px 0 30px;}

}

@media screen and (max-width:991px) {
	.sub_row1 {margin-top:55px;padding-top: 30px;}
	.sub_right {width: 100%; padding: 0 20px;}
	.sub_right .brd_bt_cont .brd_bt {margin: 20px 0;display: block;padding: 20px 0;text-align: center; overflow: hidden;}
	.sub_left_menu, .left_tit_box {display: none;}
	.grid-view-select {display: none;}
	
	/* 썸네일 아이템 */
	.thumnail__list {grid-template-columns: repeat(2, 1fr); gap: 3%;}
	.thumnail__list .thumnail__item {flex-direction: column; gap: 0; padding: 0; }
	.thumnail__list .thumbnail-image {width: 100%; border-radius: 12px 12px 0 0;}
	.thumnail__list .item-text-group {padding: 20px;}
	.thumnail__list .item__title {font-size: 18px;}
	.thumnail__list .info-text-group {flex-direction: column; gap: 20px;}
	.thumnail__list .info-list {width: 100%;}
	.thumnail__list dl {min-width: 100%;}
	.thumnail__list .btn {min-width: 100%;}
	
	.list--box.column-2 .list__item {flex: 100%;}
}	

@media screen and (max-width:767px){

	/*2023*/ 
	.view_dtil {font-size: 14px;}
	.new_brd_list_01{border-bottom: 1px solid #e0e0e0;}
	.new_brd_list_01>li{display: flex; justify-content: space-between; flex-direction: column; border-top: 1px solid #e0e0e0; padding: 20px 0;}
	.img_nbox{}
	.img_nbox>span{display: block; width: 100%; height: auto; overflow: hidden; margin: 0 10px;}
	.img_nbox img{max-width: 100%;}
	.info_nbox{width: 100%; margin: 10px;}
	.info_nbox>dl{display: flex; font-size: 16px; margin-bottom: 5px;}
	.info_nbox>dl>dt>span{display: block; word-break:break-all; width: 90px; margin-right: 15px; text-align: justify; font-weight: 500;}
	.info_nbox>dl>dd{color: #666}
	.btn_nbox{margin: 20px 10px; display: flex; align-items: center;}
	.btn_nlecture{width: 100%; height: 60px; color: #fff; background-color: #2861a6; font-size: 20px; border: none; border-radius: 3px;}
	
	.pc-only {display: none !important;}
    .mr-top-l {margin-top: 50px;}
	.mr-top-m {margin-top: 30px;}
	.mr-top-s {margin-top: 20px;}
	    
	.container{padding: 0;}
	
	/* Add Hyeonbae.Jeong 2019/04/25 con01�� float�� 遺��щ릺�� 遺�紐⑥슂�뚮줈 媛먯떥吏�吏� �딆쓬�� �곕씪 異붽� */
	.container:AFTER{display: block; clear: both; height: 0; content: "";}
	
	.sub_left {position: relative; width: 100%; z-index: 9;}
	.sub_left_menu > li {display: inline;}
	.sub_left_menu > li > a {z-index:1; border: 0; border-bottom:1px solid #e3e3e3; padding:12px 20px; font-size:16px; letter-spacing: -1px;}
	
	.responsive-menu {display: none; background-color: #ffffff; text-align: center; padding: 13px 0; color: #007dc3; font-size: 18px; border-bottom:1px solid #e3e3e3;}
	
	.recent_arti {display: block; margin-top: 25px;}
	.recent_arti .recent_arti_c {border:3px solid #e2e2e2; padding: 15px; width:100%; margin-right:10px; max-height: 150px; margin-bottom: 10px;}
	.recent_arti .recent_arti_c:last-child{margin-right:0; }
	.recent_ct {font-size: 18px; padding-bottom: 5px; border-bottom: 1px solid #e2e2e2; margin-bottom: 10px;}
	.recent_ct2 {font-size: 13px; text-align: justify;}
	
	.sub_row0 {background: url(/images/sub/sub_visual_bg.png) no-repeat center center #ffffff;}
	.sub_row0 .subt_title1 {font-size: 16px; color:#ffffff;}
	.sub_row0 .subt_title2 {font-size: 20px; color:#ffffff;}
	
	.sub_row0 {display: inline-block; background-color:#6a8ebf; width: 100%; background: url(/images/sub/sub_visual_bg.png) no-repeat center center #6a8ebf; border-bottom:1px solid #2e6bae;}
	
	.brdv_sbj {padding: 12px;}
	.brdv_row {padding: 12px;}
	.brd_con img,
	.brdv_row img {width:100%; max-width: 900px;}
	
	.brd_con .brd_sbj img {width: auto;}
	
	.brd_notice li .brd_sbj {display: block; width: 100% !important; padding-left: 0; font-size: 16px;}
	.brd_notice li .brd_sbj img {width: auto;}
	.brd_notice li .brd_date {display: block; width: 100% !important; padding-left: 0; text-align: left; margin-top: 5px; text-align: right;}
	.brd_notice li .brd_no {display: none;}
	.brd_notice li .brd_auth {display: none;}
	.brd_notice li .brd_cat {display: none;}
	.brd_notice li .brd_view {display: none;}
	.brd_con .brd_notice .brd_year,
	.brd_con .brd_notice .brd_step,
	.brd_con .brd_notice .brd_cfy {display: none;}
	.brd_con iframe, .brd_con video {width:100% !important; max-width:600px;}
	
	.brd_list_item {display:block;}
	.brd_list_item.direction--col {display: flex;flex-direction: column;gap:10px;}
	
	.brd_notice li:first-child {display: none;}
	.brd_notice li:nth-child(2) {border-top: 2px solid #5a6273;}
	
	/* .brd_lecture�� 以꾩뼱�ㅻ㈃ �쒕ぉ�대옉 �깅줉�좎쭨留� 蹂댁씠�꾨줉 �섎뒗 �ㅼ젙 異붽�  �뺥쁽諛� */
	.brd_lecture li .lecture_tit {display: block; width: 100%; padding-left: 10px; font-size: 16px;}
	.brd_lecture li .lecture_date {display: block; width: 100%; padding-left: 10px; text-align: left; margin-top: 5px;}
	.brd_lecture li .lecture_no {display: none;}
	.brd_lecture li .lecture_loca {display: none;}
	.brd_lecture li .lecture_level {display: none;}
	.brd_lecture li .lecture_auth {display: none;}
	.brd_lecture li .lecture_view {display: none;}
	
	.brd_lecture li:first-child {display: none;}
	.brd_lecture li:nth-child(2) {border-top: 2px solid #5a6273;}
	
	.brd_examdate .brd_eduoffice {width: 30%;}
	.brd_con .brd_examdate li:first-child {display: none;}
	.brd_con .brd_examdate .brd_date { display:none; }
	.brd_con .brd_examdate .brd_view { display:none; }
	.brd_con .brd_examdate .brd_sbj {width: 70%;}
	.brd_con .brd_examdate li a {display: flex; flex-wrap: wrap;gap: 10px;}
	.brd_con .brd_examdate li .brd_eduoffice {width: 100%; order: 1; text-align: left;}
	.brd_con .brd_examdate li .brd_sbj {width: 100%; order: 0; padding-left: 0;}

/* 諛섏쓳�� �쒖옉*/
	.sub_row1 .container{background:none;}
	.breadcrumb {}
	.breadcrumb li {}
	.breadcrumb li:after {content: ""; background-image: url(/images/bread_arw.png); width: 6px; height: 11px; display: block; float:right; margin:3px 6px 0 8px;}
	.breadcrumb li:last-child:after {display: none;}
	.breadcrumb li:first-child:before {content: ""; background-image: url(/images/home_icn.png); width: 14px; height: 13px; display: block; float:left; margin:3px 7px 0 0;}

	.rela_offi {display: inline-block; margin-bottom:70px; width:100%;}
	.rela_img {text-align: center; width:100%; height:auto; margin:0 auto; border-top:1px solid #dbdbdb; padding:30px 0 30px 0;}
	.relamrg_title { font-weight:bold; font-size:20px; margin: 0 0 15px 0;}
	.relamrg { margin-bottom:8px; color:#2c69ac; font-weight:500;}
	.relamrg_li { color:#b3b3b3; }
	.relamrg .view_dtil {margin:10px 0 0 0; }
	.rela_con {clear:both; width:100%; font-size:14px; line-height:150%; border-left:0px; padding:30px 0 0 0;}
	.rela_con p { color:#666; }
	.rela_con .url {font-weight:500;}
	.rela_con .url:hover {text-decoration: underline; font-weight:500;}

	/* title*/
	.sub_B_title { font-size:19px; }
	.sub_right_title {font-size: 20px; letter-spacing: -1px; margin:15px 0 0 0; }
	.sub_right_title:after {content: ""; display: block; width:100%; height: 1px; background-color: #e3e3e3; margin: 10px 0 0px 0px;}
	.stl_gr {font-size:18px; font-weight: 500; color: #2c66a7; letter-spacing: -0.8px; margin:20px 0 0 0px; background: url(/images/sub/ico_B02.png) no-repeat 80% 2px 10px ;}

	/* Add Hyeonbae.Jeong 2019/04/25 紐⑤컮�쇰쾭�꾩뿉�� 醫뚯륫硫붾돱媛� �대졇�� �� breadcrum�� �� 媛��ㅼ쭚�� �곕씪 媛�由щ룄濡� a�쒓렇瑜� �щ챸->�곗깋諛뷀깢�쇰줈 泥섎━ */
	.sub_left_menu > li > a:not(.menu-on) {background: #378def;}

	/* Add Start Hyeonbae.Jeong 19/04/17 媛뺤쥖�뺣낫 寃��� select �덈퉬異뺤냼 */
	.lecture_con .lecture_sel {}
	.lecture_con .lecture_inp {width: 100%;}
	.lecture_con .li_lb2 {width: 100%;}
	/* Add End Hyeonbae.Jeong 19/04/17 */

	/* board search box */
	.srch_box {padding: 20px; margin: 20px 0;}
	.srch_con li {width: 100%;}
	.srch_con .srch_inp {width: 100%;}
	.srch_bt {min-width: 60px;}

	.brd_con ul {width: 100%;display: flex;flex-wrap: wrap;row-gap: 10px;}
	.brd_con .brd_notice {display: block;}
	.brd_con .brd_notice li {padding:10px; text-align: center; border-bottom:1px solid #cacaca; vertical-align: middle;}
	.brdv_det li {float: unset; margin-right: 0; padding-right: 0;}
	.brdv_det li:nth-child(even){width: 70%;}
	.brdv_det li:nth-child(odd) {width: 30%; max-width:100px;}

	.brd_con .brd_lecture {display: block;}
	.brd_con .brd_lecture li {padding:10px 0 ; text-align: center; border-bottom:1px solid #cacaca; vertical-align: middle;}

	/* institute list */
	.brd_con .brd_instit {width:100%; text-align: center;}
	.brd_con .brd_instit li {padding:10px; text-align: left; border-bottom:1px solid #cacaca; }
	.brd_con .brd_instit li:first-child {display: none;}
	.brd_con .brd_instit li a {flex-wrap: wrap; row-gap: 10px; justify-content: flex-start;}
	.brd_con .brd_instit .instit_no {display: none;}
	.brd_con .brd_instit .instit_name {width:100%; font-weight: 500; font-size: 15px; order: 1;}
	.brd_con .brd_instit .instit_name a:hover {text-decoration: underline;}
	.brd_con .brd_instit .instit_local {width:30%; order: 3;}
	.brd_con .brd_instit .instit_addr {width: 100%; order: 2;}
	.brd_con .brd_instit .instit_numb {width: 25%;min-width: 90px; order: 4; text-align: right; margin-left: auto;}
	.brd_con .brd_instit .instit_url {width:11%;}
	.brd_con .brd_instit .instit_url .link_bt {border:solid 1px #aaa; font-size:12px; padding:3px 8px; border-radius:3px;}
	.brd_con .brd_instit .instit_url .link_bt:hover {background-color: #54bfea; color:#fff; border:solid 1px #54bfea;}

	/* -----  2019.04.19 HaNa.Jung Add Start -----  */
	/* 援먯쑁湲곌��덈궡 紐⑤컮�� �붾㈃ 寃��됰컯�� 湲곌�紐낅쭔 蹂댁씠湲� �ㅼ젙, 媛뺤쥖�덈궡 �대룞 留곹겕 遺�遺� 湲��� �ш린 �섏젙*/
	.srch_con .mb_delclass { display:none;}
	.mb_addclass{ margin: 0px 0 0 0;}
	.brd_con .mb_addclass2{}
   /* -----  2019.04.19 HaNa.Jung Add End -----  */
   
   /* brd_movie  */
	.brd_con .brd_movie li {text-align: center; float: left; width: 49%; margin-right: 1%; }
	.brd_con .brd_movie li:nth-child(3n){width:49%; margin-right:1%;}
	/* .brd_con .brd_movie li:nth-child(2n){margin-right:0px; margin-left:1%; width:49%;} */
	
	.sub_cont {padding:30px 0;}
	.sub_right_title h2 {font-size: 24px;}
	
	/* 검정고시지원센터 */
	.vision {padding:0;}
	.vision__box:before,
	.vision__top:after,
	.vision__box:after {display:none;}
	.vision__box {padding: 30px 15px 0px;}
	.vision__title {max-width:150px;}
	.vision__top {margin-top: 35px;margin-bottom: 20px;font-size: 18px;}
	.vision__box img {width: 50px;}
	
	.scroll-img {overflow: hidden;overflow-x: auto;}
	.scroll-img img {width:800px;}
	
	/* 평생교육제도 */
	.model-list > li {flex-direction: column;row-gap: 10px;}

	.sitemaprow {grid-template-columns: repeat(1, 1fr);}
	.sitemaprow_con {padding: 30px 10px; border-left: 0; border-bottom: 1px solid #DBDBDB;}
	.sitemaprow_con:last-child {border-right: 0;}
	.sitemaprow_con h4 {border-bottom: 0; padding: 0; font-size: 24px;}
	.sitemap {margin-top: 25px;}
	.sitemap li {margin-top: 15px;}
	
	/* 썸네일 아이템 */
	.thumnail__list {grid-template-columns: repeat(1, 1fr); gap: 3%;}

	/* 반응형 테이블 */
	.table.center {text-align: left;}
	.table th {padding: 15px];}
	.table td {padding: 15px;}
	.table th[scope='row'] {border-right: 0;}
	.table th[scope='row'] + td + th {border-left: 0;}
	.mb-only-title {display: inline-block;min-width: 50px;}
	.pc-mb-title {font-weight: 500;color:#212121;}
	.mb-row-table thead {display: none;}
	.mb-row-table th,
	.mb-row-table td {display: block;}
	.mb-row-table tbody th {border-color: #DBDBDB;}
	.mb-row-table td[data-title]::before {content: attr(data-title);display: block;margin-bottom: 10px;font-weight: 600;}
	.mb-column-table thead {display: none;}
	.mb-column-table tr {display: block;}
	.mb-column-table td,
	.mb-column-table th {display: flex;}
	.mb-column-table td[data-title]::before { content: attr(data-title);width: 100px;flex-shrink: 0;font-weight: 500; color: #767676;}
	.mb-column-table .tb-text-center {justify-content: center;}
	.mb-column-table .tb-text-right {justify-content: flex-end;}
	.mb-column-table colgroup,
	.mb-row-table colgroup {display: none;}
	.mb-column-table col { width: auto !important;}
	.mb-column-table .tb-full,
	.mb-row-table th,
	.mb-row-table td {flex: 0 1 100%; border-right: 0;}
	.mb-column-table tbody th {border-color: #212121;}
	.mb-row-table td + td,
	.mb-column-table td + td,
	.mb-row-table td + th,
	.depth-type__one td {padding: 0 15px 15px;}
	.mb-row-table td:last-child,
	.mb-column-table td:last-child {padding-bottom: 16px;}
	.mb-row-table td:not(:last-child),
	.mb-column-table td:not(:last-child) { border-bottom: 0;}
	.mb-column-table td:not(:last-child).tb-title {padding-top: 15px;padding-bottom: 0;}
	.mb-column-table .tb-none {display: none;}
	.mb-column-table .tb-column,
	.column-td td {flex-direction: column;}
	.mb-column-table .tb-column .mb-only-title,
	.column-td .mb-only-title {margin: 0 0 10px;}
	.mb-column-table .btn {align-self: flex-end;}
	
	/*FAQ*/
	.faq-tab {position:relative;}
	.faq-select {display:block;margin-top: 20px;border: 1px solid #D7D7D7;height: 35px;float: right;}
	.tab-btn-list {display:none;}
	#faq {clear: both; padding-top: 10px;margin-bottom: 50px;}
	
	.list__tag {display: flex;margin-bottom: 10px;}
	.list__item {width:100%; padding: 20px 15px;}
}

@media (max-width:471px){
	.lecture_con .li_lb {width: 100%; }
	.lecture_con .li_lb span, .lecture_con .li_lb2 span {width: 70px;}
	.lecture_con .area .lecture_sel {width: 100%;}
	.lecture_con .lecture_sel {width: 100%;}
}

/* 諛섏쓳�� �쒖옉 :: 紐⑤컮�� 寃뚯떆��*/
@media (max-width:414px){
	
	/* brd_movie  */
	.brd_con .brd_movie li {text-align: center; float: left; width:100%; margin-right: 0; margin-left:0; margin-bottom:20px; }
	.brd_con .brd_movie li:nth-child(2n){margin-right:0px; margin-left:0; width:100%;}
	.brd_con .brd_movie li:nth-child(3n){margin-right:0px; margin-left:0; width:100%;}
	.brd_movie .brd_sbj {text-align: center;}
	.brd_movie .brd_date {text-align: center;}

	/* lecture list :: 寃��뺢퀬�쒓컯醫� 紐⑸줉  */
	.brd_con .brd_lecture {display: block; }
	.brd_con .brd_lecture li {padding:10px 0; text-align: center; margin:10px 0 0 0; border-bottom:1px solid #cacaca;}
	.brd_con .brd_lecture .lecture_no    { display:none; }
	.brd_con .brd_lecture .lecture_loca  { display:inline-block; width:15%;} /* 吏��� */
	.brd_con .brd_lecture .lecture_level { display:inline-block; width:15%;} /* 援먭낵�섏� */
	.brd_con .brd_lecture .lecture_tit   { display:inline-block; width:70%;} /* �쒕ぉ */
	.brd_con .brd_lecture .lecture_cate  { display:none; }
	.brd_con .brd_lecture .lecture_subj  { display:none; }
	.brd_con .brd_lecture .lecture_auth  { display:none; }
	.brd_con .brd_lecture .lecture_date  { display:none; }
	.brd_con .brd_lecture .lecture_view  { display:none; }
	.lecture_con {text-align: left; padding: 20px 0px; line-height: 160%;}
	
	/* 검정고시지원센터 */
	.vision__wrap,
	.vision__list {flex-direction: column; row-gap:15px;}
	
	/* 검정고시 응시과정 */
	.exam_flow {flex-direction: column; gap: 10px;}
	.exam_flow li img {width: auto;}
	.exam_flow li:not(.arrow_r)::after {width: auto;}
	.exam_flow li.arrow_r {transform: rotate(90deg);}
	
	/* 평생교육제도 */
	.edu-bank-list li {flex-basis: 100%;padding: 35px 20px 20px 20px;}
	.edu-bank-list li p {padding:10px 0;}
	
	/* 썸네일 아이템 */
	.thumnail__list {grid-template-columns: repeat(1, 1fr); gap: 3%;}
	
}