@charset "UTF-8";
@import url(../common/basic.css?v=240124);

html,body{color:#474747}
.header_wrap,.main_wrap,.nav_wrap,.sub_wrap,.footer_wrap,.satisfy_wrap{position:relative;width:100%;max-width:1400px;box-sizing:border-box;margin:0 auto;border:0px solid #ddd}
.header-content::after,.main_wrap::after,.nav_wrap::after,.sub_wrap::after,.footer_wrap::after,.satisfy_wrap::after{display:block;clear:both;content:'';line-height:0}
/* header */
#header{width:100%;height:190px;padding-top:60px;z-index:30}
#m-header{display:none}
.header_wrap{z-index:40}
.header .top{position:relative;width:100%}
.header .top h1{width:257px;font-size:1rem}
.header .top ul{list-style-type:none;position:absolute;top:0;right:77px}
.header .top ul li{float:left;margin:0 10px}
.header .top ul li a{height:33px;line-height:33px;font-size:15px;color:#555;font-weight:500}
.header .top ul li a:hover,.header .top ul li a:focus{color:#1f69a2}
.header .top .btnTopSearch{position:absolute;top:0;right:20px;padding:3px 10px 4px;background-color:transparent;border:0;cursor:pointer}
/*#header_bg::after{position:absolute;top:190px;display:block;width:100%;height:1px;margin-top:-1px;transition:all 0.25s ease;-webkit-transition:all 0.25s ease;content:'';box-shadow:0px 6px 9px #0000029;left:50%;top:190px;background:#DDDDDD;transform:translateX(-50%);z-index:11}*/
.header .top-search-wrap{display:none;overflow:hidden;position:absolute;width:300px;top:-2px;right:70px;padding:0;background:#fff}
.header .top-search-wrap #topSchText{width:250px;border:3px solid #00BBB1;border-radius:20px 0 0 20px}
.header .top-search-wrap #btnSearchAct{float:right;width:50px;background:#00BBB1;color:#fff;border-radius:0 20px 20px 0;line-height:36px;font-size:16px;border:0;text-align:center;cursor:pointer}

#header_bg{position:absolute;width:100%;height:0px;background:#fff;z-index:20}
#header_bg.on{border-top:1px solid #ddd;border-bottom:1px solid #ddd}
/*#header.nav_list::after, #header.active_search::after{height:auto;visibility:visible;opacity:1}*/
/* nav */
#nav{width:100%;height:60px;margin-top:34px;z-index:20}
#nav > ul{display:flex;flex-direction:row;list-style-type:none}
#nav > ul > li{position:relative;flex:auto;flex-grow:1;flex-basis:0;text-align:center}
#nav > ul > li > a{position:relative;width:100%;height:60px;line-height:60px;font-size:20px;font-weight:400;z-index:1}
#nav > ul > li:hover > a > span,#nav > ul > li:focus > a > span,#nav > ul > li.active > a > span{color:#fff}
#nav > ul > li > a::after{display:block;position:absolute;top:100%;left:0;bottom:0;right:-2px;margin:auto;width:calc(100% + 2px);height:1px;content:'.';color:transparent;background:RGBA(0, 187, 177, 0.6)/*#c0c0c0*/;border-radius:12px 12px 0 0;visibility:none;opacity:0;z-index:-10;transition:all 0.5s}
#nav > ul > li.active > a::after{background:#00bbb1}
#nav > ul > li:hover > a::after,#nav .nav_inner > ul > li:focus > a::after,#nav > ul > li.active > a::after{opacity:1;visibility:visible;top:0;height:100%}
#nav > ul > li::before,#nav > ul > li::after{position:absolute;content:'';top:20px;width:2px;height:30px}
#nav > ul > li:first-child::before,#nav ul > li:last-child::after{width:2px}
#nav > ul > li:last-child::after{width:2px}
#nav > ul > li::before{left:0;background-color:#d2dde2}
#nav > ul > li::after{right:0;background-color:#fff}
#nav > ul > li:last-child::after{background-color:#d2dde2}
#nav > ul > li:hover > a > span::before,
#nav > ul > li:focus > a > span::before,
#nav > ul > li:hover > a > span::after{background-color:#00bbb1}
/*#nav > ul > li > ul{display:none;list-style-type:none;position:relative;padding-top:15px;padding-bottom:15px;left:0;width:100%;box-sizing:border-box;font-size:1.5rem;transition:all .25s ease;-webkit-transition:all .25s ease;z-index:90;overflow:hidden}*/
#nav > ul > li > ul{display:none;list-style-type:none;position:relative;padding-top:15px;padding-bottom:15px;left:0;width:100%;box-sizing:border-box;font-size:1.5rem;transition:all .25s ease;-webkit-transition:all .25s ease;z-index:90;overflow:hidden;background:#fff;border-radius:0 0 15px 15px;border:1px solid #2B6FA4;border-top:0} 
/*#nav:hover ul,#nav:focus ul{height:auto;opacity:1;visibility:visible}*/
#nav > ul > li > ul > li > a{position:relative;color:#616161;font-size:15px;line-height:30px;letter-spacing:-1px;font-weight:500;transition:all 0.5s}
#nav > ul > li > ul > li > a:hover,#nav > ul > li > ul > li > a:focus{color:#008C85}
#nav > ul > li > ul > li > a::after{content:'';display:block;position:absolute;bottom:0;left:0px;width:0%;height:2px;background-color:#008C85;transition:0.4s ease width}
#nav > ul > li > ul > li > a:hover::after,
#nav > ul > li > ul > li > a:focus::after{width:100%;transition:0.4s ease width}


#container{z-index:10}
#container .visual{width:100%;height:auto;min-height:540px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
.visual{position:relative;padding:75px 10px;height:100%;display:flex;align-items:stretch}
.visual.active::before{position:absolute;top:0;left:0;width:100%;height:100%;content:'';background:rgb(0, 0, 0);background:transparent\2;background:rgba(0, 0, 0, 0.3);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#6c800000,endColorstr=#6c800000);zoom:1}
.visual .card{position:relative;width:1000px;height:390px;margin:0 auto;display:flex;align-items:stretch;padding:30px 40px;color:#fff;border-width:2px;border-style:solid;align-items:center;z-index:10;border-color:rgb(255, 255, 255);border-color:transparent\8;border-color:rgba(255, 255, 255,0.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#6c800000,endColorstr=#6c800000);zoom:1}
.visual .card::before{content:'';position:absolute;left:-15px;top:50%;width:8px;height:334px;margin-top:-152px;background:url(../../../images/tong/kps/txt_nep.png) no-repeat 0 0}
.visual .card .card_box{display:flex;align-items:center;width:100%;height:100%;margin:0 auto;padding:10px;color:#fff;border-radius:10px;justify-content:center;background:rgb(255, 255, 255);background:transparent\2;background:rgba(255, 255, 255,0.2);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#6c800000,endColorstr=#6c800000);zoom:1}
.visual .card .title{font-size:36px;font-weight:500;line-height:1.2;margin-bottom:25px;text-align:center}
.visual .card .details{font-size:24px}
.visual .card .details .mobile{display:none}
.visual .card .details ul{display:block;padding-left:30px} 
.visual .card .details ul li{letter-spacing:-1px}
.visual .card .link{margin-top:15px;text-align:center}
.visual .card .link a{padding:0 20px;height:30px;line-height:30px;color:#555;text-align:center;font-size:16px;font-weight:500;background:#fff;border-radius:2px;font-family:'Noto Sans KR','Poppins',sans-serif}
#container .main_program .title{padding:50px 0 30px 0;text-align:center;font-size:36px;font-weight:500;color:#4d575b}
.main_program .prg_status{height:40px;line-height:40px;text-align:center}
.main_program .prg_status a{margin:0 11px;padding:0 20px;height:38px;line-height:34px;border:2px solid #d2dde2;border-radius:20px;color:#777e81;font-size:20px}
.main_program .prg_status a:hover,.main_program .prg_status a:focus,.main_program .prg_status a.active{border-color:#00bbb1;color:#00bbb1}
.main_program .prg_cat{margin:20px auto 30px;text-align:center}
.main_program .prg_cat ul{list-style-type:none}
.prg_cat li{position:relative;float:left;padding:0 50px}
.prg_cat li::after{position:absolute;content:'';top:10px;left:0;width:1px;height:15px;background-color:#d2dde2}
.prg_cat li:first-child::after{width:0}
.prg_cat li a{font-size:22px;color:#4d575b}
.prg_cat li a:hover,.prg_cat li a:focus,.prg_cat li a:active,.prg_cat li a.active{color:#1f69a2;text-decoration:underline}
/* 프로그램 슬라이딩 */
.main_program .slider_prg{padding:60px 0 20px 0;background:#d7e8f1;text-align:center}
.slider_prg .main_wrap{padding:0 50px 0 50px}
.slider_prg .prg_slider{position:relative;overflow:hidden;margin:0 auto;padding-bottom:50px}
.slider_prg .prg_slider .swiper-slide{float:left;width:310px !important}
.slider_prg .prg_slider .swiper-slide a{width:100%}
.slider_prg .prg_slider .slider_item{overflow:hidden;width:100%;padding:25px 20px;background:#fff;border:2px solid #fff;border-radius:20px}
.slider_prg .prg_slider .slider_item:hover{border:2px solid #00bbb1}
.slider_prg .prg_slider .slider_item .status{display:inline-block;width:90px;height:30px;line-height:30px;text-align:center;font-size:18px;color:#fff;border-radius:20px}
.slider_prg .prg_slider .slider_item .status_A{background:#00bbb1}
.slider_prg .prg_slider .slider_item .status_P,.slider_prg .prg_slider .slider_item .status_W{background:#1f69a2}
.slider_prg .prg_slider .slider_item .status_C,.slider_prg .prg_slider .slider_item .status_E{background:#003e6f}
.slider_prg .prg_slider .slider_item .body{padding:20px 0 5px}
.slider_prg .prg_slider .slider_item .subject{min-height:66px;font-size:22px;color:#4d575b;font-weight:500;text-align:left;letter-spacing:-1px}
.slider_prg .prg_slider .slider_item .info{overflow:hidden;min-height:90px;margin-top:15px;font-size:15px;color:#777e81;text-align:left;letter-spacing:-1px}
.slider_prg .prg_slider .slider_item .bottom{position:relative;width:100%;height:44px;padding:5px 0 0;border-top:2px solid #d2dde2;text-align:left}
.slider_prg .prg_slider .slider_item .date{height:24px;font-size:14px;color:#777e81;text-align:left;letter-spacing:-1px}
.slider_prg .prg_slider .slider_item a.btn_go{position:absolute;top:20px;right:0;width:25px;height:24px;background:url(../../../images/tong/common/ico_go.png) no-repeat 100% 50%}
.slider_prg .prg_slider .slider_item a.btn_go:hover,.slider_prg .prg_slider .slider_item a.btn_go:focus{transform:rotateY(360deg);transition:transform 500ms ease-in-out 0s}
.slider_prg .slider-btn{position:relative;width:100%;max-width:1400px;margin:0 auto}
.slider_prg .slider-btn a{position:absolute;top:150px;width:35px;height:35px;line-height:35px;text-align:center;font-size:3rem;border-radius:50%;background:rgba(97, 97, 97, 0.5);z-index:99}
.slider_prg .slider-btn a.las::before{color:#fff}
.slider_prg .slider-btn a:hover{background:rgba(97, 97, 97, 1)}
.slider_prg .slider-btn a:hover.las::before{color:#fff}
.slider_prg .slider-btn a.slider-prev{left:-50px}
.slider_prg .slider-btn a.slider-next{right:-50px}
.slider_prg .slider-btn a.slider-pausePlay{display:none;left:0;top:300px}
.bx-wrapper{margin:0 auto}
.bx-clone{display:none}
.swiper-pagination-bullet {
 width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,10px));
 height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,10px));
 }
/* container */
#container .news_section{padding:65px 0}
#container .news_section .summary{position:relative;float:left;width:65%;height:365px;padding:0 50px 35px;border:2px solid #d7e8f1;border-radius:20px;box-shadow:-2px 2px 10px rgb(0 0 0 / 10%)}
.summary::after{visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0}
.summary .tab_list{display:inline-block}
.summary .tab_list::after{visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0}
.summary .tab_list ul{list-style-type:none}
.summary .tab_list > li{float:left;display:inline-block;vertical-align:bottom;padding:0 30px}
.summary .tab_list > li:first-child{margin-left:0}
.summary .tab_list > li > a.subject{position:relative;display:block;padding:0 25px;line-height:95px;font-size:30px;font-weight:500;color:#6e7477}
.summary .tab_list > li > a.subject.active{color:#1f69a2}
.summary .tab_list > li > a.subject.active::before{content:'';position:absolute;top:-2px;left:-30px;width:34px;height:59px;background:url(../../../images/tong/kps/bu_ribbon.png) no-repeat 0 0}
.summary .tab_list > li > a.subject.active::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:4px;background:#1f69a2}
.summary .tab_list > li a.more{display:none;top:20px;right:30px;width:34px;height:34px;background:url(../../../images/tong/common/ico_more.png) no-repeat 0 0}
.summary .tab_list > li > a.subject.active + .tab_data,
.summary .tab_list > li > a.subject.active ~ .more{display:block}
.summary .tab_data{display:none;position:absolute;left:0;top:100px;width:100%;padding:30px 50px}
.summary .tab_data > li{width:100%;margin-top:10px}
.summary .tab_data > li:first-child{margin-top:0}
.summary .tab_data > li::after{visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0}
.summary .tab_data > li a{display:block;overflow:hidden;float:left;width:80%;padding-left:15px;padding-right:10px;white-space:nowrap;text-overflow:ellipsis;font-size:20px;color:#4d575b;background:url(../../../images/tong/common/bu_dot1.png) 0 50% no-repeat;font-weight:400}
.summary .tab_data > li .no-data{display:block;overflow:hidden;float:left;width:calc(100% - 80px);padding-left:15px;padding-right:10px;white-space:nowrap;text-overflow:ellipsis;font-size:20px;color:#4d575b;background:url(../../../images/tong/common/bu_dot1.png) 0 50% no-repeat;font-weight:400}
.summary .tab_data > li .news_date{float:right;width:80px;text-align:right;font-size:16px;color:#a6a6a6;font-weight:300}
.summary .tab_data.schedule-data > li a{float:right;padding-left:10px}
.summary .tab_data.schedule-data > li .news_date{float:left;text-align:left}
.summary .tab_data > li:hover a,.summary .tab_data > li:focus a{text-decoration:underline}
#container .news_section .calendar{overflow:hidden;float:right;width:calc(35% - 20px);height:365px;padding:20px 25px;background:#00bbb1;border-radius:20px}
.news_section .calendar .top{position:relative;width:100%;height:53px;text-align:center;padding-top:9px;background:url(../../../images/tong/common/ico_calender2.png) no-repeat 0 0}
.news_section .calendar .btn_prev,.news_section .calendar .btn_next{display:inline-block;width:34px;height:34px;border:0;vertical-align:top} 
.news_section .calendar .btn_prev{margin-left:50px; background:url(../../../images/tong/common/ico_prev_round.png) no-repeat 50% 0}
.news_section .calendar .btn_next{background:url(../../../images/tong/common/ico_next_round.png) no-repeat 50% 0}
.news_section .calendar .month{display:inline-block;padding:0 15px;color:#fff;font-size:28px;line-height:34px} 
.news_section .calendar a.more{float:right;position:relative;width:20px;height:34px;line-height:34px;background:url(../../../images/tong/common/ico_more2.png) no-repeat 0 50%}
.news_section .calendar .body{height:calc(100% - 50px );padding-top:20px;/*background:url(../../../images/tong/kps/ico_note.png) no-repeat 50% 0*/}
.news_section .calendar .body ul{width:100%;list-style-type:none}
.news_section .calendar .body li{margin-top:5px}
.news_section .calendar .body li{position:relative;padding-left:60px;color:#fff;font-size:20px;letter-spacing:-1px}
.news_section .calendar .body li strong{position:absolute;top:0;left:0;width:60px;height:100%;padding-right:15px;font-size:22px;color:#fff;line-height:27px;text-align:right}
.news_section .calendar .body li.active strong{color:#1f69a2}
.news_section .calendar .body li.empty{width:100%;padding-left:0;text-align:center;font-size:22px;color:#fff}
.news_section .calendar .body .schedule_scoll{height:100%;overflow:hidden;overflow-y:auto}

/* sub visual */
#sub{padding-bottom:50px}
.sub_visual{height:100px;background:url(../../../images/tong/kps/img_sub1.png) no-repeat 50% 0}
.sub_visual .sub_visual_in{display:flex;align-items:center;width:1400px;height:100px;margin:0 auto;text-align:center}
.sub_visual .sub_visual_in h2{margin:0 auto;font-size:26px;font-weight:500;color:#fff}
/* sub menu */
.sub_nav{width:100%;height:75px;margin:0 auto 30px;text-align:center;background:#fff;border-bottom:1px solid #DCDFE0}
.sub_nav_inner{position:relative;padding-right:45px}
.sub_scroll_wrap{overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;height:75px}
.sub_scroll_wrap>div{position:relative;height:100%}
.sub_scroll{position:relative;height:100%;font-family:sans-serif;white-space:nowrap}
.sub_scroll li{display:inline-block;position:relative;height:100%;vertical-align:top;white-space:normal}
.sub_scroll li a{display:block;position:relative;height:75px;margin-left:10px;padding:0 15px;line-height:75px;font-size:18px;color:var(--G-color-text6);text-align:center;letter-spacing:-.3px}
.sub_nav_inner:before{content:'';position:absolute;top:0;left:0;bottom:1px;z-index:10;width:18px;
    background:-webkit-gradient(linear,right top,left top,from(rgba(255,255,255,0)),color-stop(83.34%,#fff));
    background:-webkit-linear-gradient(right,rgba(255,255,255,0),#fff 83.34%);
    background:linear-gradient(to left,rgba(255,255,255,0),#fff 83.34%);
    pointer-events:none}
.sub_nav_inner:after{content:'';position:absolute;top:0;right:34px;bottom:1px;z-index:10;width:20px;
    background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),color-stop(65%,#fff));
    background:-webkit-linear-gradient(left,rgba(255,255,255,0),#fff 65%);
    background:linear-gradient(to right,rgba(255,255,255,0),#fff 65%);
    pointer-events:none}
.sub_nav li{height:75px;margin:0 15px;position:relative}
.sub_nav li a{line-height:75px;font-size:2rem;letter-spacing:-1px}
.sub_nav li:hover::after,.sub_nav li:focus::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:5px;background:#C0C0C0}
.sub_nav li.on::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:5px;background:#00C8C0}
.sub_header h1.menu_title{width:100%;padding:0;margin-bottom:30px;color:#333;font-size:2.6rem;font-weight:500;text-align:center}
.sub_nav .btn_nav_more{display:none}
/* sub top */
.sub_top{padding-bottom:30px}

 /* 탭메뉴 */
.sub_tab{display:table;height:48px;table-layout:fixed;border-collapse:collapse;margin:0 auto}

.sub_tab a{display:table-cell;min-width:150px;height:48px;padding:0 20px;color:#666666;font-size:18px;text-align:center;font-weight:500;letter-spacing:-0.05em;background:#ffffff;border:1px solid #cccccc;vertical-align:middle}
.sub_tab a.on{color:#fff;background:#2B6FA4;border:1px solid #2B6FA4}
.sub_tab a span{color:#ff6800;font-size:12px;text-align:center;font-weight:400;letter-spacing:-0.01em;margin:0 0 0 3px}
.sub_content{padding-top:10px;padding-bottom:50px}

/* sub page */
.con_tit{position:relative;color:#494542;padding-left:25px;font-size:20px;font-weight:400;background:url(../../../images/tong/kps/bu_ribbon2.png) no-repeat 0 0}
/*.con_tit ul{position:absolute;right:0px;top:0}*/
.con_tit ul li{float:left;margin:0 7px 0 0}
.con_tit ul li:last-child{margin:0 0 0 0}
.con_tit2{color:#ee5411;font-size:16px;font-weight:400;letter-spacing:-0.05em}
.con_tit3{color:#333333;font-size:17px;font-weight:400;letter-spacing:-0.05em}
.con_tit4{position:relative;color:#222222;font-size:22px;font-weight:400}

.con_txt2{color:#494542;font-size:28px;font-weight:400;text-align:center}
.con_txt3{color:#333333;font-size:18px;font-weight:400;font-weight:normal}
.con_txt4{overflow:hidden}
.con_txt4 ul{overflow:hidden}
.con_txt4 ul li{background:url(../../../images/tong/common/bu_dot2.gif)no-repeat 0 8px;padding-left:10px;font-weight:400;color:#666;font-size:15px;line-height:20px;letter-spacing:-0.03em;margin:0 0 5px 0}
.con_txt4 ul li u{color:#f74e3f}

.con_btn_left{text-align:left}
.con_btn_center{text-align:center}
.con_btn_right{text-align:right}
.cont_header .menu_title{color:#333333;font-size:2.4rem;font-weight:400;font-weight:normal;line-height:20px;letter-spacing:-0.05em;text-align:center}

/* 탭메뉴 */
.con_tab{display:table;width:100%;height:48px;table-layout:fixed;border-collapse:collapse}
.con_tab a{display:table-cell;height:48px;color:#666666;font-size:16px;text-align:center;font-weight:500;letter-spacing:-0.05em;background:#ffffff;border:1px solid #cccccc;vertical-align:middle}
.con_tab a.on{color:#fff;background:#2B6FA4;border:1px solid #2B6FA4}
.con_tab a span{color:#ff6800;font-size:12px;text-align:center;font-weight:400;letter-spacing:-0.01em;margin:0 0 0 3px}

/* 회원가입 단계  */
.con_step{display:flex;overflow:hidden;justify-content:space-between}
.con_step_c{display:inline-block;width:17%;margin:0 1%;min-height:105px;border:1px solid #d4d4d4;border-radius:8px;padding:17px 0 17px 0;text-align:center}
.con_step_c span{display:inline-block;padding:5px 15px 5px 15px;background:#e4e3e3;border:1px solid #d4d4d4;color:#494542;font-size:14px;font-weight:normal;text-align:center;letter-spacing:-0.03em;border-radius:30px}
.con_step_c p{margin:10px 0 0 0;color:#888888;font-size:17px;font-weight:normal;text-align:center;letter-spacing:-0.05em}
.con_step_c.on{border:2px solid #00BBB1}
.con_step_c.on span{background:#00BBB1;border:1px solid #00BBB1;color:#fff}
.con_step_c.on p{color:#111111}

/* 회원약관동의  */
.con_agree_all{position:relative;color:#494542;font-size:20px;font-weight:400;letter-spacing:-0.05em}
.con_agree{overflow:hidden;border-top:2px solid #494542;border-bottom:1px solid #d9d9d9;padding:20px 0 20px 0}
.con_agree_c1{overflow:hidden}
.con_agree_c2{margin:13px 0 0 0}
.con_agree_c3{height:150px;border:1px solid #d4d4d4;padding:15px 15px 15px 15px;color:#666;font-size:15px;font-weight:normal;letter-spacing:-0.03em;line-height:20px;border-radius:5px}
.con_agree_c3 a{color:#555;font-size:15px;text-decoration:underline}
.con_agree_c1 textarea{width:100%;height:100px;border:1px solid #d4d4d4;padding:15px 15px 15px 15px;font-weight:400;color:#666;font-size:15px;font-weight:normal;letter-spacing:-0.03em;line-height:20px;border-radius:5px}
.con_agree_c2 input[type="checkbox"]{margin:-2px 5px 0 0;vertical-align:middle;width:20px;height:20px;cursor:pointer}
.con_agree_c2 label{font-weight:400;color:#333333;font-size:15px;font-weight:normal;letter-spacing:-0.03em}
.con_cert{overflow:hidden;text-align:center;margin-right:auto;margin-left:auto}
.con_success i{font-size:10rem;color:#2B6FA4;font-weight:700;margin:0 auto}
.con_success p{margin-top:30px;font-size:1.8rem;color:#666}

/* 회원탈퇴 */
.con_leave{overflow: hidden;padding: 20px 0 20px 0;}
    
/* 회원유형선택 */
.con_type_c{position:relative;display:inline-block;width:20%;margin:0 1% 0 1%;min-height:249px;border:1px solid #d4d4d4;border-radius:8px;padding:35px 15px 35px;text-align:center}
.con_cert_wrap{width:100%}
.con_cert_wrap li{float:left;width:50%}
.con_cert2 .con_type_c{width:40%;min-height:initial}
.con_type_c .type_img{width:100px;height:100px;margin:0 auto;background:#fff;border-radius:10px;color:#fff;font-size:4.0rem;line-height:86px}
.con_type_c .type_img.img-user1{background:url(../../../images/tong/kps/img_user5.png) no-repeat 50% 50%}
.con_type_c .type_img.img-user2{background:url(../../../images/tong/kps/img_user6.png) no-repeat 50% 50%}
.con_type_c .type_img.img-user3{background:url(../../../images/tong/kps/img_user7.png) no-repeat 50% 50%}
.con_type_c .type_img.img-user4{background:url(../../../images/tong/kps/img_user8.png) no-repeat 50% 50%}
.con_type_c .type_img.img-phone{background:url(../../../images/tong/kps/img_phone.png) no-repeat 50% 50%}
.con_type_c .type_img.img-ipin{background:url(../../../images/tong/kps/img_ipin.png) no-repeat 50% 50%}
.con_type_c h3{font-weight:500;color:#494542;font-size:20px;font-weight:normal;letter-spacing:-0.05em;margin:10px 0 20px 0}
.con_type_c button{display:inline-block;margin-top:10px}
.con_type_c a:hover,.con_type_c a:focus{color:#0C82E9}
.con_leave_guide{width:100%;border:1px solid #d4d4d4;padding:15px 15px 15px 15px;font-weight:400;color:#666;font-size:15px;font-weight:normal;letter-spacing:-0.03em;line-height:20px;border-radius:5px;line-height:30px}

/* 쓰기 폼 */
.con_write{overflow:hidden;border-top:2px solid #2B6FA4}
.con_write ul.con_write_c{width:100%;display:inline-flex;list-style-type:none;overflow:hidden;border-bottom:1px solid #d9d9d9;background:#f6f6f5}
.con_write ul.con_write_c li{float:left}
.con_write ul.con_write_c li select{height:35px;border:1px solid #d4d4d4;color:#555;font-size:15px;font-weight:400;letter-spacing:-0.03em;padding:0 0 0 10px;border-radius:5px}
.con_write ul.con_write_c li input[type="text"]{height:35px;border:1px solid #d4d4d4;color:#555;font-size:15px;font-weight:400;letter-spacing:-0.03em;padding:0 10px 0 10px;border-radius:5px}
.con_write ul.con_write_c li input[type="password"]{height:35px;border:1px solid #d4d4d4;color:#555;font-size:15px;font-weight:400;letter-spacing:-0.03em;padding:0 10px 0 10px;border-radius:5px}
.con_write ul.con_write_c li input[type="file"]{height:35px;border:none;color:#555;font-size:15px;font-weight:300;letter-spacing:-0.03em;background:none;border-radius:5px}
.con_write ul.con_write_c li input[type="checkbox"]{margin:-2px 5px 0 0;vertical-align:middle;width:20px;height:20px;cursor:pointer}
.con_write ul.con_write_c li input[type="radio"]{margin:-2px 5px 0 0;vertical-align:middle;width:20px;height:20px;cursor:pointer}
.con_write ul.con_write_c li textarea{width:100%;height:200px;border:1px solid #d4d4d4;padding:15px 15px 15px 15px;color:#555;font-size:15px;font-weight:normal;letter-spacing:-0.03em;line-height:22px}
.con_write ul.con_write_c li p{color:#555;font-size:14px;font-weight:normal;letter-spacing:-0.05em;padding:3px 0 5px 0}
.con_write ul.con_write_c li .noti{color:#777;font-size:14px;font-weight:400;letter-spacing:-0.05em;padding:3px 0;line-height:20px}
.con_write ul.con_write_c li .noti span{color:#f74e3f}
.con_write ul.con_write_c li .link1{vertical-align:top}
.con_write ul.con_write_c li a#btnCheckSearch{/* 수강생 검색 버튼(오렌지) */ color:#fff;background:#ed7861;border:1px solid #ed7861}
.con_write ul.con_write_c li a{color:#555;font-size:15px}
.con_write ul.con_write_c li label{color:#555;font-size:15px;font-weight:normal;letter-spacing:-0.03em}
.con_write ul.con_write_c li.tit{width:20%;min-height:30px;color:#494542;font-size:15px;font-weight:400;letter-spacing:-0.03em;padding:10px 20px 10px 20px}
.con_write ul.con_write_c li.tit label{color:#494542;font-size:15px;line-height:16px;font-weight:400;letter-spacing:-0.05em}
.con_write ul.con_write_c li.tit2{width:100%;color:#494542;font-size:15px;font-weight:400;letter-spacing:-0.03em;padding:15px 20px 10px 20px;border-bottom:1px solid #d9d9d9}
.con_write ul.con_write_c li.tit2 label{color:#494542;font-size:15px;font-weight:400;letter-spacing:-0.03em}
.con_write ul.con_write_c li.desc{width:80%;min-height:50px;line-height:30px;color:#555;font-size:15px;font-weight:400;letter-spacing:-0.03em;padding:10px 20px 10px 20px;border-left:1px solid #d9d9d9;background:#fff}
.con_write ul.con_write_c li.desc2{width:30%;min-height:30px;color:#555;font-size:15px;font-weight:400;letter-spacing:-0.03em;padding:10px 20px 10px 20px;border-left:1px solid #d9d9d9;background:#fff}
.con_write ul.con_write_c li.desc2_1{width:30%;min-height:50px;color:#555;font-size:15px;font-weight:400;letter-spacing:-0.03em;padding:17px 20px 10px 20px;border-left:1px solid #d9d9d9;background:#fff}
.con_write ul.con_write_c li.desc2_2{width:30%;min-height:50px;color:#555;font-size:15px;font-weight:400;letter-spacing:-0.03em;padding:10px 20px 10px 20px;border-left:1px solid #d9d9d9;background:#fff}
.con_write ul.con_write_c li.desc3{width:100%;padding:20px 20px 20px 20px;background:#fff}
.con_write ul.con_write_c li.desc4{width:80%;color:#555;font-size:15px;font-weight:400;letter-spacing:-0.03em;padding:15px 20px 12px 20px;border-left:1px solid #d9d9d9;background:#fff}
.con_write ul.con_write_c li.desc5{width:100%;padding:15px 20px 15px 20px;color:#555;font-size:15px;font-weight:400;letter-spacing:-0.03em;background:#fff}
.con_write ul.con_write_c li.desc6{width:100%;padding:15px 20px 15px 20px;color:#555;font-size:15px;font-weight:400;letter-spacing:-0.03em;background:#fff;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;min-height:80px}
.con_write ul.con_write_c li.desc_1,.con_write ul.con_write_c li.desc_2{padding-top:15px;min-height:55px}
.con_write ul.con_write_c li.saup_check .checkbox{min-height:35px}
.con_write ul.con_write_c li.saup_check .checkbox label{min-width:150px}
.con_write ul.con_write_c li.desc .bbs_file{display:inline-block;width:100%}
.con_write ul.con_write_c li.desc .bbs_file .con_view_file{border:0;padding:0}
.con_write ul.con_write_c li.desc .bbs_file li{display:inline-block;width:100%;line-height:2em}
.board .con_write ul.con_write_c li textarea{height:300px}
.con_write ul.con_write_c li .bbs_file a.btn_file_delete{cursor:pointer;display:inline-block;width:70px;padding:2px 0 2px 0;background:#FF6E04;color:#fff;font-size:14px;font-weight:400;letter-spacing:-0.03em;text-align:center;border:1px solid #FF6E04;border-radius:4px;line-height:22px;height:28px}
.con_write ul.con_write_c li .add_file span{display:none}
.con_write ul.con_write_c.color{background:#ECF4FA}
.con_write ul.con_write_c.color .tit label{color:#20537B}

.con_write ul.con_write_c li.desc .class_tcode{display:flex}

/* 보기폼 */
.con_view{overflow:hidden;border-top:2px solid #494542}
.con_view_head{padding:20px 20px 20px 20px;overflow:hidden;background:#f9f9f9;border-bottom:1px solid #d8d8d8}
.con_view_head h1{color:#222222;font-size:21px;font-weight:500;letter-spacing:-0.05em;line-height:25px}
.con_view_head ul{float:right;margin:15px 0 0 0;width:100%;display:inline-block}
.con_view_head ul li{float:left;color:#666666;font-size:15px;font-weight:400;letter-spacing:-0.01em;margin:0 10px 0 0}
.con_view_head ul li:last-child{margin:0 0 0 0}
.con_view_head ul li:after{content:"|";color:#cccccc;font-size:13px;font-weight:400;padding:0 0 0 10px}
.con_view_head ul li:last-child:after{content:none;padding:0 0 0 0}
.con_view_file{overflow:hidden;border-bottom:1px solid #d8d8d8;padding:15px 20px 15px 20px}
.con_view_file ul{overflow:hidden}
.con_view_file ul li{margin:0 0 7px 0}
.con_view_file ul li:last-child{margin:0 0 0 0}
.con_view_file ul li a{color:#666;font-size:15px;font-weight:400;letter-spacing:-0.03em}
.con_view_file ul li a img{margin:-4px 5px 0 0}
.con_view_content{overflow:hidden;border-bottom:1px solid #d8d8d8;padding:20px 20px 20px 20px;color:#666666;font-size:15px;font-weight:400;line-height:24px;letter-spacing:-0.03em}

.con_view2{overflow:hidden;/*border:1px solid #d9d9d9;*/border-top:2px solid #494542;border-width:2px 0 0 1px}
.con_view2 ul.con_view2_c1{overflow:hidden;width:100%;display:inline-flex;list-style-type:none}
.con_view2 ul.con_view2_c1 li{float:left}
.con_view2 ul.con_view2_c1 li.tit{width:20%;min-height:45px;color:#494542;font-size:16px;font-weight:500;letter-spacing:-0.03em;padding:10px 0 10px 20px;background:#f6f6f5;border:1px solid #d9d9d9;border-width:0 1px 1px 0}
.con_view2 ul.con_view2_c1 li.desc{width:80%;min-height:45px;color:#555555;font-size:16px;font-weight:400;letter-spacing:-0.03em;padding:10px 20px 10px 20px;border:1px solid #d9d9d9;border-width:0 0px 1px 0}
.con_view2 ul.con_view2_c2{overflow:hidden;width:100%;display:inline-flex;list-style-type:none}
.con_view2 ul.con_view2_c2 li{float:left}
.con_view2 ul.con_view2_c2 li.tit{width:20%;min-height:45px;color:#494542;font-size:16px;font-weight:500;letter-spacing:-0.03em;padding:10px 0 10px 20px;background:#f6f6f5;border:1px solid #d9d9d9;border-width:0 1px 1px 0}
.con_view2 ul.con_view2_c2 li.desc{width:30%;min-height:45px;color:#555555;font-size:16px;font-weight:400;letter-spacing:-0.03em;padding:10px 20px 10px 20px;border:1px solid #d9d9d9;border-width:0 0px 1px 0}

.con_list{margin:0 0 10px 7px}
.con_list li{margin:0 0 5px 0;padding:0 0 0 10px;font-size:1.6rem;line-height:3rem;color:#666}
.con_list p{font-size:1.6rem;padding:0 0 0 10px;background:url(../../../images/tong/common/bu_line.gif) no-repeat 0 15px}
.con_list2{margin:0 0 10px 7px}
.con_list2 li{margin:0 0 5px 0;padding:0 0 0 10px;font-size:1.6rem;line-height:3rem;color:#666;background:url(../../../images/tong/common/bu_dot2.gif) 0 15px no-repeat}
.con_list2 p{font-size:1.6rem;padding:0 0 0 10px;background:url(../../../images/tong/common/bu_line.gif) no-repeat 0 15px}
.con_list2 p.no-empty{background-image:none}
.con_box{border:1px dashed #d7d7d7;background:#f6f6f6}
.con_box2{padding:30px;border:1px dashed #d7d7d7;background:#f6f6f6}

/* 추가정보 */
#info_items{width:100%;list-style-type:none}
#div_parent,.temp_box{position:relative}
.btn_add_info{position:absolute;top:0;left:280px}

/* 로그인 */
.member_login ul{list-style-type:none}
.con_login{overflow:hidden;padding:15px 20px 10px 20px}
.con_login_c1{width:50%;max-width:500px;overflow:hidden;margin:0 auto}
.con_login_c1 ul{width:100%;overflow:hidden;list-style-type:none}
.con_login_c1 ul li{margin:0 0 10px 0}
.con_login_c1 ul li:last-child{margin:5px 0 0 0}
.con_login_c1 ul li input[type="text"]{height:50px;border:1px solid #d4d4d4;color:#666;font-size:17px;font-weight:400;letter-spacing:-0.03em;padding:0 10px 0 10px;border-radius:5px}
.con_login_c1 ul li input[type="password"]{height:50px;border:1px solid #d4d4d4;color:#666;font-size:17px;font-weight:400;letter-spacing:-0.03em;padding:0 10px 0 10px;border-radius:5px}
.con_login_c1 ul li button{display:inline-block;width:100%;padding:13px 0 13px 0;color:#fff;font-size:20px;font-weight:400;background:#2B6FA4;text-align:center;border-radius:5px;letter-spacing:-0.05em;border:0}
.con_login_c1 ul li #checkLoginMsg{font-size:17px}
.con_login_c2{width:60%;overflow:hidden;margin:10px auto}
.con_login_c2 ul{overflow:hidden;display:table;margin-left:auto;margin-right:auto}
.con_login_c2 ul li{float:left;margin:0 20px 0 0}
.con_login_c2 ul li:last-child{margin:0 0 0 0}
.con_login_c2 ul li a{color:#494542;font-size:17px;font-weight:400;letter-spacing:-0.05em}
.con_login_c2 ul li:after{content:"|";color:#ccc;font-size:17px;font-weight:normal;text-align:center;padding:0 0 0 20px}
.con_login_c2 ul li:last-child:after{content:none;padding:0 0 0 0}

.con_search_result{background:url(../../../images/tong/kps/bg_search2.png) no-repeat 30px 50%;width:100%;margin-top:30px;border:1px solid #d4d4d4;padding:30px 30px 30px 115px;font-weight:400;color:#333;font-size:1.8rem;font-weight:normal;letter-spacing:-0.03em;line-height:20px;border-radius:5px;line-height:30px}

/* content ready */
.ready{margin:100px 0;text-align:center}
.ready i{font-size:5rem;color:#F58238}
.ready h3{margin-bottom:10px;font-size:4rem;font-weight:400;color:#474747;text-align:center}
.ready p{font-size:1.5rem;color:#333;text-align:center}

/* 게시판 샘플용 */
.con_search{overflow:hidden;border:solid 0px #333;padding:0 20px }
.con_search ul{float:right;display:table;margin-left:auto;margin-right:auto}
.con_search ul li{float:left;margin:1px 5px 1px 0}
/*.con_search ul li+li{margin:0 0 0 0}*/
.con_search ul li select{height:36px;border:1px solid #d4d4d4;color:#555;font-size:14px;font-weight:400;letter-spacing:-0.05em;padding:0 0 0 15px;border-radius:5px}
.con_search ul li input{height:36px;border:1px solid #d4d4d4;color:#555;font-size:14px;font-weight:400;letter-spacing:-0.05em;padding:0 10px;border-radius:5px}
.con_search ul li a.link1{display:inline-block;width:40px;height:36px;background:url("./images/search_02.png") no-repeat center center;border:1px solid #d4d4d4;border-width:1px 1px 1px 0;text-indent:-10000px;border-top-right-radius:5px;border-bottom-right-radius:5px}

.con_search2{overflow:hidden}
.con_search2 ul{display:table;margin-left:auto;margin-right:auto}
.con_search2 ul li{float:left}
.con_search2 ul li input{height:36px;border:2px solid #e61a37;border-width:2px 0 2px 2px;color:#555;font-size:14px;font-weight:400;letter-spacing:-0.05em;padding:0 0 0 10px;border-top-left-radius:5px;border-bottom-left-radius:5px}
.con_search2 ul li a.link1{display:inline-block;width:40px;height:36px;background:url("./images/search_02.png") no-repeat center center;border:2px solid #e61a37;border-width:2px 2px 2px 0;text-indent:-10000px;border-top-right-radius:5px;border-bottom-right-radius:5px}

.pop_wrap .search_result{padding:0 10px}

/* 테이블 서식 */
.con_content .table_unit{margin-top:-23px;font-size:0.9em;text-align:right}
.con_content .table-response{overflow-x:auto}
.con_content .table{width:100%;margin:5px 0 10px;border-top:2px solid #333;border-bottom:1px solid #333}
.con_content .table-response .table{min-width:600px}
.con_content .table th,.con_content .table td{padding:15px 10px 13px;border-top:1px solid #d9d9d9;border-left:1px solid #d9d9d9;vertical-align:middle;text-align:center;font-size:1.5rem;line-height:20px}
.table > tbody > tr:first-child > th, .table > tbody > tr:first-child > td{border-top:1px solid #333}
.con_content .table thead th{background-color:#f8f8f8;border-left:1px solid #aaa;border-bottom:1px solid #aaa;color:#333;font-weight:normal}
.con_content .table thead tr th:first-child{border-left:none}
.con_content .table thead tr th:last-child{border-right:none}
.con_content .table tbody tr td:first-child,.cont_content .table tbody tr th:first-child{border-left:none}
.con_content .table tbody tr td:last-child{border-right:none}
.con_content .table tbody th,.con_content  .table tfoot th, .con_content .table tfoot td{padding:15px 10px 13px;background-color:#fefefe;font-weight:normal}
.con_content .table tbody tr:hover td{background-color:#F1F3F4 !important}
.con_content .table tbody tr.strong th,.con_content .table tbody tr.strong td{background:#FFF7CC}
.con_content .ready{margin:100px 0;text-align:center}
.con_content .ready i{font-size:5rem;color:#F58238}
.con_content .ready h3{margin-bottom:10px;font-size:4rem;font-weight:400;color:#474747;text-align:center}
.con_content .ready p{font-size:1.5rem;color:#333;text-align:center}
.con_content .content-footer{margin-top:50px}
.con_content .last-update{margin-top:20px;text-align:right}
.con_content .content-info{margin:20px 0;display:table;width:100%;border-collapse:inherit}
.con_content .content-info:after{display:block;clear:both;content:''}
.con_content .content-info dt,.con_content .content-info dd{display:table-cell;height:48px;vertical-align:middle;border:1px solid #e5e5e5}
.con_content .content-info dt{text-align:center;width:160px;font-size:1.8rem;background-color:#fbfbfb}
.con_content .content-info dd{width:calc(50% - 160);font-size:1.6rem;padding-left:19px}
.con_content .content-info .part-name{margin-right:5px}
.con_action{margin:10px 0}

/* 게시판 검색 */
.board_search{margin-bottom:15px;background:#f9f9f9;padding:20px;overflow:hidden;text-align:right}
.board_search fieldset>*{margin:0}
.board_search .radio_custom, .board_search .select_wrap, .board_search .date_wrap{position:relative;display:inline-block;vertical-align:top;margin:0}
.board_search .board_sch_txt{float:none;width:220px}
.board_search .select_wrap{position:relative}
.board_search .select_wrap:after{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:block;content:"\f0d7";font-family:"FontAwesome";font-weight:bold;font-size:18px}
.board_search select{padding-right:32px;border-radius:3px;-webkit-appearance:none}
.board_search select::-ms-expand{display:none}
.board_search .board_sch_btn{display:inline-block;cursor:pointer}
.total_num{color:#595959;font-size:14px;line-height:1.5;display:inline-block;padding:0 0 5px 0;color:#1b1b1b;font-weight:500}

.board_action{padding:10px 0}

/* list page style(table) */
.tstyle_list{table-layout:fixed;width:100%;margin-bottom:10px;border-top:solid 2px #313131;color:#626262;border-bottom:solid 1px #313131}
.tstyle_list th,.tstyle_list td{line-height:34px;white-space:nowrap;font-size:1.4rem;font-weight:normal}
.tstyle_list th{padding:10px 10px;background:#f9f9fb;border-bottom:1px solid #dcdfe6;color:#2f3743;text-align:center}
.tstyle_list td{padding:10px 10px;border:solid 1px #dcdfe6;border-top:none;text-align:center;color:#000}
.tstyle_list th:first-child,.tstyle_list td:first-child{border-left:none}
.tstyle_list th:last-child,.tstyle_list td:last-child{border-right:none}
.tstyle_list thead tr:first-child th{border-top:none !important}
.tstyle_list tr:last-child th{border-bottom:solid 1px #313131}
.tstyle_list tr:hover td{background-color:#F1F3F4 !important}
.tstyle_list td.ellipsis{text-align:left;overflow:hidden}
.tstyle_list td.ellipsis a{display:block;color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.tstyle_list td.ellipsis a:hover{text-decoration:underline}
.tstyle_list td a .cmt_cnt{display:inline-block;background:#0078D7;color:#fff;font-size:12px;height:16px;line-height:16px;padding:0 5px;border-radius:2px;vertical-align:middle}
i.ico_new{display:inline-block;vertical-align:middle;width:16px;height:16px;line-height:16px;border-radius:2px;background-color:#E65608;
color:#fff;font-size:10px;margin-top:-2px;font-style:normal;font-weight:normal;text-align:center}
i.ico_cmt{font-size:1.8rem}
.tstyle_list .file a i{font-size:1.8rem}
/* 테이블 width */
.tstyle_list .allChk{width:3%}
.tstyle_list .num{width:6%}
.tstyle_list .name{width:10%}
.tstyle_list .ca_name{width:10%}
.tstyle_list .subject{width:auto	}
.tstyle_list .name{width:10%}
.tstyle_list .date{width:11%}
.tstyle_list .datetime{width:22%}
.tstyle_list .hit{width:7%}
.tstyle_list .file{width:6%}
.tstyle_list .period{width:25%}
/*게시판카테고리*/
.bbs_category ul{display:block;margin-bottom:10px;position:relative;padding:10px;border:1px solid #c5c5c5;background:#f2f2f2}
.bbs_category ul:after{clear:both;content:".";display:block;visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;text-indent:-9999px}
.bbs_category ul li{float:left;padding:0 15px}
.bbs_category ul li a{display:block;font-size:1.6rem;line-height:3rem;text-align:center;color:#636363}
.bbs_category ul li a.on{border-bottom:3px solid #E52700}
/* view page styloe(table) */
.tstyle_view{margin-top:5px;border-top:solid 1px #e4e7ec;border-bottom:solid 1px #e4e7ec;border-right:0}
.tstyle_view th{padding:9px 19px;font-size:1.5rem;background:#fafafb;border:solid 1px #e4e7ec;border-top:none;color:#2f3743;letter-spacing:-0.1em;text-align:left;font-weight:normal}
.tstyle_view td{padding:9px 19px;min-height:32px;font-size:1.5rem;background:#fff;border-left:solid 1px #e4e7ec;border-bottom:solid 1px #e4e7ec;color:#333}
.tstyle_view th:first-child, .tstyle_view td:first-child	{border-left:none;	}
.tstyle_view td:last-child	{border-right:none;		}
.tstyle_view td label{display:inline-block}
.tstyle_view td .radio .helper::after, .radio .helper::before{top:9px}
.tstyle_view td .form-label{line-height:22px;font-size:14px}
.tstyle_view .file-list{font-size:1.3rem}
.tstyle_view .file-list li{margin-bottom:5px}
.tstyle_view .file-list .ico,.tstyle_view .file-list span{vertical-align:middle}
.tstyle_view .file-list .file-size{font-size:1.2rem;color:#999}
.tstyle_view .file-list .file-size:before{display:inline-block;vertical-align:middle;width:1px;height:10px;margin:-1px 6px 0 2px;background:#999;content:''}
.tstyle_view .file-list a span:hover, .tstyle_view .file-list a span:focus{text-decoration:underline}
.bbs_data .bbs_subject{font-size:2rem;font-weight:500;padding:12px 19px;line-height:2.4rem;background-color:#fbfbfb;border-bottom:1px solid #ebebeb;word-break:break-all;border:1px solid #ebebeb;border-top:2px solid #313131}
#bo_v_con{line-height:24px}
#bo_v_img{width:100%;overflow:hidden;zoom:1}
#bo_v_img:after{display:block;visibility:hidden;clear:both;content:""}
#bo_v_img a.view_image{display:block}
#bo_v_img img{margin-bottom:20px;max-width:100%;height:auto}

/*게시판댓글*/
.fcomment-section{margin:10px 0}
.fcomment-section > h3{font-size:2rem;height:50px;line-height:5rem}
.comment_list{box-sizing:border-box;padding:10px 23px 12px 0;border-top:1px solid #F2F2F2}
.comment_list .comment_inner .fcomment-section{margin:0}
.comment_list header h3{display:none;font-size:1.6rem}
.comment_list header .comment-date{float:right;color:#979797;font-size:12px}
.comment_list .cmt_contents{padding:15px;margin:10px 0 0;background:#f8fafb;border-radius:5px;border:1px solid #e8e8e8;line-height:1.8em}
.comment_list .btn_box{text-align:right}
.comment_list .btn_box a{font-size:12px}
.comment_list ul li .txt{margin:4px 0}
.comment_list ul li .bottom .btn_s{float:right}
.comment_box{width:100%;padding:16px 10px 10px 10px;border:2px solid #E5E5E5;border-radius:6px}
.comment_box em{display:block;width:100%;font-weight:700;font-size:13px;margin-bottom:10px}
.comment_box textarea{display:block;width:100%;padding:5px;min-height:80px;border:0;font-size:14px;margin-bottom:10px}
.comment_box .btn_box{text-align:right}
.comment_box .btn_box #btn_modify,.comment_box .btn_box #btn_cancel{display:none}

/*갤러리게시판*/
.gallery_list{clear:both;overflow:hidden;margin-top:25px}
.gallery_list li{float:left;width:24%;margin-right:1.33333%;background:#fff;border:#ddd solid 1px;border-radius:10px;margin-bottom:20px;overflow:hidden }
.gallery_list li a{width:100%}
.gallery_list li a .thumb{position:relative;display:block;width:100%;height:180px;background:rgba(0,0,0,0);color:#fff;font-size:45px;transition:0.3s}
.gallery_list li a .thumb img{width:100%;height:180px}
.gallery_list li a .thumb i{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}
.gallery_list li a .thumb p{font-size:0}
.gallery_list li .thumb .new{position:absolute;top:15px;right:15px;display:inline-block;background:#eb4141;color:#fff;padding:3px 5px 5px;font-size:12px;font-weight:500;border-radius:3px}
.gallery_list li .thumb::before,.gallery_list li .thumb::after{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(242, 172, 101, .4);box-sizing:border-box;transition:all 0.3s;-webkit-transition:all 0.3s;opacity:0;content:''}
.gallery_list li .thumb::after{background-color:transparent;border:4px solid #ee7700}
.gallery_list li a:hover .thumb::before,.gallery_list li a:hover .thumb::after{opacity:1}
.gallery_list li .subject{padding:15px 10px 10px;font-weight:500;font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;box-sizing:border-box}
.gallery_list li .subject a{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;box-sizing:border-box}
.gallery_list li .info{display:flex;justify-content:space-between;padding:0 10px 15px 10px}
.gallery_list li .info span{display:inline-block;font-size:14px;color:#595959 }
.gallery_list li .info .view:before{display:inline-block;vertical-align:middle;font-family:"Font Awesome 5 Pro";font-weight:500;content:"\f06e";margin-right:5px}
.gallery_list li:nth-child(4n){margin-right:0}
.gallery_list li i.ico_new{display:inline-block;vertical-align:middle;width:16px;height:16px;line-height:1.6rem;border-radius:2px;background-color:#E65608;color:#fff;font-size:1rem;font-style:normal;font-weight:normal;text-align:center}
.gallery_list li .is_notice{display:inline-block;height:16px;background-color:#EB4141;text-align:center;padding:0 4px;color:#fff;font-size:1rem;line-height:1.6rem;font-weight:normal;border-radius:2px;vertical-align:middle}

/* 게시판 목록 */
.board_list div.num{width:6%}
.board_list div.category{width:12%}
.board_list div.subject{padding:0 10px}
.board_list div.writer{width:12%;word-break: keep-all;}
.board_list div.date,.board_list div.reg_date{width:12%}
.board_list div.time{width:10%}
.board_list div.datetime{width:15%;word-break: keep-all;}
.board_list div.dept{width:12%}
.board_list div.file{width:6%}
.board_list div.hit{width:6%}
.board_list div.state{width:8%}
.board_list div.period{width:20%}
.board_list div.target{width:20%}
.board_list div.document{width:15% }
.board_list div.student{width:8%;word-break: keep-all}
.board_list div.prg_kind{width:12%}
.board_list div.app_date{width:15%}
.board_list div.accompany{width:8%}
.board_list div.action{width:15%}

.board_list div.state .btn_state{display:inline-block;border:#d0d0d0 solid 1px;border-radius:10px;padding:5px 10px}
.board_list_head{display:table;width:100%;border-top:#313131 solid 2px;padding:15px 0;border-bottom:#313131 solid 1px;background:#f9f9f9 }
.board_list_head div{display:table-cell;text-align:center;font-size:16px;font-weight:500;color:#333 }
.board_list div.num,.board_list div.category,.board_list div.hit,.board_list div.writer,.board_list div.file,.board_list div.range,.board_list div.period,.board_list div.target{display:table-cell}
.board_list_body .body_row{display:table;table-layout:fixed;width:100%;padding:10px 0;border-bottom:#eee solid 1px}
.board_list_body .body_row div{display:table-cell;text-align:center;font-size:16px;color:#454545;font-weight:400}
.board_list_body .body_row div.subject{position:relative;text-align:left}
.board_list_body .body_row div.subject a{display:block;overflow:hidden;font-weight:400;line-height:23px;color:#2c53b0;word-break: keep-all;}
.board_list_body .body_row .secret{position:absolute;left:0}
.board_list .throughline,.board_list_body .throughline a{text-decoration:line-through;color:red !important}
.board_list .nodata{min-height:250px;line-height:250px;text-align:center;border-bottom:#ccc solid 1px}
.is_notice{display:inline-block;height:28px;background-color:#EB4141;text-align:center;padding:0 10px;color:#fff;font-size:1.3rem;line-height:2.8rem;font-weight:normal;border-radius:2px}
.board_list_body .body_row div.subject i.ico_cmt{font-size:1.8rem}
.board_list a.status1{display:inline-block;width:70px;padding:2px 0 2px 0;background:#0072bb;color:#ffffff;font-size:14px;font-weight:400;letter-spacing:-0.03em;text-align:center;border:1px solid #0072bb;border-radius:4px}
.board_list a.status2{display:inline-block;width:70px;padding:2px 0 2px 0;background:#f1f1f1;color:#666666;font-size:14px;font-weight:400;letter-spacing:-0.03em;text-align:center;border:1px solid #d4d4d4;border-radius:4px}
.board_list a.status3{display:inline-block;width:70px;padding:2px 0 2px 0;background:#FF6E04;color:#fff;font-size:14px;font-weight:400;letter-spacing:-0.03em;text-align:center;border:1px solid #FF6E04;border-radius:4px}
.board_list .mark_base{display:block;width:61px;height:21px;margin:0 auto;border:1px solid #00C8C0;font-size:11px;font-weight:bold;line-height:19px;color:#00C8C0}
.profile_student .board_list_head div,.profile_student .board_list_body .body_row div{width:12.5%}
.profile_parent .board_list_head div,.profile_parent .board_list_body .body_row div{width:16.6%}
.board_list_body .notice_row{background:#E0F8F8} 
.board_list_body .notice_row .subject .mo_notice{display:none}

/* 게시판 뷰 */
.board_view_head{border-top:#232323 solid 2px;padding:25px 0;border-bottom:#ccc solid 1px;background:#f9f9f9}
.board_view .board_view_head h6{padding:0 15px;margin-bottom:0;font-size:18px;line-height:23px}
.board_view_head h6:before{display:none}
.board_view_info{padding:14px 0 15px}
.board_view_info span{display:inline-block;font-size:14px;padding:0 10px;border-right:#ccc solid 1px}
.board_view_info span:last-child{border:0}
.board_view_info span.grade .grade1{width:16px}
.board_view_info span.grade .grade2{width:32px}
.board_view_info span.grade .grade3{width:48px}
.board_view_info span.grade .grade4{width:64px}
.board_view_info span.grade .grade5{width:80px}
.board_event_date{border-top:#bebebe solid 1px;padding:10px 10px}
.board_event_date p{font-size:14px;padding:5px 0}
.board_event_date p span{margin-right:15px}
.board_view .add_file{position:relative;border-top:#bebebe solid 1px;padding:15px 10px 10px;overflow:hidden}
.board_view .add_file span{float:none;display:inine-block;font-size:16px;font-weight:bold;color:#181818;padding-right:15px;margin-bottom:10px;text-align:left;vertical-align:top}
.board_view .add_file ul{display:inine-block;margin-bottom:0;overflow:hidden}
.board_view .add_file ul li{font-size:12px;line-height:18px;margin-bottom:5px}
.board_view .add_file ul li a{background:#fff;line-height:24px;margin-left:10px;font-size:14px;color:#838383}
.board_view .add_file ul li a:before{display:inline-block;content:"\f0c6";font-family:"FontAwesome";font-weight:500;margin-right:5px}
.board_view .add_file ul li a.no_fileicon:before{display:none}
.board_view .add_file .file_down{display:inline-block;background:#000;border-radius:3px;color:#fff;font-size:14px;font-weight:500;padding:5px 10px 7px}

.board_view .add_link{position:relative;border-top:#bebebe solid 1px;padding:15px 10px 10px;overflow:hidden}
.board_view .add_link span{float:none;display:inline-block;font-size:16px;font-weight:bold;color:#181818;padding-right:15px;margin-bottom:10px;text-align:left;vertical-align:top}
.board_view .add_link ul{display:inline-block;margin-bottom:0;overflow:hidden}
.board_view .add_link ul li{font-size:12px;line-height:18px;margin-bottom:5px}
.board_view .add_link ul li a{background:#fff;line-height:24px;margin-left:10px;font-size:14px;color:#838383}
.board_view .add_link ul li a:before{display:inline-block;content:"\f0c1";font-family:"FontAwesome";font-weight:500;margin-right:5px}

.board_view .add_media{position:relative;border-top:#bebebe solid 1px;padding:15px 10px 10px;overflow:hidden}
.board_view .add_media span{float:none;display:inline-block;font-size:16px;font-weight:bold;color:#181818;padding-right:15px;margin-bottom:10px;text-align:left;vertical-align:top}
.board_view .add_media ul{display:inline-block;margin-bottom:0;overflow:hidden}
.board_view .add_media ul li{font-size:12px;line-height:18px;margin-bottom:5px}
.board_view .add_media ul li a{background:#fff;line-height:24px;margin-left:10px;font-size:14px;color:#838383}
.board_view .add_media ul li a:before{display:inline-block;content:"\f167";font-family:"FontAwesome";font-weight:500;margin-right:5px}

.board_view_body{padding:20px 10px;border-top:#ccc solid 1px;border-bottom:#ccc solid 1px;font-size:16px;line-height:1.5}
.board_view_body .view_image{padding:15px 0}
.board_view_body .view_image img{max-width:100%;height:auto}
.board_view_body p{font-size:16px;line-height:1.5}
.board_view_body .view_thumb{position:relative;background:#f1f1f1;border-radius:10px;padding:10px 20px;margin:0 auto 30px auto}
.board_view_body .thumb_list li{float:left;width:100px;height:80px;margin:0 5px}
.board_view_body .thumb_list li a{display:block;height:100%;box-sizing:border-box;background-position:center;background-repeat:no-repeat;background-size:cover;text-indent:-9999px;border-radius:5px}
.board_view_body .thumb_list li a:hover{border:#eb4141 solid 2px}
.board_view_body .thumb_ctrl{position:absolute;left:0;right:0;height:0;top:50%}
.board_view_body .thumb_ctrl a{position:absolute;transform:translateY(-50%);color:#eb4141;font-size:30px}
.board_view_body .thumb_ctrl a.prev{left:-15px}
.board_view_body .thumb_ctrl a.next{right:-15px}
.board_view_body .boardContents{font-size:1em;color:#393939;line-height:150%;padding:25px 15px}
.board_view_body .manageInfo{display:none;text-align:right;margin:15px 0;padding-top:5px}
.board_view_body .manageInfo small{display:block;color:#838383;padding-top:5px}
.board_view_body .boardContents{font-size:1em;color:#393939;line-height:150%;padding:25px 0}
.board_view_body .view_media{text-align:center;padding:15px 0}
.board_view_body .view_media video{max-width:100%}

/*자주묻는 질문*/
.faq-link{float:right;width:48%}
.faq-link::after{clear:both;content:'';display:block}
.faq-link h2{width:100%;font-size:1.8rem;margin-bottom:20px;font-weight:500;text-align:left}
.faq-link ul{overflow:hidden;display:inline-block;width:100%;border-radius:15px;background:#fff}
.faq-link ul li{float:left;width:50%;padding:10px 10px 10px 15px;text-align:center;border-right:2px solid #F8F4F0;border-bottom:2px solid #F8F4F0}
.faq-link ul li:nth-child(2),.faq-link ul li:nth-child(4),.faq-link ul li:nth-child(6){border-right:0}
.faq-link ul li:last-child{border-right:0}
.faq-link ul li a{position:relative;width:100%;height:35px;font-size:1.5rem;line-height:3.5rem;padding-right:25px;text-align:left}
.faq-link ul li a span{position:absolute;right:0;width:21px;height:21px;background:url(../img/ico_pointer.png) no-repeat 50% 50%}
.faq-link ul li a:hover span{transform:rotateY(360deg);transition:transform 500ms ease-in-out 0s}
.faq-link ul li:nth-child(1) a b,.faq-link ul li:nth-child(2) a b{color:#3ba961}
.faq-link ul li:nth-child(3) a b,.faq-link ul li:nth-child(4) a b,.faq-link ul li:nth-child(7) a b,.faq-link ul li:nth-child(8) a b{color:#f58238}
.faq-link ul li:nth-child(5) a b,.faq-link ul li:nth-child(6) a b{color:#1375bd}

/* 질문과답변_리스트 */
.faq_list{font-size:16px;line-height:27px;width:100%;height:auto;overflow:hidden}
.faq_list ul{margin:0;padding:0;list-style-type:none}
.faq_list .qst{margin:2px 0;border:1px solid #ddd;background:#fff;display:block;float:left;width:100%;box-sizing:border-box;padding:5px 0;overflow:hidden;border-radius:12px}
.faq_list .show .qst{border-radius:12px 12px 0 0}
.faq_list .qst:hover{border:1px solid #EB4141}
.faq_list .qst a.trigger{display:block;padding:13px 15px;background:#fff;font-weight:bold;color:#555;text-align:left;text-decoration:none !important;font-size:17px;letter-spacing:-1px}
.faq_list .hide .qst a.trigger{font-weight:normal;background:none}
.faq_list .qst a.trigger:hover,
.faq_list .qst a.trigger:active,
.faq_list .qst a.trigger:focus{background:#fff;color:#000}
.faq_list .ans{position:relative;margin:0;padding:20px 25px 20px 45px;line-height:25px;letter-spacing:-1px;color:#777;background:#fff;float:left;box-sizing:border-box;width:100%;border:1px solid #ddd;margin-bottom:25px;border-radius:0 0 12px 12px}
.faq_list .title_qst{display:inline-block;width:25px;height:25px;line-height:25px;margin-right:5px;font-size:16px;color:#fff;background:#F68642;border-radius:50%;text-align:center}
.faq_list .title_ans{position:absolute;top:20px;left:15px;display:inline-block;width:25px;height:25px;line-height:25px;margin-right:5px;font-size:16px;color:#fff;background:#F68642;border-radius:50%;text-align:center}
.faq_list .ans .btn_area{padding:10px 0;width:100%;display:block;text-align:right}
.faq_list .qst input{margin-right:5px}

/*갤러리*/
.photo-section{padding:30px 0;background:#EFF4F8}
.photo-section .bx-wrapper{background:transparent}
.photo-section h2{width:100%;font-size:1.8rem;font-weight:500;text-align:left}
.photo-list{margin:20px -12.5px 0;overflow:hidden}
.photo-list li{float:left;width:20%;padding:0 12.5px 12.5px;box-sizing:border-box;overflow:hidden}
.photo-list li a{display:block;background:#fff;letter-spacing:-0.05em;border:1px solid #ddd	}
.photo-list .thumb{position:relative;display:block;width:100%;height:160px;margin-bottom:15px;background-color:#fff;box-sizing:border-box;text-align:center;overflow:hidden;border-bottom:1px solid #ddd	}
.photo-list .thumb img{width:100%;height:160px}
.photo-list strong{display:block;height:25px;margin-bottom:7px;padding-left:15px;padding-right:10px;font-size:1.4rem;font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background:url(../img/bu_dot.png) 5px 5px no-repeat;text-align:left}
.photo-list li a:hover strong{text-decoration:underline}
.photo-list li a:hover .thumb{border-color:transparent}
.photo-list .thumb::before,.photo-list .thumb::after{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(242, 172, 101, .4);box-sizing:border-box;transition:all 0.3s;-webkit-transition:all 0.3s;opacity:0;content:''}
.photo-list .thumb::after{background-color:transparent;border:4px solid #ee7700}
.photo-list li a:hover .thumb::before,.photo-list li a:hover .thumb::after{opacity:1}
.photo-list li a .date{display:inline-block;width:100%;height:20px;padding-right:10px;line-height:2rem;margin-bottom:10px;color:#777;text-align:right}

/*게시판상단내용*/
.page_top_info,.page_bottom_info{margin-bottom:30px;padding:20px;background:#f9f9f9;border:1px solid #D9D9D9}
.page_top_info ul,.page_bottom_info ul{list-style-type:none;padding:0}
.page_top_info ul li,.page_bottom_info ul li{font-size:1.5rem;margin:0 0 5px 7px;padding-left:10px;line-height:20px;background:url(../../../images/tong/common/bu_dot2.gif) 0 10px no-repeat}
.page_top_info ul li b,.page_bottom_info ul li b{font-weight:bold}
.page_top_info ul li strong,.page_bottom_info ul li strong{color:#EB4141}

/*비밀번호확인*/
.password_confirm{width:400px;margin:0 auto;padding:30px;background:#f9f9f9;border:1px solid #D9D9D9;border-radius:15px}
.password_confirm h3{font-size:20px;font-weight:500;margin-bottom:10px}
.password_confirm strong{display:block;color:#EB4141}
.password_confirm form{margin-top:20px}
.password_confirm #check_password{width:calc(100% - 80px)}

.article-view table.tstyle_view th,.article-view table.tstyle_view td{font-size:16px}
.article-view .subject strong{color:#333;font-size:20px}
.article-view .add_file{float:left;display:inline-block;position:relative;padding:0;overflow:hidden}
.article-view .add_file span{float:none;display:inine-block;font-size:16px;font-weight:bold;color:#181818;padding-right:15px;margin-bottom:10px;text-align:left;vertical-align:top}
.article-view .add_file ul{float:left;list-style-type:none;display:inline-block;margin-bottom:0;overflow:hidden;vertical-algin:bottom}
.article-view .add_file ul li{font-size:12px;line-height:18px;margin-bottom:2px}
.article-view .add_file ul li a{background:#fff;line-height:24px;margin-left:10px;font-size:16px;color:#555}
.article-view .add_file ul li a:before{display:inline-block;content:"\f0c6";font-family:"FontAwesome";font-weight:500;margin-right:5px}
.article-view .add_file ul li a.no_fileicon:before{display:none}
.article-view .add_file .file_down{display:inline-block;background:#000;border-radius:3px;color:#fff;font-size:14px;font-weight:500;padding:5px 10px 7px}

.con_note{padding:1.8rem 2rem 2rem;border:1px solid #eff0f2;background:#fafafa;font-size:16px;border-radius:10px}
.con_note ul,.con_note ol{display:block;margin:0 15x;padding-left:20px}
.con_note ul{list-style:disc}
.con_note ol{list-style:decimal }

.con_guide{font-size:14px}

/* 통합검색 */
.search-section #searchForm{position:relative;width:300px;margin:0 auto}
.search-section #searchForm .searchText{width:100%;height:45px;padding:0 46px 0 10px;line-height:45px;border:3px solid #F58238;border-radius:5px}
.search-section #searchForm .btn_submit{position:absolute;top:10px;right:10px;overflow:hidden;font-size:2.4rem;border:0;background:transparent}
/* 통합검색 탭메뉴 */
.search_tab{margin:0 0 20px;text-align:center}
.search_tab::after{display:block;content:'';clear:both}
.search_tab li{display:inline;float:left;width:auto;margin-right:5px;margin-bottom:2px}
.search_tab li a{position:relative;display:block;width:100%;padding:5px 15px;background:#fff;border:1px solid #ddd;border-radius:28px;font-size:16px;text-align:center;text-decoration:none;white-space:nowrap;transition:all 0.5s;color:#666;font-weight:400}
.search_tab li.on a,.search_tab li a:hover{background:#2B6FA4;border-color:#2B6FA4;color:#fff}
.search_result{position:relative}
.search_result h3{margin:30px 0 10px;line-height:3rem;font-size:2rem}
.search_result ul{list-style-type:none}
.search_result ul li{position:relative;margin-bottom:10px;padding-left:10px;font-size:1.6rem}
.search_result ul li::before{content:'';position:absolute;top:10px;left:0;width:4px;height:4px;background-color:#3a5573;border-radius:100%}
.search_result ul li a{font-size:1.6rem}
.search_result ul li a:hover{text-decoration:underline}
.search_result ul li p{padding:5px 0;color:#666}
.search_result .sch_word{color:#EA4335;font-weight:500}

/*공공저작물 표시*/
.opentype{position:relative;bottom:0;right:0;overflow:hidden;padding-top:30px;text-align:right}
.opentype .desc{color:#000;font-size:1.4rem;line-height:20px;text-align:right}

/*자료관리담당자*/
.con_satisfy{position:relative;display:block;border:#e8e8e8 solid 1px;margin-top:50px}
.con_satisfy .charger{border-bottom:#eee solid 1px;padding:30px 40px;font-size:16px}
.con_satisfy .charger span{display:inline-block;margin-right:15px;font-weight:bold}
.con_satisfy .charger dl{display:inline-block}
.con_satisfy .charger dl dt{display:inline-block}
.con_satisfy .charger dl dd{display:inline-block;margin-right:10px}
.con_satisfy .info_type{position:absolute;right:30px;top:20px}

/*만족도조사*/
.con_satisfy .satisfy{padding:25px 40px;background:#fafafa}
.con_satisfy .satisfy p{margin:0 0 15px 0;padding:0;font-weight:bold;color:#2a2a2a;font-size:16px;background-image:none}
.con_satisfy .satisfy .radio_box{margin-bottom:20px}
.con_satisfy .satisfy .text_box{overflow:hidden}
.con_satisfy .satisfy .text_box .input{float:left;width:calc(100% - 105px);ime-mode:active;-ms-ime-mode:active}
.con_satisfy .satisfy .text_box .grade_submit{float:right;width:100px}

/*설문조사*/
.survey_data .subject{padding:10px;background:#f5f5f5;border:1px solid #e7eaec;border-radius:5px;font-size:2rem;color:#2a2a2a;font-weight:400}
.survey_data .cont{margin:20px auto;font-size:1.6rem}
.survey_data .period{display:inline-block;margin-bottom:20px;font-size:1.6rem}
.survey_data .box{display:block;margin-bottom:10px;padding:20px 10px;border:1px solid #ddd;font-size:1.6rem}
.survey_data .box dl{padding:0 10px 10px;border-bottom:1px solid #e7eaec}
.survey_data .box dl:last-child{border-bottom:0}
.survey_data .box dl dt{margin-top:20px}
.survey_data .box dl:first-child dt{margin-top:0}
.survey_data .box dl dt .num{margin-right:5px;padding:2px 10px;font-size:1.4rem;line-height:1;color:#fff;background-color:#0093d3;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:5px}
.survey_data .box dl dt .sq-well{display:block;font-weight:normal;background-color:#f5f5f5;border-radius:4px;border:1px solid #e7eaec;margin-top:10px;margin-bottom:15px;padding:8px}
.survey_data .box dl dd{margin-top:10px}
.survey_data .box dl dd ul{margin-left:10px}
.survey_data .box dl dd ul li{display:inline-block}
.survey_data .form_action{margin:15px 0;text-align:right}
.survey_data .form_action a{margin-bottom:5px}
.survey_box{margin:20px 0 10px;padding:15px;background:#fafafa;border:1px solid #ddd;border-radius:10px}
.survey_wrap dl{border: 1px solid #ddd;border-bottom:0}
.survey_wrap dl:first-child{border-radius:10px 10px 0 0;overflow:hidden}
.survey_wrap dl:last-child{border-bottom:1px solid #ddd;border-radius:0 0 10px 10px;overflow:hidden}
.survey_wrap dt{position: relative;padding: 15px 30px 15px 30px;font-size:18px;background:#f4f6f7}
.survey_wrap dd{padding:10px 30px} 
.survey_wrap dd ul{width:100%;list-style-type:none}  
.survey_wrap dd li{display:inline-block;padding:10px;font-size:16px} 
.survey_wrap dd li.etc{display:block}
.survey_wrap dd li input{max-width:300px}

/*달력*/
.fc-theme-standard td, .fc-theme-standard th{line-height:1rem}
/*뷰어 다운로드*/
.viewer_box{margin-bottom:10px;padding:15px;border:1px solid #d9d9d9;border-radius:5px}
.viewer_box .viewer_info{display:inline-block;width:calc(100% - 140px);margin-right:10px}
.viewer_box .viewer_info .vname{float:left;width:70px;height:54px;line-height:54px}
.viewer_box .viewer_info .vname img{border-radius:5px;overflow:hidden}
.viewer_box .viewer_info .vdesc{float:left;width:calc(100% - 70px);min-height:54px;font-size:1.6rem;line-height:1;vertical-align:middle}
.viewer_box .viewer_info .vdesc strong{display:block;margin-bottom:10px;font-size:1.8rem;font-weight:600}
.viewer_box a{float:right;width:120px;height:30px;color:#666 !important;font-size:1.5rem;line-height:2.8rem;border:1px solid #666;text-align:center;border-radius:3px;vertical-align:top;margin-top:15px}
.viewer_box a:hover,.viewer_box a:hover i{background:#EB4141;color:#fff!important;border:1px solid #EB4141}

/*찾아오시는길*/
.location_box .address{background:#f0f2f8;border:1px solid #ddd;padding:15px;font-size:1.8rem;color:#333}

/*신청서 작성*/
.apply_list .board_list .board_list_head div.state br{display:none}
.apply .desc_collect{word-break:keep-all}
.apply .desc strong{font-size:16px;font-weight:500}
.grade_list{width:auto;margin-bottom:10px;border-top:2px solid #2B6FA4;border-bottom:solid 1px #dcdfe6}
.grade_list tr:hover td{background:#fff !important}
.grade_list th{padding:5px;line-height:26px;background:#f6f6f5;border:solid 1px #dcdfe6;color:#2f3743;text-align:center;font-size:16px}
.grade_list th.gubun{width:100px;font-size:15px}
.grade_list th.score{width:70px}
.grade_list th.note{width:500px}
.grade_list td.score input{width:100%;padding:5px;text-align:center}
.middle_grade .grade_list td.score input{width:40px}

.grade_list td{padding:6px 10px;border:solid 1px #dcdfe6;text-align:center;color:#2f3743;font-size:16px}
.grade_list tbody td.bg{background:#F9F9F9}
.subject_tab{height:37px;margin:20px 0 0;text-align:left}
.subject_tab::after{display:block;content:'';clear:both}
.subject_tab li{display:inline;float:left;width:auto;margin-right:5px;margin-bottom:2px}
.subject_tab li a{position:relative;display:block;width:100%;padding:5px 15px;background:#ddd;border:1px solid #ddd;font-size:16px;text-align:center;text-decoration:none;white-space:nowrap;transition:all 0.5s;color:#333;font-weight:400;border-radius:5px 5px 0 0}
.subject_tab li.on a,.subject_tab li a:hover{background:#2B6FA4;border-color:#2B6FA4;color:#fff}

/*신청결과*/
.con_result.con_write ul.con_write_c li.desc{font-size:16px}
.con_result.con_write ul.con_write_c li.desc strong{font-size:16px;font-weight:500}
.waiting_box{padding:15px;font-weight:400;border:5px solid #0072bb}

/*개인정보처리방침*/
.privacy .box{border:1px solid #dbe3ec;background:#F7FAFE;padding:20px;font-size:16px}
.privacy p{word-break:keep-all}
.privacy p em{color:#333;font-style:normal;font-weight:500}
.privacy ul li{font-size:14px}
.privacy .lstyle_default{width:100%;list-style-type:none}
.privacy .lstyle_default li{margin-bottom:5px}
.privacy .lstyle_default li .lstyle_default{margin-left:10px;margin-top:10px}
.privacy .depth1_title01{margin-top:35px;color:#313131;letter-spacing:-1px;line-height:1.3;font-size:2.2rem}
.privacy .depth1_title02{margin-top:35px;margin-bottom:10px;font-size:1.8rem}
.privacy .lstyle_dot{width:100%;overflow:hidden;margin-left:5px}
.privacy .lstyle_dot li{position:relative;padding-left:10px}
.privacy [class^="lstyle_"] li::before,.privacy .lstyle_line > dt::before,.privacy p.lstyle_dot::before,.privacy p.lstyle_line:before{display:block;position:absolute;top:10px;left:0;box-sizing:border-box;content:''}
.privacy .lstyle_dot > li::before,p.lstyle_dot::before{width:4px;height:4px;background-color:#3a5573;border-radius:100%}
.privacy a{color:#1F69A2 !important;font-weight:400}


/*이메일 무단수집 거부*/
.no_email .box{border:1px solid #dbe3ec;background:#F7FAFE;padding:30px}

/* 노원교육플랫폼 소개 */
.introduce{text-align:center;font-size:18px;font-weight:500;margin:30px 0}
.introduce .intro_box{width:90%;max-width:920px;margin:0 auto 35px;padding:40px 0;font-size:28px;font-weight:500;border:5px solid #00BBB1;text-align:center;border-radius:10px}
.introduce .intro_box strong{color:#2B6FA4}
.intro_title{font-size:24px;font-weight:500;color:#2B6FA4}
.intro_info{padding-bottom:100px;border-bottom:2px solid #ECECEC}
.intro_info p{font-size:21px;font-weight:400;color:#333;letter-spacing:-1px}
.intro_info p b{font-weight:500;color:#000}
.intro_info .p2{margin-top:30px;font-size:24px;color:#000;font-weight:500}
.intro_info .p2 b{color:#2B6FA4}
.intro_info .p2 strong{color:#00BBB1;font-size:34px;font-weight:500}
.intro_program{position:relative;text-align:center;padding:100px 0}
.intro_program .intro_title{margin-bottom:50px;font-size:34px;font-weight:600;color:#2B6FA4}
.intro_program ul{display:inline-block;list-style-type:none;margin-left:20px}
.intro_program li{float:left;width:200px;height:200px;margin-left:-20px;padding-top:110px;background:#fff;border:1px solid #BDBAB6;border-radius:100px;font-size:22px;font-weight:600;line-height:1.2}
.intro_program li:nth-child(1){background:#fff url(../../../images/tong/kps/img_intro1.png) no-repeat 50% 45px;color:#2B6FA4}
.intro_program li:nth-child(2){background:#fff url(../../../images/tong/kps/img_intro2.png) no-repeat 50% 45px;color:#00BBB1}
.intro_program li:nth-child(3){background:#fff url(../../../images/tong/kps/img_intro3.png) no-repeat 50% 45px;color:#2B6FA4}
.intro_program li:nth-child(4){background:#fff url(../../../images/tong/kps/img_intro4.png) no-repeat 50% 45px;color:#00BBB1}
.intro_program li:nth-child(5){background:#fff url(../../../images/tong/kps/img_intro5.png) no-repeat 50% 45px;color:#2B6FA4}
.intro_system{background:url(../../../images/tong/kps/bg_intro.png) no-repeat 50% 0}
.intro_system .intro_title{width:750px;height:90px;padding-top:20px;margin:0 auto 100px;text-align:center;font-size:34px;font-weight:600;color:#2B6FA4}
.intro_system ul{display:inline-block;width:95%;list-style-type:none}
.intro_system ul li{float:left;width:26%;margin-right:10%}
.intro_system ul li:last-child{margin-right:0}
.intro_system ul li .top{position:relative;width:90%;padding:40px 0;background:#fff;margin:0 auto 45px;border:1px solid #BDBAB6;border-radius:8px;font-weight:600;font-size:23px}
.intro_system ul li .top::after{position:absolute;width:100%;height:14px;left:0;bottom:-30px;content:'';background:url(../../../images/tong/kps/bu_intro_down.png) no-repeat 50% 50%}
.intro_system ul li .body{width:100%;padding:25px 40px;min-height:185px;text-align:center;font-size:18px;background:#00BBB1;color:#fff;border-radius:10px;font-weight:300}
.intro_system ul li:nth-child(2) .body{background:#2B6FA4}

/* 인사말 */

.intro_message{margin:50px auto;padding-bottom:130px;position:relative;background:url(../../../images/tong/kps/bg_intro_message.png) no-repeat 100% 100%}
.intro_message .intro_inner{padding:0 380px 30px 0}
.intro_message .top{margin-bottom:50px;font-size:38px;font-weight:600}
.intro_message .top strong{width:100%;display:inline-block;color:#2B6FA4}
.intro_message p{padding-bottom:30px;font-size:20px}
.intro_message .sign{position:absolute;bottom:0;left:0;height:130px;margin-top:50px;padding:30px 0 0 30px;font-size:20px;line-height:40px;font-weight:600;color:#2B6FA4}
.intro_message .sign img{margin-left:40px;vertical-align:middle}

/* 프로그램 보기 */
.tit_h1{margin:50px auto 30px;font-size:34px;line-height:40px;color:#222;font-weight:500;text-align:center;letter-spacing:-2px}
.tit_h1:after{display:block;content:'';margin:0 auto;margin-top:25px;width:40px;height:1px;background:#000}
.con_info_box{width:100%;clear:both;border:1px solid #eff0f2;border-radius:10px;font-size:16px;background:#fafafa;box-sizing:border-box;padding:15px;margin:2px 0 15px 0;word-break:keep-all}
.con_info_box ul,.con_info_box ol{display:block ;margin-left:30px;}
.btn_program{width:180px;height:45px;padding:0 20px;font-size:20px;text-align:center;font-weight:400;vertical-align:middle;color:#fff;background:#BEBEBE;border:1px solid #BEBEBE}
.btn_apply,.btn_waiting,.btn_result{background:#00BBB1;border:1px solid #00BBB1}
.btn_before,.btn_finish{background:#BEBEBE;border:1px solid #BEBEBE}

/* 프로그램 신청 달력 선택  */
.apply_date{width:100%;height:auto;margin:0 auto;overflow:hidden}
.apply_date .content-date{float:left;width:59%}
.apply_date .data_wrap{padding:30px;border:1px solid #dcdbdb;border-radius:10px}
.apply_date .data_top{position:relative;padding:0 0 2rem}
.apply_date .date_text{text-align:center}
.apply_date .data_top .btn{position:absolute;top:0;font-size:24px;font-weight:bold}
.apply_date .btn_prev{left:0}
.apply_date .btn_next{right:0}
.apply_date .calendar-body td{position:relative;width:calc(100% / 7);height:85px;padding:10px;text-align:center;border:1px solid #dbdbdb}
.apply_date .sun{color:#ef3333}
.apply_date .sat{color:#2107e0}
.apply_date .calendar-body td span{position:absolute;top:5px;left:5px}
.apply_date .calendar-body td.active{background:#0b0809;border-radius:50%;color:#ffffff}
.apply_date .content-time{float:right;width:39%;margin-top:145px}
.apply_date .tbl_time thead th{font-size:16px;line-height:25px;padding:10px 0;background:#FBFBFB;text-align:center;border:1px solid #dbdbdb;text-align:center}
.apply_date .tbl_time tbody td{font-size:16px;text-align:center;border:1px solid #dbdbdb}
.apply_date .choice_wrap{text-align:center}
.apply_date .time_box{margin-bottom:20px;padding:20px;text-align:center;font-size:20px;border:5px solid #F03D3D}
.apply_date .time_box i{margin-right:10px}
.apply_date .student{margin-bottom:20px;padding:0 0 10px;font-size:16px;text-align:left;line-height:36px}
.apply_date .student select{float:right;margin-left:30px;width:200px;line-height:50px;font-size:16px;font-weight:500}
.apply_date .btn_apply{width:100%;margin:0 auto;line-height:40px;font-size:20px}
.apply_date .choice_date{display:none;padding:0 10px;height:40px;line-height:40px;margin-bottom:5px;font-size:16px;background:#00BBB1;border-radius:15px;color:#fff;text-align:center;font-weight:500}
.apply_date .rap{width:100%;margin:0 auto}
.apply_date .date_form{width:100%}
.apply_date .date_form div{float:left;display:inline-block;width:calc(93% / 7);margin:0 0.5% 1% 0.5%;padding:1rem 1.3rem;font-size:16px;cursor:pointer}
.apply_date .date_head,.apply_date .dateSel{display:inline-block} 
.apply_date .date_form div::after{clear:both}
.apply_date .date_head{margin-bottom:0}
.apply_date .date_head div{background:#F7F7F7;color:#333;text-align:center;border:1px solid #eee}
.apply_date .date_head div:first-child{color:#f03d3d;border-radius:10px 0 0 0}
.apply_date .date_head div:last-child{color:#0072BB;border-radius:0 10px 0 0}
.apply_date .dateSel div{vertical-align:top;font-weight:400;color:#333;min-height:80px;border-radius:10px;border:1px solid #eee}
.apply_date .dateSel div button{display:block;margin:5px auto 0;padding:2px 5px!important;line-height:20px;height:24px;min-height:24px} 
.apply_date .empty{background:#fff;border:0 !important}
/*.apply_date .btn_select{font-size:12px;width:100%;height:25px;min-height:25px;margin-top:10px;padding:0 10px;line-height:25px}*/
.apply_date .active{background:#00BBB1;border:1px solid #00BBB1}
.apply_date .dateSel div.dateSel_0{color:#f03d3d}
.apply_date .dateSel div.dateSel_6{color:#0072BB}
.time_list .board_list_head div{width:25%}
.time_list .nodata{height:50px;text-align:center;padding:20px 0}
.time_list .board_list_body .body_row{padding:10px 0}

/* footer */
#footer{height:auto;background:#d7e8f1}
#footer .footer_wrap{padding:50px 155px}
#footer .logo{position:absolute;top:60px}
#footer .logo_nowin{left:0;width:80px}
#footer .logo_nep{right:0;width:107px}
#footer .logo img{width:100%}
#footer .footer_menu{float:left;width:65%}
.footer_menu ul li{float:left}
.footer_menu .footer_top{width:100%}
.footer_menu .footer_top .link{list-style-type:none}
.footer_menu .footer_top .link li{padding:0}
.footer_menu .link .link_item+.link_item:before{content:'';display:inline-block;width:2px;height:15px;margin:0 20px;background-color:#bac;vertical-align:-1px}
.footer_menu .link a{line-height:33px;font-size:17px;font-weight:500;color:#4d575b}
.footer_menu .link li:first-child a{position:relative;line-height:33px;color:#1f69a2}
.footer_menu .link a:hover,.footer_menu .link a:focus{text-decoration:underline}
.footer_menu .footer_top .social{margin-left:40px;list-style-type:none}
.footer_menu .footer_top .social li{padding-right:10px}
.footer_menu .copyright{margin-top:15px;margin-bottom:5px;font-size:17px}
.footer_menu .address{padding-left:18px;line-height:19px;font-size:17px;font-weight:500;color:#4d575b;background:url(../../../images/tong/common/bu_marker.png) no-repeat 0 0}
.footer_menu .copyright small{color:#a4bac5}
.footer_menu .copyright .tel_mobile{display:none}
#footer .footer_concat{float:right;width:35%}
.footer_concat .tel{padding-left:18px;line-height:19px;font-size:17px;font-weight:500;color:#777e81;background:url(../../../images/tong/common/bu_tel.png) no-repeat 0 0}
.footer_concat .tel_num{font-size:28px;line-height:46px;color:#4d575b;font-weight:500}
.footer_concat .tel_num a{color:#4d575b}
.footer_concat .time{font-size:16px;color:#777e81;font-weight:500}
.footer_concat .time b{color:#1f69a2}

/*모바일메뉴버튼*/
.m_menu{position:absolute;right:10px;font-size:24px;top:45px;z-index:3001}
.m_menu i{font-family:'FontAwesome';color:#717171;font-style:normal }
.m_menu i:before{content:'\f0c9'}
.m_menu.open{left:auto;right:15px}
.m_menu.open i{color:#fff }
.m_menu.open i:before{content:'\f00d' }
.m_service_open{position:absolute;right:60px;top:19px;font-size:26px;color:#2b2b2b;z-index:2000 }
.m_service_open.open{color:#fff;right:15px;z-index:5000 }
/*모바일메뉴*/
.m_gnb{position:fixed;left:0;bottom:-200%;width:100%;height:100%;background:#2C53B0;z-index:3000;transition:cubic-bezier(.2,.62,.51,.9) 0.3s }
.m_gnb.open{bottom:0}

.m_gnb_top{display:block;position:absolute;z-index:3001;left:15px;top:18px;transition-delay:0.3s}
.m_gnb_top > a{display:inline-block;font-size:14px;padding:0 10px;color:#fff;font-weight:500;vertical-align:middle}
.m_gnb_top > a:first-child{border-right:#fff solid 1px}
.m_gnb > ul{position:relative;width:100%;background:#2C53B0;padding-top:70px}
.m_gnb > ul > li{width:35%}
.m_gnb > ul > li.open > a{background:#fff;color:#2C53B0}
.m_gnb > ul > li > a{position:relative;display:block;font-size:1.4rem;font-weight:normal;padding:10px 15px;background:#2C53B0;color:#fff}
.m_gnb > ul > li.open > ul{display:block !important;list-style-type:none}
.m_gnb > ul > li > ul{display:none;position:absolute;top:70px;right:0;width:65%;padding:0 15px;background:#fff;overflow-y:scroll }
.m_gnb > ul > li > ul > li > a{position:relative;display:block;padding:10px 10px;background:#fff;font-size:1.4rem;font-weight:normal;border-bottom:#d1d1d1 solid 1px}
.m_gnb > ul > li > ul > li > ul{display:none;padding:5px 0}
.m_gnb > ul > li > ul > li > ul > li > a{display:block;padding:10px 20px;font-size:1.4rem;font-weight:bold;}
.m_gnb ul ul li.has_sub > a:before,.m_gnb ul ul li.has_sub > a:after{position:absolute;content:"";background-color:#4c4c4c}
.m_gnb ul ul li.has_sub > a:before{width:14px;height:2px;top:50%;right:8px;transform:translateY(-50%)}
.m_gnb ul ul li.has_sub > a:after{width:2px;height:14px;top:50%;right:14px ;transform:translateY(-50%)}
.m_gnb ul ul li.has_sub.open > a:after{display:none }
.m_menu,.m_gnb{display:none}

/* popup */
#popup_wrap{position:relative;margin:10px}
#popup_wrap .page_title{position:relative;height:50px;padding:10px 20px;background:#0072BB}
#popup_wrap .page_title h1{color:#fff;font-size:2rem;font-weight:400;font-family:'Noto Sans KR','Poppins',sans-serif}
#popup_wrap .article-view{padding:10px;display:flex;flex-direction:column;background:#fff;border:1px solid #e3e6f0;border-radius:5px;box-shadow:0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important}

#daum_wrap{width:100%;max-width:500px}
#__daum__layer_1{min-width:200px !important}

/*반응형*/
@media (max-width:1200px){
	#header{padding-left:20px;padding-right:20px}
	.visual{min-height:460px !important;padding:65px 45px}
	.visual .card{height:330px}
	.visual .card::before{background-size:7px 280px;margin-top:-140px}
	.visual .card .title{font-size:34px}
	.visual .card .details{font-size:23px}
	.main_program .slider_prg{padding-left:20px;padding-right:20px}
	#container .news_section .summary{width:60%}
	#container .news_section .calendar{width:calc(40% - 20px)}
	.sub_visual .sub_visual_in{width:100%}
	.intro_system ul li{width:calc(90% / 3);margin-right:5%}
	.sub_content{padding:0 20px 50px}
	.intro_message .intro_inner br{display:none}
	.intro_message .top{margin-bottom:30px;font-size:30px}
	.intro_message p{font-size:18px}
	#footer .logo_nowin{left:10px}
	#footer .logo_nep{right:10px}
	.footer_menu .footer_top .social{margin-left:20px}
	.footer_concat .tel_num{font-size:24px}
	.footer_concat .time{letter-spacing:-1px}
	.footer_menu .address .nep-pc{display:none}
	#btn_extranet{display:none}
}
@media (max-width:1024px){
	.visual{min-height:395px !important}
	.visual .card{height:265px}
	.visual .card::before{background-size:6px 220px;left:-12px;margin-top:-110px}
	.visual .card .title{font-size:28px}
	.visual .card .details{font-size:20px}
	.m_menu,.m_gnb{display:block}
	#nav > ul > li > a{font-size:18px}
	.prg_cat li{padding:0 30px}
	#container .news_section .summary{width:calc(50% - 10px);height:320px;margin-right:5px;margin-left:5px;padding:0 30px 25px}
	#container .news_section .calendar{width:calc(50% - 5px);padding:20px;margin-right:5px}
	.summary .tab_list > li{padding:0 15px}
	.summary .tab_list > li > a.subject{line-height:70px;font-size:28px;padding:0 15px}
	.summary .tab_data{padding:30px;top:80px}
	.summary .tab_data > li a,.summary .tab_data > li .news_date{font-size:18px}
	.summary .tab_data > li a{width:calc(100% - 110px)}
	.summary .tab_data > li .news_date{width:110px;font-size:18px;letter-spacing:-1px}

	#container .news_section .calendar{height:320px}

	.news_section .calendar .body li a{padding-left:35px;font-size:18px;letter-spacing:-1px}
	.news_section .calendar .body li a strong{font-size:20px}

	#container .main_program .title{padding:15px 0 15px;font-size:20px}
	.main_program .prg_cat li{padding:0 15px}
	.main_program .prg_cat li a{font-size:18px}
	.main_program .prg_cat{margin:10px auto}
	.main_program .prg_status a{font-size:18px;height:30px;line-height:26px	}
	.main_program .slider_prg{padding:20px 20px 10px}
	.slider_prg .prg_slider{padding-bottom: 30px;}
	.slider_prg .slider-btn a{top:125px}
	.slider_prg .prg_slider .slider_item{padding:20px 15px}
	.slider_prg .prg_slider .slider_item .subject{font-size:18px;min-height:45px}

	.slider_prg .prg_slider .slider_item .body{padding:15px;min-height:165px}
	.slider_prg .prg_slider .slider_item .bottom{padding:5px 0 0}
	.slider_prg .prg_slider .slider_item a.btn_go{top:10px}

	.sub_content{padding-bottom:20px}
	.intro_system ul{width:100%}
	.intro_system ul li{width:calc(98% / 3);margin-right:1%}
	.intro_system ul li .body br{display:none}

	.intro_message{padding-bottom:0;background-position:100% 0;background-size:720px 291px}
	.intro_message .intro_inner{padding-right:0}
	.intro_message .top{padding:50px 200px 170px 0;font-size:28px}
	.intro_message .sign{top:170px;bottom:auto;padding-left:0}
	.intro_message .sign img{margin-left:20px}

	.apply_date{padding-bottom:50px}
	.apply_date .date_text{font-size:24px;font-weight:500}
	.apply_date .content-date{width:100%}
	.apply_date .rap{overflow:hidden;overflow-x:auto}
	.apply_date .dateSel div button{font-size:12px}
	.apply_date .content-time{width:100%;margin-top:30px}

	#footer .footer_wrap{padding:20px 30px 20px}
	#footer .footer_menu{width:100%;text-align:center}
	.footer_menu .link a{font-size:18px}
	.footer_menu .footer_top .social{position:absolute;bottom:15px;right:30px}
	.footer_menu .address{display:inline-block;text-align:left;font-size:16px;background-image:none;padding-left:0;padding-right:0;margin-bottom:5px}
	.footer_menu .address .nep-pc{display:none}
	.footer_menu .copyright{display:inline-block;padding:0 80px 0 60px}
	.footer_menu .copyright small{display:inline-block;font-size:14px}
	.footer_menu .copyright small .social-mobile{display:inline-block}
	.footer_menu .copyright small .social-mobile a{width:15px;height:20px}
	#footer .logo_nowin{left:30px;top:80px;width:60px}
	#footer .logo_nep{right:30px;top:80px;width:70px}
	#footer .footer_concat{display:none}
	.footer_menu .copyright .tel_mobile{display:inline-block;text-align:left;font-size:16px;color:#363636}
	.footer_menu .copyright .tel_mobile b{color:#1f69a2}
	.footer_menu .footer_top .social li{padding-left:3px;padding-right:0}
}

@media (max-width:768px){
	#header{display:none}
	#m-header{display:block;position:relative;padding-top:50px}
	.header .top h1{width:200px}
	.header_wrap .top{padding-left:10px;padding-right:110px}
	.header .top ul li{margin:0 10px}
	.header .top .btnTopSearch{right:50px;padding:0}
	.header .top ul{right:90px}
	.header .top ul li a{font-size:16px;line-height:28px}
	.header_wrap .top .login-pc{display:none}
	.visual{min-height:370px !important;padding:65px 25px}
	.visual .card::before{background-size:5px 200px;margin-top:-100px}
	.visual .card{padding:15px}
	.visual .card .title{font-size:24px;margin-bottom:10px}
	.visual .card .details{font-size:16px}
	.slider_prg .prg_slider .swiper-slide{width:100% !important} 
	#m-nav{position:relative;/*margin-top:15px*/}
	#m-nav .nav_inner{position:relative;padding-right:45px}
	.nav_scroll_wrap{overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;height:48px}
	.nav_scroll_wrap>div{position:relative;height:100%}
	.list_scroll{position:relative;height:100%;font-family:sans-serif;white-space:nowrap}
	.list_scroll li{display:inline-block;position:relative;height:100%;vertical-align:top;white-space:normal}
	.list_scroll li a{display:block;position:relative;height:48px;margin-left:10px;padding:0 15px;line-height:48px;font-size:18px;color:var(--G-color-text6);text-align:center;letter-spacing:-.3px}
	#m-nav .btn_nav_more{text-align:center;font-size:3rem;position:absolute;top:0;right:0;width:49px;height:48px}
	.nav_inner:before{content:'';position:absolute;top:0;left:0;bottom:1px;z-index:10;width:18px;
    background:-webkit-gradient(linear,right top,left top,from(rgba(255,255,255,0)),color-stop(83.34%,#fff));
    background:-webkit-linear-gradient(right,rgba(255,255,255,0),#fff 83.34%);
    background:linear-gradient(to left,rgba(255,255,255,0),#fff 83.34%);
    pointer-events:none}
	.nav_inner:after{content:'';position:absolute;top:0;right:37px;bottom:0;z-index:10;width:25px;
    background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),color-stop(65%,#fff));
    background:-webkit-linear-gradient(left,rgba(255,255,255,0),#fff 65%);
    background:linear-gradient(to right,rgba(255,255,255,0),#fff 65%);
    pointer-events:none}
  #container .news_section{padding:45px 0}
	#container .news_section .summary{width:calc(100% - 40px);margin-left:20px;margin-right:20px;margin-bottom:20px;padding:0 20px 20px}
	#container .news_section .calendar{width:100%;border-radius:0}
	.summary .tab_list > li{padding:0 10px}
	.summary .tab_list > li > a.subject{line-height:50px;font-size:20px;padding:0 10px}
	.summary .tab_list > li > a.subject.active::before{width:17px;height:30px;background-size:17px 30px}
	.summary .tab_data > li a, .summary .tab_data > li .news_date{font-size:16px}
	.summary .tab_data{top:50px;padding:20px}
	#container .news_section .summary{height:260px}

	.sub_content{padding:10px 10px 50px}
	.sub_nav{position:relative;height:45px;margin-bottom:0}
	.sub_scroll_wrap,.sub_scroll li a,.sub_nav li{height:45px}
	.sub_nav li{margin:0 0 0 10px}
	.sub_nav li a{line-height:45px !important;padding:0 5px 0 0;font-size:15px}
	.sub_top{padding:10px 0 0}
	.sub_tab{justify-content:center;margin-bottom:0px;min-height:36px;text-align:center}
  .sub_tab a{min-width:80px;height:36px;font-size:12px;font-weight:400;padding:10px;line-height:16px;letter-spacing:-1.5px}
	.sub_nav .btn_nav_more{display:inline-block;text-align:center;font-size:2rem;line-height:45px;position:absolute;top:0;right:0;width:45px;height:45px}
	/* 회원가입 단계 */
	.con_step_c{border-radius:5px;padding:0 0 12px 0;min-height:auto}
	.con_step_c span{display:block;font-size:13px;border-radius:0px;line-height:18px}
	.con_step_c p{font-size:15px;padding:0 10px 0 10px;word-break:break-all;letter-spacing:-1pxs }
	/* 회원가입 유형 */
	.con_cert{flex-direction:column}
	.con_cert .con_type_c{display:block;width:98%;margin:0 1% 1%;padding:15px 15px 15px 100px;min-height:auto}
	.con_cert .con_type_c .type_img{position:absolute;left:0;top:0;background-size:40px} 
	.con_cert .con_type_c .type_img.img-user4{background-size:55px} 
	.con_type_c h3{font-size:18px;margin:0;font-size:16px;line-height:30px}
	.con_type_c button{margin-top:0;font-size:14px}
	/* 본인확인/보호자동의 */
	.con_cert_wrap li{width:100%}
	
	/* 회원가입 완료*/
	.member_complete .con_success i{font-size:7rem}
	.member_complete .con_success h3{font-size:20px}
	.member_complete .con_success p{font-size:16px;letter-spacing:-1px}
	/* 로그인 */
	.member_login .con_txt3{font-size:14px;letter-spacing:-1px}
	.member_login .con_login_c1{width:100%}
	.member_login .con_login_c2{width:100%}
	.member_login .con_login_c2 li a{font-size:14px}
	.member_login .con_login_c2 ul li{margin-right:10px}
	.member_login .con_login_c2 ul li:after{padding-left:10px;line-height:20px}
	/* 준비중 */
	.ready h3{font-size:3rem}
	.ready p{font-size:14px;letter-spacing:-1px}
	/* 찾아오시는 길 */
	#map{height:300px !important}
	/* 프로그램 보기 */
	.con_note{padding:1rem}
	.con_view2 ul.con_view2_c1 li.tit,.con_view2 ul.con_view2_c2 li.tit{padding:10px 15px 10px 15px}
	.con_view2 ul.con_view2_c1 li.desc,.con_view2 ul.con_view2_c2 li.desc{padding:10px 15px}
	.con_view2 ul.con_view2_c1,.con_view2 ul.con_view2_c2{display:block}
	.con_view2 ul.con_view2_c1 li.tit,.con_view2 ul.con_view2_c1 li.desc,
	.con_view2 ul.con_view2_c2 li.tit,.con_view2 ul.con_view2_c2 li.desc{border-right:0}
	.con_view2 ul.con_view2_c2 li{display:flex;flex-direction:row;align-items:center}
	.con_view2 ul.con_view2_c2 li.tit{width:30%;min-height:61px}
	.con_view2 ul.con_view2_c2 li.desc{width:70%;min-height:61px}
	.tit_h1{margin:20px auto;font-size:24px}
	.tit_h1::after{margin-top:5px}
	.btn_apply,.btn_result{width:120px;padding:0 10px;font-size:16px;font-weight:400;height:40px}
  .tstyle_list .subject{width:calc(100% - 110px);border-left:none}
  .tstyle_list .date{width:110px}
  .tstyle_view th,.tstyle_view td{padding:9px 10px}

  /*.bbs_top{position:relative;padding-bottom:30px}
  .bbs_top .bbs_counter{position:absolute;left:0;bottom:0;width:100%;height:25px;font-size:12px}
  .bbs_top .bbs_search{width:100%}
  .bbs_top .bbs_search .searchForm{float:none;width:100%}
  .bbs_top .bbs_search .select_wrap{width:100%;margin-bottom:5px}
  .bbs_top .bbs_search .select_wrap,.bbs_top .bbs_search .select_wrap .search_mode{width:100%}
  .bbs_top .bbs_search .text_wrap{width:100%;text-align:left;float:left;margin-bottom:5px}
  .bbs_top .bbs_search .text_wrap .search_text{width:100%;-webkit-ime-mode:active;-moz-ime-mode:active;-ms-ime-mode:active;ime-mode:active}
  .bbs_top .bbs_search .action_wrap{width:100%;text-align:left;float:left}
  .bbs_top .bbs_search .action_wrap .btn_search{width:100%;margin-bottom:5px}
  .bbs_top .bbs_search .action_wrap .btn_write{width:100%}
  .gallery_list li{width:calc((100% - 15px) / 3);margin-right:5px !important}
  .gallery_list li:nth-child(3n){margin-right:0}
  .gallery_list li a .thumb,.gallery_list li a .thumb img{height:130px}
  .cont-content .ready h3{font-size:3rem}
  .cont-content .process ol li{width:100% !important;margin-right:0}
  .cont-content .process ol li small{min-height:auto;margin-bottom:30px}
  .cont-content .process ol li::after{top:calc(100% - 25px);left:calc(50% - 12px);content:'\f078'}
	*/
  /* 노원교육플랫폼 소개 */
  .introduce .intro_box{padding:25px 0;font-size:24px}
	.intro_info{padding-bottom:55px}
  .intro_info p{font-size:20px}
  .intro_info .p2{font-size:23px}
  .intro_info .p2 strong{font-size:30px}
  .intro_program{padding:40px 0 55px}
  .intro_program li{width:165px;height:165px;font-size:18px;background-position:50% 30px !important;padding-top:90px}
  .intro_program .intro_title{font-size:30px;margin-bottom:30px}
  .intro_system .intro_title{font-size:30px;margin-bottom:30px;padding-top:10px}
  .intro_system{background-size:80%}
  .intro_system ul li .top{font-size:18px}
  .intro_system ul li .body{padding:15px 15px;font-size:16px;min-height:150px}

  .con_view_head h1{font-size:18px}
  .con_view_head ul li{font-size:14px}
  
  .article-view table.tstyle_view th, .article-view table.tstyle_view td{font-size:14px}

  .con_write ul.con_write_c{display:block}
  .con_write ul.con_write_c li.tit{width:100%;font-size:15px;padding:10px 0 10px 10px}
	.con_write ul.con_write_c li.desc{width:100%;font-size:15px;padding:10px 10px 10px 10px;border-left:0px solid #dadada}
	.con_write ul.con_write_c li.desc2,.con_write ul.con_write_c li.desc4{width:100%;font-size:15px;padding:10px 10px 10px 10px;border-left:0px solid #d9d9d9}
	.con_write ul.con_write_c li input[type="password"]{width:100% !important;height:35px;font-size:14px;margin:0 0 5px 0}
	.con_write ul.con_write_c li input[type="text"]{width:100% !important;height:35px;font-size:14px;margin:0 0 5px 0}
	.con_write ul.con_write_c2 li select{width:100% !important;height:35px;font-size:14px;margin:0 0 5px 0}
	.con_write ul.con_write_c2 li input[type="text"]{width:100% !important;height:35px;font-size:14px;margin:0 0 5px 0}
	.con_write ul.con_write_c2 li input[type="password"]{width:100% !important;height:35px;font-size:14px;margin:0 0 5px 0}
	.con_write ul.con_write_c2 li input[type="file"]{width:100% !important;height:35px;font-size:14px;margin:0 0 5px 0}
	.con_write ul.con_write_c2 li textarea{width:100%;height:120px;padding:15px 10px 15px 10px;font-size:14px;line-height:20px}
	.con_write ul.con_write_c2 li .noti{font-size:13px;padding:5px 0 5px 0}
	.con_write ul.con_write_c2 li a.link1{padding:6px 15px 6px 15px;font-size:14px;margin:-6px 0 0 0}
	.con_write ul.con_write_c2 li label{font-size:15px}
	.con_write ul.con_write_c2 li.tit{width:100%;font-size:15px;padding:10px 0 10px 10px}
	.con_write ul.con_write_c2 li.tit label{font-size:15px}
	.con_write ul.con_write_c2 li.desc{width:100%;font-size:14px;padding:0 10px 5px 10px;border-left:0px solid #d9d9d9}
	.con_write ul.con_write_c2 li.desc2{width:100%;min-height:auto;font-size:14px;padding:0 10px 5px 10px;border-left:0px solid #d9d9d9}
	.con_write ul.con_write_c2 li.desc3{width:100%;padding:15px 10px 15px 10px}
	.con_write ul.con_write_c2 li.desc4{width:100%;font-size:14px;padding:0 10px 5px 10px;border-left:0px solid #d9d9d9}
	.con_write ul.con_write_c2 li.desc4 input[type="text"]{width:50% !important;height:35px;font-size:14px;margin:0 0 5px 0}

	.con_view3{border-width:2px 1px 0px 1px;padding:0 0 0 0}
	.con_view3 ul.con_view3_c1 li.tit{width:100%;min-height:auto;color:#333333;font-size:16px;padding:10px 15px 0 15px;background:#ffffff;border:none}
	.con_view3 ul.con_view3_c1 li.desc{width:100%;min-height:auto;font-size:14px;padding:5px 15px 10px 15px;border:none;border-bottom:1px solid #d8d8d8}
	.con_view3 ul.con_view3_c2 li.tit{width:100%;min-height:auto;color:#333333;font-size:16px;padding:10px 15px 0 15px;background:#ffffff;border:none}
	.con_view3 ul.con_view3_c2 li.desc{width:100%;min-height:auto;font-size:14px;padding:5px 15px 10px 15px;border:none;border-bottom:1px solid #d8d8d8}
	.con_view3 ul.con_view3_c2 li:last-child.desc{border-bottom:1px solid #d8d8d8}
	.con_write ul.con_write_c li.desc .class_tcode{display:flex}
	.con_write ul.con_write_c li.desc .kage_wrap .wage{width: 60px !important;text-align: center}
  .con_write ul.con_write_c li.desc #userId{width:60% !important}
	.con_write ul.con_write_c li.desc #zipcode{width:100px !important}
  .con_write ul.con_write_c li select.phone{width:28% !important}
	.con_write ul.con_write_c li input.phone{width:28% !important}
	.con_write ul.con_write_c li input#email_id{width:35% !important}
	.con_write ul.con_write_c li input#mail_dom{width:55% !important}
	.con_write ul.con_write_c li select#mail_select{width:100% !important}
	.con_write ul.con_write_c li input.organ1{width:calc(100% - 110px) !important}
	.con_write ul.con_write_c li input.organ2{width:100px !important}
	.con_write ul.con_write_c li input.add_username{width:calc(100% - 130px) !important}
	.member_join .btn_add_info{left:initial;right:2px}
	.member_join label.care_code br{display:none}
	.board_view_body .view_image img{max-width:100% !important}
}

@media (max-width:640px){
	.m_menu{top:10px}
	#m-header{padding-top:20px;margin-right:0}
	.header .top h1{width:150px}
	.header .top .btnTopSearch{right:40px;width:20px}
	.header .top ul{right:60px}
	.header .top ul li a{height:20px;line-height:20px}
	.list_scroll li a{font-size:14px}
	.visual{min-height:370px !important;padding:65px 25px}
	.visual .card{height:245px;padding:15px}
	.visual .card .title{font-size:22px;margin-bottom:10px}
	.visual .card .details{font-size:14px}
	.visual .card .details .pc{display:none}
	.visual .card .details .mobile{display:block;text-align:left}
	.visual .card .link{margin-top:15px}
	.visual .card .link a{padding:0 15px;height:26px;line-height:26px;font-size:14px}
	#container .main_program .title{font-size:18px}
	.main_program .prg_status a{margin:0 5px;padding:0 10px}
	.main_program .prg_cat li{padding:0 5px}
	.main_program .slider_prg{padding:25px 15px 30px}	
  .slider_prg .prg_slider .swiper-slide{width:100% !important}
  .bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager{bottom:-20px!important}
  .slider_prg .prg_slider .slider_item{border-radius:15px}
   #container .news_section{padding:25px 0}

  .summary .tab_list > li > a.subject.active::before{left:-10px}
  .summary .tab_list > li > a.subject{font-size:15px}
  .summary .tab_data{padding:20px 10px}
  .summary .tab_data > li a, .summary .tab_data > li .news_date{font-size:13px}
  .summary .tab_data > li a, .summary .tab_data > li .news_date{font-size:12px}
  .summary .tab_data > li a, .summary .tab_data > li .news_date{width:calc(100% - 60px);padding-left:10px}
  .summary .tab_data > li .news_date{width:60px}
  .summary .tab_list > li > a.subject.active::after{height:2px}
  #container .news_section .summary{height:220px;border-radius:15px;width:calc(100% - 30px);margin-left:15px;margin-right:15px}
  .summary .tab_list > li a.more{top:15px;right:10px;width:20px;height:20px;background-size:20px}
  #container .news_section .calendar{padding:20px}
  .news_section .calendar .body{background-size:38px 30px}
  .news_section .calendar .top{background-size:40px}
  .news_section .calendar .body li a,.news_section .calendar .body li a strong{font-size:12px;padding-left:30px;line-height:15px}
  .sub_visual,.sub_visual .sub_visual_in{height:67px}
  .sub_visual .sub_visual_in h2{font-size:24px}   
  .con_tit{font-size:18px}
  .con_agree_all{font-size:18px}
  /* 게시판 검색 */
  .board_search fieldset>*{margin:5px 0 0 0}
  .board_search .select_wrap{width:100%}
  .board_search select{width:100%}
  .board_search .board_sch_txt{float:left;width:64%}
  .board_search .board_sch_btn{float:left;width:34%;border-radius:3px;margin-left:2%}
  /* 프로그램목록 */
  /*.program_list .board_list_head{display:none}
  .program_list .board_list_body .body_row:first-child{border-top:1px solid #eee}
  .program_list .board_list_body .body_row{position:relative}
  .program_list .board_list_body .body_row{padding-top:40px}
  .program_list .board_list_body .body_row div.state{display:inline-block;width:80px;line-height:20px;text-align:center;position:absolute;top:15px;left:10px;border-radius:15px;background:#0072bb;color:#fff;font-size:12px}
  .program_list .board_list_body .body_row div.target{float:left;width:auto;font-size:14px}
  .program_list .board_list_body .body_row div.period{float:right;width:auto;font-size:14px;color:#828282}*/
  /* 게시판 목록 */
	.board_list_body .body_row div{display:table-cell;text-align:center;font-size:14px;color:#454545;font-weight:400}
	.board_list div.num,.board_list div.category,.board_list div.hit,.board_list div.writer,.board_list div.file,.board_list div.range,.board_list div.pictogram,.board_list div.accompany{display:none}
	.board_list_body .notice_row .subject .mo_notice{display:inline-block}
	.board_list div.date{width:30%}
  .board_list_head div{display:table-cell;text-align:center;font-size:14px;font-weight:bold;color:#1b1b1b}
  .program_list .board_list div.period,.program_list .board_list div.target{display:none}
  .program_list .board_list div.state{display:table-cell;width:20%}
  /* 프로그램 보기 */
  .program_view #btn_apply{font-size:14px;line-height:30px;padding:0 15px}
  .pagination{margin-top:10px}
  /* 신청내역조회 */
  .apply_list .board_list{overflow-x:auto}
  .apply_list .board_search .select_wrap{margin-top:5px}
  .apply_list .board_search .select_wrap:first-child{margin-top:0}	
	.apply_list .board_list div{letter-spacing:-1px}
  .apply_list .board_list div.prg_kind{width:25%}
  .apply_list .board_list div.student{width:15%}
  .apply_list .board_list div.app_date{width:30%}
  .apply_list .board_list div.reg_date{width:20%}
  .apply_list .board_list div.state{width:10%}
  .apply_list .board_list div.category,.apply_list .board_list div.action{display:none}
  .apply_list .board_list .board_list_head div.state br{display:inline-block}
  .apply_list .board_list .board_list_head div.prg_kind,.apply_list .board_list .board_list_head div.student,.apply_list .board_list .board_list_head div.app_date,.apply_list .board_list .board_list_head div.reg_date{vertical-align:middle}
  
	.scroll_list{overflow-x:auto}
  .scroll_list .board_list_head,.scroll_list .board_list_body{min-width:500px}
  
	/* 노원교육플랫폼 소개 */
  .introduce .intro_box{padding:25px 0;font-size:22px}
	.intro_info{padding-bottom:45px}
  .intro_info p{font-size:18px}
  .intro_info .p2{font-size:22px}
  .intro_info .p2 strong{font-size:28px}
  .intro_program{padding:30px 0 45px}
  .intro_program .intro_title{width:100%;font-size:26px}
  .intro_program ul{width:435px}
	.intro_program ul li{width:165px;padding-top:80px;background-size:40px 40px!important;background-position:50% 30px !important}
	.intro_program ul li:nth-child(4){margin-left:50px;margin-top:-45px}
  .intro_program ul li:nth-child(5){margin-top:-45px}
  .intro_system .intro_title{width:100%;font-size:26px;height:50px}
  .intro_system ul{width:95%}
  .intro_system ul li{width:100%;margin-right:0;margin-bottom:25px}
  .intro_system ul li .top{width:100%;padding:20px 0;margin-bottom:25px}
  .intro_system ul li .top::after{background-size:15px 8px;bottom:-20px}
  .intro_system ul li .body{min-height:auto}
  .location_box .address{font-size:16px}

  .apply_date .data_wrap{padding:15px 5px;min-height:400px}
  .apply_date .apply_date{overflow:hidden;overflow-x:auto}
	.apply_date .date_text{font-size:16px}
	.apply_date .date_head div{padding:5px 2px;font-size:14px}
	.apply_date .dateSel div{padding:5px 2px;min-height:70px}
	.apply_date .dateSel div button{overflow:hidden;font-size:11px;font-weight:400}
	.apply_date #std_select{width:100%;margin-bottom:5px}
	
  .page_top_info,.page_bottom_info{margin-bottom:10px;padding:10px;}
	.page_top_info ul li,.page_bottom_info ul li{font-size:12px;line-height:15px;letter-spacing:-1px}
  .board_search {padding:10px}
  
  .survey_list .board_list div{letter-spacing:-1px}
  .survey_list .board_list div.app_date{width:20%}
  .survey_list .board_list div.state,.survey_list .board_list div.category{display:none}
    
  .survey_wrap dt{padding:10px;font-size:15px;letter-spacing:-0.5px}
  .survey_wrap dd{padding:10px}
  .survey_wrap dd li{padding:5px;font-size:14px}
  .survey_wrap dd li.etc input[type='text']{margin-top:5px}
  .survey_wrap input[type="checkbox"] + label, input[type="radio"] + label{float:left;line-height:20px}
/*  .survey_wrap input[type="checkbox"] + label:before, input[type="radio"] + label:before{top:12px}*/
  
  
  #footer .footer_wrap{padding:15px 10px}
  .footer_menu .link .link_item+.link_item:before{margin:0 5px}
  .footer_menu .link a{font-size:12px;letter-spacing:-1px}
	.footer_menu .address{font-size:12px;letter-spacing:-1px}
	.footer_menu .copyright .tel_mobile{font-size:14px;letter-spacing:-1px}
	.footer_menu .copyright small{font-size:14px;letter-spacing:-1px}
	.footer_menu .copyright{padding:0 80px 0 60px}
	.footer_menu .link a{font-size:12px}
}

@media (max-width:420px){
	.visual{min-height:185px !important;padding:25px 20px}
	.visual .card{height:auto;padding:15px}
	.visual .card::before{background-size:5px 178px;margin-top:-89px}
	.visual .card .title{font-size:18px}
	.visual .card .details{font-size:14px}
	#container .main_program .title{padding-bottom:0}
	.main_program .prg_status a{font-size:12px;height:20px;line-height:18px;border-width:1px }
	.main_program .prg_cat li a{font-size:12px}
	.main_program .prg_status{height:30px;line-height:30px}
	.prg_cat li::after{top:4px}
	.slider_prg .slider-btn{display:none}
	.slider_prg .main_wrap{padding:0}
	.slider_prg .slider-btn a{top:95px;width:25px;height:25px;font-size:16px;line-height:25px}
	.slider_prg .slider-btn a.slider-prev{left:-35px}
	.slider_prg .slider-btn a.slider-next{right:-35px}

	.slider_prg .prg_slider{margin-left:5px}
	.slider_prg .prg_slider .slider_item{padding:15px 15px 15px;min-height:230px}
	.slider_prg .prg_slider .swiper-slide{width:auto}
	.slider_prg .prg_slider .slider_item .status{width:auto;font-size:12px;height:17px;line-height:17px;padding:0 10px}
	.slider_prg .prg_slider .slider_item .body{padding-left:0;padding-right:0}
	.slider_prg .prg_slider .slider_item .subject{font-size:15px;min-height:auto}
	.slider_prg .prg_slider .slider_item .info{height:auto;min-height:72px;font-size:14px}
	.slider_prg .prg_slider .slider_item .date{font-size:12px}
	.slider_prg .prg_slider .slider_item a.btn_go{background-size:15px}
	.slider_prg .prg_slider .slider_item .body{min-height:145px;padding-top:10px;padding-bottom:10px}
	.slider_prg .prg_slider .slider_item .bottom{height:auto;line-height:20px}
	.slider_prg .prg_slider .slider_item a.btn_go{top:0}

	.bx-wrapper .bx-pager.bx-default-pager a{padding:0 2px}

	.news_section .calendar .top{background-size:30px;height:35px;padding-top:5px} 
	.news_section .calendar .btn_prev,.news_section .calendar .btn_next{background-size:25px}
	.news_section .calendar .btn_prev{margin-left:20px}
	.news_section .calendar .month{width:100px;line-height:25px;font-size:18px;padding:0;margin-left:5px;margin-right:5px}
	.news_section .calendar a.more{height:25px}
	.news_section .calendar .body{padding-top:10px} 
	.news_section .calendar .body li{padding-left:45px;font-size:14px}
	.news_section .calendar .body li strong{width:45px;font-size:17px;line-height:1.1}
	.news_section .calendar .body li.empty{font-size:14px}
	
	.sub_visual{background-position:100% 0}
	.sub_visual,.sub_visual .sub_visual_in{height:44px}
  .sub_visual .sub_visual_in h2{font-size:18px}
	#container .news_section .calendar{margin-right:0;height:200px;min-height:155px}
	.con_step{flex-wrap:wrap}
	.con_step_c{flex:1 1 40%;margin-bottom:2px}
	.sub_tab{height:auto;text-align:center} 
	.sub_tab a{min-width:auto;padding:7px} 

	.introduce .intro_box{width:100%;font-size:15px;margin-bottom:20px;padding:15px;border:3px solid #00BBB1}
	.intro_info{padding-bottom:25px}
	.intro_info p{text-align:left;font-size:13px}
	.intro_info .p2{font-size:14px}
	.intro_info .p2 span{display:inline-block}
	.intro_info .p2 strong{font-size:18px}
	.introduce .intro_box br{display:none}
	.intro_program .intro_title{font-size:16px}
	.intro_program ul{width:100%}
	.intro_program ul li{width:115px;height:115px;padding-top:60px;font-size:14px;font-weight:500;background-position:50% 15px !important;background-size:35px 35px !important;letter-spacing:-2px}
	.intro_program ul li:nth-child(4){margin-top:-30px;margin-left:20px}
	.intro_program ul li:nth-child(5){margin-top:-30px}
	.intro_system{background-size:90%}
	.intro_system .intro_title{font-size:18px;padding-top:0;height:25px}
	.intro_system ul li .top{padding:10px;font-size:14px}
	.intro_system ul li .body{font-size:14px}

	.time_list .board_list_head div,.time_list .board_list_body .body_row div{width:calc(100% / 3)}
	.time_list .board_list_head .state{display:none}
	.time_list .board_list_body .body_row{position:relative;padding-bottom:50px}
	.time_list .board_list_body .body_row .state{position:absolute;left:50%;bottom:10px;margin-left:-50px}
	.apply_date .btn_apply{font-size:16px}
	.location_box .address{font-size:15px}
	.tit_h1{font-size:22px}
	.con_info_box div span{font-size:15px !important}
	
	.board_list_head,.board_list_body .body_row{padding:10px 0}
	.btn_program{width:auto;margin-bottom:5px}   
	#container .news_section .calendar{padding:10px 15px}
	.member_join .care_wrap{display:block}

	#btn_change_phone,#btn_change_phone_cancel,#phone_modify_box #newphone,#phone_modify_box #certiNo,#phone_modify_box button{width:100% !important;margin-left:0 !important}
	
	#footer .footer_wrap{padding:15px 0}
	.footer_menu .link a{line-height:20px !important}
	.footer_menu .copyright{position:relative;margin-top:0px;padding:0 40px 0 30px;font-size:12px}
	.footer_menu .address{font-size:10px;font-weight:400;line-height:15px;margin-bottom:0;letter-spacing:-1px}
	.footer_menu .link .link_item+.link_item:before{width:1px;height:10px}
	#footer .logo_nowin{display:none;left:10px;top:50px;width:40px}
	#footer .logo_nep{display:none;right:10px;top:50px;width:50px}
	.footer_menu .copyright2{font-size:9px}
	.footer_menu .copyright .tel_mobile{font-size:11px}
	.footer_menu .footer_top .social{display:none}
	.footer_menu .copyright::before{content:'';position:absolute;left:2px;top:5px;width:25px;height:25px;background:url(../../../images/tong/kps/logo_nowon_footer.png) no-repeat 0 0;background-size:25px}
	.footer_menu .copyright::after{content:'';position:absolute;right:2px;top:5px;width:35px;height:25px;background:url(../../../images/tong/kps/logo_nep_footer.png) no-repeat 0 0;background-size:35px}
}

@media (max-width:320px){
	.main_program .slider_prg{padding-bottom:0}
	.slider_prg .prg_slider .swiper-slide{width:100% !important}
	.slider_prg .prg_slider{padding-bottom: 30px;}
	.intro_message{margin:30px -10px 0;padding-left:10px;padding-right:10px;background-size:576px 233px}
	.intro_message .top{font-size:18px;padding:50px 150px 130px 0}
	.intro_message p{font-size:15px}
  .intro_message .sign{height:80px;margin-top:0;padding-left:10px;font-size:14px}
  .intro_message .sign img{width:40px}
}