@charset "utf-8";

/* 공통 */
.box_info{position: relative;border: 5px #f2f2f2 solid;padding:30px;margin-bottom:30px;}
.box_info strong{font-size: 1.5rem;font-weight: 600;color: #0058c0;}
.box_info.site{background: url('../../images/front/sub/icon_apply02.png') no-repeat 50px 35px #fff;}
.box_info.suggest{font-size:1.5rem;padding: 40px;text-align: center;}
.box_info.suggest strong{font-weight: 600;color: #1971d8;}
.box_info .box_info_in{padding-left: 110px;}
.box_info .box_info_in .tit{font-size: 16px;font-weight: 600;color: #333;margin-bottom: 10px;}
.box_info .box_info_in ul{margin-bottom: 15px}
.box_info .box_info_in li{position: relative;padding-left: 13px;line-height: 140%;}
.box_info .box_info_in li:before{content: "";position: absolute;top: 9px;left: 0;width: 5px;height: 1px;background:#888;}
.box_info .box_info_in .site_img li{padding:3px 13px}
.box_info .box_info_in .site_img li:before{top: 12px;}
.box_info.mail{height: 120px;background: url(../../images/front/sub/icon_mail.png) no-repeat 50px center;}
.box_info.copy{height: 120px;background: url(../../images/front/sub/icon_copyright.png) no-repeat 50px center;}
.box_info.agree .tit{font-size: 20px;padding-top: 20px;}
.box_graph{position: relative;height: 500px;border: 1px #ddd solid;padding: 50px;text-align: center;margin-bottom: 70px;}
.box_graph .tit_graph{position: absolute;top:30px;right:30px;font-size: 13px;}
.box_graph .graph_in{margin-top: 30px;}
.line_box{border: 1px solid #ddd;text-align: center;margin: 2.4rem 0 2rem;padding: 3.2rem 2rem 1.3rem 2rem;}
.text_info{font-size: 17px;line-height: 170%!important;letter-spacing: -0.7px;}
.text_info strong{display: inline-block;font-size: 21px;font-weight: 500;color: #333;margin-bottom: 5px;}

.list_icon{margin-bottom: 60px;}
.list_icon > li{position: relative;font-size: 16px;padding: 4px 0 4px 15px;line-height: 130%;}
.list_icon > li:before{content: "";position: absolute;top:13px;left:0;display: inline-block;width: 5px;height: 5px;border-radius: 50%;background: #ccc;vertical-align: 4px;}
.list_icon > li.icon_non:before{display: none;}
.list_icon > li > ul{margin-top: 10px;}
.list_icon > li > ul > li{font-size: 15px;padding: 2px 0 2px 20px;line-height: 1.5;}
.list_icon > li > ul > li.icon_star02{position: relative}
.list_icon > li > ul > li.icon_star02:before{content: "*";position: absolute;top:0;left:8px;font-size: 20px;color: #ed3f22;}
.list_icon.icon_s > li:before{top:14px;left:5px;width: 3px;height: 3px;background: #222;}
.list_icon.icon_s02{margin-bottom: 0;}
.list_icon.icon_s02 > li{padding: 3px 0 0 15px;}
.list_icon.icon_s02 > li:before{top:10px;left:5px;width: 3px;height: 3px;background: #222;}
.list_icon.icon_s02 a{font-size: 14px;}
.tit_ask{position: relative;font-weight: 400;color: #2680e7;margin-right: 20px;}
.tit_ask:before{content: "";position: absolute;top: 5px;right: -10px;display:inline-block;width: 1px;height: 13px;background:#bcd5f2;}

.excel_area{padding: 30px 0;}
.excel_area p{font-size: 16px;color: #333;margin-bottom: 10px;}
.dropzone .dz-preview .dz-remove{display: inline-block!important;padding: 4px 20px!important;font-size: 13px!important;border: 1px #ddd solid!important;border-radius: 2px!important;margin-top: 5px!important;}

.tit_car{position: relative;font-size: 17px;font-weight: 500;color: #444;padding-left: 40px;margin-bottom: 20px;}
.tit_car:before{content: ""; display: inline-block;position: absolute;top:4px;left:20px;width: 10px;height: 10px;background: #0153bf;}
.tit_car02{font-size: 17px;font-weight: 500;color: #444;padding-left: 10px;}
.tit_state{ padding-left: 5px; font-size:13px;font-weight: 600; color: #f05332}
.tit_state span{ color: #666!important;}
.tit_case{font-weight: 600;color: #0153bf;margin-bottom: 5px;}
.tit_s_orange{ font-size: 12px; color: #f27f22; margin-top: 10px}
.mem_tit_area02 .icon_id{ display: inline-block; background: url('../../images/front/common/search_btn_img.png') no-repeat 0 2px; padding-left: 17px}
.icon_m{ vertical-align: middle!important; color: #ec6b03!important; margin-right: 5px}
.comment_area_n{margin: 5px 0 0 10px;}
	.comment_area_n li{background: url('../../images/front/common/bullet_file_list.png') no-repeat 0 8px; padding-left: 10px; font-size: 14px; line-height: 1.5em!important;}
	.comment_area_n li.font_b{ background: url('../../images/front/common/bullet_file_list.png') no-repeat 0 8px; padding:0 0 0 10px; font-size: 14px; line-height: 1.5em!important; margin-bottom: 20px}
.icon_dday{ font-size: 12px; color: #f05332; border: 1px solid #f05332; padding: 2px 5px; margin-left: 5px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;}
.file_area li{ display: block; margin: 2px; font-size: 0.89em; letter-spacing: -0.03em;}
.file_area li a{ color: #1b3b95}
.btn_list_more{ margin-top: 20px; text-align: center}
.btn_list_more a{ display: inline-block; font-weight: 600; color: #555; border:1px #777 solid; padding: 10px 20px 7px 30px; border-radius: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px; vertical-align: middle}
.btn_list_more a i{vertical-align: middle}
.tit_pad{ padding: 13px!important;}
.tit_pad i{ vertical-align: middle; padding-right: 5px}
.tit_pad .pop_tit span{ vertical-align: middle}
.editor_q{padding: 30px;}
.editor{ margin-bottom: 90px}
.download{display: inline-block;padding: 5px 0}
.download img{vertical-align: middle;margin-right: 5px;}
.tit_message{position: relative;height:65px;border: 1px #dd5555 solid;border-radius: 10px;margin-bottom: 20px;padding: 20px 0 20px 65px}
.tit_message:before {content:"";position:absolute;top:18px;left:28px;width:26px;height:25px;background: url('../../images/front/icon/icon_message.png') no-repeat 0 0;}
.icon_star{font-size: 18px;color: #f75f5f;margin-right: 3px}
.icon_new{display: inline-block;vertical-align: middle;padding-left: 5px;}
.box_line{position:relative;border: 1px #ddd solid;padding: 50px 0;margin-bottom:30px;text-align: center;}
.box_line .tit{font-size: 16px;color: #333;line-height: 150%;padding-left: 110px;}
.pop_file{border: 1px #ddd solid;margin-top: 30px}
.pop_apply_txt{line-height: 150%}
.pop_apply_txt img{width: 100%;}
.text_agree{font-size: 15px;line-height: 140%;}

/* 교육메인 */
.main_contents.course_wrap{margin-bottom: 50px;}
.main_contents.course_wrap h2{font-size: 1.63rem;font-weight: 600;color: #333;margin-bottom: 25px;}
.main_contents.course_wrap .mcon_bottom h2{font-size: 1.38rem;margin-bottom: 10px;}
.main_contents.course_wrap .couse_bg{background: #f1f3f7;padding-top: 50px;margin-bottom: 50px;}
.main_contents.course_wrap .btn_control{position: absolute;top: 0;right: 0;}
.main_contents.course_wrap .btn_control .Btn_prev{position: static;float: left;margin-right: 10px;}
.main_contents.course_wrap .btn_control .Btn_next{position: static;float: left;}
.main_contents.course_wrap .mcon_bottom.style01 .news_wrap .box{height: auto;}
#edu_targetClass_list{margin-bottom: 60px;}

.category_list{overflow: hidden;height: 70px;border-bottom: 1px #ddd solid;margin-bottom: 50px;margin-top: -40px;background: #fff;}
.category_list .category_list_in{max-width: 1440px;margin: 0 auto;font-size: 1.13rem;}
.category_list .tit{display: inline-block;float: left;width: 145px;height: 70px;font-weight: 600;color: #fff;padding: 22px 0 0 43px;margin-right: 20px;background: url('../../images/front/icon/icon_list.png') no-repeat 25px center #6200ea;}
.category_list ul{overflow: hidden;float: left;}
.category_list li{float: left;}
.category_list li a{position: relative;display: inline-block;padding: 23px 20px 22px 20px;}
.category_list li a::after{bottom: 0;left: 50%; height: 3px; width: 0; background: #6200ea; position: absolute; content:""; transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; z-index: 5;}
.category_list li.on a::after, .category_list li a:hover::after{width: 100%; left: 0;}
.category_list li.on a{font-weight: 600;color: #6200ea;}

.course_listView .bx-wrapper{padding-bottom: 50px;}
.course_list{overflow: hidden;}
.course_list .box{position: relative;float:left;width: 330px!important;margin: 0 15px!important;}
.tag{position: absolute;top:10px;right:10px;display: inline-block;height: 35px;border-radius: 50px;font-size: 0.9rem;font-weight: 500;color: #fff;line-height: 35px;padding: 0 15px;}
.c01{background: #2177da;}
.c02{background: #5440ce;}
.c03{background: #d42076;}
.c04{background: #0086bd;}
.c05{background: #00b1a7;}
.c06{background: #2177da;}
.c07{background: #5440ce;}
.c08{background: #d42076;}
.c09{background: #0086bd;}
.c10{background: #00b1a7;}
.course_list .box .img_photo{height: 200px;margin-bottom: 15px;background-color: #ddd;border-radius: 20px;}
.course_list .box .img_photo img{width: 100%;height: 100%;border-radius: 20px;}
.course_list .box .tit_area .tit{display: inline-block;width: 90%;height: 50px;font-size: 1.25rem;font-weight: 500;color: #333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical;word-wrap:nomal;word-break: keep-all;line-height: 1.2em;margin-bottom: 10px;}
.course_list .box .tit_area .date{display: block;color: #777;padding: 2px 0;}
.course_list.year .box .tag{width: 50px;height: 50px;background: #06b49d;line-height: 50px;text-align: center;padding: 0;}
.course_list.target_class_loc .box{margin-bottom: 50px!important;}
.course_wrap .year_select{position: absolute;top:0;right:0;width: 300px;}
.main_contents.course_wrap .mcon_bottom.style01 .box.help{padding-left: 220px;float: right;width: 48.5%;background: url('../../images/front/sub/img_help.jpg') no-repeat 0 bottom;}
.help .tel{font-size: 1.75rem;font-weight: 600;color: #6200ea;}

/* 교육상세 */
.content.course_wrap{float: none;width: 100%;max-width: 1440px;min-height: 500px;margin: 0 auto 80px auto;}
.content.course_wrap .tit_course{position: relative;margin-bottom: 30px;}
.content.course_wrap .tit_course .tit{width: 80%;font-size: 1.63rem;font-weight: 600;color: #222;}
.content.course_wrap .tit_course .btn_course{position: absolute;top:-100px;right:0;}
.content.course_wrap .content_area{overflow: hidden;}
.course_info_area{float: left;width: 74%;}
.course_info_area .box{overflow: hidden;border: 1px #ddd solid;border-radius: 20px;padding: 35px 3.5%;margin-bottom: 60px;}
.course_info_area .box .img_photo_area{position: relative;float: left;width: 33.333%;padding:0;}
.course_info_area .box .img_photo_area .img_photo{display: block;overflow: hidden;position: relative;z-index: 0;height: 0;padding-top: 62%;background-color: #ddd;border-radius: 20px;}
.course_info_area .box .img_photo_area .img_photo img{position: absolute;top: 0;left: 0;z-index: -1;width: 100%;min-height: 100%;}
.course_info_area .box .tbl_course{float: right;width: 62%;text-align: left;border-top: 1px #ddd solid;}
.course_info_area .box .tbl_course th{font-weight: 600;color: #333;background: #f1f3f7;border-bottom: 1px #ddd solid;padding: 10px 10px 10px 20px;}
.course_info_area .box .tbl_course td{border-bottom: 1px #ddd solid;padding: 10px;}
.course_info_area .course_info_area .course_info_con{}
.course_info_area .course_info_con .title{font-size: 1.5rem;font-weight: 600;color: #333;}
.course_info_area .course_info_con .course_con{line-height: 1.6;padding: 40px 0;border-bottom: 1px #ddd solid;margin-bottom: 60px;}
.course_button_area{overflow: hidden;float: right;width:23%;margin-bottom: 30px;border: 1px #062282 solid;border-radius: 20px;}
.course_button_area dl{overflow: hidden;padding: 40px 25px 37px 25px;}
.course_button_area dt{position: relative;float: left;width: 95px;font-size: 1rem;font-weight: 600;color: #222;padding: 5px 0 5px 10px;}
.course_button_area dt::before{content: "";display: inline-block;position: absolute;top:15px;left:0;width: 3px;height: 3px;background: #062282;border-radius: 50%;}
.course_button_area dd{padding: 5px 0;}
.course_button_area .btn_learn{display: block;height: 75px;text-align: center;background: #062282;}
.course_button_area .btn_learn span{position: relative;display: inline-block;font-size: 1.38rem;font-weight: 500;color: #fff;line-height:75px;padding-left: 45px;}
.course_button_area .btn_learn span::before{content: "";display: inline-block;position: absolute;top:35%;left:0;width: 34px;height: 26px;background: url('../../images/front/icon/icon_learn.png') no-repeat center center}
.detail_tbl_list{text-align: center;border-top: 1px solid #1c47b2;}
.detail_tbl_list th{padding: 13px;font-weight: 600;color: #222;border-bottom: 1px solid #ddd;background: #f1f3f7;}
.detail_tbl_list td{padding: 13px 0; border-bottom: 1px solid #ddd;}
.detail_tbl_list .tit_course{text-align: left;}

/* 교육사업소개 */
.content_area .cont_box .edu_img {position: relative; padding: 75px 20px;}
.content_area .cont_box .edu_img::before {content: ''; position: absolute; top: 0; left: 0; width:100%; height: 260px; background: url('../../images/front/sub/img_edu01.png') no-repeat center center; z-index: -1;}
.content_area .cont_box .edu_img p {font-size: 1.25rem; color: #fff; text-align: center; line-height: 140%;}
.content_area .cont_box .edu_img p:first-child {padding-bottom: 25px;}
.content_area .cont_box .edu_img p strong {margin-bottom: 25px; font-size: 1.75rem; font-weight: 600; color: #fff;}
.content_area .cont_box .edu_txt {margin-top: 40px;}
.content_area .cont_box .edu_txt p {font-size: 1rem; color: #666; text-align: center;}
.content_area .cont_box .edu_txt p span {font-weight: 500; color: #222;}
.content_area .cont_box.bg_gray {padding: 40px; background-color: #f1f3f7;}
.cont_tab.tab2 {margin-bottom: 30px;}
.cont_tab.tab2 ul li {width: 16.66%;}
.cont_tab.tab2 ul li a {padding: 20px 0px;}
.cont_box .cont_box_in.edu_icon {margin-bottom: 15px;}
.cont_box .cont_box_in.edu_icon:last-child {margin-bottom: 0px;}
.cont_box .cont_box_in.edu_icon > span {position: relative; float: left; font-size: 0;}
.cont_box .cont_box_in.edu_icon > span::before {content: ''; position: absolute; top: 0; left: 0; width: 110px; height: 110px; margin-top: -5px; border-radius: 50%; background: url('../../images/front/sub/icon_edu01.png') no-repeat center center; background-color: #f6f7fa;}
.cont_box .cont_box_in.edu_icon:nth-child(2) > span::before {margin-top: -15px; background: url('../../images/front/sub/icon_edu02.png') no-repeat center center; background-color: #f6f7fa;}
.cont_box .cont_box_in.edu_icon:nth-child(3) > span::before {margin-top: -15px; background: url('../../images/front/sub/icon_edu03.png') no-repeat center center; background-color: #f6f7fa;}
.cont_box .cont_box_in.edu_icon:nth-child(4) > span::before {background: url('../../images/front/sub/icon_edu04.png') no-repeat center center; background-color: #f6f7fa;}
.cont_box .cont_box_in.edu_icon:nth-child(5) > span::before {margin-top: -5px; background: url('../../images/front/sub/icon_edu05.png') no-repeat center center; background-color: #f6f7fa;}
.cont_box .edu_icon ul li {position: relative; padding: 3px 0; padding-left: 12px; font-size: 1rem; color: #666; line-height: 140%;}
.cont_box .edu_icon ul li::before {content: ''; position: absolute; top: 0; left: 0; width: 5px; height: 5px; margin-top: 12px; border-radius: 50%; background-color: #1971d8;}
.cont_box .edu_icon ul li.on a, .cont_box .cont_box_in ul li:hover a {text-decoration: underline; color: #1971d8;}
.cont_box .edu_icon .e_file {padding: 10px; border: 1px solid #e5e5e5; background-color: #f4f5f9;}
.cont_box .edu_icon .e_file > a {position: relative; padding-left: 30px;  font-size: 0.9375rem; color: #666;}
.cont_box .edu_icon .e_file > a::before {content: ''; position: absolute; top: 0; left: 0; width: 15px; height: 16px; margin-top: 3px; margin-left: 5px; background: url('../../images/front/sub/icon_e_down.png') no-repeat center center;}

/* CellDB */
.search_wrap{position: relative;background: #f1f5fc;border-radius: 20px;padding: 40px;margin-bottom: 60px;}
.search_wrap .search_top{position: relative;width: 65%;height: 48px;margin: 0 auto;text-align: center;border: 2px #0f296c solid;background: #fff;text-align: left;}
.search_wrap .search_top select{border: none;width: 15%;height: 100%;}
.search_wrap .search_top input{border: none;width: 70%;height: 100%;}
.search_wrap .search_top button{position: absolute;top:0;right:0;height: 100%;font-size: 16px;font-weight: 500;padding: 0 15px 0 40px;background:url('../../images/front/icon/top_search.png') no-repeat 15px center #0f296c;}
.search_wrap .search_detail{margin-top: 40px;}
.search_wrap .category ul{display: flex; justify-content: space-between; align-items:center;width:calc(100% - 20%);}
.search_wrap .category li {}
.search_wrap .category li a{display: block; position: relative;font-size: 1.125rem; padding: 0 15px 13px 15px; text-align: center;}
.search_wrap .category li.on a, .search_wrap .category li:hover a{font-weight: 600;color: #000;}
.search_wrap .category li a::after{bottom: 0;left: 50%; height: 4px; width: 0; background: #1971d8; position: absolute; content:""; transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; z-index: 5;}
.search_wrap .category li.on a::after, .search_wrap .category li a:hover::after{width: 100%; left: 0;}
.search_wrap .category_s{border: 1px #ddd solid;background: #fff;padding: 20px 30px;margin-bottom: 20px;}
.search_wrap .category_s02 a{display: inline-block;height: 35px;color: #fff;line-height: 33px;background: #1971d8;border-radius: 50px;padding: 0 10px 0 15px;margin-right: 5px;}
.search_wrap .category_s02 a .del{display: inline-block;font-size: 0;width: 20px;height: 20px;background:url('../../images/front/icon/icon_close_s02.png') no-repeat center center;margin-left: 5px;vertical-align: middle;}
.search_wrap .btn_detail{position: absolute;bottom:-18px;right:25px;border: 1px #ddd solid;border-radius: 30px;background:#fff;box-shadow: 0px 3px 9px 0.3px rgb(157 157 157 / 40%);padding: 5px 15px 5px 17px;}
.search_wrap .btn_detail span{position: relative;font-size: 14px;font-weight: 500;color: #555;line-height: 28px;padding-right: 22px;}
.search_wrap .btn_detail span:before{content:"";position:absolute;right:0;top:7px;width:13px;height:8px;background:url('../../images/front/icon/arr_down_s.png') no-repeat 0 0;transition: transform .5s;}
.search_wrap .btn_detail.on span:before{transform: rotate(180deg);}

.chk_list li{display:inline-block;margin-right: 25px;}
.chk_list li input{margin-right: 5px;}
.chk_list li:last-child{margin-right:0}
.chk_st{display: inline-block;}
.chk_st input[type="radio"],
.chk_st input[type="checkbox"]{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(1px,1px,1px,1px)}
.chk_st input[type="checkbox"]+label{position:relative;padding-left:30px;color:#555}
.chk_st input[type="checkbox"]+label:before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;font-size:1.4rem;line-height:1.6rem;background:#fff;border:1px solid #bbb;text-align:center}
.chk_st input[type="checkbox"]:checked+label:before{content:"";background:url('../../images/front/icon/icon_check.png') no-repeat center center #1971d8;border: 1px #0965d1 solid;}
.chk_st input[type="radio"]{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(1px,1px,1px,1px)}
.chk_st input[type="radio"]+label{position:relative;padding-left:30px;font-weight:300;color:#555}
.chk_st input[type="radio"]+label:before{content:"";position:absolute;left:0;top:1px;width:22px;height:22px;font-size:1.4rem;line-height:1.6rem;background:#fff;border:1px solid #bbb;text-align:center;border-radius: 100%;}
.chk_st input[type="radio"]:checked+label:before{content:"";background:url('../../images/front/icon/icon_radio.png') no-repeat center center #fff;border:1px solid #a72f2e}

/* 인포그래픽 */
.graph_wrap{border: 1px #e3e3e3 solid;margin-bottom: 25px;}
.graph_wrap .head_type3{height: 65px;background: #f5f7fa;}
.graph_wrap .head_type3 span{position: relative;display: inline-block;font-size: 24px;font-weight: 500;color: #111;padding: 19px 0 0 25px;}
.graph_wrap .head_type3 span:before{content: ""; display: inline-block;position: absolute;top:13px;left:-1px;width: 2px;height: 35px;background: #406fd9;}
.graph_wrap .graph_top{position: relative;padding: 50px 40px;}
.graph_wrap .graph_top .graph_sch{position: absolute;top:50px;right:40px;}
.graph_wrap .graph_top .graph_sch button{display: inline-block;background: #346cc9;border-radius: 5px;vertical-align: top;}
.graph_wrap .graph_top .graph_sch .btn.sch_re{width: 34px;height: 34px;text-indent: -99999999px;background: url('../../images/front/icon/icon_refresh.png') no-repeat center center #346cc9;}
.graph_wrap .graph_top .graph_sch .calendar_area{overflow: hidden;display: inline-block;margin-right: 5px;}
.graph_wrap .graph_top .graph_sch .calendar_area .cal_box{position: relative;float: left;width: 130px;border: 1px #ddd solid;border-radius: 3px;}
.graph_wrap .graph_top .graph_sch .calendar_area .cal_box input.datepicker.hasDatepicker{border: none;width: 100%;background: #fff;}
.graph_wrap .graph_top .graph_sch .calendar_area .cal_box .ui-datepicker-trigger{position: absolute;top:8px;right:10px;cursor: pointer;}
.graph_wrap .graph_top .graph_sch .calendar_area .wave{float: left;padding: 7px}
.graph_wrap .graph_top .graph_sch .date_area{overflow: hidden;display: inline-block;margin-right: 5px;}
.graph_wrap .graph_con{text-align: center;}
.graph_wrap .graph_top .totalCntWrap .totalCnt{position:relative;float:right;font-size: 15px;margin-top:-60px;padding-left: 10px;}
.graph_wrap .graph_top .totalCntWrap .totalCnt strong{font-weight: 500;color: #000;padding-left: 3px;}
.graph_wrap .graph_top .totalCntWrap .totalCnt:before{content: '.';position:absolute;top:-4px;left:0;font-weight:600;}
.graph_wrap .graph_con .region_chart{margin: 0 auto;width: 100%;height: 600px;}
.graph_wrap .graph_con .bar_chart{margin: 0 auto;width: 100%;height: 600px;}
.graph_wrap .graph_con .pie_chart{margin: 0 auto;width: 100%;height: 700px;}
.graph_wrap .graph_con .dual_chart{margin: 0 auto;width: 100%;height: 500px;}

.graph_list{overflow: hidden;padding-bottom: 20px;}
.graph_list .list_num{font-size: 14px;text-align: right;}
.graph_list .list_num span{color: #e86800;font-weight: 600;}
.graph_list li{position: relative;float: left;width:31.9%;margin: 1% 2% 1% 0;text-align:center;}
.graph_list li:before{content: '';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border: 1px #e4e4e4 solid;border-radius: 10px;}
.graph_list li:hover:before{border: 2px #3b71c9 solid;box-shadow: 7px 7px 7px 0 rgb(0 0 0 / 10%);}
.graph_list li:nth-child(3), .graph_list li:nth-child(6), .graph_list li:nth-child(9), .graph_list li:nth-child(12){margin-right: 0;}
.graph_list .list_box a{position: relative;display: block;height: 130px;text-align: left;padding: 30px 0 0 35px;}
.graph_list .list_box a:before{content: '';display:block; position:absolute;top:38%;right:0;width:58px; height:40px;background: url('../../images/front/sub/icon_graph_list.png') no-repeat 0 0;}
.graph_list .list_box a p{font-size: 21px;font-weight: 600;margin-bottom: 10px;}
.graph_list .list_box a span{display: inline-block;width: 60%;font-size: 15px;color: #888;line-height: 130%;}

.ui-widget-header{font-size: 14px!important;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{width: 35%!important;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{font-family: Noto Sans KR, '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif!important;}
.ui-datepicker .ui-datepicker-title select{font-size: 14px!important;}
.ui-datepicker .ui-datepicker-buttonpane button{font-size: 14px!important;}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary{font-weight: 500!important;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top: 7px!important;}
.ui-widget-header a{color: #132e5a!important;}

/* 지원사업 */
.contact_area{overflow: hidden}
.contact_area .contact_box{position: relative;float: left;width: 49%;height: 200px;border: 1px #dadde1 solid;border-radius: 5px;padding: 20px 0;margin-bottom: 25px;margin-right: 2%;}
.contact_area .contact_box:before{content: '';display:block; position:absolute;top:40px;left:45px;width:124px; height:124px; border-radius:100px; background:#f2f3f8;}
.contact_area .contact_box:after{content: '';display:block; position:absolute;top:80px;left:78px; width:58px; height:40px;background: url('../../images/front/sub/icon_info03.png') no-repeat 0 0;}
.contact_area .contact_box p, .contact_area .contact_box ul{padding-left: 205px;}
.contact_area .contact_box .tit01{font-size: 16px;font-weight: 300;color: #2576ef;margin: 20px 0 8px 0;}
.contact_area .contact_box .tit02{font-size: 22px;font-weight: 600;color: #001f5f;margin-bottom: 20px;}
.contact_area .contact_box li{line-height: 120%;}
.contact_area .contact_box li a{font-size: 16px;color: #666;}
.contact_area .contact_box .tit_ask{color: #666;}
.contact_area .contact_box:nth-child(2n){margin-right: 0;}
.list_type01{border-top: 2px #303548 solid;margin-bottom: 50px;}
.list_type01 dl{overflow: hidden;border-bottom: 1px #ededed solid;}
.list_type01 dt{position: relative;float: left;width: 13%;font-weight: 600;color: #222;line-height: 44px;margin-left: 30px;padding-left: 10px;}
.list_type01 dt:before{content: '';position: absolute;top: 48%;left: 0;width: 3px;height: 3px;border-radius: 100%;background: #022263;}
.list_type01 dd{float: left;line-height: 44px;}
.list_type01 dl:nth-child(3) dd:nth-child(2), .list_type01 dl:nth-child(4) dd:nth-child(2){line-height: normal!important;width:60%;padding-top:8px;}
.list_type01 dl:nth-child(3) dd:nth-child(3), .list_type01 dl:nth-child(4) dd:nth-child(3){line-height: normal!important;width:100%;padding-left: 163px;padding-bottom: 10px;margin-top: -5px;}
.list_type01 dd strong{font-weight: normal;color: #111;}

.suppot_area{overflow: hidden;margin-bottom: 50px;}
.suppot_area .suppot_box{position: relative;float: left;width: 23%;min-height: 410px;margin: 0 1%;border: 1px #dadde1 solid;}
.suppot_area .suppot_box:before{content: '';position: absolute;top: 80px;left: 50%;display: block;width: 124px;height: 124px;margin-left: -62px;}
.suppot_area .suppot_box:nth-child(1):before{background: url('../../images/front/sub/icon_support01.png') no-repeat 0 0;}
.suppot_area .suppot_box:nth-child(2):before{background: url('../../images/front/sub/icon_support02.png') no-repeat 0 0;}
.suppot_area .suppot_box:nth-child(3):before{background: url('../../images/front/sub/icon_support03.png') no-repeat 0 0;}
.suppot_area .suppot_box:nth-child(4):before{background: url('../../images/front/sub/icon_support04.png') no-repeat 0 0;}
.suppot_area .suppot_box .tit{height: 48px;background: #0179e4;text-align: center;font-weight: 600;color: #fff;line-height: 48px;}
.suppot_area .suppot_box .tit02{font-weight: 600;color: #222;}
.suppot_area .suppot_box .suppot_in{padding-top: 175px;margin: 0 5% 0 11%;}
.suppot_area .suppot_box .suppot_in .list_icon.icon_b{margin: 0;}
.head_type4 .tit_point{display: inline-block;min-width: 78px;font-size: 15px;color: #00b1d0!important;border: 1px #00b1d0 solid;padding: 5px 10px;margin-right: 10px;border-radius: 4px;text-align: center;}
.suppot_graph{margin-bottom: 60px;text-align: center;}

.business_list{ overflow: hidden; border-top: 2px #333 solid }
.business_list li{position:relative;overflow:hidden;padding: 30px;border-bottom:1px solid #ddd;}
.business_list li dl{overflow: hidden;}
.business_list li dl dt{float: left;margin-right: 10px;}
.business_list li dl dd{float: left;margin-right: 30px}
.business_list li .b_btn button{display:inline-block;height:42px;min-width:120px;padding:0 25px;margin-left:10px;line-height:40px;text-align:center;font-size:15px;font-weight:500;color:#3b71c9;vertical-align:middle;border: 1px #3b71c9 solid;transition: all 0.2s}
.business_list li .b_btn button:hover{color: #fff;background: #3b71c9;}
.business_list li .b_btn .end{display: inline-block;height:42px;min-width:120px;padding:0 25px;margin-left:10px;line-height:40px;text-align:center;color:#fff;font-size:15px;vertical-align:middle;background: #999;}
.business_list .b_con{ float: left;line-height: 140%;}
.business_list .b_con a{display: inline-block;margin-bottom: 5px;}
.business_list .b_con .title{display:inline-block;font-size:18px; font-weight: 400; color: #111;vertical-align: middle;}
.business_list .b_con .icon_tag{display:inline-block;min-width: 50px;height:30px;font-size: 14px;font-weight: 400;color: #fff;line-height:30px;text-align: center;padding: 0 8px;margin-right:5px;background: #11a1bf;border-radius: 3px;vertical-align: middle;}
.business_list .b_btn{float: right;margin-top: 10px;}
.business_list .non_tit_area02{ text-align: center; padding: 35px 0 40px 0}
.business_list .non_tit_area02 .img_non{display:inline-block;text-align: center; margin-bottom: 15px}
.business_list .non_tit_area02 .non_tit{margin-bottom: 15px; color: #333}
.business_list .non_tit_area02 .btn_area button{display:inline-block;border:1px #ddd solid;border-radius:1px;padding: 8px 10px;}

/* 정책동향01 */
.content_area .cont_box .cont_l {float: left; width: 25%;}
.content_area .cont_box .cont_l > p {position:relative; font-size: 2.5rem; font-weight: 300; color: #222; letter-spacing: -1.5px;}
.content_area .cont_box .cont_l > p::before {content: ''; position: absolute; bottom: 0; left: 0; width: 45px; height: 3px; margin-left: 230px; margin-bottom: 10px; background-color: #222;}
.content_area .cont_box .cont_l > p span {font-weight: 600;}
.content_area .cont_box .cont_r {float: right; width: 71%;text-align: justify;}
.content_area .cont_box .cont_r > p {margin-top: 30px; font-size: 1rem; color: #555;}

/* 정책동향02 */
.cont_box .cont_box_in {margin-bottom: 20px; padding: 40px 50px; border: 1px solid #ddd; border-radius: 20px; background-color: #fff;}
.cont_box .cont_box_in .rch_icon {position:relative; float: left; width: 139px; padding-top: 155px; text-align: center;}
.cont_box .cont_box_in .rch_icon span {font-size: 1.25rem; color: #444;}
.cont_box .cont_box_in .rch_icon::before {content: ''; position: absolute; top: 0; left: 0; width: 139px; height: 139px; background: url('../../images/front/sub/img_research02.png') no-repeat center center;}
.cont_box .cont_box_in:nth-child(3) > p::before {background: url('../../images/front/sub/img_research03.png') no-repeat center center;}
.cont_box .cont_box_in:nth-child(4) > p::before {background: url('../../images/front/sub/img_research04.png') no-repeat center center;}
.cont_box .cont_box_in .cont_box02 {margin-left: 200px;text-align: justify;}
.cont_box .cont_box_in .cont_box02 p {margin-bottom: 30px;}
.cont_box .cont_box_in p {font-size: 1rem; color: #666; line-height: 140%;text-align: justify;}
.cont_box sup a {font-size: 0.8125rem; font-weight: 600; color: #d42076;}

/* 정책동향03 */
.p_src p {font-size: 0.8125rem;}
.p_src p span {display: inline-block; padding-right: 5px; font-weight: 600; color: #d42076;}

/*기관소개*/
.content_area .tit {margin-top: 3%; margin-bottom: 1%; line-height: 1.4; color: #272727;font-weight: 600; font-size: 1.5rem;}
.content_area .cont_tit {position: relative; margin-top: 5px; margin-bottom: 50px; padding-top: 55px; padding-left: 70px;}
.content_area .cont_tit::before {content: ''; position: absolute; width: 100%; height: 286px; top: 0; left: 0; background: url('../../images/front/sub/img_introduction01.png') no-repeat center; z-index: -1;}
.content_area .cont_tit .tit {margin-bottom: 30px; font-size: 1.875rem; font-weight: 600; color: #062282;}
.content_area .cont_tit .tit span {padding-bottom: 10px; border-bottom: 2px solid #062282;}
.content_area .cont_tit .txt {font-size: 1.125rem; font-weight: 500; color: #3f3f3f; line-height: 1.5;}
.content_area .cont_tit img {display: none;}
.content_area .cont_txt {margin-bottom: 50px; padding: 0 35px;}
.content_area .cont_txt	.txt {padding-bottom: 20px; line-height: 1.4; font-size: 1.06rem; color: #626262;}
.content_area .p_fr {float: right; font-size: 1.125rem; font-weight: 500; color: #343434;}
.content_area .introduce .cont_txt {text-align: justify;margin-bottom: 0px;padding-top: 50px;}
.content_area .introduce {overflow: hidden; margin-bottom: 80px;}

/*연혁*/
.his .his_in {overflow: hidden; width: 100%; margin-left: 3%;}
.his .his_in li {position: relative; float: left; width: 33%; margin-top: 70px; padding: 70px 0 0 10px; border-top: 1px solid #c0c0c0;}
.his .his_in li:nth-child(3) {border-top: none;}
.his .his_in li::before {content: ''; position: absolute; top: 0; left: 0; width: 136px; height: 136px; margin-top: -70px; background: url(../../images/front/sub/img_introduction02_1.png);}
.his .his_in li:nth-child(2)::before {background: url(../../images/front/sub/img_introduction02_2.png);}
.his .his_in li:nth-child(3)::before {background: url(../../images/front/sub/img_introduction02_3.png);}
.his .his_in li .h_year {position: relative; padding-bottom: 10px; font-size: 2.6875rem; font-weight: 600; color: #1971d8;}
.his .his_in li .h_mth {padding-left: 5px; font-size: 1.375rem; font-weight: 400; color: #203050;}
.his .his_in li .h_in {font-size: 1rem; color: #555; line-height: 1.4;}

/*미션및비전*/
.content_area .mnv_area {position: relative; margin: 5% 0; text-align: center;}
.content_area .mnv_area::before {content: ''; position: absolute; top: 0; left: 0; margin-top: 175px; width:100%; height: 580px; background: url(../../images/front/sub/img_introduction03.png) no-repeat center; z-index: -2; background-size: 95%;}
.content_area .mnv_area .mnv_tit {display:inline-block; padding: 7px 30px; border: 1px solid #ddd; background: #fff; font-size: 1.1875rem; font-weight: 600; color: #272727;}
.mnv_area .mission {display: inline-block; position: relative; margin-bottom: 100px;}
.mnv_area .mission::after {content: ''; position: absolute; top:0; left: 0; width: 380px; height: 288px; margin-left: -100px; background: url(../../images/front/sub/img_introduction04.png) center no-repeat; z-index: -1; background-size: 90%;}
.mnv_area .mission .mnv_tit {margin: 50px 0 30px 0; border: none; background: none; color: #fff;}
.mnv_area .mission p {position: relative; font-size: 1.625rem; font-weight: 600; color: #fff;}
.mnv_area .vision {margin-bottom: 80px;}
.mnv_area .vision .mnv_tit {margin-top: 20px;}
.mnv_area .vision p {width: 60%; margin: -20px auto 0 auto; border: 5px solid #164375; border-radius: 50px; background-color: #fff; padding: 30px; font-size: 1.625rem; font-weight: 600; color: #163475;}
.mnv_area .value .mnv_tit {margin-bottom: 10px;}
.mnv_area .value ul li {display: inline-block; width: 22%; margin: 0 5px; vertical-align: middle;}
.mnv_area .value ul li p {margin-bottom: 5px; padding: 17px 0px; background: #3240ce; border-radius: 50px; font-size: 1.125rem; font-weight: 600; color: #fff;}
.mnv_area .value ul li:nth-child(2) p {background: #1265d3;}
.mnv_area .value ul li:nth-child(3) p {background: #0075bf;}
.mnv_area .value ul li:nth-child(4) p {background: #0090a9;}
.mnv_area .value ul li span {display: flex; justify-content: center; align-items: center; width: 100%; min-height: 130px; padding: 30px 55px; border: 2px solid #4754db; border-radius: 25px; background: #fff; font-size: 1.125rem; color: #2b2b2b; word-break: keep-all;}
.mnv_area .value ul li:nth-child(2) span {border: 2px solid #1265d3;}
.mnv_area .value ul li:nth-child(3) span { border: 2px solid #0075bf;}
.mnv_area .value ul li:nth-child(4) span {border: 2px solid #0090a9;}

/*조직도*/
.content_area .org_area {padding-bottom: 70px; }
.content_area .org_area .org01 {margin: 0 auto; padding-bottom: 30px;}
.org01 .org_arrow {position:relative;}
.org01 .org_arrow::before {content: ''; position: absolute; width: 100%; height: 502px; margin-top: 20px; background: url(../../images/front/sub/img_introduction06.png) center no-repeat; z-index: -1;}
.org01 .org_arrow .org_in01 {overflow:hidden; width: 100%; margin-bottom: 40px; text-align: center;}
.org01 .org_arrow .org_in01 p {width: 139px; height: 139px; margin: 0 auto; border-radius: 50%; font-size: 1.5rem; font-weight: 600; color: #fff; text-align: center; line-height: 139px; background-color: #203e8a;}
.org01 .org_arrow .org_in01 p:nth-child(1) {margin-bottom: 40px;}
.org01 .org_arrow .org_in02 {width: 30%; margin: 0px auto 60px auto; padding: 15px 0; border: 4px solid #344d8a; border-radius: 30px; background-color: #fff;}
.org01 .org_arrow .org_in02 p {font-size: 1.06rem;font-weight:600;color: #344d8a; text-align: center;}
.org01 .org_list {margin: 0 auto; width: 87%;}
.org01 .org_list .org_list_in {overflow: hidden;}
.org01 .org_list .org_list_in>li {float: left;width: 32%;margin-left: 2%;border: 1px solid #ddd;}
.org01 .org_list .org_list_in>li:first-child {margin-left: 0px;}
.org01 .org_list li .org_team {padding: 18px 0;background-color: #2177da; text-align: center; font-size: 1.1rem; font-weight: 500; color: #fff;}
.org01 .org_list li ul {width: 100%; padding: 35px 0; min-height: 180px;}
.org01 .org_list li ul li {position: relative;font-size: 1.063rem;margin-left: 25px; padding: 0 40px 0 15px;line-height: 140%; word-break: keep-all;}
.org01 .org_list li ul li::before {content: ''; position: absolute; top: 10px; left: 0; width: 5px; height: 5px; border-radius: 50%; background-color: #999;}
.content_area .org_area .org02 {width: 87%; margin: 0 auto;}
.org02 table {text-align: center; border-top: 1px solid #1c47b2;}
.org02 table tr th {padding: 15px; border-left: 1px solid #ccc; background-color: #f9f9f9; font-weight: 500; color: #222;}
.org02 table tr th:first-child {border-left: none;}
.org02 table tr td {padding: 15px 0; border: 1px solid #ccc; color: #555;}
.org02 table tr td:first-child {border-left: none;}
.org02 table tr td:last-child {border-right: none;}

/*주요활동*/
.content_area .act_area {margin-bottom: 5%;}
.content_area .box >.tit {position:relative; padding-left: 25px}
.content_area .box >.tit::before {content: ''; position: absolute; top: 0; left: 0; width: 20px; height: 20px; margin-top: 6px; background: url(../../images/front/sub/img_introduction07.png) no-repeat 0 center;}
.act_area .act_box{position: relative; padding: 50px 0px 50px 330px; border-bottom: 1px solid #ddd;}
.act_area .act_box::before{content: ''; position: absolute; top: 0px; left: 0px; margin-top: 5%; margin-left: 5%; width: 211px; height: 211px;}
.act_area .act_box.act01::before {background: url(../../images/front/sub/img_introduction16.png)}
.act_area .act_box.act02::before {background: url(../../images/front/sub/img_introduction17.png)}
.act_area .act_box.act03::before {background: url(../../images/front/sub/img_introduction18.png)}
.act_area .act_box.act01 {padding-top: 0px;}
.act_area .act_box.act03 {border-bottom:none;}
.act_area .act_box ul {padding-bottom: 3%;}
.act_area .act_box ul li {position:relative; padding-left: 15px; line-height: 180%;}
.act_area .act_box ul li::before {content: ''; position: absolute; top: 0; left:0; width: 5px; height: 5px; margin-top: 12px; border-radius: 50%; background-color: #0f296c;}

/*오시는길*/
.content_area .map_area {position: relative; margin-bottom: 80px;}
.content_area .map_area .map_box {height: 630px; border: 1px solid #ddd;}
.content_area .map_area .map_info {position: absolute; bottom: -100px; right: 0px; width: 85%; padding: 30px 40px; background-color: #3361d7;z-index: 999;}
.content_area .map_area .map_info_in {position: relative; margin-left: 15%; border-left: 1px solid #5690d7; padding-left: 6%;}
.content_area .map_area .map_info_in::before {content:''; position: absolute; top: 0; left: 0; width: 85px; height: 85px; margin-top: 18px; margin-left: -17%; border-radius: 50%; background: url(../../images/front/sub/img_introduction08.png) center no-repeat; background-color: #fff;}
.content_area .map_area .map_info .info_adr { margin-bottom: 15px; padding: 3px 0; font-size: 1.3rem; font-weight: 500; color: #fff;}
.content_area .map_area .map_info ul {padding-bottom: 3px;}
.content_area .map_area .map_info ul li {padding-top: 3px;}
.content_area .map_area .map_info ul li span {float: left; font-size: 1.06rem; font-weight: 500; color: #fff;}
.content_area .map_area .map_info ul li p {padding-left: 80px;font-size: 1.06rem;font-weight: 300;color: #fff;letter-spacing: 0;}
.content_area .traffic {overflow: hidden; float: right; width: 85%; margin-bottom: 5%; padding-top: 70px;}
.traffic .tfc {float: left; width: 48%;}
.traffic .tfc.t_sub {margin-right: 4%;}
.traffic .tfc .tfc_tit {margin-bottom: 10px; font-size: 1.625rem; font-weight: 500; color: #272727;}
.traffic .tfc .tfc_txt {min-height: 120px; padding: 30px; border: 1px solid #ddd;}
.traffic .tfc.t_bus .tfc_txt {padding-top:40px;}
.traffic .tfc.t_bus .tfc_txt p{padding-top: 12px}
.traffic .tfc .tfc_txt_in {position: relative;padding-left: 70px;}
.traffic .tfc .tfc_txt_in::before {content: ''; position: absolute; top: 5px; left: 0; width: 41px; height: 41px;background: url(../../images/front/sub/img_introduction09.png) no-repeat;}
.traffic .tfc.t_bus .tfc_txt_in::before {margin-top: -3px; background: url(../../images/front/sub/img_introduction10.png) no-repeat;}
.traffic .tfc .tfc_txt_in::after{content: ''; position: absolute;top: 0;left: 55px;width: 1px;height: 50px;background:#ddd;}
.traffic .tfc .tfc_txt_in p {color: #626262; padding: 2px;}
.traffic .tfc .tfc_txt_in p span {margin-left: 5px; padding: 1px 4px; border-radius: 10%;font-size: 0.9375rem; font-weight: 500; color: #fff; background: #009b4d;}
.traffic .tfc .tfc_txt_in p span:nth-child(2) {background: #d72f3d;}

/* cl소개 */
.content_area .ci_area {margin-bottom: 5%;}
.ci_area .ci_box01 {margin-bottom: 70px;text-align: center;}
.ci_area .ci_box01 .ci_img {width: 100%; margin-bottom: 20px; padding: 10%; border: 5px solid #ddd; background: url(../../images/front/sub/img_introduction11.png) repeat;text-align: center;} 
.ci_area .ci_box01 a {display: inline-block;min-width: 190px;padding: 17px 20px 17px 50px;margin: 0 3px;border-radius: 7px;background-color: #1458a6;}
.ci_area .ci_box01 a .btn_ci {position: relative; font-size: 1.0625rem; font-weight: 500; color: #fff;}
.ci_area .ci_box01 a .btn_ci::before {content: ''; position: absolute; top: -2px; left: 20px; margin-top: 3px; margin-left: -50px; width: 14px; height: 19px; background: url(../../images/front/sub/btn_download.png) no-repeat;}
.ci_area .ci_box02 {overflow: hidden; width: 100%; margin-bottom: 70px;}
.ci_area .ci_box02 .box {float: left; width: 47%;}
.ci_area .ci_box02 .ci_ko {margin-right: 5%;}
.ci_area .ci_box02 .ci_ko ul li {width: 100%; height: 38px; margin: 15px auto; padding: 13%; border: 1px solid #ddd; background: url(../../images/front/sub/img_introduction13_1.png) center no-repeat;}
.ci_area .ci_box02 .ci_ko ul li:nth-child(2) {background: url(../../images/front/sub/img_introduction13_2.png) center no-repeat;}
.ci_area .ci_box02 .ci_ko ul li:nth-child(3) {background: url(../../images/front/sub/img_introduction13_3.png) center no-repeat;}
.ci_area .ci_box02 .ci_ko ul li p {display:none;}
.ci_area .ci_box02 .ci_en ul li {width: 100%; height: 38px; margin: 15px auto; padding: 13%; border: 1px solid #ddd; background: url(../../images/front/sub/img_introduction14_1.png) center no-repeat;}
.ci_area .ci_box02 .ci_en ul li:nth-child(2) {background: url(../../images/front/sub/img_introduction14_2.png) center no-repeat;}
.ci_area .ci_box02 .ci_en ul li:nth-child(3) {background: url(../../images/front/sub/img_introduction14_3.png) center no-repeat;}
.ci_area .ci_box02 .ci_en ul li p{display: none;}
.ci_area .ci_box03 .ci_emblem {width: 100%; margin-top: 15px; padding: 7%; border: 1px solid #ddd;}
.ci_area .ci_box03 img {display: block; margin: 0 auto;}

/*h3.title{font-size:2.13rem;font-weight:600;color:#222;padding-bottom: 20px;margin-bottom:40px; border-bottom: 1px #ddd solid;}
h4.head_type4{font-size:24px;font-weight:600;color:#333;margin-bottom:30px;}
h4.tit{font-size: 19px;font-weight: 600;color: #333;margin-bottom: 20px}
.content_area .tit_s{font-size:20px;font-weight: 600;color: #333;background: url('../../images/front/sub/icon_tit02.png') no-repeat 0 3px;padding-top:17px;margin-bottom: 20px;letter-spacing: -0.5px}*/
.mypage_tit_area{overflow: hidden;margin-bottom: 5px}
.mypage_tit_area .tit{float: left;margin-top: 5px;margin-bottom: 13px;}
.mypage_tit_area button{float: right}
.mypage_tit_area .right{float: right}
.mypage_tit_area .right.tit02{font-size: 13px;padding-top: 10px;}

/* 로그인 */
.login_area{width: 470px;margin: 0 auto;}
.login_area .login_tit{text-align: center;margin-bottom: 30px;padding-top:30px;}
.login_area .login_tit h3{font-size: 26px;font-weight: 600;color: #222;letter-spacing: -1.5px;margin-bottom: 10px;}
.login_area .login_tit span{color: #999}
.login_box{margin-bottom: 20px}
.login_box input.login_id, .login_box input.login_pw{width: 100%;height: 50px;margin-bottom: 10px;font-size: 15px}
.login_box .checks{padding: 10px 0 20px 0;}
.login_box .btn_login{display: block;width: 100%;height: 60px;font-size: 20px;font-weight: 500;color: #fff;background: #1971d8;}
.login_btn_area{overflow: hidden;text-align: center;padding-top: 20px;}
.login_btn_area li{position: relative;display: inline-block;padding: 0 8px}
.login_btn_area li a{color: #333;}
.login_btn_area li:before {content: "";position: absolute;top: 3px;left: 0;width: 1px;height: 14px;background: #c3c3c3;}
.login_btn_area li:first-child:before{background: none}
.member_box02{text-align: right;margin-top: -20px;margin-bottom: 30px}
.member_box02 .icon_id{display: inline-block;background:url('../../images/front/icon/icon_dot04.png') no-repeat 0 center;padding-left:10px}
.member_box02 .btn.s_save_btn{display: inline-block;}

/* 신청서작성 */
.box_line02{font-weight: 600;border: 3px #ddd solid;padding: 30px;margin-bottom: 50px;}
.box_line02 .text{font-size: 20px;color:#333;}
.box_line02 p:before {content: ""; display: inline-block;width: 6px;height: 6px;margin-right: 10px;border-radius: 50%;background: #435ea9;vertical-align: 4px;}

.apply_wrap{max-width:1080px;background: #fff;margin: 0 auto;padding-bottom: 40px;}
.apply_wrap .apply_step_area {position: relative;background: #f2f2f2;padding: 40px 0 30px 40px;}
.apply_wrap .apply_step_area .step_tit01{font-size: 28px;font-weight: 600;color: #222;margin-bottom: 20px;letter-spacing: -0.5px;}
.step_list{position: relative;overflow: hidden;}
.step_list li{position: relative;float: left;padding: 5px;}
.step_list li p{display: inline-block;font-size: 14px;color: #8d8d8d;background: #f2f2f2;border: 1px #d1d1d1 solid;border-radius: 100px;padding: 10px 20px;}
.step_list li.on p{font-weight: 500;color: #fff;border: 1px #1971d8 solid;background: #1971d8;}
.step_list li:after{content:"";position:absolute;top:22px;right:-10px;display: block;width: 15px;height: 1px;background: #cdcdcd;}
.step_list li:last-child:after{display: none;}
.apply_info{overflow: hidden;font-size: 15px;}
.apply_info dt{float: left;color: #111;margin-right: 10px;}
.apply_info dd{position: relative;float: left;margin-right: 30px;}
.apply_info dd:after{position:absolute;top:50%;right:-15px;margin-top:-6px;width:1px;height:13px;content:'';background:#bababa;}
.apply_info dd:last-child:after{background: none;}
.apply_wrap .apply_step_area .pop_close{position: absolute;top:0;right:0;display: inline-block;width: 78px;height: 78px;background: url('../../images/front/icon/icon_close.png') no-repeat center center #222;font-size: 0}
.apply_wrap .apply_con{padding: 40px 60px 20px 60px;}
.apply_wrap .apply_con .head_type4{font-size: 20px;color: #0b166a;}
.apply_wrap .apply_con .apply_txt{line-height: 150%;margin-bottom: 50px;margin-top: 10px;}
.apply_wrap .btn_wrap{margin-top: 0;}
.apply_wrap .btn_wrap .btn.nomal{background: #0153bf}
.apply_wrap .btn_wrap .btn.nomal_line{background: #bababa}
.apply_wrap .apply_con .box_line02{overflow: hidden;}
.apply_wrap .apply_con .box_line02 label{font-size: 17px;font-weight: 500;color: #222;}
.apply_wrap .apply_con .box_line02 .radio_in{position: relative;display: inline-block;padding-left: 50px;}
.apply_wrap .apply_con .box_line02 .radio_in:before{content: '';position: absolute;left: 25px;top:0;display: inline-block;width: 1px;height: 20px;background-color:#ddd;}
.apply_wrap .apply_con .box_line02 .radio_in span label{font-size: 15px;color: #666;}
.apply_wrap .apply_con .tit_info{margin-bottom: 70px;margin-top: -40px;color: #ff2f32;}

.tit_info_txt{margin-bottom: 20px;margin-top: 30px;color: #000000;}

/* 신청서작성 */
.tbl_tit_area{overflow: hidden;margin-bottom:20px}
.tbl_tit_area .tit_s{float:left;font-size:20px;font-weight:600;color:#222;margin: 0}
.tbl_tit_area .tit_right{float:right;}
.tbl_tit_area .tit_recost{float:right;font-size: 13px;padding-top: 5px}
.ind:after {content:"*";position:relative;top:10px;font-size:28px;font-weight: 400;color:#c5810c;line-height: 12px;}

/* 신청서작성 */
.tbl_cell_group{ position: relative; width: 100%; background: #fff;margin-bottom: 50px;}
.tbl_cell_group:not(.tbl_st2) {overflow: hidden; }
.tbl_cell_group table {position: relative; width: 100%;text-align: center; border-top: 2px solid #111; -webkit-overflow-scrolling: touch; word-break: keep-all;}
.tbl_cell_group th {height:50px;border-bottom:1px solid #e5e5e5;vertical-align:middle;font-weight: 600;color:#111;background: #f2f3f7;padding: 16px 10px 16px 40px;text-align: left;line-height: 1.3;}
.tbl_cell_group th.th_top{height: 40px;text-align: center;padding: 0 20px;}
.tbl_cell_group td {border-bottom:1px solid #e5e5e5;vertical-align:middle;text-align: left;padding: 16px 20px;}
.tbl_cell_group td.tit{position:relative;font-size:18px;font-weight:600;color:#222;padding:30px 0 15px 22px;}
.tbl_cell_group td.tit:before{content: "";display: inline-block;position: absolute;bottom: 33%;left:8px;width: 7px;height: 7px;background: #3b71c9;border-radius: 100%;}
.tbl_cell_group td .form_number input{width:25%;}
.tbl_cell_group td .radio input{width:auto;}
.tbl_cell_group td .form_address p{margin-bottom: 5px;}
.tbl_cell_group td .form_address .mark_list .radio{margin: 5px 15px 5px 0;}
.tbl_cell_group th.td_line{border-right: 1px #e5e5e5 solid;text-align: center;}
.tbl_cell_group th.th_mobile{text-align: center;height: 40px;padding: 5px 10px 10px 10px;}
.tbl_cell_group.photo_st th{border:1px solid #e5e5e5 !important;}
.tbl_cell_group.photo_st td{border:1px solid #e5e5e5 !important;}
.tbl_cell_group td .radio-inline{display: inline-block;margin-right: 20px;}
.tbl_cell_group td .radio-inline input[type="radio"]{width: auto;}
.tbl_cell_group td.file_area a{display: block;padding: 5px 0 5px 22px;background: url(../../images/front/icon/icon_file.png) no-repeat 0 center;}
.tbl_cell_group.tbl_line th{border-right:1px solid #e5e5e5;}
.tbl_cell_group.tbl_line td{border-right:1px solid #e5e5e5;}
.tbl_cell_group.tbl_line th:nth-child(3){border-right:none;}
.tbl_cell_group.tbl_line td:nth-child(3){border-right:none;}
.tbl_cell_group.tbl_line .tit_part{display: none;}

.tbl_view_wrap {overflow: hidden;border-top:2px solid #225176;font-size:15px;color:#6b6b6b;line-height:1.2;margin-bottom:50px;}
.tbl_view_wrap .tbl_txt {line-height:1.5;}
.tbl_view_wrap .tbl_txt + .inner_tbl_btn {margin-top:5px;}
.tbl_view_wrap .form_address {width:100%;}
.tbl_view_wrap .form_address > p:not(:first-of-type) {margin-top:6px;}
.tbl_view_wrap .form_address .find_post input {width:30%;}
.tbl_view_wrap .form_number select,
.tbl_view_wrap .form_number input {width:20%;}
.tbl_view_wrap + .tbl_view_wrap {margin-top:30px;}

/* List_style */
.brochure_list{overflow: hidden;}
.brochure_list li{position: relative;float: left;width: 23%;text-align: center;border: 1px #ddd solid;border-radius: 10px;margin: 0 1% 20px 1%;padding: 27px 27px 20px 27px;}
.brochure_list li .img_area{display: block;overflow: hidden;position: relative;z-index: 0;height: 0;padding-top: 140%;background-color: #000;border: 1px #ddd solid;}
.brochure_list li .img_area img{position: absolute;top: 0;left: 0;z-index: -1;width: 100%;min-height: 100%;}
.brochure_list li .btn_area a{display:inline-block;min-width: 45%;font-size: 0.9rem;font-weight: 500;color: #1458a6;line-height: 15px;border-radius: 5px;border: 1px #1458a6 solid;padding: 9px;margin: 0 2px;}
.brochure_list li .btn_area a.brochure02{color: #fff;background: #1458a6;}
.brochure_list li .text{display:block;height: 80px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;padding-top:15px;margin-bottom: 20px;}

ul.mark_list > li{padding: 5px 0;}
ul.mark_list > li > ul{margin-top: 5px;}
ul.mark_list > li > ul >li{padding-left: 20px;}
ul.mark_list > li .radio input[type="checkbox"]{top: 2px;}
.ind:after {content:"*";position:relative;top:7px;left:3px;font-weight: 400;color:#f13a1b;}
ul.mark_list .radio.box{display: inline-block;margin-top: 15px;color: #000;}
ul.mark_list .mark_list_in{padding: 13px 15px 10px 15px;margin-top: 5px;background: #f2f3f7;}
ul.mark_list li .tit_nation{color: #222;padding: 7px 0;}
@media (max-width:800px){
    .tbl_cell_group table{display:block;}
    .tbl_cell_group table tbody{display:block;}
    .tbl_cell_group table tbody tr{display:block;}
    .tbl_cell_group table tbody th,
    .tbl_cell_group table td{display:block;width:100%;height: auto;overflow:hidden;text-align:left;padding: 10px;}
    .tbl_cell_group th.th_top{display: none;}
    .tbl_cell_group th br{display: none;}
    .tbl_cell_group.tbl_line .tit_part{display: block;font-weight: 600;color: #111;margin-bottom: 10px;}
    .tbl_cell_group.tbl_line th, .tbl_cell_group.tbl_line td{border-right:none;}
}
.tbl_list_wrap {overflow:hidden;border-top:2px solid #333;margin-bottom: 50px;}
.tbl_list_wrap th {height:45px;font-weight: 600;color: #222;background:#f3f6f9;vertical-align:middle;line-height: 130%;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;padding: 0 5px;}
.tbl_list_wrap td {min-height:45px;font-size:15px;padding:11px 10px 10px;border:1px solid #e5e5e5;text-align:center;line-height:1.3;vertical-align:middle;text-align: center;}
.tbl_list_wrap td.tit{font-weight: 600;color: #1b4090;}
.tbl_list_wrap td select{width: 45px;}
.tbl_list_wrap td select.select_w100{width: 100px;}
.tbl_list_wrap th.th_h{height: 35px;}
.tbl_list_wrap th.th_h.line{border-top: 1px solid #e5e5e5;}
.tbl_list_wrap strong{font-weight: 600;}

.tbl_view_wrap {border-top:2px solid #333;border-bottom:1px solid #e6e6e6;font-size:15px;color:#6b6b6b;line-height:1.2;}
.tbl_view_wrap .ind:after {content:"*";position:relative;top:-2px;left: 3px;font-size: 19px;font-weight: 300;color: #f75f5f;}
.tbl_view_wrap .tbl_txt {line-height:1.5;}
.tbl_view_wrap .tbl_txt + .inner_tbl_btn {margin-top:5px;}
.tbl_view_wrap .form_address {width:100%;}
.tbl_view_wrap .form_address > p:not(:first-of-type) {margin-top:6px;}
.tbl_view_wrap .form_address .find_post input {width:30%;}
.tbl_view_wrap .form_number select,
.tbl_view_wrap .form_number input {width:20%;}
.tbl_view_wrap > ul > li:first-of-type .tbl_cell_group dt {border-top:none;}
.tbl_view_wrap > ul > li:first-of-type .tbl_cell_group dd {border-top:none;}
.tbl_view_wrap + .tbl_view_wrap {margin-top:30px;}
.tbl_view_wrap li.li_cell_w .tbl_cell_group.half_area dt{width: 45.2%}
.tbl_view_wrap li.li_cell_w .tbl_cell_group dt{width: 27%}
.tbl_view_wrap li.li_cell{position: relative;padding-left: 100px;background: }
.tbl_view_wrap li.li_cell .tbl_cell_group dt{width: 17%}
.tbl_view_wrap li.li_cell.icon01:before{content:"규제개선";position:absolute;top:0;left:0;width:80px;height:100%;background: #e9e9e9;padding: 68px 0 0 20px;color: #000;}
.tbl_view_wrap li.li_cell.icon02:before{content:"진행사항";position:absolute;top:0;left:0;width:80px;height:90%;background: #e9e9e9;padding: 68px 0 0 20px;color: #000;border-top: 1px #ccc solid}
.tbl_view_wrap li.tbl_line{border-top: 2px solid #333;}

.inner_tbl {border:1px solid #e5e5e5;font-size:14px;margin-bottom:40px;border-top: 2px #333 solid;}
.inner_tbl table {table-layout:fixed;}
.inner_tbl thead th {height:50px;padding:0;background:#f3f6f9;border-left:1px solid #cfd6e0;color:#333;text-align:center;vertical-align:middle;font-weight:600;}
.inner_tbl thead th.th_h{height:30px;border-bottom:1px solid #cfd6e0;}
.inner_tbl td {height:50px;padding:5px;text-align:center;border-left:1px solid #e5e5e5;border-top:1px solid #e5e5e5;vertical-align:middle;}
.inner_tbl .tit_subject{font-weight: 600;text-align: left;}
.inner_tbl th:first-of-type,
.inner_tbl td:first-of-type {border-left:none;}
.inner_tbl td.tit{font-weight: 600;color: #333;text-align: left;padding-left: 15px;}
.inner_tbl .btn_del_tbl {width:20px;height:20px;background:url('../../images/front/icon/close.png') no-repeat 0 0;background-size:100%;}
.inner_tbl_btn {margin-bottom:9px;text-align:right;}
.inner_tbl a.btn_file{display:inline-block;width:30px;height:16px;background:url('../../images/front/icon/icon_file.png') no-repeat center 0;font-size: 0;vertical-align: top}

.list_table_area {margin-bottom:40px;}
.list_table_area .type2 {border-top: 2px #333 solid;}
.list_table_area .type2 thead th {height:50px;padding:0;background:#f3f6f9;border:1px solid #cfd6e0;color:#333;text-align:center;vertical-align:middle;font-weight:600;}
.list_table_area .type2 thead th.th_h{height:30px;border-bottom:1px solid #cfd6e0;}
.list_table_area .type2 td {height:50px;padding:5px;text-align:center;border:1px solid #e5e5e5;vertical-align:middle;}
.list_table_area .type2 td.tit_subject{font-weight: 500;color: #000;text-align: left;padding-left: 15px;}

.tbl_list_type01{margin-bottom:60px;}
.tbl_list_type01 thead th{height:42px;padding:0;background:#42506d;border-left:1px solid #606b82;font-weight: 300;color:#fff;text-align:center;vertical-align:middle;}
.tbl_list_type01 tbody th{font-size: 16px;text-align:center;border-bottom:1px solid #e5e5e5;vertical-align:middle;font-size: 16px;font-weight: 600;color: #333;line-height: 1.4;}
.tbl_list_type01 tbody th.tit_b{color: #fff;background: #42506d;}
.tbl_list_type01 tbody td{height: 45px;padding:10px;font-size: 15px;text-align:center;border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;vertical-align:middle;line-height: 130%;}
.tbl_list_type01 tbody .tit_preson{font-weight: 600;color: #444;background: #f2f8fd;}
.tbl_list_type01 tbody td .list_icon.icon_b{margin-bottom: 0;padding-left: 20px;}
.tbl_list_type01 tbody td .list_icon.icon_b > li:before{width: 5px;height: 5px;background: #0153bf;left:2px;border-radius: 50%;}
/*.tbl_list_type01 tbody td:first-child{border-left: none;}*/
.tbl_list_type01 tbody .tit_company{position: relative;font-weight: 500;color: #222;text-align: left;}
.tbl_list_type01 tbody .tit_company span{position: absolute;top:32%;right:6px;font-size: 10px;font-weight: 400;color: #fff;padding: 4px 4px 4px 3px;border-radius: 3px;}
.tbl_list_type01 tbody .tit_company span.best01{background: #e88a0f;}
.tbl_list_type01 tbody .tit_company span.best02{background: #a4aab7;}
.tbl_list_type01.line{border-top: 2px #303548 solid;}
.tbl_list_type01.align_r tbody td{text-align: right;}

.tbl_list_type02{margin-bottom:40px;line-height: 140%;font-size: 15px;}
.tbl_list_type02 thead th{height:43px;background:#f5f5f5;border-top:1px solid #333;color:#333;text-align:center;vertical-align:middle;font-weight:600;}
.tbl_list_type02 tbody td{height:40px;padding:12px;text-align:center;border:1px solid #e5e5e5;vertical-align:middle;}
.tbl_list_type02 tbody th{padding:10px 0;text-align:center;border:1px solid #e5e5e5;vertical-align:middle;font-weight: 500;color: #333;background:#f7f9fc;}
.tbl_list_type02 tbody th.tit{font-size: 16px;font-weight: 600;}
.tbl_list_type02 thead th.box_point{border-top: 3px #2680e7 solid;border-left: 3px #2680e7 solid;border-right: 3px #2680e7 solid;box-sizing: border-box;}
.tbl_list_type02 tbody td.box_point{border-left: 3px #2680e7 solid!important;border-right: 3px #2680e7 solid!important;}
.tbl_list_type02 tbody td.box_point.box_point_b{border-bottom: 3px #2680e7 solid!important;}
.tbl_list_type02 tbody td .list_icon.icon_b{margin-bottom:0;margin-left: 20px;}
.tbl_list_type02 thead th:first-child, .tbl_list_type02 tbody th:first-child{border-left: none!important;}
.tbl_list_type02 thead th:nth-child(3), .tbl_list_type02 tbody td:nth-child(4), .border_non{border-right: none!important;}
.tbl_list_type02 tbody td:last-child{border-right: none;}

.listTypeC{margin-bottom:30px;border-top:2px solid #333;}
.listTypeC ul li{position:relative;padding:30px 20px;border-bottom:1px solid #ddd}
.listTypeC ul li .txt1{display:block;margin-bottom:10px;color:#636363;}
.listTypeC ul li .txt1 span{position:relative;display:inline-block;margin-right:8px;padding-right:10px;}
.listTypeC ul li .txt1 span::after{position:absolute;top:50%;right:0;margin-top:-6px;width:1px;height:14px;content:'';background:#999}
.listTypeC ul li .txt1 span:last-child::after{display:none}
.listTypeC ul li .txt1 .num{margin-left:0;padding-left:0;color:#df046b}
.listTypeC ul li .txt2{display:block;color:#636363;line-height:1.6;overflow:hidden;text-overflow: ellipsis; white-space: normal;max-height:48px;word-wrap: break-word; display: -webkit-box;  -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.listTypeC ul li .tit{display:block;margin-bottom:12px;font-size:20px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width: 90%;}
.listTypeC ul li a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width: 85%;}
.listTypeC ul li a:hover{color: #0054b7;text-decoration: underline;}

/* 파일제이쿼리 수정 */
.plupload_filelist{border: 1px #ddd solid;}
.plupload_button{padding: 2px 8px 3px 20px!important;}
.plupload_filelist li.plupload_droptext{line-height:35px!important;}
.plupload_filelist_footer{border-top: 1px solid #ddd!important;}
.plupload_wrapper{font: normal 12px Verdana,sans-serif!important;}
.plupload_container{padding:3px!important;}
.dropzone{margin-bottom: 5px!important;}
.dz-default.dz-message{position: relative;padding-top: 70px;}
.dz-default.dz-message:before{content: '';position: absolute;top:0;left:50%;display: inline-block;width: 52px;height: 53px;background:url('../../images/front/sub/icon_apply03.png') no-repeat 0 0;margin-left: -26px;}
.dropzone .dz-message .dz-button{font-size: 13px!important;color: #888!important;}

/* 회원가입 */
.step_area{overflow: hidden;margin-bottom: 25px;}
.step_area h4{float: left;}
.step_area .step_list{float: right;}
.mem_tit_area{ text-align: center;font-size:24px;color: #222;margin-bottom: 20px;padding-top: 10px;line-height: 1.5em}
.mem_tit_area .mem_tit{font-size: 23px;color: #222;font-weight: 600;letter-spacing: -0.5px}
.member_box{width: 70%;margin: 0 auto;}
.member_id{overflow: hidden;margin-top: 30px;border: 1px #ddd solid;padding: 20px;}
.member_id p{position:relative;float:left;display:inline-block;padding: 5px 10px 0 10px;}
.member_id p:before{content: '';position: absolute;top:14px;left:0;display: inline-block;width: 3px;height: 3px;background-color: #666;}

/* 파일 */
.file_area{margin: 2px 0;}
.file_area a{font-size:15px;color:#444;margin-right: 20px;padding-left:25px;background:url('/images/front/icon/icon_disc.png') no-repeat 0 center;}
.file_area .download{background:none;margin-right:0;padding-left:0;color:#333;}
.file_area .download img{vertical-align: top;padding-right: 5px}
.file_area .btn_file_delete{background:none;margin-right:0;padding-left:0;color:#666;}
.file_area .btn_file_delete img{vertical-align: middle;padding-left: 5px}

/* 약관동의 */
.terms_contents{box-sizing: border-box;overflow-y: auto;height: 400px;padding: 30px 0;border-left: 1px #ddd solid;border-right: 1px #ddd solid;border-top: 1px #ddd solid;line-height: 150%;}
.terms_contents.terms_type01{width: 95%;height: auto;padding: 0px;border: currentColor;border-image: none;margin: 0 auto;}
.terms_contents .tit{font-size:23px;font-weight: 600;color: #222;margin-bottom:25px;}
.terms_contents .tit02{font-weight: 600;color:#01165e;margin-bottom:5px;margin-left:0!important;}
.terms_contents .terms_mb{margin-bottom: 20px}
.terms_contents > ul > li{position: relative;margin-bottom: 30px;}
.terms_contents > ul > li p{font-weight: 500;margin-bottom: 5px;}
.terms_contents > ul > li > ul > li{position: relative;padding-left: 13px;}
.terms_contents > ul > li > ul > li:before{content: '';position: absolute;top:10px;left:0;display: inline-block;width: 5px;height: 5px;background-color: #b4b4b4;border-radius: 50%;}
.terms_contents .terms_list li{margin-bottom: 10px;}
.terms_contents .terms_tit{font-weight: 500;margin-bottom:20px}
.terms_contents .agree_area{margin-bottom: 50px;}
.terms_contents .agree_area h3.tit{font-size: 1.4rem;border-bottom: none;margin-bottom: 20px;padding-bottom: 0;}
.terms_contents .agree_area .tit_info{ font-weight: 600; color: #35509f; margin-bottom: 5px}
.terms_contents .agree_area .agree_area_in{ margin-bottom: 15px}
.terms_contents .agree_area .agree_area_in span{display: inline-block;font-size: 15px;font-weight: 600; color: #35509f; margin-bottom: 10px}
.terms_contents .agree_area .agree_area_in p{ margin-left: 10px}
.terms_contents > .agree_area > .agree_area_in strong{display: block;font-weight: 500;color: #333;margin-top: 10px;}
.terms_contents > .agree_area > .agree_area_in > ul{margin-left: 10px;}
.terms_contents > .agree_area > .agree_area_in > ul > li{padding: 2px 0;}
.terms_contents > .agree_area > .agree_area_in > ul > li > ul{margin:5px 0 5px 20px;}
.terms_contents > .agree_area > .agree_area_in > ul > li > ul > li{padding: 2px 0;}
.terms_contents > .agree_area > .agree_area_in > ul > li > ul > li > ul{margin:5px 0 5px 20px;}
.terms_contents > .agree_area > .agree_area_in > ul > li > ul > li > ul > li{padding: 2px 0;}
.terms_contents .box_info{padding-bottom: 30px;}
.agree_con {position:relative;background: #f2f3f7;margin-bottom: 50px;padding: 30px;}
.agree_con > p {margin-bottom: 10px}
.agree_con > p >strong{display: block;font-weight: 300;color: #37569a}
.agree_con .form_set {text-align: right;font-size: 15px;}
.terms_contents.terms_type02{width: 95%;height: auto;padding: 0px; border: currentColor; border-image: none;margin: 0 auto;}
.terms_contents.terms_type02 .tit02{font-size:19px;}
.terms_contents.terms_type02 .agree_area_in{ margin-bottom: 50px}
#joinFrm .terms_contents{padding: 0 30px;}
#joinFrm .terms_contents .policy_area h4{font-size: 18px;}
#joinFrm .terms_contents .policy_box{border: none;padding:30px 0;}

/* 게시판_추천버튼 */
.sns_btn_area {}
.sns_btn_area a{display: inline-block;width: 32px;height: 32px;font-size: 0;margin: 0 2px;border-radius:50%;}
.sns_btn_area a:nth-child(1){background:url('../../images/front/icon/list_sns01.png') no-repeat center center;}
.sns_btn_area a:nth-child(2){background:url('../../images/front/icon/list_sns02.png') no-repeat center center;}
.sns_btn_area a:nth-child(3){background:url('../../images/front/icon/list_sns03.png') no-repeat center center;}
.sns_btn_area a:nth-child(4){background:url('../../images/front/icon/list_sns04.png') no-repeat center center;}
.sns_btn_area a:nth-child(5){background:url('../../images/front/icon/list_sns05.png') no-repeat center center;border: 1px #999 solid;}
.sns_btn_area a:hover {text-decoration: none;}
.sns_btn_area button.btn_recommend {display: inline-block;height: 30px;padding: 0 10px 0 37px;border: 1px solid #ec8e42;color: #fff;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;background: url('/images/front/icon/icon_recommend_on.png') no-repeat 13px 5px #ef8201;}
.sns_btn_area button.btn_recommend span {display: block; height: 36px; font-size: 1.2em; font-weight: bold; line-height: 30px; text-align: center; vertical-align: middle;}

/* 팝업 */
.pop_header{border-radius: 15px 15px 0 0;overflow: hidden;} 
.pop_header header{position:relative;height: 60px;border-bottom:none;background: #3b71c9;}
.pop_header header h1{font-size: 19px;font-weight: 500;color: #fff;padding: 18px 18px 18px 20px;}
.pop_header header a.pop_close{display:inline-block;width:20px;height:20px;position:absolute;top:20px;right:20px;font-size:0;background: url('../../images/front/common/close02.png') no-repeat 0 0;}
.pop_content_area .pop_content .title_area{margin-bottom: 20px}
.pop_container{padding: 30px;}
.pop_container .pop_content_area .pop_content .tbl_cell_group{margin-bottom: 20px;}
.pop_container .pop_content_area .pop_content .tbl_cell_group th{height: 45px;padding: 10px 20px 10px 20px;}
.table_search_area .count_area{padding-top:0;margin-bottom: 10px}
.table_search_area .count_area span strong.color_pointo{color:#d78107}
.pop_container .pop_content_area .pop_content .btn_wrap button{height: 38px;font-size:14px;color:#fff;background: #5f5f5f;}
.pop_container .pop_content_area .pop_content .btn_wrap .alignc a{min-width: 80px;height: 38px;font-size:14px;line-height: 38px;background: #5f5f5f;}
.pop_container .search_area{padding: 15px;}

.main_layer{border: 1px solid rgba(0, 0, 0, .7);background: #fff;z-index: 999!important;}
.main_layer .pop_container.pop_color{position:relative;background-color: #fff}
.main_layer .pop_header_layer{overflow: hidden; position: relative; margin: 0; padding: 15px 20px; background: #1971d8;}
.main_layer .pop_header_layer header{position:static;width: auto;height:auto;background:none;border-bottom:none;}
.main_layer .pop_header_layer h1{width: 93%;font-size:20px; font-weight: 600;line-height: 130%;color:#fff!important; letter-spacing: -1px;}
.main_layer .pop_header_layer a.pop_close02 {position: absolute; display: inline-block; top: 20px; right: 20px; width: 19px; height: 18px; background: url('../../images/front/popup/btn_delete02.png') no-repeat 0 0;}
.main_layer .pop_header_layer a.pop_close02 span {display: block; position: absolute; top: -999999px; right: -999999px;}
.main_layer .pop_container.pop_color .title_area{font-size:14px;border-bottom: 1px #ddd solid;padding-bottom:10px;}
.main_layer .pop_container.pop_color .title_area p{background: url('../../images/front/icon/icon_disc.png') no-repeat 0 0;padding-left: 20px;line-height: 130%;}
.main_layer .pop_container.pop_color .layer_bottom_wrap .layer_bottom{position: absolute;bottom:10px;right:20px;font-size: 13px;}

.pop_ploicy {margin-bottom: 10px; padding: 20px; background: #fafafa;border: 1px #ddd solid;}
.pop_ploicy .pop_policy_box.pop_box01 {padding-bottom: 15px; border-bottom: 1px dotted #ddd;}
.pop_ploicy .pop_policy_box.pop_box02 {padding-top: 15px; }
.pop_ploicy .pop_policy_box ul li {padding: 6px 0;font-weight: 600;color: #222;}
.pop_ploicy .pop_policy_box ul li:nth-child(3) {color: #d60000;}
.pop_ploicy .pop_policy_box ul li p {position: relative; margin-left: 10px; padding: 5px 0 0 7px; font-size: 1rem; font-weight: 400;color: #666;}
.pop_ploicy .pop_policy_box ul li p::before {content: ''; position: absolute; top: 17px; left: 0; width: 3px; height: 3px;border-radius: 50%; background-color: #555;}
.pop_agree {text-align: center;}
.pop_agree label {margin-left: 3px;color: #222;}

/* 주소팝업 */
table#juso_list thead th{font-size:14px!important;}
table#juso_list tbody td a{font-size:14px!important;}


/* 마이페이지 */
.tit_type {display:inline-block;height:25px;min-width:50px;padding:0 5px;line-height:25px;border:1px solid;font-size:0.875rem;font-weight:600;border-radius:30px;text-align:center;letter-spacing:-1px;border-color:#1461c0;color:#1461c0;margin-right: 5px;}
.state_sand{display: inline-block;width:70px;height:30px;line-height:27px;text-align: center;border: 1px solid #4a8bda;background:#fff; font-size: 0.875rem;font-weight:600;color: #4a8bda}
.state_ing{display: inline-block;min-width:70px;height:30px;line-height:27px;text-align: center;border: 1px solid #e10d71;background:#fff; font-size: 0.875rem;font-weight:600;color: #e10d71;padding: 0 3px;}
.state_end{display: inline-block;min-width:70px;height:30px;line-height:27px;text-align: center;border: 1px solid #555;background:#fff; font-size: 0.875rem;font-weight:600;color: #555;padding: 0 3px;}

.my_process{text-align:center;border-left:7px #efefef solid;border-right:7px #efefef solid;border-top:7px #efefef solid;border-bottom:1px #ddd solid;padding: 30px 0 25px 0;}
.my_process > ul > li{position:relative;display: inline-block;width:15%;text-align:center;}
.my_process > ul > li:before{content: '';position: absolute;top:30%;left:50%;display: block;width: 100%;height: 13px;background: url('../../images/front/sub/bg_sendstep.png') no-repeat center 0;}
.my_process > ul > li:last-child:before{display: none;}
.my_process > ul > li > p.icon_pro{display:inline-block;position:relative; z-index:0;background-color:#8696aa;width:100px;height:100px;border-radius:100%;padding-top:32px;margin-bottom:10px;box-sizing:border-box;text-align:center;}
.my_process > ul > li.on p.icon_pro{background-color:#1461c0;}
.my_process > ul > li > div.text .pro_tit{font-size:16px;color:#777;line-height:140%;margin-bottom:10px;letter-spacing: -0.6px}
.my_process > ul > li.on > div.text .pro_tit{font-weight:600;color:#f1920b!important;}
.mypro_result{border-left:7px #efefef solid;border-right:7px #efefef solid;border-bottom:7px #efefef solid;padding:30px;text-align: center;font-size:20px;color:#333}
.mypro_result span{font-weight:600;color:#f1920b}

.my_process.pro02{padding: 30px 0 0 0;}
.my_process.pro02 > ul{width:75%;margin: 0 auto;}
.my_process.pro02 > ul > li{display: inline-block;width:17%;height:140px;text-align:center;vertical-align:top}
.my_process.pro02 > ul > li:before{top:34px;}
.my_process.pro02 > ul > li > p.icon_pro{display:inline-block;position:relative; z-index:0;background-color:#8696aa;width:80px;height:80px;border-radius:100%;padding-top:20px;margin-bottom:5px;box-sizing:border-box;text-align:center;}
.my_process.pro02 > ul > li > p.icon_pro {vertical-align: middle}
.my_process.pro02 > ul > li > div.text .pro_tit{font-size:14px;color:#777;line-height:140%;margin-bottom:10px;letter-spacing: -0.6px}
.my_process.pro02 > ul > li:last-child{background:none}
.my_process.pro02 > ul > li:nth-child(5) > p.icon_pro{padding-top:24px}
.my_process.pro02 > ul > li:nth-child(9) > p.icon_pro{padding-top:24px}
.my_process.pro02 > ul > li.on p.icon_pro{background-color:#1461c0!important;}
.file_history{text-align:left;}
.file_history .date{font-size: 11px;color: #1c2e47;border: 1px #b8bfca solid;border-radius: 3px;padding: 3px;margin-right: 8px}
.file_history .date a{word-break: keep-all!important;}
.file_history li:nth-child(2){background: url('../../images/front/icon/icon_history.png') no-repeat 0 8px;padding-left: 20px;margin-left: 5px}
.file_history li:nth-child(3){background: url('../../images/front/icon/icon_history.png') no-repeat 0 8px;padding-left: 20px;margin-left: 30px}
.file_history li:nth-child(4){background: url('../../images/front/icon/icon_history.png') no-repeat 0 8px;padding-left: 20px;margin-left: 55px}
.file_history li:nth-child(5){background: url('../../images/front/icon/icon_history.png') no-repeat 0 8px;padding-left: 20px;margin-left: 80px}
.file_history li:nth-child(6){background: url('../../images/front/icon/icon_history.png') no-repeat 0 8px;padding-left: 20px;margin-left: 105px}
.file_history li:nth-child(7){background: url('../../images/front/icon/icon_history.png') no-repeat 0 8px;padding-left: 20px;margin-left: 130px}
.file_history li:nth-child(8){background: url('../../images/front/icon/icon_history.png') no-repeat 0 8px;padding-left: 20px;margin-left: 155px}
.file_history li:nth-child(9){background: url('../../images/front/icon/icon_history.png') no-repeat 0 8px;padding-left: 20px;margin-left: 180px}
.file_history li:nth-child(10){background: url('../../images/front/icon/icon_history.png') no-repeat 0 8px;padding-left: 20px;margin-left: 205px}
.file_history li:nth-child(11){background: url('../../images/front/icon/icon_history.png') no-repeat 0 8px;padding-left: 20px;margin-left: 230px}
.file_history li:nth-child(12){background: url('../../images/front/icon/icon_history.png') no-repeat 0 8px;padding-left: 20px;margin-left: 255px}
.file_history li:nth-child(13){background: url('../../images/front/icon/icon_history.png') no-repeat 0 8px;padding-left: 20px;margin-left: 280px}
.file_history li:nth-child(14){background: url('../../images/front/icon/icon_history.png') no-repeat 0 8px;padding-left: 20px;margin-left: 305px}
.file_history li:nth-child(15){background: url('../../images/front/icon/icon_history.png') no-repeat 0 8px;padding-left: 20px;margin-left: 330px}

.send_step{overflow: hidden;height: 85px;margin-bottom: 20px}
.send_step li{position: relative;float: left;width: 25%;text-align: center;padding: 0 2%}
.send_step li:before{content: '';position: absolute;top:42%;left:50%;display: block;width: 100%;height: 13px;background: url('../../images/front/sub/bg_sendstep.png') no-repeat center 0;}
.send_step li:first-child{padding-left: 0}
.send_step li:last-child{padding-right: 0}
.send_step li .send_box{position: relative;width: 100%;height: 65px;border: 2px #ddd solid;border-radius: 10px;background: #fff}
.send_step li .send_box p{margin-top: 16px;}
.send_step li:nth-child(2) .send_box p, .send_step li:nth-child(3) .send_box p{margin-top: 20px;}
.send_step li .send_box a{position: absolute;bottom:-15px;left:50%;display: inline-block;height: 30px;font-size: 13px;font-weight: 600;background: #ddd;border-radius: 40px;line-height: 30px;padding: 0 23px;margin-left: -53px;}
.send_step li .send_box:hover{border-color: #4a8bda}
.send_step li .send_box:hover a{background: #4a8bda;color: #fff}

.lnb_box{border: 1px #ddd solid;padding: 25px;margin-top: 40px}
.lnb_box select{width: 100%;margin-bottom: 10px;}
.lnb_box select + select{margin-left: 0!important;}
.lnb_box a{position: relative;display: inline-block;width: 100%;height: 38px;border-bottom: 1px #e2e5ed solid;font-size: 14px;font-weight: 600;color: #848484;line-height: 36px;padding-left: 5px;}
.lnb_box a .num{position: absolute;top:10px;right:10px;min-width: 32px;height: 18px;border: 1px #ff3d3d solid;background: #ff6060;font-size: 11px;font-weight: 600;color: #fff;border-radius: 30px;line-height: 17px;text-align: center;padding: 0 5px;}

/* 현재페이지 만족등록*/
.satisfaction_area{ overflow: hidden; border:1px #dcdcdc solid;}
.satisfaction_area strong{ font-weight: normal!important;}
.satisfaction_area .satisfaction_txt{ display:block; color:#333; padding:20px 10px 20px 15px;vertical-align: middle; background: url(../../images/front/icon/icon_satisfy.png) no-repeat 10px center #eee; padding-left: 35px;}
.satisfaction_area .satisfaction_txt i{ color:#35509f; font-size:23px; margin-right: 10px; vertical-align: middle;}
.satisfaction_area .satisfaction_radio_area{ overflow: hidden; padding:10px; margin-left: 30px}
.satisfaction_area .satisfaction_radio_area ul{display:inline-block;padding-top:5px}
.satisfaction_area .satisfaction_radio_area li{ float: left;padding-right: 20px;}
.satisfaction_area button.satisfaction{ padding: 3px 6px;font-size: 13px; color: #ffffff; vertical-align: middle; border: 1px solid #7d7d7d; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; background-color: #7d7d7d; vertical-align:top;}

/* 만족도 등록 */
table.line_list {width: 100%; border: 0;}
	table.line_list tbody th.first,
	table.line_list tbody td.first {}
	table.line_list tbody th {padding:0; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕'; border: 1px solid #e5e5e5; font-size: 13px; font-weight: 600; color: #333; line-height: 1.5em; vertical-align: middle; background-color: #eee;}
	table.line_list tbody td {padding: 8px; border: 1px solid #dbdbdb; font-size: 13px; color: #666; line-height: 1.4em; text-align: center;}
.like_checks {display: inline-block; position: relative; padding: 0;}
.like_checks input[type="radio"] {  /* 실제 체크박스는 화면에서 숨김 */position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0}
.like_checks input[type="radio"] + label {display: inline-block; position: relative; font-size:0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.like_checks input[type="radio"] + label:before {  /* 가짜 체크박스 */content: ' ';display: inline-block;text-align: center; vertical-align: middle;width: 20px;height: 20px;}
.like_checks input[type="radio"]:checked + label:before {  /* 체크박스를 체크했을때 */ display: inline-block; width: 20px; height: 20px;}
.like_checks input.like0[type="radio"] + label:before{background: url('../../images/front/icon/icon_kike.png') no-repeat 0px 0px}
.like_checks input.like0[type="radio"]:checked + label:before{background: url('../../images/front/icon/icon_kike.png') no-repeat 0px 0px; background-position: -30px 0}
.like_checks input.like1[type="radio"] + label:before{background: url('../../images/front/icon/icon_kike.png') no-repeat 0 -21px}
.like_checks input.like1[type="radio"]:checked + label:before{background: url('../../images/front/icon/icon_kike.png') no-repeat 0px 0px; background-position: -30px -21px}
.like_checks input.like2[type="radio"] + label:before{background: url('../../images/front/icon/icon_kike.png') no-repeat 0px -42px}
.like_checks input.like2[type="radio"]:checked + label:before{background: url('../../images/front/icon/icon_kike.png') no-repeat 0px 0px; background-position: -30px -42px}
.like_checks input.like3[type="radio"] + label:before{background: url('../../images/front/icon/icon_kike.png') no-repeat 0px -63px}
.like_checks input.like3[type="radio"]:checked + label:before{background: url('../../images/front/icon/icon_kike.png') no-repeat 0px 0px; background-position: -30px -63px}
.like_checks input.like4[type="radio"] + label:before{background: url('../../images/front/icon/icon_kike.png') no-repeat 0px -84px}
.like_checks input.like4[type="radio"]:checked + label:before{background: url('../../images/front/icon/icon_kike.png') no-repeat 0px 0px; background-position: -30px -84px}
.like_checks input.like5[type="radio"] + label:before{background: url('../../images/front/icon/icon_kike.png') no-repeat 0px -105px}
.like_checks input.like5[type="radio"]:checked + label:before{background: url('../../images/front/icon/icon_kike.png') no-repeat 0px 0px; background-position: -30px -105px}
.like_checks input.like6[type="radio"] + label:before{background: url('../../images/front/icon/icon_kike.png') no-repeat 0px -126px}
.like_checks input.like6[type="radio"]:checked + label:before{background: url('../../images/front/icon/icon_kike.png') no-repeat 0px 0px; background-position: -30px -126px}
.like_checks input.like7[type="radio"] + label:before{background: url('../../images/front/icon/icon_kike.png') no-repeat 0px -147px}
.like_checks input.like7[type="radio"]:checked + label:before{background: url('../../images/front/icon/icon_kike.png') no-repeat 0px 0px; background-position: -30px -147px}
.like_checks input.like8[type="radio"] + label:before{background: url('../../images/front/icon/icon_kike.png') no-repeat 0px -168px}
.like_checks input.like8[type="radio"]:checked + label:before{background: url('../../images/front/icon/icon_kike.png') no-repeat 0px 0px; background-position: -30px -168px}
.like_checks input.like9[type="radio"] + label:before{background: url('../../images/front/icon/icon_kike.png') no-repeat 0px -189px}
.like_checks input.like9[type="radio"]:checked + label:before{background: url('../../images/front/icon/icon_kike.png') no-repeat 0px 0px; background-position: -30px -189px}
.like_checks input.like10[type="radio"] + label:before{background: url('../../images/front/icon/icon_kike.png') no-repeat 0px -210px}
.like_checks input.like10[type="radio"]:checked + label:before{background: url('../../images/front/icon/icon_kike.png') no-repeat 0px 0px; background-position: -30px -210px}
.bg_like{ background: url('../../images/front/common/bg_like.png') repeat center 0; padding:6px; color: #fff}
.bg_like li{ display: inline-block;  width: 32.333333333%}
    
/*게시판글 유튜브 동영상 화면 자동비율*/
.youtubeVideo {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;}
.youtubeVideo iframe, .youtubeVideo object, .youtubeVideo embed {position: absolute; top: 5%; left: 5%; width: 90%; height: 90%;}

/* 신청안내 */
.apply_area{margin-bottom:60px}
.apply_area dl{overflow:hidden;line-height: 130%}
.apply_area dt{float:left;width:27%;border: 7px #efefef solid;text-align: center}
.apply_area dt span{display: inline-block;font-size:20px;font-weight:600;color:#383f81;letter-spacing: -0.5px;line-height: 140%}
.apply_area dd{overflow:hidden;float:right;width:70%;background: url('../../images/front/sub/bg_arrow03.png') no-repeat center bottom;padding-bottom:40px;}
.apply_area dd div.apply_box{background:#f3f6f9;padding:30px;text-align: center}
.apply_area dd div.apply_box.on{background:#4a8bda;}
.apply_area dd div.apply_box.box_2th{}
.apply_area dd div.apply_box p.apply_tit{font-size:18px;font-weight:600;color: #333;margin-bottom: 10px}
.apply_area dd div.apply_box p{color:#333;font-size: 16px;line-height: 140%;}
.apply_area dd div.apply_box.on p{color:#fff}
.apply_area dd div.apply_box.box_l{float: left;width:48%}
.apply_area dd div.apply_box.box_r{float: right;width:48%}

.apply_area dl.apply01 dt{height:170px;padding-top:55px}
.apply_area dl.apply02 dt{height:100px;padding-top:18px}
.apply_area dl.apply03 dt{height:150px;padding-top:40px}
.apply_area dl.apply04 dt{height:300px;padding-top:95px}

.apply_area dl.apply01 div.apply_box.on{background: url('../../images/front/sub/img_apply.png') no-repeat right bottom #4b5187;}
.apply_area dl.apply01 dd{background: url('../../images/front/sub/bg_arrow02.png') no-repeat center bottom!important;}

.apply_area dl.apply01 dd div.apply_box{height:170px;}
.apply_area dl.apply02 dd div.apply_box p.apply_tit{margin-bottom: 0}
.apply_area dl.apply03 dd div.apply_box.box_l{height:150px;padding-top:60px}
.apply_area dl.apply03 dd div.apply_box.box_r{height:150px;padding-top:45px}
.apply_area dl.apply04 dd div.apply_box.box_l{height:300px;padding-top:120px}
.apply_area dl.apply04 dd div.apply_box.box_r.h01{height:113px;padding:0;background:none}
.apply_area dl.apply04 dd div.apply_box.box_r.h01 p{padding:20px;background:#f3f6f9}
.apply_area dl.apply04 dd div.apply_box.box_r.h01:after{content:"";display: block;height:40px;background: url('../../images/front/sub/bg_arrow02.png') no-repeat center -3px #fff;}
.apply_area dl.apply04 dd div.apply_box.box_r.h02{height:187px;padding:40px 20px 0 20px}
.apply_area dl.apply05 dd{padding-bottom: 0;line-height: 180%}
.apply_area dl.apply05 dd p.apply_tit{margin-bottom: 0}

.apply_area{overflow:hidden;}
.process_area{background: url('../../images/front/sub/bg_pro.gif') no-repeat 75% 55px;text-align: center;margin-bottom: 20px;}
.process_area ul{display:inline-block;max-width:800px}
.process_area > ul > li{float: left;width:255px;text-align:center;margin-bottom:30px}
.process_area > ul > li.float_right{float: right}
.process_area > ul > li:nth-child(4).float_right{margin-right: 35px}
.process_area > ul > li > p.icon_pro{display:inline-block;position:relative; z-index:0;background-color:#4b5187;width:130px;height:130px;border-radius:100%;padding-top:40px;margin-bottom:10px;box-sizing:border-box;text-align:center;vertical-align: top;}
.process_area > ul > li:first-child > p.icon_pro{background-color:#4b5187}
.process_area > ul > li:nth-child(6) > p.icon_pro{background-color:#f2a0a0}
.process_area > ul > li > div.text span{color: #f75f5f}
.process_area > ul > li > div.text .pro_tit{font-size:20px;font-weight:600;color:#333;line-height:140%;margin-bottom:10px;letter-spacing: -0.6px;padding-top: 10px;}
.process_area > ul > li > div.text .pro_tit_s{font-size:15px;color:#777;line-height:130%;}

.attach_file{position:relative;border-top:2px #333 solid;border-bottom:1px #ddd solid;border-left:1px #ddd solid;border-right:1px #ddd solid;padding:30px 0 30px 30px;}
.attach_file .attach_tit{position:absolute;display:inline-block;width:120px;height:70px;background: url('../../images/front/sub/icon_file.png') no-repeat 20px 0;border-right: 1px #e4e4e4 solid;}
.attach_file .attach_tit span{display:inline-block;padding:65px 0 0 12px;font-size:16px;font-weight: 600;color: #333}
.attach_file .attach_tit.line_b{height:200px;}
.attach_file > ul{line-height:140%;padding-left:140px}
.attach_file > ul > li{position:relative;height: 34px;padding:3px;}
.attach_file > ul > li > ul{padding-left:30px;margin-top:5px;line-height:150%;}
.attach_file > ul > li span.icon_num{display: inline-block;position:relative;background-color:#ddd;width:18px;height:18px;border-radius:100%;text-align: center;font-size:11px;font-weight: 600;color:#666;line-height:17px;margin-right: 7px}
.attach_file .attach_top li{padding:0}
.attach_file .btn_form{position:absolute;top:-1px;right:50%;height:28px;padding:0 15px 0 7px;background:url(../../images/front/icon/icon_dot04.png) no-repeat 90% center #fff;border: 1px solid #8696aa;}
.attach_file .btn_form span{font-weight:600;color:#1b3e7c}

/* 페이지준비중 */
.ready_area{border: 1px #ddd solid;text-align: center;padding:190px 0 80px 0;background: url(/images/front/common/img_non02.png) no-repeat center 80px;}
.ready_area .ready_tit{font-size: 24px;font-weight:600;color: #333;line-height:180%}
.ready_area .ready_tit_s{font-size:17px;}

/* 사이트맵 */
.sitemap_area .nav_list{overflow: hidden;width: 100%;}
.sitemap_area > .nav_list > li{float: left;width: 18%;;min-height: 360px;margin: 0 1% 50px 1%;padding:10px;}
.sitemap_area > .nav_list > li .depth1{font-size: 20px;font-weight:600;color: #01165e;padding: 20px 0 15px 0;border-bottom: 3px solid #01165e;}
.sitemap_area > .nav_list > li .depth2 li{position:relative;padding-left: 1rem;}
.sitemap_area > .nav_list > li .depth2 li a{font-size: 17px;color: #666;}
.sitemap_area > .nav_list > li .depth2 li:before {content: '';display: block;position: absolute;top: 1rem;left: 0;width: 0.3rem;height: 1px;background-color: #747474;}

/*이용약관*/
.policy_area {line-height: 1.6; margin-bottom: 5%;}
.policy_area h4 {font-size:23px;font-weight: 600;color: #222;margin-top: 50px;}
.policy_area .p_tit{margin-top: 15px; font-weight: 600;color:#01165e;margin-bottom:5px;margin-left:0!important;}
.policy_area .p_txt{margin-bottom: 10px}
.policy_area > ul {margin-bottom: 10px;}
.policy_area > ul > li > ul > li{padding-left: 13px;}

/* 개인정보처리방침 */
.policy_box {border: 1px solid #ddd; margin-bottom: 10px; padding: 15px;}
.policy_area h4.p_tit00 {position: relative; margin-bottom: 10px; padding-left: 20px; color: #01165e;}
.policy_area h4.p_tit00::before {content: ''; position: absolute; top: 0; left: 0; margin-top: 9px; width: 11px; height: 11px; background-color: #01165e;}
.policy_box ul li {margin-left: 15px;}
.policy_box ul li a {position: relative;}
.policy_box ul li a::before {content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 4px; margin-top: 10px; margin-left: -10px; border-radius: 50%; background-color: #01165e;}
.policy_area .p_txt02 {margin: 0 0 10px 17px;}
.policy_area .p_tbl {margin: 10px auto; width: 97%;}
.policy_area .p_tbl thead {border-top: 2px solid #001f5f; background-color: #f2f2f2;}
.policy_area .p_tbl thead tr {border-bottom: 1px solid #ddd;}
.policy_area .p_tbl thead tr th {padding: 7px; text-align: center;}
.policy_area .p_tbl thead tr th:nth-child(2) {border-left: 1px solid #ddd;}
.policy_area .p_tbl tbody tr td {padding: 7px 10px; border-bottom: 1px solid #ddd;}
.policy_area .p_tbl tbody tr td:nth-child(2) {border-left: 1px solid #ddd;}

/* Cell DB 개요 */
.db_area .db_container .db_cont > p {margin-bottom: 70px; line-height: 25px;}
.db_area .db_container .db_cont .db_tbl {margin-bottom: 70px;}
.db_area .db_container .db_cont .db_tbl_in > a {display: inline-block; float: right; margin-bottom: 10px; padding: 10px; background: #000; color: #fff;}
.db_area .db_container .db_cont .db_tbl .tbl_data td{padding: 15px 27px;}
.db_area .db_container .db_cont .db_tbl .tbl_data .total td {background: #ffd777;}
.db_area .db_container .db_cont .db_in > ul > li {position: relative; margin-bottom: 40px; padding: 30px 50px; border: 1px solid #ddd;}
.db_area .db_container .db_cont .db_in > ul > li::after {content: ''; position: absolute; bottom: 0; left: 50%; width: 35px; height: 22px; margin-bottom: -30px; background: url('../../images/front/sub/db_arrow.png') no-repeat center;}
.db_area .db_container .db_cont .db_in > ul > li:last-child::after {display: none;}
.db_area .db_container .db_cont .db_in > ul > li span {float: left; width: 45px; height: 45px; border-radius: 50%; line-height: 45px; text-align: center;font-weight: 600; color: #fff; background: #1971d8;}
.db_area .db_container .db_cont .db_in > ul > li:nth-child(1) span {margin-top: -10px;}
.db_area .db_container .db_cont .db_in > ul > li:nth-child(2) span {margin-top: -10px;}
.db_area .db_container .db_cont .db_in > ul > li:nth-child(6) span {margin-top: -10px;}
.db_area .db_container .db_cont .db_in > ul > li p {margin-left: 60px; font-size: 1rem; line-height: 30px;}
.db_area .db_container .db_cont .db_in > ul > li > ul > li {position:relative; margin: 5px 0; margin-left: 70px; padding-left: 10px; line-height: 25px;}
.db_area .db_container .db_cont .db_in > ul > li > ul > li::before {content: ''; position: absolute; top: 0; left: 0; width: 3px; height: 3px; margin-top: 12px; border-radius: 50%; background-color: #555;}
.db_area .db_container .db_cont .db_in > ul > li > ul > li a {word-break: break-all;}

@page {margin:0}

@media screen and (max-width:1400px){
    /* 교육메인 */
    .mcon_w1400{padding: 0 20px;}
    .main_contents.course_wrap .btn_control{right:20px;}
    
    /* 교육상세 */
    .content.course_wrap{padding: 0 20px;}
    .course_info_area{width: 70%;}
    .course_button_area{width: 27%;}
}

@media screen and (max-width:1250px){
	.pop_header header{padding: 0;}
    
    /* 교육상세 */
    .course_info_area{float: none;width: 100%;margin-bottom: 50px;}
    .course_button_area{float: none;width: 100%;}

	/* 서비스소개 */
	.line_box img{width: 100%;}
	
	/* 간행물 */
    .brochure_list li{width: 31%;}
	
	/* 신청서작성 */
	.tbl_cell_group.half_area{float:inherit;width:100%}
	.tbl_cell_group.half_area02{float:inherit;width:100%}
	.tbl_cell_group.half_area.th_w{width:100%}
	.tbl_cell_group.half_area02.th_w{width:100%}
	.tbl_cell_group.half_area dt{width:20%;}
	.tbl_cell_group.half_area02 dt{width:20%;}
	.tbl_view_wrap .form_number select, .tbl_view_wrap .form_number input {width: 10%}
	
	.tbl_view_wrap .form_number select,
	.tbl_view_wrap .form_number input {width:20%;}
    .tbl_view_wrap li.li_cell_w .tbl_cell_group.half_area dt{width: 20%}
    .tbl_view_wrap li.li_cell_w .tbl_cell_group dt{width: 20%}
    .tbl_view_wrap li.li_cell{position: relative;padding-left: 0;}
    .tbl_view_wrap li.li_cell .tbl_cell_group dt{width:20%;}
    .tbl_view_wrap li.li_cell:before{display: none}

	.tbl_cell_group dt {width:20%;}
	.tbl_cell_group dd {width:80%;}
	.tbl_cell_group dt.dt_tit_w{width:35%;}
	.appli_troubleshooting_tbl dt {width:40%;}
    
    /* 팝업 표스타일 사이즈*/
    .pop_content .tbl_cell_group dt{width: 25.3%;}
    .pop_content .tbl_cell_group.half_area02 dt{width: 25%;}
    	
	.apply_area dl.apply04 dd div.apply_box.box_r.h02{padding: 15px;}
	.apply_area dl.apply04 dd div.apply_box.box_r.h02 br{display: none}
	.apply_area dd{background: url(../../images/front/sub/bg_arrow04.png) no-repeat center bottom;}
    
    /* 회원가입 */
    .member_box{width: 90%;}
    
    /* 지원사업 */
    .business_list .b_con{float:inherit;}
    .business_list .b_btn{float:inherit;text-align: center;}
    .business_list li .b_btn .end{min-width: 300px;}
    .business_list li .b_btn button{min-width: 300px;}
    .business_list .b_con .title a{width: auto;white-space:normal;}
    .contact_area .contact_box{width: 100%;}
    
    /* CellDB */
    .search_wrap .category ul{width:100%;}
}
@media screen and (max-width: 1000px){
	/* 기관소개 */
	.content_area .cont_tit {margin-bottom: 0px; padding: 0px;}
	.content_area .cont_tit::before {display: none;}
	.content_area .cont_tit .txt br {display: none;}
	.content_area .cont_txt{padding:50px 0 0 0;}
	.content_area .cont_tit img {display: inline-block; padding-top: 20px;}
	
	/* 미션 및 비전 */
	.mnv_area .value ul li span {padding: 30px;}

	/* 조직도 */
	.org01 .org_list li ul {min-height: 215px;}

	/* 정책동향01 */
	.content_area .cont_box .cont_l {width: 100%;}
	.content_area .cont_box .cont_r {width: 100%;}
}
@media screen and (max-width:800px){
	/* 교육상세 */
	.course_info_area .box .img_photo_area .img_photo {margin-bottom: 20px;} 
	.course_button_area .btn_learn {height: 50px;}
	.course_button_area .btn_learn span {line-height: 50px;}
	.course_button_area .btn_learn span::before {top: 27%}
	
	/* 교육사업소개 */
	.cont_box .cont_box_in.edu_icon > span::before {display: none;}
	.cont_box .cont_box_in.edu_icon .ml150 {margin-left: 0px;}
	
	/* CellDB */
	.search_wrap .search_top{width: 100%;}
	.search_wrap .category ul{flex-direction: row;flex-wrap: wrap;}
	
	/* Cell DB 개요 */
	.db_area .db_container .db_cont .db_in > ul > li:nth-child(1) span {margin-top: 0px;}
	
	/* 정책동향02 */
	.cont_box .cont_box_in .rch_icon {width: 100%; margin-bottom: 20px; padding-top: 0px; text-align: left;}
	.cont_box .cont_box_in .rch_icon::before {display: none;}
	.cont_box .cont_box_in .cont_box02 {margin-left: 0px;}
	
	/* 기관소개 */
	.content_area .cont_tit .tit span {padding-bottom: 0px;}

	/* 연혁 */
	.his .his_in li {width: 100%; border-top: 0px; margin-top: 50px; padding: 0 0 50px 150px;}
	.his .his_in li:before {margin-top: -15px;}

	/* 미션 및 비전 */
	.mnv_area .mission::after {background-size: 80%; margin-left: -105px;}
	.mnv_area .vision p {width: 90%;}
	.mnv_area .value ul li {width: 45%; margin-bottom: 10px;}
	.mnv_area .value ul li span {min-height: 105px;}

	/* 조직도 */
	.org01 .org_arrow::before {display: none;}
	.org01 .org_arrow .org_in01 {margin-bottom: 20px;}
	.org01 .org_arrow .org_in02 {width: 87%; margin-bottom: 30px;}
	.org01 .org_list li ul {min-height: 50px;}
	.org01 .org_list .org_list_in>li {width: 100%; margin-left: 0; margin-top:2%;}
	
	/* 주요활동 */
	.act_area .act_box::before {display: none;}                                        
	.act_area .act_box {padding: 30px 0px;}

	/* 오시는길 */
	.content_area .map_area{margin-bottom: 50px;}
	.content_area .map_area .map_info{position: inherit;bottom: 0;width: 100%;padding: 20px 30px;}
	.content_area .map_area .map_info_in{padding-left: 0;margin-left: 0;border-left:none;}
	.content_area .map_area .map_info_in::before {display: none;}
	.content_area .map_area .map_box{height: 480px;}
	.content_area .traffic{width:100%;padding-top:0;}

	/* CI소개 */
	.ci_area .ci_box01 button {padding: 15px 30px 15px 75px}
	.ci_area .ci_box01 button .btn_ci::before {margin-top: 2px; margin-left: -45px;}
	.ci_area .ci_box02 .box {width: 100%;}
	.ci_area .ci_box02 .ci_ko {margin-right: 0; margin-bottom: 70px;}
	.ci_area .ci_box02 .box ul li {padding: 10%;}
	
    .tbl_cell_group .input_w100 {width:100%;}
    .tbl_cell_group .form_txt_set {width:100%;}
    .tbl_cell_group .form_txt_set .input_w100 {width:80%;}
    .tbl_cell_group .form_cell2_set {width:100%;}
    .tbl_cell_group .form_cell2_set select {width:45%;}
    
    .tbl_list_scroll {overflow-x:scroll;}
	.tbl_list_scroll .tbl_data {width:1000px;}
    .tbl_list_scroll .type01_scroll {width:800px;}
    
    /* 신청서작성 */
	.tbl_cell_group dt {font-size:14px;}
	.tbl_cell_group dd {font-size:14px;}
	.tbl_cell_group td .radio-inline{padding: 3px 0;}
	.tbl_cell_group th.td_line br{display: none;}
	.ind:after{top:0;font-size: 16px;font-weight: 600;}

	.inner_tbl thead th {font-size:13px;}
	.inner_tbl tbody td {font-size:13px;}

	.tbl_list_scroll {overflow-x:scroll;}
	.tbl_list_scroll .my_list {width:800px;}
	.tbl_list_scroll .type2 {width:800px;}
	
    /* 회원가입  */
    .agree_con {padding: 15px 20px;}
        
    /* 교육상세 */
    .course_info_area .box .img_photo_area{float:none;width: 100%;}
    .course_info_area .box .tbl_course{float:none;width: 100%;}
    
	/* 마이페이지 */
	.my_process > ul > li{width: 20%;}
	.my_process.pro02 > ul{width:100%;}
	.send_step{height:90px}
    .send_step li .send_box{height: 75px}
    
    /* 사이트맵 */
    .sitemap_area > .nav_list > li{width: 31%;min-height: 250px;}
}
/* 화면 해상도 width 640px 이하 Design --------------------------------------*/
@media screen and (max-width: 640px){
	.sub_area .content .content_area{font-size: 13px}
	h3.tit{font-size: 20px;margin-bottom: 20px;}
    .box_info.step_img02{background: none;padding: 30px;}
    .box_info .tit01{font-size: 15px;}
    .editor_q img{width: 100%;}
	
	.box_line{padding: 20px;}
	.tit_apply{padding: 10px;}
	.tit_apply p{font-size: 15px;}
	.tit_apply .icon_notics_b01{height: 28px;line-height: 28px;}
    .list_icon > li{font-size: 13px;}
    .box_info{padding: 20px;}
    .agree_con{margin-bottom: 20px;}
    .terms_contents .tit{font-size: 14px;}
    .content_area .box >.tit::before{background: url(../../images/front/sub/img_introduction07.png) no-repeat 0 0;}
    
    /* 교육메인 */
    .category_list{height: 50px;margin-top: -20px;}
    .category_list .tit {display: none;}
    .category_list ul {width: 100%; text-align: center;}
    .category_list li {width: 19%;}
    .category_list li:nth-child(3) {width: 23%;}
    .category_list li a {padding: 15px 10px;}
    .category_list li:nth-child(3) a {padding: 15px 0px;}
    .main_contents.course_wrap .mcon_bottom.style01 .box.help{width: 100%;background: url(../../images/front/sub/img_help.jpg) no-repeat -30px bottom;padding-left: 180px;}
    .course_info_area .course_info_con .course_con {padding: 20px 0; margin-bottom: 50px;}
    .course_info_area .box {margin-top: 35px;padding: 20px;}
    .content.course_wrap .tit_course .btn_course {top: 0;}
    .course_button_area dl{padding: 20px;}
    
	/* 교육사업소개 */
	.cont_tab.tab2 ul li {width: 100%; border-left: 1px solid #ddd; border-top: none;}
	.cont_tab.tab2 ul li:first-child {border-top: 1px solid #ddd;}
	.cont_tab.tab2 ul li a {padding: 12px;}
	.cont_box .cont_box_in {padding: 20px;}
	.cont_box .cont_box_in p{text-align: inherit;}
	.content_area .cont_box.bg_gray{padding: 20px;}
	.content_area .cont_box .edu_txt {margin-top: 20px;}
	
    /* 서비스소개 */
	.text_info strong{font-size: 17px}
	.text_info{font-size: 14px;}
	.line_box{margin: 1.5rem 0 2rem;}
	
	/* 인포그래픽 */
	.graph_list{margin-top: 10px;}
	.graph_list li{width: 99%;margin: 5px 0;}
	.graph_list .list_box a{height: 100px;padding: 22px 0 0 25px;}
	.graph_list .list_box a p{font-size: 17px;margin-bottom: 5px;}
	.graph_list .list_box a span{font-size: 13px;}
	.graph_list li:nth-child(3), .graph_list li:nth-child(6), .graph_list li:nth-child(9), .graph_list li:nth-child(12){margin: 5px 0;}
	
	.graph_wrap .head_type3{height: 50px;}
	.graph_wrap .head_type3 span{font-size: 18px;padding: 15px 0 0 15px;}
	.graph_wrap .head_type3 span:before{height: 25px;}
	.graph_wrap .graph_top{padding: 20px;}
	.graph_wrap .graph_top .graph_sch .calendar_area .cal_box{width: 110px;height: 30px;}
	.graph_wrap .graph_top .graph_sch .calendar_area .cal_box input:read-only{height: 28px!important;}
	.graph_wrap .graph_top .graph_sch .calendar_area .cal_box .ui-datepicker-trigger{top: 5px;right: 7px;}
	.graph_wrap .graph_top .graph_sch button{height: 30px;}
	.graph_wrap .graph_top .graph_sch .btn.sch_re{height: 30px;}
	.graph_wrap .graph_top .totalCntWrap .totalCnt{font-size:13px;}
    
    /* 혁신지원사업 */
    .suppot_area .suppot_box{min-height: 330px;}
    .suppot_area .suppot_box:nth-child(1), .suppot_area .suppot_box:nth-child(2){min-height: 280px;}
    .suppot_area .suppot_box .tit{height: 40px;line-height: 40px;}
    .suppot_area .suppot_box .suppot_in{padding-top: 110px;}
    .suppot_area .suppot_box:before{top: 60px;width: 80px;height: 80px;margin-left: -40px;}
    .suppot_area .suppot_box:nth-child(1):before, .suppot_area .suppot_box:nth-child(2):before, .suppot_area .suppot_box:nth-child(3):before, .suppot_area .suppot_box:nth-child(4):before{background-size: 100%;}
	.suppot_graph img{width: 100%;}
    .contact_area .contact_box{height: 165px;padding: 15px 0;margin-bottom: 10px;}
    .contact_area .contact_box:before{left: 30px;top: 35px;width: 90px;height: 90px;}
    .contact_area .contact_box:after{top: 65px;left: 55px;width: 45px;height: 35px; background-size: 100%;}
    .contact_area .contact_box p, .contact_area .contact_box ul{padding-left: 145px;}
    .contact_area .contact_box .tit01{font-size: 13px;}
    .contact_area .contact_box .tit02{font-size: 18px;margin-bottom: 10px;}
    .contact_area .contact_box li a{font-size: 13px;}
	
	/* 버튼 */
	.btn_down02{padding: 5px 10px 5px 7px;}
	.btn_down02 span{font-size: 13px;}
	
	/* 지원사업 */
	.business_list .b_con a{margin-bottom: 10px;}
	.business_list li{padding: 20px;}
	.business_list li .b_btn .end{height: 35px;font-size: 13px;line-height: 33px;}
	.business_list li .b_btn button{width:100%;height: 35px;font-size: 13px;line-height: 33px;margin-left: 0;}
	.business_list .b_con .icon_tag{height: 25px;font-size: 12px;line-height: 25px;margin-bottom: 7px;}
	.business_list .b_con .title{font-size: 16px;}
	.business_list li dl{margin-bottom: 20px;}
	.business_list li dl dd{width: 70%;}
	
	.apply_wrap .apply_step_area{padding: 40px 20px;}
	.apply_wrap .apply_step_area .step_tit01{font-size: 15px;}
	.apply_wrap .apply_step_area .step_tit02{font-size: 20px;}
	.apply_wrap .apply_step_area .step_list li{padding: 2px 5px;}
	.apply_wrap .apply_con{padding:20px;}
	.apply_wrap .apply_step_area .pop_close{width: 50px;height: 50px;}
	.apply_wrap .apply_con .head_type4{font-size: 16px;}

	/* 조직도 */
	.org01 .org_list{width:100%;}
	.content_area .org_area .org02{width:100%;}
	.org01 .org_arrow .org_in01 p {width: 130px; height: 130px; line-height: 130px;}
	.org01 .org_arrow .org_in01 p:nth-child(1) {margin-bottom: 20px;}
	
	/* 오시는길 */
	.traffic .tfc{float: none;width: 100%;}

	/* CI소개 */
	.ci_area .ci_box01 button .btn_ci::before {margin-top: 1px; margin-left: -40px; background-size: 85%}
	.ci_area .ci_box02 .ci_ko ul li {background-size: 65%;}
	.ci_area .ci_box02 .ci_ko ul li:nth-child(2) {background-size: 65%;}
	.ci_area .ci_box02 .ci_ko ul li:nth-child(3) {background-size: 65%;}
	.ci_area .ci_box02 .ci_en ul li {background-size: 80%;}
	.ci_area .ci_box02 .ci_en ul li:nth-child(2) {background-size: 80%;}
	.ci_area .ci_box02 .ci_en ul li:nth-child(3) {background-size: 80%;}
	.ci_area .ci_box01 a{width:100%;height: 38px;line-height: 36px;padding: 0 15px;margin:2px 0;font-size: 14px;}

	/* 정책동향01 */
	.content_area .cont_box .cont_l > p::before {width: 32px; margin-bottom: 8px; margin-left: 165px;}
	.content_area .cont_box .cont_l > p {font-size: 2.2rem;}
    
    /* 리스트 */
    .list.TypeB ul li{padding: 20px;}
    .list.TypeB ul li .tit{font-size: 16px;margin-bottom: 0;}
    .list.TypeB ul li .tit .state{height: 28px;font-size: 13px;line-height: 28px;padding: 0 10px;}
    .list.TypeB ul li .con{display: none;}
	
	/* 신청서작성 */
	.apply_wrap .apply_step_area{padding: 20px;}
	.apply_wrap .apply_step_area .step_tit01{width: 80%;font-size: 20px;}
	.apply_wrap .apply_con{padding: 20px;}
	.apply_wrap .apply_con .box_line02{padding: 20px 20px 10px 20px;}
	.apply_wrap .apply_con .box_line02 label{font-size: 15px;vertical-align: middle;}
	.apply_wrap .apply_con .box_line02 .radio_in{padding-left: 0;margin-top: 5px;}
	.apply_wrap .apply_con .box_line02 .radio_in:before{display: none;}
	.apply_wrap .apply_con .box_line02 .radio_in span label{font-size: 13px;vertical-align: middle;}
	.step_list li p{font-size: 13px;padding: 10px;}
	
    .tbl_list_wrap th, .tbl_list_type02 thead th{height: 35px;font-size: 13px;}
    .tbl_list_wrap td{font-size: 13px!important;padding: 8px;}
    .tbl_list_wrap td.left{font-size: 13px!important;}
    .tbl_list_type02 td{height: 35px;font-size: 13px;}
    
	.file_area li{margin:0}
	.file_area .download{font-size: 13px}
	.apply_area dl{overflow:hidden;line-height: 130%}
	.apply_area dt{float:inherit;width:100%;border: 7px #efefef solid;text-align: center}
	.apply_area dt span{display: inline-block;font-size:20px;font-weight:600;color:#195dae;letter-spacing: -0.5px;line-height: 140%}
	.apply_area dd{overflow:hidden;float:inherit;width:100%;background: url('../../images/front/sub/bg_arrow03.png') no-repeat center bottom;padding-bottom:40px;}
	
	.attach_file .attach_tit{position:inherit;display:inline-block;width:120px;height:auto;background:none;border-right:none;margin-bottom:10px}
	.attach_file .attach_tit span{display:inline-block;padding:0;font-size:16px;font-weight: 600;color: #333}
	.attach_file .attach_tit.line_b{height: 20px}
	.attach_file > ul{line-height:140%;padding-left:0}
	.attach_file .attach_top{margin-top:0}
	
	.tbl_cell_group.half_area{height:auto;}
	.tbl_cell_group th{font-size: 14px;}
	
	.tbl_view_wrap .tbl_txt {line-height:1.4;}
	.tbl_view_wrap .form_number select,
	.tbl_view_wrap .form_number input {width:30%;}

	.tbl_cell_group {display:flex;flex-direction:column;}
	.tbl_cell_group dt {display:flex;width:100% !important;padding:0 15px;height:40px;align-items:center;}
	.tbl_cell_group dt.dt_tit{line-height: 50px;}
	.tbl_cell_group dd {display:flex;width:100% !important;height:auto;min-height:44px;padding:5px 0;align-items:center;}
	.tbl_cell_group dd.cell_p100{display: block;}
	.tbl_cell_group .input_w60{width:100%;}
	.tbl_cell_group .input_w100 {width:100%;}
	.tbl_cell_group .input_w200 {width:100%;}
	.tbl_cell_group .input_w300 {width:100%;}
	.tbl_cell_group .input_w120{width: 40%;}
    .tbl_cell_group .in_w20{width: 30%;}
	.tbl_cell_group .form_address .find_post input {width:50%;}
	.tbl_view_wrap > ul > li:first-of-type .tbl_cell_group dt {border-top:0;}
	.tbl_view_wrap > ul > li:first-of-type .tbl_cell_group dd {border-top:1px solid #e5e5e5;}
	.tbl_cell_group td.tit{font-size: 14px;}
    
    .tbl_list_type01 tbody td{font-size: 13px;}
    .tbl_list_type01 tbody .tit_preson{font-size: 13px;}
    .tbl_list_type01 tbody th.tit_b{font-size: 13px;}
    .tbl_list_type02 tbody th{font-size: 13px;}
	
	.inner_tbl thead th {font-size:13px;}
	.inner_tbl tbody td {font-size:13px;}

	.tbl_view_s .tbl_cell_group dd {border-left:none;}
	.tbl_view_wrap.view > ul > li .tbl_cell_group dt{border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;}
	.tbl_view_wrap.view > ul > li .tbl_cell_group dd{border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;padding-left:10px}
	
	.process_area:after{height: 50vh;left: 35px;}
	.process_area > ul > li{margin-left: 0;margin-bottom: 20px;}
	.process_area > ul > li.float_right{margin-left: 0;}
	.process_area > ul > li > p.icon_pro{width: 60px;height: 60px;padding-top: 17px;}
	.process_area > ul > li > p.icon_pro img{width: 23px;}
	.process_area > ul > li .text{margin-left: 10px}
	.process_area > ul > li > div.text .pro_tit{font-size: 15px;padding-top:0;z-index: 99}
	.process_area > ul > li > div.text .pro_tit_s{font-size: 14px;z-index: 99}
	
	/* 팝업*/
	.pop_container{padding:10px;}
	.pop_container .pop_content_area .pop_content .tbl_cell_group th{height:auto;padding: 10px;}
	.pop_header header h1{font-size:17px;}
	dl.search_box > dd.box input[type="text"]{width:100%!important;}
	.main_layer{height: auto!important;left:0!important;width: 100%!important;}
	.main_layer .pop_container .pop_content{height: auto!important;}
	.main_layer .pop_container.pop_color .layer_bottom_wrap .layer_bottom{position: static;padding: 7px 0;}
	
	/* 타이틀영역 */
	.sub_tit_area{margin-bottom:30px}
	.sub_tit_area h3{float:inherit;font-size:18px;font-weight:600;color:#333;margin-bottom:5px}
	.content_area h4{font-size:16px;margin-bottom:10px}
	.content_area .tit_s{font-size:16px;margin-bottom:15px;padding-top: 14px;}
	.tit_message{height: 55px;font-size: 13px;padding: 15px 0 15px 50px;}
	.tit_message:before {content:"";position:absolute;top:15px;left:15px;width:23px;height:23px;background: url('../../images/front/icon/icon_message.png') no-repeat 0 0;background-size: 100%}
	
	/* 마이페이지 */
	.my_process{border-left: 3px #efefef solid;border-right: 3px #efefef solid;border-top: 3px #efefef solid;border-bottom: 1px #ddd solid;}
	.my_process ul{max-width:100%;}
	.my_process > ul > li {width:24%;background: url(../../images/front/sub/bg_arrow05.png) no-repeat right 28%;vertical-align: top;}
	.my_process > ul > li > p.icon_pro{display:inline-block;position:relative; z-index:0;background-color:#8696aa;width:70px;height:70px;border-radius:100%;padding-top:18px;margin-bottom:10px;box-sizing:border-box;text-align:center;}
	.my_process > ul > li > p.icon_pro img{width:40%;}
	.my_process > ul > li.on p.icon_pro{background-color:#1461c0;}
	.my_process > ul > li > div.text .pro_tit{font-size:13px;color:#777;line-height:140%;margin-bottom:10px;letter-spacing: -0.6px}
	.my_process > ul > li.on > div.text .pro_tit{font-weight:600;color:#666}
	
	.my_process.pro02 > ul > li{width: 19%;height: 110px;background: url(../../images/front/sub/bg_arrow05.png) no-repeat right 15%;}
	.my_process.pro02 > ul > li > div.text .pro_tit{font-size:13px;line-height: 120%;}
	.my_process.pro02 > ul > li > p.icon_pro{width: 50px;height: 50px;border-radius: 100%;padding-top: 13px;}
	.mypro_result{padding:10px;text-align: center;color:#333;border-left: 3px #efefef solid;border-right: 3px #efefef solid;border-top:none;border-bottom: 3px #efefef solid;}
	.my_process.pro02 > ul > li:nth-child(5) > p.icon_pro{padding-top:15px;}
	.my_process.pro02 > ul > li:nth-child(8) > p.icon_pro{padding-top:15px;}
	.my_process.pro02 > ul > li:nth-child(9) > p.icon_pro{padding-top:15px;}
	.mypro_result span{font-size:16px;}
	
	.send_step{overflow: inherit;height: auto}
    .send_step li{width: 50%;margin-bottom:20px}
    .send_step li .send_box{height: 55px;}
    .send_step li:nth-child(3){padding-left: 0}
    .send_step li:last-child:before{background: none}
    
    /* 간행물 */
    .brochure_list li{width: 47%;padding: 30px 5%;}
    .brochure_list li .text{height: 64px;}
    .brochure_list li .btn_area a{min-width: inherit;}
    
    /* 로그인 */
    .login_area{width:100%;}
    .login_area .login_tit h4{font-size: 20px;}
    .member_box{width: 100%;padding: 50px 0 30px 0;}
    .mem_tit_area{font-size: 13px;}
    .mem_tit_area p{word-break: break-all;}
    .mem_tit_area .mem_tit{font-size: 20px;}
    
    .step_list li span{display: none;}
    .step_list li.on span{display: none;}
    .step_area h4{font-size: 17px;margin: 15px 0 10px 0;}
    
    /* 사이트맵 */
    .sitemap_area > .nav_list > li{float: left;width: 48%;min-height: 150px;padding:1.5%;}
    .sitemap_area > .nav_list > li .depth1{font-size: 16px;}
    .sitemap_area > .nav_list > li .depth2 li a{font-size: 14px;}
    
	/* 개인정보처리방침 */
	.policy_area h4.p_tit00 {padding-left: 13px;}
	.policy_area h4.p_tit00::before {width: 8px; height: 8px; margin-top: 7px;}
    .policy_box ul li a::before {width: 3px; height: 3px; margin-top: 8px;}
        
    /* CellDB */
    .search_wrap{padding: 20px;}
    .search_wrap .category ul{flex-wrap: wrap;}
    .search_wrap .category li a{padding: 0 10px 5px 10px;margin-bottom: 5px;}
    .search_wrap .category_s{padding: 10px;}
    .search_wrap .category_s .chk_list li{margin: 3px 25px 3px 0;}
        
    /* CellDB 개요 */
    .db_area .db_container .db_cont .db_in > ul > li {padding: 30px;}
    .db_area .db_container .db_cont .db_in > ul > li p {margin-left: 60px;}
    .db_area .db_container .db_cont .db_in > ul > li span {width: 45px; height: 45px; line-height: 45px;}
    
    /* popup */
    .pop_ploicy {padding: 30px;}
    .pop_ploicy .pop_policy_box {margin: 0 10px;}
    .pop_ploicy .pop_policy_box.pop_box01 {padding-bottom: 30px;}
    .pop_ploicy .pop_policy_box.pop_box02 {padding-top: 25px;}
}