@charset "UTF-8";

.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt65{margin-top:65px !important;}
.mt75{margin-top:75px !important;}
.mt80{margin-top:80px !important;}
.mt0{margin-top:0 !important;}
.mb10{margin-bottom:10px !important;}
.mb0{margin-bottom:0 !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml17{margin-left:17px !important;}
.ml20{margin-left:20px !important;}
.co_red{color:#ff6666}
.co_dkRed{color:#cc3333}
.co_blue{color:#0066cc}
.co_green{color:#009999}
.co_gray{color:#999}
.co_black{color:#000}
.co_orange{color:#ff6600}
.fs12{font-size:12px}

#wrap{position:relative;min-width:1280px}
.layout_open{overflow:hidden}

/* Loading */
.loading_wrap{position:fixed;width:100%;height:100%;top:0;left:0;z-index:500;display:none;background:rgba(0,0,0,0.8)}
.loading{position:absolute;top:50%;left:50%;}
.loading .txt{display:inline-block;width:100px;height:100px;color:#fff;background:url("../images/bg_loadingBar.svg") no-repeat;}
.loading .txt em{display:block;font-size:12px;width:100px;padding:44px 0;text-align:center;}

/* Header */
#header{position:absolute;top:0;left:0;min-width:1280px;width:100%;z-index:9000;background-color:rgba(48,51,70,0.9);}
.inner_head{width:1280px;margin:0 auto;}
.inner_head:after{content:"";clear:both;display:block;}
.area_links{float:right;border-right:1px solid #000;}
.area_links .exte{padding:3px 0}
.area_links > *{float:left;font-size:12px;width:119px;padding:5px 0 4px;border-left:1px solid #000;color:#8d8e96;text-align:center;}
.area_links > a:hover{color:#fff;text-decoration:underline;}
.area_links .exte{border-left:0; margin-right:10px;}
.area_links .exte >*{display:inline-block;vertical-align:middle;}
.area_links .exte em{color:#ff9900;padding-right:10px}
.area_links .exte a{font-size:11px;color:#fff;width:76px;padding:4px 0; background-color:#f90}
.logo_area{float:left;}
.logo_area .logo a{display:block;color:#fff;line-height:1;padding-top:28px;padding-bottom:29px;border-top:6px solid #404560;}
.logo_area .logo em{display:block;font-size:12px;color:#82838c;}
.logo_area .logo span{display:block;font-size:24px;font-weight:normal;padding-top:10px}
.logo_area .logo strong{font-weight:normal;}
.top_head{float:right;}
.top_head .gnb{clear:both;padding-top:27px;}
.nav_menu:after{content:"";clear:both;display:block;}
.nav_menu > li{position:relative;float:left;}
.nav_menu > li > a{display:block;font-size:20px;color:#b2b3b8;text-align:center;padding:0 70px 26px 24px}
.nav_menu > li.active > a{color:#00a2ff}
.nav_menu > li:hover .link{color:#00a2ff}
.nav_menu > li:hover .dropdown{display:block;}
.dropdown{display:none;position:absolute;top:35px;left:0;width:100%}
.dropdown a{display:block;font-size:16px;color:#fff;padding:11px 0 11px 20px;background-color:#393e54}
.dropdown a:hover{background-color:#1f8deb}

/* cnb */
.cnb{border-bottom:1px solid #d4d4d4}
.cnb .nav{width:1280px;margin:0 auto;overflow:hidden;}
.cnb .nav li:first-child{border-left:1px solid #f5f5f5}
.cnb .nav li{float:left;text-align:center;border-right:1px solid #f5f5f5;box-sizing:border-box;}
.cnb .nav li a{display:block;font-size:22px;padding:13px 0}
.cnb .nav li.active{border-bottom:2px solid #467ff3; background :#E5F1FF; }
.cnb .nav li.active a{font-weight:700}
.cnb .nav[data-columns="4"] li{width:25%}
.cnb .nav[data-columns="3"] li{width:33.33333333333333%}
.cnb .nav[data-columns="2"] li{width:50%}


/* Content */
.visual_area{height:267px;margin-top:-112px;text-align:center;box-sizing:border-box;background:url("../images/bg_visual_area.png");}
.visual_area .sub_title{font-size:54px;font-weight:300;color:#fff;padding-top:158px;line-height:1}
.sub{padding-top:112px;}
.sub_panel{width:1280px;margin:0 auto;padding-bottom:128px}
.cont_tit{text-align:center;border-bottom:1px solid #000;padding-top:54px;padding-bottom:30px}
.cont_tit .tit{font-size:30px;font-weight:300;color:#666}
.cont_tit .txt{font-size:28px;font-weight:400;color:#000; margin-bottom: 10px; display: block;}

.sub_panel .tit { font-size: 14px; font-weight: 300; font-family: 'Noto Sans KR';}
.cony_head.mt-0 {margin-top: 0}
.right_box .cony_right {padding-top: 30px; margin:20px;}
.top_content {display: flex; align-items: flex-start; width : 100%; justify-content: space-between; margin-top: 50px;}
.left_box .cony_cont {margin : 0; display: flex; width : 100%; overflow: unset;}
.right_box .cony_box {margin: 0 auto;}
.right_box .lsn {padding-top: 30px;}
.right_box .lsn li {font-size: 16px;color: #666;line-height: 30px; max-width: 340px; margin: 0 auto; word-break: keep-all;}



.notice_box{padding:30px;border:1px solid #ccc;line-height:24px;letter-spacing:-0.25px;}
.notice_box dt{font-size:18px;font-weight:700;color:#000;padding-bottom:25px}
.notice_box .txt_list li{display:table;width:100%;line-height:24px;margin-bottom: 5px;}
.notice_box .txt_list li >*{display:table-cell;text-align:left;}
.notice_box .txt_list li strong{width:80px}
.search_box{padding:7px 20px;margin-top:20px;margin-bottom:20px;overflow:hidden;background-color:#f7f7f7}
.search_box .row{float:left;}
.search_box .label, .search_box .section{float:left;}
.search_box .label:first-child{padding-left:0}
.search_box .label{width:48px;padding:8px 10px 8px 20px}
.search_box .select_form{width:140px}
.search_box .row_right{float:right;}
.search_box input[type="text"], .search_box input[type="password"]{width:330px;}

.lib_info{overflow:hidden;padding-top:28px;padding-bottom:20px;margin-bottom:26px;border-bottom:1px solid #ccc}
.lib_lst li{display:table;width:100%;line-height:26px}
.lib_lst li >*{display:table-cell;}
.lib_lst li strong{width:198px}
.lib_lst li span{color:#666}
.lib_info table { border-collapse: collapse; width: 100%; border: #ccc 2px solid; }
.lib_info table th, .lib_info table td { padding:5px 20px; border:#eaeaea 1px solid; text-align: left; }
.lib_info table th { background-color: #f9f9f9;}

/* 활용사례 */
.gallery_list{overflow:hidden;}
.gallery_list ul{margin:-45px -13px 0;overflow:hidden;}
.gallery_list li{float:left;width:25%;padding:0 13px;margin-top:45px;box-sizing:border-box;}
.gallery_list li .link{position:relative;display:block;height:300px;overflow:hidden;}
.gallery_list li img {min-width: 300px;min-height: 300px;margin: 0 auto; height:auto; max-height:150%;/*! max-width: 100%; */}
.gallery_list li .link > span{display:none;position:absolute;top:0;left:0;width:100%;height:100%;font-size:18px;font-weight:600;color:#3399ff;letter-spacing:-0.25px;z-index:200;text-align:center;background-color:rgba(0,0,0,0.67);}
.gallery_list li .link > span span{display:table-cell;vertical-align:middle;}
.gallery_list li .link:hover > span{display:table;}
.gallery_list li.no_data{clear:both;width:100%;padding:100px 0;text-align:center;border-top:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2}

.gallery_list li .link .emptyMsg { display: block; color:transparent; background: #eaeaea;font-size: 12px; background-image: url("../images/noimage.png"); background-position: center center;background-repeat: no-repeat;}
.gallery_txt{padding-top:20px}
.gallery_txt .row{display:table;width:100%;line-height:24px}
.gallery_txt .row span{display:table-cell;vertical-align:middle;text-align:left;}
.gallery_txt .row .txt01{width:70px}
.gallery_txt .row .txt02{text-indent:-0.25px}

.pag_wrap{position:relative;margin-top:40px}
.pag_wrap .pag_left{float:left;}
.pag_wrap .pagination{margin-top:0;padding:9px 0}
.pag_wrap .btn_area{position:absolute;top:0;right:0;margin-top:0}

/* 회원가입 상단 step */
.join_step_box {width: 100%; max-width: 900px; margin: 20px auto;}
.join_step_box .step_list {display: grid; grid-template-columns: repeat(7, 1fr); gap: 0 10px; background: #F1F1F1; box-sizing: border-box; padding: 18px 56px; border-radius: 6px;}
.join_step_box .step_list .step_line {display: block;}
.join_step_box .step_list .step_line span {display: block; display: inline-block; font-size: 16px; color: #9A9A9A; font-weight: normal;}
.join_step_box .step_list .step_line p {font-size: 16px; font-weight: 600; color: #9A9A9A;}
.join_step_box .step_list .step_line.active span {color: #000;}
.join_step_box .step_list .step_line.active p {color: #2C72F4;}
.join_step_box .step_list .arrow {display: flex; align-items: center; justify-content: center; font-size: 16px; color: #9A9A9A;}



/* 회원가입 */
.mem_div{padding-top:38px;overflow:hidden;}
.mem_div >*{float:left;width:50%;text-align:center; background-position:50% 0;background-repeat:no-repeat;}
.mem_div .tit{display:block;font-size:38px;font-weight:300;color:#000;line-height:1; margin-top: 20px;}
.mem_div .txt{display:block;color:#666;padding-top:20px;margin-bottom:40px}
.mem_div .btn{width:160px;font-size:18px;font-weight:300;color:#fff;padding:14px 0;background-color:#545454;}
/* .mem_div .publisher{position:relative;background-image:url("../images/bg_publisher.png");} */
.mem_div .publisher:before{content:"";position:absolute;top:130px;right:0;width:16px;height:76px;background:url("../images/bg_mem_dot.png") no-repeat;}
/* .mem_div .dissem{background-image:url("../images/bg_dissem.png");} */
.mem_div .publisher .tit em{color:#0f73da;font-weight:300}
.mem_div .dissem .tit  em{color:#775cd8;font-weight:300}
.mem_info{margin-top:110px}
.user_com{width: 660px;margin:0 auto;border-bottom:1px solid #dbdbdb;padding-top:60px;padding-bottom:50px; text-align:center;}
.user_com .com_msg01{letter-spacing:-0.25px;font-size:48px;font-weight:300;padding-top:178px;background:url("../images/bg_UserCom.png") 50% 0 no-repeat; word-break: keep-all;}
.user_com .com_msg02{font-size:18px;color:#666;padding-top:35px;}
.file_upload .file_name{position:relative;}
.file_upload .file_name >*{display:inline-block;vertical-align:middle;}
.file_upload .file{margin-right:5px}
.file_upload .file:hover{text-decoration:underline;}
.file_upload .file_name .del{ width:19px;height:19px;text-indent:-9999px;cursor:pointer;border:0;background:url("../images/bg_image_delete.png") no-repeat}
.user_com .notice {font-size: 16px; color: #666;}


/* Login */
.login_wrap{padding-top:96px;}
.login_wrap .login_tit{padding-top:130px;padding-bottom:60px;text-align:center;background:url("../images/bg_login.png") 50% 0 no-repeat;}
.login_wrap .login_tit .tit{font-size:48px;font-weight:300;color:#000;line-height:1;padding-top:20px}
.login_wrap .login_tit .txt{display:block;font-size:16px;color:#666;padding-top:20px}
.login_wrap.loginout{width:635px;margin:0 auto;}
.login_wrap.loginout .login_tit{padding-bottom:28px;border-bottom:1px solid #dbdbdb}
.login_wrap.loginout .login_tit > span{display:block;}
.login_wrap.loginout .login_tit .txt01{font-size:48px;font-weight:300;padding-top:60px}
.login_wrap.loginout .login_tit .txt02{font-size:18px;color:#666;padding-top:35px}
.login_wrap .login_form{max-width:425px;margin:0 auto}
.login_form .input_row{margin-bottom:10px}
.login_form .input_row{position:relative;display:block}
.login_form .input_row > label{position:absolute;top:0;left:0;color:#666;width:80px;padding:16px 0 16px 20px}
.login_form .input_row > input{font-size:18px;width:100%;height:53px;border:1px solid #ccc;padding-left:100px;box-sizing:border-box}
.login_form .input_row > input:focus{outline:none;border:1px solid #5966e6}
.login_form .radio_form{padding:14px 0;text-align:center;background-color:#fafafa}
.login_form .radio_form input{width:16px;height:16px}
.login_form .radio_form label{position:relative;font-size:14px;font-weight:700;color:#666;padding-left:10px;padding-right:65px}
.login_form .radio_form label:before{content:"";position:absolute;top:4px;right:30px;width:1px;height:14px;background-color:#dfdfdf}
.login_form .radio_form label:last-child:before{content:none;}
.login_form .btn{display:block;}
.login_form .btn button{display:block;width:100%;height:53px;font-weight:700;color:#fff;background-color:#5966e6}
.login_wrap .find_info{margin-top:40px;text-align:center}
.login_wrap .find_info a{position:relative;display:inline-block;padding-left:25px}
.login_wrap .find_info a:hover{text-decoration:underline}
.login_wrap .find_info a:first-child{padding-left:0}
.login_wrap .find_info a:first-child:before{background:none}
.login_wrap .find_info a:before{content:"";position:absolute;top:5px;left:10px;width:1px;height:12px;background-color:#ccc}
.userFind{width:650px;margin:0 auto;padding-top:95px}
.user_info{font-size:24px;font-weight:300;padding-bottom:65px;text-align:center;}
.userPwd{width:970px;margin:0 auto;padding-top:95px}
.userPwd .notice_box{font-size:16px;line-height:40px;text-align:center;padding:43px 0}

/* 사업소개 */
.cony_head{text-align:center;margin-top:80px;margin-bottom:50px}
.cony_head .tit{font-size:38px;font-weight:300}
.cony_head .txt{display:block;font-size:24px;padding-top:20px}
.cony_cont{overflow:hidden;margin:0 -33px;padding-top:30px}
.cony_cont >*{float:left;width:33%;padding:0 33px;box-sizing:border-box;}
.cony_box{text-align:center;border:1px solid #ddd;padding:40px 0}
.cony_box .small{display:block;font-size:16px;color:#666;padding-top:40px}
.cony_box .tit{display:block;font-size:30px;padding-bottom:60px;}
.cony_box .tit span{position:relative;}
.cony_box .tit span:before{content:"";position:absolute;left:50%;bottom:-25px;width:30px;height:1px;margin-left:-15px;background-color:#000}
.cony_box p{font-size:18px;color:#000;line-height:35px;letter-spacing:-0.25px}
.cony_cont .lsn{padding-top:30px}
.cony_cont .lsn li{font-size:16px;color:#666;line-height:30px; word-break: keep-all;}

.cony_summary{margin:0 -8px;overflow:hidden;}
.cony_summary li{float:left;width:25%;padding:0 8px;text-align:center;box-sizing:border-box;}
.cony_summary .smy_box{border:1px solid #ddd;padding:24px 0; height: 90px;}
.cony_summary em{display:block;font-size:16px;color:#666;padding-bottom:10px}
.cony_summary span{display:block;font-size:24px}

.cony_process{margin:0 -6px;overflow:hidden;}
.cony_process li{float:left;width:14.28571428571429%;padding:0 6px;box-sizing:border-box;text-align:center;}
.cony_process .pcs_box{border-radius:100%;height:170px;background-color:#4a4d61;vertical-align:middle;}
.cony_process .num{position:relative;display:block;font-size:24px;font-weight:300;color:#ffba00;padding-bottom:20px;padding-top:25px}
.cony_process .num:before{content:"";position:absolute;left:35px;bottom:0;width:104px;height:1px;background-color:#5a5d72}
.cony_process span{display:block;font-size:18px;font-weight:700;color:#fff;line-height:24px;padding-top:20px}

.cony_direction{overflow:hidden;margin:-10px -5px 0}
.cony_direction li{float:left;display:table;width:33.333%;padding:10px 5px 0;box-sizing:border-box;text-align:center;}
.cony_direction li span{display:table-cell;font-size:16px; height:114px;vertical-align:middle;border:1px solid #ddd;}
.cony_direction_new{overflow:hidden;margin:0 -33px;padding-top:30px}
.cony_direction_new >*{float:left;width:50%;padding:0 33px;box-sizing:border-box;}
.cony_direction_new .cdn_box .tt{font-weight: bold;display: block;font-size:20px;margin-top: 10px;margin-bottom: 25px;}
.cony_direction_new .cdn_box .lsn{padding-left: 13%;}
.cony_direction_new .cdn_box .lsn li{text-align: left;margin-bottom: 15px;font-size: 18px;}

.prc_text{margin-top:80px}
.prc_text > li{display:table;width:100%;padding:20px 25px;border-bottom:1px solid #f2f2f2}
.prc_text > li >*{display:table-cell;vertical-align:middle;}
.prc_text .prc_label .num, .prc_text .prc_label .txt{float:left;}
.prc_text .prc_label{width:440px;}
.prc_text .prc_label .num{font-size:18px;font-weight:700;width:40px;height:40px;line-height:40px;background-color:#f3f3f3;text-align:center;border-radius:100%}
.prc_text .prc_label .txt{font-size:22px;padding-left:20px}
.prc_text .prc_cont{font-size:16px;color:#666}
.prc_cont li{line-height:30px}

.drlink { display: inline-block; border: #aaa 1px solid; background-color:#f9f9f9; padding:2px 15px; margin:0 15px; font-size:13px;}
.drlink:hover { text-decoration: underline; color:#222}

/* Tabs */
.tabs .nav{overflow:hidden;}
.tabs .nav li{float:left;}
.tabs .nav a{display:block;font-size:18px;color:#666;padding:11px 0;background-color:#eee;text-align:center;}
.tabs .nav li.active a{color:#fff;font-weight:700;background-color:#467ff3}

.tabs .nav[data-columns="4"] li{width:25%}
.tabs .nav[data-columns="3"] li{width:33.33333333333333%}
.tabs .nav[data-columns="2"] li{width:50%}

.tab_panel{display:none;}
.tab_panel.active{display:block;}

/* 이용약관 & 개인정보처리방침 */
.terms_row .terms_block{display:table;width:100%;height:49px;border: 1px solid #ccc;border-bottom:0;padding-left:30px;padding-right:30px;box-sizing:border-box;}
.terms_block .tit,
.terms_block .right{display:table-cell;vertical-align:middle;}
.terms_block .right{width:160px;}
.terms_block .right .radio_form{float:left;}
.terms_row .terms_block.terms_br{border-bottom:1px solid #ccc}
.terms_row .terms_box{height:250px;padding:20px 30px;border:1px solid #ccc;overflow-y:auto;box-sizing:border-box;}
.terms_row .terms_box.terms_hgt{height:330px}
.terms_row .terms_box_ext{padding:20px 30px;border:1px solid #ccc;overflow-y:auto;box-sizing:border-box;}
.list_type li{font-size:14px;color:#666;line-height:26px}
.list_type.dot li{padding-bottom:20px;line-height:1}
.list_type .indent{padding-left:18px}
.articles_n{color:#666;line-height:24px;margin-bottom:20px;padding:19px;border:1px solid #dfdfdf;background-color:#f5f5f5;}
.articles_info .txt_privacy{font-size:18px;font-weight:700;text-align:center;margin-bottom:20px}
.articles_info .txt_title{display:block;font-size:18px;font-weight:700;margin-top:30px;margin-bottom:12px}
.articles_info .txt_privacy + .txt_title{margin-top:0}
.articles_info .txt_info{line-height:30px;margin-bottom:20px}
.articles_info .right{float:right;}
.articles_info ol > li, .articles_info ul > li{color:#666;line-height:26px;}
.articles_info ul > li > ul > li, .articles_info ol > li > ul > li, .articles_info ol > li > ol > li{padding-left:17px;}
.articles_info .section_a{color:#666;padding-left:17px;line-height:26px}
.articles_info .section_t{padding-left:17px;}
.articles_info ul + p{margin-top:10px}
.articles_info ol + .txt_privacy{margin-top:30px}
.articles_info .txt_info{color:#666;line-height:24px;}
.articles_info .txt_privacy_ext{font-size:28px;font-weight:700;text-align:center;margin-bottom:25px; margin-top:35px;}
.title_area{position:relative;padding-bottom:20px;margin-top:40px}
.title_area .tit_right{position:absolute;top:0;right:0}
.title_area .title{font-size:24px;font-weight:400;color:#000}
.title_area .title span{color:#467ff3}
.articles_info table { width:100%; margin-top:14px }
.articles_info th, .articles_info td{ padding:8px }
.articles_info th { background:#f1f3f6; border:1px solid #e0e4ea; color:#333; font-weight:normal; text-align:left; padding-left:15px }
.articles_info td { border:1px solid #e0e4ea }
.accept_terms{overflow:hidden;margin-top:25px;text-align:right;}
.accept_terms .user_check{float:right;width:150px;padding-bottom:10px;border-bottom:1px solid #000}
.accept_terms input{width:16px;height:16px;border:1px solid #7d7f87}
.accept_terms label{color:#000;padding-left:5px}
.txt_cnt{font-size:16px;color:#000;text-align:center;padding-top:45px}
.txt_limit{color:#999}
.txt_limit strong{color:#333}
.tarea{overflow:hidden;margin-top:8px}
.tarea .txt_limit{float:right;}
.layout_pop .articles_n{margin-left:-20px;margin-right:-20px}

.accept_terms2 {width: 100%; display: flex; align-items: center; justify-content: space-between; margin-top: 50px;}
.accept_terms2 .txt_cnt2 {font-size: 16px; font-weight:600;}


/* Table */
.table-horizontal{border-top:2px solid #000;border-bottom:1px solid #999}
.table-horizontal.table-board{border-top:1px solid #878787;}
.table{width:100%;table-layout:fixed;}
.table tbody th{font-weight:700;text-align:left;}
.table tbody tr:first-child th, .table tbody tr:first-child td{border-top:0}
.table tbody th, .table tbody td{height:49px;padding:5px 10px 5px 0;border-top:1px solid #ebebeb;box-sizing:border-box;}
.table tbody th .label{padding-left:28px}
.table tbody td{padding-left:28px}
.table thead th{font-weight:700;color:#000;height:49px;border-bottom:1px solid #b2b2b2;}
.table tbody th .label{display:inline-block;vertical-align:middle;}
.table tbody th.align_top{vertical-align:top}
.table textarea{width:100%;padding:10px;box-sizing:border-box;border:1px solid #ccc}
.table input[type="text"], .table input[type="password"]{width:330px;}
.table .left{text-align:left;padding-left:20px}
.table-horizontal .br{border-left:1px solid #f0f0f0}
.table-horizontal .btn-sm.bgBlack{width:110px;}
.table-horizontal .btn-sm.bgBlack1{width:110px;}
.table-horizontal a{display:inline-block;vertical-align:middle;}
.table-horizontal a:hover{text-decoration:underline;color:#000}
.table-horizontal .btn:hover{}
.table-horizontal tr.cancle td{background-color:#f9f9f9}
.tbl-center th, .tbl-center td{text-align:center;}
.tbl-center thead th{border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;}
.tbl-center tbody td{padding-left:10px;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;}

.bdntc a{position:relative;max-width:900px;padding-left:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box;}

.table .pilsu{background:url("../images/bg_pilsu.png") 10px 50% no-repeat;}
.table .btn + .btn{margin-left:5px}
.table .ntc_file{padding-left:30px;background:url("../images/icon_file.png") 0 50% no-repeat;}
.table .new{display:inline-block;vertical-align:middle;width:16px;height:16px;background:url("../images/icon_new.png") 100% 50% no-repeat;}
.tbl_info{margin-bottom:15px;text-align:right;}
.alertMsg{margin-left:10px}
.alertBtm{margin-top:5px;}
.alertRight{float:right;margin-top:5px;}

.data_total{overflow:hidden;margin-top:40px;padding-bottom:10px}
.data_total .select_form{min-width:140px}
.data_total .int{margin-left:3px}
.data_total .int input{width:250px}
.data_total .btn{margin-left:3px;width:70px}
.data_total .btn_right{float:right;}
.data_total .btn_right >*{float:left;}
.data_total .data_number{float:left;padding:8px 0}
.data_total .txt{display:inline-block;vertical-align:middle;padding:8px 0 8px 15px}
.sel_list strong{margin-left:22px;padding:8px 10px 8px 0}

.table-horizontal.table-type{border:1px solid #ccc !important;}
.table-horizontal.table-type{margin-bottom:10px}
.table-horizontal.table-type tbody th:first-child{border-left:0}
.table-horizontal.table-type tbody th{border-left:1px solid #ebebeb;border-right:1px solid #ebebeb;background-color:#fafafa}

/* Board */
.table-horizontal .board_cont{padding:40px 30px}
.board_cont p{line-height:30px}
.board_cont .img{display:block;overflow:hidden;padding-bottom:35px}
.board_cont .img > *{float:left;margin-right:20px;max-height:300px;}

.view_wrap{margin-top:80px;border-top:1px solid #333;border-bottom:1px solid #999}
.view_wrap .view_head{padding:40px 0 12px;border-bottom:1px solid #999}
.view_wrap .view_title{overflow:hidden;}
.view_wrap .title{display:block;font-size:30px;font-weight:300;}
.view_wrap .badge{display:inline-block;font-weight:700;width:60px;border:1px solid #ccc;border-radius:2px;padding:4px 0;text-align:center;box-sizing:border-box;}
.view_wrap .unit{overflow:hidden;padding-top:30px}
.view_wrap .unit strong{padding-left:5px}
.view_wrap .unit span{float:left;}
.view_wrap .unit .left{float:left;}
.view_wrap .unit .left >*{padding-right:35px}
.view_wrap .unit .right{float:right;}
.view_wrap .unit .right >*{padding-left:35px}
.view_attach{display:table;width:100%;border-bottom:1px solid #ededed;padding:28px 0}
.view_attach >*{display:table-cell;vertical-align:top;}
.view_attach .tit{width:190px}
.attach_lst li:first-child{margin-top:0}
.attach_lst li{margin-top:10px;padding-left:20px;background:url("../images/icon_file.png") 0 50% no-repeat;}
.attach_lst a:hover{text-decoration:underline;}
.view_wrap .view_body{padding:45px 40px 40px;min-height:380px;box-sizing:border-box;}
.view_txt p + p{padding-top:30px;line-height:24px}
.view_txt .view_q{line-height:24px}
.view_txt .view_a{line-height:24px;border:1px solid #cad8f5;padding:20px 30px;margin-top:80px}
.view_txt .view_a dt{font-size:14px;font-weight:700;display:inline-block;padding-right:20px;background:url("../images/icon_view_a.png") 100% 50% no-repeat;}
.view_txt .view_a dd{padding-top:15px}

.faq_list{border-top:2px solid #000;border-bottom:1px solid #b2b0d2}
.faq_list li:first-child{border-top:0}
.faq_list li{border-top:1px solid #e6e6e6}
.faq_list .qn, .faq_list .na{padding:15px 35px 15px 95px;background-position:47px 22px;background-repeat:no-repeat;}
.faq_list .qn{position:relative;display:block;background-image:url("../images/bg_faq_qn.png");background-position-y:50%}
.faq_list .qn:before{content:"";position:absolute;top:22px;right:40px;width:7px;height:4px;background:url("../images/bg_na_arrow.png") 50% no-repeat;}
.faq_list .na{display:none;border-top:1px solid #e6e6e6;background-image:url("../images/bg_faq_na.png")}

.faq_list li.active .qn{font-weight:700}
.faq_list li.active .qn:before{background-image:url("../images/bg_qn_arrow.png");}

.list_nodata { padding:80px; text-align: center; }
.list_nodata .msgText { color:#666;}

/* 20180801 */
/* 신정목록 */
.search_area{margin-top:70px}
.dir_search_area{padding:32px 0;border-top:1px solid #ebebeb;}
.search_area{border:1px solid #ccc;border-top:0}
.directories{border-top:1px solid #ccc}
.dir_search{width:780px;margin:0 auto;overflow:hidden;
-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.07);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.07);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.07);}
.directories table th{padding-left:20px}
.directories table td{padding-right:20px}
.dir_search .sel, .dir_search .tx_input, .dir_search .btn{float:left;}
.dir_search .sel{padding-left:20px;padding-right:20px;border-right:1px solid #c4c4c4}
.dir_search .dir_form{float:left;border:1px solid #4a8aeb;}
.dir_search select{width:120px;height:43px;padding:10px 0;border:0}
.dir_search .tx_input input{width:558px;height:43px;border:0;padding-left:20px;box-sizing:border-box;}
.dir_search .btn{width:59px;padding:14px 0 15px;text-indent:-9999px;background:#5583f8 url("../images/btn_ir_search.png") no-repeat 50% ;}
.selectedOptions{overflow:hidden;}
.selectedOptions .seop{float:left;padding:4px 0}
.selectedOptions a{float:left;}
.selectedOptions .item{width:87px;color:#6779bf;padding:2px 13px 2px 15px;border:1px solid #81a7e6;margin-right:13px;border-radius:100px;box-sizing:border-box;}
.selectedOptions .item span{display:block;background:url("../images/btn_options_close.png") 100% 50% no-repeat;}
.selectedOptions .reset{font-size:12px;padding:3px 0}
.selectedOptions .btn_seop{float:right;color:#fff;font-weight:700;width:96px;text-align:center;padding:7px 0;background-color:#5a6cbb}

.check_area >*{display:inline-block;vertical-align:middle;}
.check_area span{padding-right:18px}
.check_area span >*{float:left;}
.check_area input[type="checkbox"]{width:14px;height:14px;margin-top:5px}
.check_area label{padding-left:10px}

.search_list{margin-top:40px;border-bottom:1px solid #666;padding-bottom:50px}
.search_list .list{overflow:hidden;margin:-10px -11px}
.search_list .search_item{float:left;width:50%;padding:10px 11px;box-sizing:border-box;}
.search_list .search_item.nodata{float:none;display:table;width:100%;height:100%;text-align:center;}
.search_list .search_item.nodata span{display:table-cell;font-size:16px;vertical-align:middle;}
.search_item_box{height:240px;border:1px solid #e7e7e7;padding:17px 26px 0;box-sizing:border-box;}
.search_item_box >*{float:left;height:200px;vertical-align:middle;box-sizing:border-box;}
.search_list .search_thumb_img{width:150px;border:1px solid #e2e2e2; padding:5px; text-align:center; background-color: #eee;}
.search_list .search_thumb_img img{max-width:100%; max-height: 100%; display: inline-block;}
.search_thumb .search_img > img { height: auto; width: 100%;}
.search_item_info{position:relative;padding-left:45px;width:425px}
.search_list .item_tit{display:inline-block;font-size:22px;height:68px;margin-top:10px;overflow:hidden;}
.search_list .item_tit:hover{text-decoration:underline;}
.item_label{display:inline-block;font-weight:bold;width:72px;padding:2px 0;text-align:center;border-radius:2px}
.item_label.label_blue{color:#fff;background-color:#0066cc}
.item_label.label_orange{color:#fff;background-color:#ff8624}

.search_list .publish{position:absolute;left:45px;bottom:2px}
.search_list .publish li{line-height:22px}
.search_list .publish li > *{font-size:12px}
.search_list .publish strong{display:inline-block;width:40px}
.search_total{display:table;width:100%;margin-top:40px;padding-bottom:10px;border-bottom:1px solid #666}
.search_total >*{display:table-cell;font-size:16px;vertical-align:middle;}
.search_total .top_right >*{float:right;}
.search_total .num{color:#000}
.btn-down{border:1px solid #ccc}

/* 선정목록 상세 */
.search_thumb{margin-top:66px}
.search_thumb .thumb_label_area{margin-bottom:20px}
.search_thumb .thumb_tit{display:block;font-size:36px;color:#000;padding-bottom:20px;border-bottom:1px solid #000}
.search_thumb .search_view:after{content:"";clear:both;display:block;}
.search_thumb .search_view{padding:60px 0 52px 18px;border-bottom:1px solid #666;}
.search_thumb .search_img{float:left;width:250px;/*! height:340px; */margin-right:90px;
-webkit-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.23);
-moz-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.23);
box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.23);}
.search_thumb .search_thumb_info{float:left;width:922px}
.search_thumb .search_thumb_info li:first-child{padding-top:0}
.search_thumb .search_thumb_info li{display:table;width:100%;padding-top:22px}
.search_thumb .search_thumb_info li >*{display:table-cell;font-size:16px;vertical-align:top;line-height:24px}
.search_thumb .search_thumb_info li strong{position:relative;font-weight:500;color:#000;width:130px;padding-left:15px}
.search_thumb .search_thumb_info li strong:before{content:"";position:absolute;top:11px;left:0;width:3px;height:3px;background-color:#bfbfbf}
.search_thumb .longtxt{color:#666 !important;}
.search_thumb .thumb_tit_area{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #000}
.search_thumb .thumb_tit_area .thumb_tit{flex:1 1 auto;padding-bottom:0;border-bottom:0}
.search_thumb .thumb_share{flex:0 0 auto;padding-left:20px}
.search_thumb .btn_share{min-width:130px;height:44px;font-size:15px;font-weight:500;padding:0 16px;transition:background-color .15s ease-in-out}
.search_thumb .btn_share.is_copied{color:#fff;background-color:#1a5c2e}
.search_thumb .btn_share.is_copied .btn_share_txt:before{content:"\2713";padding-right:6px}
.search_thumb .btn_share.is_failed{color:#fff;background-color:#b3261e}
.search_thumb .share_msg{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

.thumb_label_area .item_label{font-size:18px;width:102px;padding:3px 0;}

/* Error */
.cont_error{text-align:center;padding-top:100px}
.cont_error .logo{display:inline-block;width:190px;height:255px;text-indent:-9999px;background:url("../images/bg_error_logo.png") no-repeat;}
.cont_error .desc_error{padding-top:40px;padding-bottom:50px}
.cont_error .tit_error{display:block;font-size:36px;font-weight:300;padding-bottom:30px}
.cont_error p{font-size:16px;color:#666;line-height:24px}
.cont_error .txt01{display:block;color:#666;padding-top:20px}
.error_wrap .link_error{display:inline-block;width:390px;color:#fff;padding:15px 0;background-color:#545460}

/* Form */
input[size="10"]{width:100px !important;}
input[size="22"]{width:220px !important;}
input[size="100"]{width:100% !important;}
.table .select_form{display:inline-block;min-width:140px}
input[type="checkbox"]{width:16px;height:16px}
.phone_form input[type="text"]{width:108px;}
.phone_form .noFax{padding-left:10px}
.phone_form .noFax label{padding-left:5px}
.phone_form .noFax >*{vertical-align:middle;}

input[type="text"], input[type="password"]{height:36px;border:1px solid #ccc;padding-left:10px;vertical-align:middle;box-sizing:border-box;}
input[readonly]{background-color:#f3f3f3}
input[type='file']{height:30px;padding:2px;border:1px solid #ccc;appearance:none;-webkit-appearance:none}
input[type="file"]::-webkit-file-upload-button{height:30px;}

.select_form select{width:100%;height:36px;border:1px solid #ccc;padding-left:10px;box-sizing:border-box;}
.select_list{overflow:hidden;}
.select_list .select_form{float:left;padding-left:10px}
.select_list .select_form:first-child{padding-left:0}
.radio_form input{width:14px;height:14px}
.radio_form input[type="text"]{height:36px;border:1px solid #ccc;padding-left:10px;vertical-align:middle;box-sizing:border-box;}
.radio_form label{font-size:16px;font-weight:300;padding-left:5px;padding-right:20px}
.radio_form >*{display:inline-block;vertical-align:middle;}
.radio_form label:last-child{padding-right:0}

.tooltip{display:inline-block;width:16px;height:16px;text-indent:-9999px;background:url("../images/bg_tooltip.png") no-repeat;vertical-align:middle;margin-left:5px}
.ui_tooltip{display:none;position:absolute;left:33px;font-weight:400;color:#000;width:252px;border:1px solid #ff6600;padding:15px 10px;z-index:100;box-sizing:border-box;background-color:#fff}
.ui_tooltip img{width:100%}

/* Button */
.btn_area{text-align:center;margin-top:50px;overflow:hidden;}
.btn_area .btn_right{float:right;}
.btn_area .btn{font-size:16px;font-weight:700;min-width:160px;padding:16px 0;margin-left:10px}
.btn_area .btn:first-child{margin-left:0}
.btn{display:inline-block;line-height:1;text-align:center;border:1px solid transparent;box-sizing:border-box;vertical-align:middle;}
.btn-xs{padding:5px 0;}
.btn-xm{padding:7px 0;}
.btn-sm{padding:10px 0}
.btn-lg{}
.btn-down{border:1px solid #ccc;padding-left:10px;padding-right:10px}
.btn-down span{display:block;font-size:14px;padding-right:28px;background:url("../images/icon_download.png") 100% 50% no-repeat;}

.int_btn{position:relative;width:400px}
.int_btn span{display:block;padding-right:92px}
.int_btn .btn-sm.bgBlack{position:absolute;top:0;right:0;width:90px}
.int_btn .btn-sm.bgBlack1{top:0;right:0;width:150px}
.int_btn.book_info {width:100%;display:flex;}
.int_btn.book_info span{display:block;padding-right:0;width:310px;}
.int_btn.book_info .btn-sm.bgBlack{position:static;width:90px}
.int_btn.book_info .btn-sm.bgBlack1{top:0;right:0;width:150px}

.sel_btn >*{float:left;}
.sel_btn .btn{margin-left:9px;width:70px}
.btn_add{width:110px;color:#fff;background-color:#ff6e1f;}
.btn_add2{width:110px;color:rgb(0 0 0);background-color:#ffc01f;cursor:pointer;}
.btn_add span{display:inline-block;padding-left:15px;background:url("../images/bg_plus.png") 0 50% no-repeat;}
.bgLtBlue{color:#fff;background-color:#467ff3}
.bgLtBlue:hover{color:#fff !important;}
.rdsGray{border:2px solid #ccc;border-radius:2px}
.rdsBlue{font-size:12px;color:#fff;border-color:#0099ff;background-color:#3399ff;border-radius:2px}
.rdsBlue:hover{color:#fff !important;}
.bgBlue{color:#fff;background-color:#5560ce}
.bgBlue:hover{color:#fff !important;}
.bgOrange{color:#fff;background-color:#ff6e1f}
.bgOrange:hover{color:#fff !important;}
.bgBlack{color:#fff;background-color:#545460}
.bgBlack:hover{color:#fff !important;}
.bgWhite {background: #fff; border: 1px solid #000; color: #000;}

.bgBlack1{color:#fff;background-color:#545460}
.bgBlack1:hover{color:#fff !important;}

.lineGray{font-size:12px;border-color:#999;border-radius:2px}

.btn_left_area {width: 100%; text-align: right;  margin-top: 80px; margin-bottom: -80px;}
.leaveBtn {font-size: 16px; font-weight: 700; min-width: 160px; padding: 16px 0; background: #256EF4; color: #fff; margin-left: auto;}

/* File */
.fileApd .filebox:first-child{margin-top:0}
.filebox{overflow:hidden;margin-top:12px}
.filebox >*{float:left;}
.filebox a{margin-left:10px}
.filebox input[type='file']{}
.file_add, .file_sub{display:inline-block;width:39px;height:36px;vertical-align:middle;text-indent:-9999px;border:0;background-repeat:no-repeat;}
.file_add{background-image:url("../images/bg_file_add.png")}
.file_sub{background-image:url("../images/bg_file_sub.png")}
.file_sub + .file_add{margin-left:5px}
.file_sub + input[type="file"]{margin-left:5px}
input[type="file"] + .file_sub{margin-left:5px}
.file_image_list.file_upload .file:hover{text-decoration:underline;}
.file_image_list{margin-top:20px}
.file_image_list .file_name{position:relative;display:block;padding-right:30px;padding-bottom:10px;padding-left:10px;}
.file_image_list .file_name .del{display:inline-block;width:19px;height:19px;text-indent:-9999px;vertical-align:middle;background:url("../images/bg_image_delete.png") no-repeat}
.file_image_list .file_name a:hover{text-decoration:underline;}

/* Datepicker */
#ui-datepicker-div{display:none;width:17em;z-index:9999 !important;background-color:#fff;border-radius:3px;padding:.2em .2em 0;border:1px solid #c5c5c5}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header{position:relative;background-color:#e9e9e9}
#ui-datepicker-div.ui-datepicker .ui-datepicker-title{padding:10px 0;text-align:center;font-weight:700;color:#333}
#ui-datepicker-div.ui-datepicker table{width:100%;margin:0 0 .4em}
#ui-datepicker-div.ui-datepicker th{width:25px;height:28px;text-align:center;font-weight:700;color:#222222}
#ui-datepicker-div.ui-datepicker td{padding:1px}
#ui-datepicker-div .ui-state-default{display:block;text-align:right;padding:.2em;border:1px solid #c5c5c5;color:#454545;background-color:#f6f6f6}
#ui-datepicker-div .ui-state-default.ui-state-hover{border:1px solid #ccc;background:#ededed;color:#2b2b2b}
#ui-datepicker-div .ui-state-disabled{	opacity:.35;filter:Alpha(Opacity=35); /* support: IE8 */background-image:none;}
#ui-datepicker-div .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev, #ui-datepicker-div.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:38px;text-indent:-9999px;background-repeat:no-repeat;background-position:50% 50%}
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev span, #ui-datepicker-div.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev{left:2px;background-image:url("../images/bg_ui-datepicker-prev.png")}
#ui-datepicker-div.ui-datepicker .ui-datepicker-next{right:2px;background-image:url("../images/bg_ui-datepicker-next.png")}
#ui-datepicker-div .ui-state-active{border:1px solid #003eff;background:#007fff;color:#ffffff}
.datepicker .start_date, .datepicker .end_date{position:relative;}
.datepicker input{width:120px !important;}
/*.datepicker .ui-datepicker-trigger{position:absolute;top:-5px;right:1px;cursor:pointer;padding:3px 0}*/
.datepicker .ui-datepicker-trigger{position:absolute;right:1px;cursor:pointer;padding:3px 0}

/* Pagination */
.pagination{text-align:center;margin-top:40px}
.pagination a{display:inline-block;width:30px;color:#666;line-height:1;border-width:1px;border-style:solid;border-color:transparent;text-align:center;padding:8px 0;vertical-align:middle;box-sizing:border-box;}
.pagination a.active{font-weight:700;border-color:#0099ff}
.pagination > *{display:inline-block}
.pagination .first, .pagination .prev, .pagination .next, .pagination .last{border-color:#ccc;text-indent:-9999px;background-repeat:no-repeat;background-position:50%}
.pagination .first{margin-right:5px;background-image:url("../images/bg_pagination_first.png");}
.pagination .prev{margin-right:10px;background-image:url("../images/bg_pagination_prev.png");}
.pagination .next{margin-left:10px;margin-right:5px;background-image:url("../images/bg_pagination_next.png");}
.pagination .last{background-image:url("../images/bg_pagination_last.png");}

/* Footer */
#footer{border-top:1px solid #ededed; background-color: #fff;}
.footer_area{position:relative;width:1280px;margin:0 auto;padding-top:30px;padding-bottom:45px}
.address{display:table;width:100%}
.address >*{display:table-cell;vertical-align:middle;}
.address .footer_logo{width:212px;}
.address .copyright{color:#666;line-height:20px;padding-left:15px;}
.address .copyright .email{color:black;font-weight:bold}

.communityNav{position:absolute;right:0;top:37px;}
.communityNav li{float:left;margin-left:12px;background:url("../images/main/bg_spt_v.png") center left no-repeat;padding-left:12px;}
.communityNav li a{color:#333;}
.communityNav li a:hover{text-decoration:underline;color:#000;}
.communityNav li:first-child{background:none !important;}


/* 알림창 */
.dim{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9990;background:rgba(0,0,0,0.7)}
.layout_pop{position:absolute;top:0;left:0;z-index:9999;background-color:#fff}
.layout_pop.autoLogout{top:355px;left:50%;width:530px;height:390px;padding:30px 30px;text-align:center;margin-left:-265px;box-sizing:border-box;}
.layout_pop.autoLogout .lyt_head .tit{font-size:24px;font-weight:400;}
.layout_pop.autoLogout .time_rem{display:block;font-size:36px;font-weight:300;padding-top:20px}
.layout_pop.autoLogout .time_rem strong{color:#3083ff}
.layout_pop.autoLogout .time_txt{font-size:16px;line-height:26px;color:#000;text-align:left;padding-top:30px}
.layout_pop.autoLogout .btn_area{margin-top:40px}
.layout_pop.autoLogout .btn_area .btn{font-weight:300;min-width:100px;padding:10px 0}
.layout_pop.autoLogout .btn.in{color:#fff;background-color:#e05b58}
.layout_pop.autoLogout .btn.out{color:#ccc;background-color:#4e4e60}
.layout_pop .title_area{padding-left:0;margin-top: 0;padding-bottom: 0;padding-left: 0;}
.layout_pop .title_area .title{font-size:18px}
.layout_pop .table-horizontal.tbl_brtop{border-top:0}
.layout_pop .table-horizontal.tbl_brtbtm{border-bottom:0}
.layout_pop .table-horizontal:last-child{border-bottom:0}
.layout_pop .in_cont{max-height:480px;overflow-y:auto;border-bottom: 1px solid #999;padding:0 20px;}
.layout_pop .btn_area{margin-top: 0;margin-bottom: 0;padding-bottom: 10px;}
/*
.lyt_type01.layout_pop{width:1200px;top:50px;left:50%;margin-left:-600px}
.lyt_type01 .lyt_head{position:relative;background-color:#0061cf}
.lyt_type01 .lyt_head .tit{font-size:18px;font-weight:700;color:#fff;padding:16px 20px;line-height:1;}
.lyt_type01 .lyt_head .close{position:absolute;top:0;right:0;width:55px;height:50px;text-indent:-9999px;background:url("../images/bg_layout_close.png") no-repeat;}
*/
.lyt_type01.layout_pop{width:auto;top:50px;left:50px; right:50px; bottom:50px;}
.lyt_type01 .lyt_head{position:absolute; width: 100%; hegith:50px; top:0; left:0; background-color:#0061cf}
.lyt_type01 .lyt_head .tit{font-size:18px;font-weight:700;color:#fff;padding:16px 20px;line-height:1;}
.lyt_type01 .lyt_head .close{position:absolute;top:0;right:0;width:55px;height:50px;text-indent:-9999px;background:url("../images/bg_layout_close.png") no-repeat;}
.lyt_type01 .lyt_cont {/* position:absolute; */top: auto;left:0;right:0;bottom: 0;}
.lyt_type01 .btn_area{position: absolute; left:0;right:0;bottom:0;}
.lyt_type01 .in_cont{overflow-y:auto;border-bottom: 0;padding: 0;/* position: absolute; */top: 0;left:0;right:0;bottom:0;height: auto;max-height: none;}


.layout_pop.alert{display:table;top:355px;left:50%;width:530px;height:230px;margin-left:-265px;box-sizing:border-box;text-align:center;padding-bottom:49px}
.layout_pop.alert .alert_cont{display:table-cell;width:100%;height:218px;vertical-align:middle;padding:10px 0;box-sizing:border-box;}
.layout_pop.alert .txt01{font-size:18px;}
.layout_pop.alert .txt02{color:#666;padding-top:30px;line-height:18px}
.layout_pop.alert .btn_area{position:absolute;left:0;bottom:0;margin:0;width:100%;border-top:1px solid #e8e8e8}
.layout_pop.alert .btn_area >*{font-size:14px;font-weight:400;float:left;width:50%;margin-left:0}
.layout_pop.alert .btn_area >*:first-child{border-right:1px solid #e8e8e8}
.layout_pop.alert .btn_area >*:only-child{width:100%;border-right:0}

.mapContents .articles_info .imgBox { text-align: center; padding: 30px 0;}
.mapContents .articles_info { padding:0 30px;}
.mapContents ol { margin-bottom:20px;}
.mapContents ol li ol { padding-left:10px;}
.mapContents ol li strong { color:#333;}

.alertBtm .miniBtn { display: inline-block !important; border: #a4c1fb 1px solid; background-color: #f5faff; font-size: 14px; padding:2px 10px; margin-left: 10px;}

/* 심사위원 레이어 추가 20180719 */
.btnX {display: block; position: fixed; right: 0; top: 0; width: 32px; height: 32px; }
.btnX:before {
    content: ""; position: absolute; display: block; margin: auto; left: 0; right: 0; top: 0; bottom: 0; width: 32px; height: 0; border-top: 1px solid rgba(0,0,0,0.5); transform: rotate(45deg); transform-origin: center;}
.btnX:after { content: ""; position: absolute; display: block; margin: auto; left: 0; right: 0; top: 0; bottom: 0; width: 32px; height: 0; border-top: 1px solid rgba(0,0,0,0.5); transform: rotate(-45deg); transform-origin: center;}

#userSelect { display: none; position: fixed; top:0; left: 0; height: 100%; width: 100%; background-color: rgba(0,0,0,0.8); z-index: 99999;}
#userSelect .layerWrap { width: 400px; background-color: #fff; position: absolute; left:50%; top:40%; margin-left:-200px; margin-top: -200px; border-radius: 12px; overflow: hidden;}
#userSelect .layerHeader .layerTitle { height: 50px; line-height: 50px; font-size: 16px; text-align: center; background-color: #5b86ec; color:#fff;}
#userSelect .layerContents {padding:30px 40px;}
#userSelect .userSelectList li { margin-bottom: 10px;}
#userSelect .userSelectList li button { display: block; width: 100%; box-sizing: border-box; border: 0; height: 40px; line-height: 40px; font-size:14px; border:#ccc 1px solid; border-radius:50px;}
#userSelect .userSelectList li button:hover {position:relative; background-color: #ff9000; box-shadow: 0 2px 2px 0px rgba(0,0,0,0.2); border:#e77413 1px solid; color:#fff;}
#userSelect .userSelectList li button:hover:before {
    content: ""; position: absolute; display: block; margin: auto;
    right: 20px; top: 50%; margin-top: -5px; width: 10px; height: 10px; border-top: 2px solid #fff;
    border-right: 2px solid #fff; transform: rotate(45deg); transform-origin: center;}

 div.chk_info{
	display:flex;
    justify-content: center;
}

div.chk_info > .label{
    width:auto !important;
}

table.sortable.chk_info tbody td.score_1,
table.sortable.chk_info tbody td.score_2,
table.sortable.chk_info tbody td.score_3,
table.sortable.chk_info tbody td.score_4,
table.sortable.chk_info tbody td.score_5{
    padding: 5px 5px;
}


/* 보급처 */
.bgGray{color:#fff;background-color:#c4c4c4}
section.supply-part1{
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin: 50px 0 40px;
    gap: 30px;
}
section.supply-part1 article{

flex: 1;
}
section.supply-part1 article h2{

text-align: center;

margin: 0 0 20px;

}
section.supply-part1 article h2 i{font-style: normal;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 21V23H11V21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H9C10.1947 3 11.2671 3.52375 12 4.35418C12.7329 3.52375 13.8053 3 15 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H13ZM20 19V5H15C13.8954 5 13 5.89543 13 7V19H20ZM11 19V7C11 5.89543 10.1046 5 9 5H4V19H11Z' fill='rgba(159,166,248,1)'%3E%3C/path%3E%3C/svg%3E");background-repeat: no-repeat;padding-left: 40px;background-size: 60%;background-position: center center;}
section.supply-part1 article h2.tit i{font-style: normal;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.00488 16V4H2.00488V2H5.00488C5.55717 2 6.00488 2.44772 6.00488 3V15H18.4433L20.4433 7H8.00488V5H21.7241C22.2764 5 22.7241 5.44772 22.7241 6C22.7241 6.08176 22.7141 6.16322 22.6942 6.24254L20.1942 16.2425C20.083 16.6877 19.683 17 19.2241 17H5.00488C4.4526 17 4.00488 16.5523 4.00488 16ZM6.00488 23C4.90031 23 4.00488 22.1046 4.00488 21C4.00488 19.8954 4.90031 19 6.00488 19C7.10945 19 8.00488 19.8954 8.00488 21C8.00488 22.1046 7.10945 23 6.00488 23ZM18.0049 23C16.9003 23 16.0049 22.1046 16.0049 21C16.0049 19.8954 16.9003 19 18.0049 19C19.1095 19 20.0049 19.8954 20.0049 21C20.0049 22.1046 19.1095 23 18.0049 23Z' fill='rgba(159,176,248,1)'%3E%3C/path%3E%3C/svg%3E");background-repeat: no-repeat;padding-left: 40px;}
section.supply-part1 article .info{
	border: 1px solid #ccc;
	padding: 20px;
	min-height: 154px;
	box-sizing: border-box;
}
section.supply-part1 article .info.right{

display: flex;

align-items: center;

justify-content: center;
}
section.supply-part1 article .info dl{
	display: flex;
	align-items: center;
	width: 100%;
	margin: 0 0 20px;
}
section.supply-part1 article .info dl:first-child{
	border-bottom: 1px solid #eaeaea;
	padding-bottom:20px
}
section.supply-part1 article .info dl:last-child{
	margin:0;
}
section.supply-part1 article .info dl dt{
	flex: 0 0 120px;
	font-weight: bold;
}
section.supply-part1 article .info dl dd{

flex: auto;
}
section.supply-part1 article .info dl dd.srch{flex: inherit;margin-left: 50px;background: #9fadf8;border-radius: 5px;}
section.supply-part1 article .info dl dd.srch button{

width: 40px;

height: 33px;

text-indent: -9999999px;

background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z' fill='white'/%3E%3C/svg%3E");

background-repeat: no-repeat;

background-position: center center;
}
section.supply-part1 article .info dl dd p{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
section.supply-part1 article .info dl dd p + p{
	margin: 10px 0 0;
}
section.supply-part1 article .info dl dd p label{
	display:flex;
	align-items:center;
	justify-content:center;
}
section.supply-part1 article .info dl dd p label em{
	padding-left: 6px;
}
section.supply-part1 article .info .txt-cont{
	text-align: center;
	font-weight: bold;
	font-size: 23px;
	color: #5560ce;
}


section.supply-part2{
 display:flex;
 flex-direction: column;
}
section.supply-part2 div{max-height: 386px;overflow-x: hidden;}
section.supply-part2 div table{

width: 100%;
}
section.supply-part2 div table thead th{
    padding: 8px 20px;
    font-weight:bold;
    color:#333;
    background: #f4f4f4;
    position: sticky;
    top: 0;
}
section.supply-part2 div table tbody tr{
    border-bottom:1px solid #ddd;
}
section.supply-part2 div table tbody td{
    padding: 7px 20px;
    text-align:center;
    color: #777;
}
section.supply-part2 div.mid{

display: flex;

justify-content: center;

align-items: center;

margin: 10px 0 10px;
}
section.supply-part2 div.mid button{

width: 28px;

height: 28px;

text-indent: -9999999px;

background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11 11H7V13H11V17H13V13H17V11H13V7H11V11Z' fill='rgba(159,173,248,1)'%3E%3C/path%3E%3C/svg%3E");

background-repeat: no-repeat;

background-size: 120%;

background-position: center center;

margin: 6px 13px;
}
section.supply-part2 div.mid button:last-child{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM7 11H17V13H7V11Z' fill='rgba(159,173,248,1)'%3E%3C/path%3E%3C/svg%3E");}

.supply-form{

display: flex;
}
.supply-form label{
    margin-right:20px;
    flex: 0 0 70px;
}
.supply-form label em{
    padding-left:10px;
}
.supply-form span{
 display: flex;
 width: 100%;
 margin-left: 20px;
}
.supply-form span > em{
    flex:0 0 110px;
    font-weight: bold;
}
.supply-form span small{
    flex:auto;
    font-size: 14px;
}
.supply-form span small i{
   font-style: normal;
}
.lyt_type01.layout_pop.chk_book{width:1300px;height: 690px;position: relative;left:50%;top:50%;transform: translate(-50%, -50%);}
.lyt_type01.layout_pop.chk_book .txt_info{font-size: 13px;margin: 15px 0 15px;padding: 20px 20px 0;/* position: absolute; */left: 0;bottom: 0;color:red;}

/* 탭메뉴 추가 */
/* CSS */
.tab-container {
    margin: 0 auto;
    padding: 30px 0 0;
}

.tab-list {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0px;
    border-bottom: 1px solid #ddd;
}

.tab-item {
    padding: 10px 100px;
    cursor: pointer;
    border: 1px solid transparent;
    /* border-bottom-color: #ddd; */
    margin-bottom: 0px;
    background-color: #ffffff;
    color: #6c6c6c;
    transition: all .1s ease;
    font-size: 24px;
    font-weight: 500;
}

.tab-item:hover {
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 13%, rgba(85, 96, 206, 1) 944%);
}

.tab-item.active {
    border-color: #ddd;
    border-bottom-color: #fff;
    margin-bottom: -2px;
    color: #5560ce;
    border-top: 3px solid #5560ce;
    background: linear-gradient(0deg, rgba(255,255,255,1) 13%, rgba(85,96,206,1) 944%);
}

.tab-content {
    background: #fff;
    padding: 20px 0 20px;
    /* border: 1px solid #ddd; */
    min-height: 524px;
    /* border-top: 0; */
    margin: 0;
}

.tab-panel {
    display: none;
}

.tab-panel.active {
    display: block;
    animation: fadeIn .1s ease;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* 팝업탭 */
.tab-container.pop__containers{
    box-sizing: border-box;
    position: relative;
    top: 40px;
    padding: 30px 20px 15px;
}
.tab-content.pop__conts {
    height: calc(100% - 234px);
    box-sizing: border-box;
    overflow-y: auto;
    min-height: inherit;
}
.lyt_cont.tbl_pdg.pop__book-scroll{
	overflow-y: auto;
    height: calc(100% - 170px);
    position: absolute;
    top: 50px;
    padding: 20px 20px 20px;
}
.btn_area.pop__book-btn{
	position: absolute;
    bottom: 5px;
}