@charset "utf-8";

/* form */
select{height:40px;padding:0 30px 0 10px;border:1px solid #cdcdcd;background:url('../images/common/ico_sel.png') no-repeat #fff;background-position:right 15px top 50%;}
table select{height:46px;}
.tar{text-align:right !important;}
.tal{text-align:left !important;}
.Mt10{margin-top:10px;}
/* 달력 input */
.datepic {cursor:pointer;padding-right:50px !important;background:url('../images/common/calendar.gif') no-repeat;background-position:right 10px top 50%;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{height:30px;color:#222;font-weight:300;}

/* 이메일무단수집 거부 */
.con_list_1	{margin-top:20px;}
.con_list_1 li{position:relative;padding-left:12px;line-height:36px;font-size:16px;}
.con_list_1 li:before	{content:'';position:absolute;left:0;top:13px;width:4px;height:7px;background:url('../images/common/ico_conli.png') no-repeat 0 0;}

/* 수강신청 버튼 */
.btnX2, a span.s1	{display:inline-block;padding:2px 10px;background:#1557b0;color:#fff !important;text-align:center;font-size:13px;border-radius:4px;}
.btnX2:hover, a:hover span.s1	{color:#fff !important;}
.btnX2	{background:#111;}

/* radio */
.radioWrap { }
.radioWrap input[type=radio] {opacity: 0;-webkit-appearance: none;position: absolute;left: -5000px;height: 0;line-height: 0; }
.radioWrap label {position: relative;padding-left:30px;font-size: 18px;color: #000;cursor: pointer;line-height:32px;}
.radioWrap label:before {content: '';position: absolute;top: -2px;left: 0;width: 22px;height: 22px;border:1px solid #a1a1a1;border-radius:100%;background:#fff;}
.radioWrap input[type=radio]:checked+label:before {border:1px solid #1557b0; }
.radioWrap input[type=radio]:checked+label:after {content: '';position: absolute;top:4px;left:6px;width:12px;height:12px;background:#1557b0;border-radius:100%;}
.radioWrap ~ .radioWrap	{margin-left:30px;}

/* checkbox */
.chkWrap {position: relative;display: inline-block; margin: 3px 0;}
.chkWrap ~ .chkWrap  {margin-left:30px;}
.chkWrap input[type=checkbox] {opacity: 0;-webkit-appearance: none;position: absolute;left: -5000px;height: 0;line-height: 0;}
.chkWrap label {position: relative;padding-left:30px;font-size: 18px;color: #000;cursor: pointer;line-height:32px;}
.chkWrap label:before {content: '';position: absolute;top: -2px;left: 0;width: 20px;height: 20px;background:#fff;border:1px solid #9a9a9a;}
.chkWrap input[type=checkbox]:checked+label:before {background: url('../images/common/ico_chk_on.png') no-repeat 50% 50% #1557b0;;border:1px solid #1557b0; }

.searchWrap{padding:20px;}
.boardSearch_g{margin-bottom:20px;background:#f7f7fb;border-radius:10px;padding:17px 0;text-align:center;display:flex;justify-content: center;align-items: center}
.searchWrap .boardSearch_g{margin-bottom:0px;text-align:center;}
.boardSearch_g .flex	{display:flex;margin-top:0 !important;align-items: center}
.boardSearch_g .flex ~ .flex	{margin-left:20px;}
.boardSearch_g label{margin-right:10px;font-size:0;}
.boardSearch_g select{height:46px;padding:0 45px 0 15px;min-width:150px;}
.boardSearch_g input{}
.boardSearch_g .btn_search{height:46px;margin-left:5px;font-size:15px;color:#fff;;background:url('../images/common/ico_search.png') no-repeat 20px 50% #008aee;border-radius:5px;padding:0 20px 0 45px;}
.boardSearch_g.type .tit{color:#333;margin-right:5px;font-size:15px;}
.boardSearch_g.type input{width:20%;}
.boardSearch_g.type input + .tit,.boardSearch_g.type select + .tit{margin-left:2%}
.page	{color:#222;font-size:17px;margin:10px 0 20px 0;}


.paging	{display:flex;width:100%;margin-top:50px;justify-content:center;}
.paging > a, .paging ul a	{display:inline-block;height:42px;line-height:42px;width:42px;border:1px solid #aaa;background:#fff;color:#111;border-radius:5px;font-weight:400;}
.paging > a	{font-size:0;background-repeat:no-repeat;background-position:50% 50%;}
.paging ul, .paging li	{display:inline-block;text-align:center;}
.paging ul strong	{box-sizing:border-box;display:inline-block;height:42px;line-height:42px;width:42px;border:1px solid #111;background:#111;color:#fff;border-radius:5px;font-weight:600;}
.paging .first	{background-image:url('../images/common/ico_paging_first.png');}
.paging .prev	{background-image:url('../images/common/ico_paging_prev.png');}
.paging .next	{background-image:url('../images/common/ico_paging_next.png');}
.paging .last	{background-image:url('../images/common/ico_paging_last.png');}
.paging > a ~a, .paging ul li ~li, .paging ul	{margin-left:4px;}

/************************************ 기존 게시판, 로그인, 회원가입 css ************************************************************************************/
/* table */
.tbl_col{border-top:1px solid #1557b0;}
.tbl_col thead th,.tbl_col tbody th{line-height:20px;padding:20px 10px 19px;vertical-align:middle;text-align:center;border-bottom:1px solid #ebebeb;}
.tbl_col thead th{font-size:16px;color:#111;font-weight:400;border-right:1px solid #e1e1e1;background:#f9f9f9;}
.tbl_col thead th:last-child{border-right:0;}
.tbl_col thead th.noLast{border-right:1px solid #e1e1e1;}
.tbl_col tbody th{vertical-align:middle;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background:#f9f9f9;}
.tbl_col td{line-height:20px;padding:20px 10px 19px;vertical-align:middle;border-bottom:1px solid #e1e1e1;text-align:center; letter-spacing: -1px;}
.tbl_col td{line-height:28px;border-right:1px solid #e1e1e1;}
.tbl_col td~td{border-left:1px solid #e1e1e1;}
.tbl_col td:last-child{border-right:0;}
.tbl_col .cell{text-align:left;word-break:break-all;}
.tbl_col .cell a{text-decoration:underline;}
.tbl_col td .num{position:relative;top:-2px;font-size:12px}
.tbl_col .s_o{display:inline-block;width:18px;height:18px;border-radius:100%;border:2px solid #23b99e;font-size:0}
.tbl_col .pBlue{padding-left:5px; color: #007d95; text-decoration: underline; text-underline-offset:3px;font-weight: bold}
.tbl_row.read tbody td, .tbl_col.read tbody td, .board_list.read tbody td {text-align:left;}

.tbl_row{border-top:1px solid #1557b0}
.tbl_row tbody th,.tbl_row tbody td{padding:20px 10px 19px 16px;border-bottom:1px solid #e1e1e1}
.tbl_row tbody th{text-align:left;font-size:16px;color:#333;font-weight:600;background:#f9f9f9;border-right:1px solid #e1e1e1;}
.tbl_row tbody th span{position:relative;display:block;}
/*.tbl_row table tbody th span:after{content:"";position:absolute;top:0;bottom:0;right:0;width:1px;height:10px;margin:auto 0;background:#b2b2b2}*/
.tbl_row .chk_g li{display:inline-block;margin:0 1.7% 10px 0}
.tbl_row .chk_g li:last-child{margin-right: 0;}
.tbl_row .em{margin-top:10px;font-size:16px;color:#e65151;letter-spacing: -1px;line-height:22px;}

.tbl_row table table{border-top:1px solid #000;}
.tbl_row table table thead th,.tbl_row table table tbody th,.tbl_row table table tbody td{padding:10px 10px 10px;border:1px solid #e1e1e1;}
.tbl_row table table thead th{border-top: none;}
.txtCenter th, .txtCenter td{text-align: center !important;}
.width80p{width: 80%;}

li.jred_li:before	{background:#da4242;}

.color_jred	{color: #da4242;}
.tbl_col + .h3tit_type, .tbl_col + .para	{margin-top: 50px;}
	
.tbl_col ~ .gallery_list{padding-top: 30px;}

.textArea{padding:30px 15px;}
.txtEtc_box{padding:30px;border:1px solid #e1e1e1;background:#f9f9f9}

.coment_form{position:relative;margin-bottom:10px;}
.coment_form p{font-size:18px;}
.coment_form strong{font-weight:400}
.coment_form a{text-decoration:underline;}

.agree_form{margin-top:60px;}
.agree_form .chk label{font-weight:400;color:#000;font-size:18px;}
.agree_form .box{margin-top:20px;padding:30px;line-height:26px;font-size:15px;border:1px solid #e1e1e1;background:#fafafa}
.agree_form strong{color:#000}

.apply_done p{height:70px;line-height:70px;margin-bottom:20px;text-align:center;font-size:18px;color:#000;border:1px solid #666;}
.apply_done p strong{color:#019c80;}
.apply_done li{text-indent:-17px;padding-left:17px;font-size:15px;color:#e65151;}
.apply_done li~li{margin-top:3px}

.tab_ui ul	{display:flex;justify-content: space-between;margin-top:60px;}
.tab_ui ul li	{display:block;width:100%;}
.tab_ui ul li a span	{position:relative;display:flex;align-items:center;justify-content:center;padding:20px 50px;height:70px;width:100%;text-align:center;background:#eaf1f7;color:#024c8c;font-weight:400;font-size:18px;}
.tab_ui ul li a span:after	{position:absolute;content:'';right:0;top:25px;width:1px;height:14px;background:#bad1e4;}
.tab_ui ul li.on a span	{margin-left:-1px;background:#024c8c;font-weight:600;color:#fff;}
.tab_ui ul li:first-child.on a span	{margin-left:0;}	
.tab_ui ul li:last-child a span:after, .tab_ui ul li.on a span:after	{display:none;}

.N_board	{width:100%;border-top:1px solid #000;}
.N_board.type1	{border-top:3px solid #000;}
.N_board table	{width:100%;}
.N_board thead th	{background:#f8f8f8;line-height:60px;color:#000;min-height:70px;border-bottom:1px solid #000;}
.N_board tbody th	{background:#fafafa;color:#000;border-bottom:1px solid #efefef;text-align:left;padding-left:15px;width:200px;}
.N_board tbody td	{border-bottom:1px solid #efefef;line-height:35px;padding:15px 10px;text-align:center;color:#111;}
.N_board tbody td:last-child	{border-right:none;}
.N_board tbody td.cell	{text-align:left;}
.i_notice	{display:inline-block;height:26px;line-height:26px;border:1px solid #008aee;background:#f0f8fe;color:#008aee;font-size:14px;text-align:center;padding:0 8px;border-radius:3px;letter-spacing:-1px;}
.i_file 	{display:inline-block;font-size:0;height:25px;width:22px;}
.i_file ~ .i_file	{margin-left:5px;}
.i_file.excel	{background:url('../images/common/i_excel.png') no-repeat 0 0}
.i_file.pdf	{width:20px;background:url('../images/common/i_pdf.png') no-repeat 0 0}
.i_file.pw	{background:url('../images/common/i_pow.png') no-repeat 0 0}
.i_file.kor	{width:20px;background:url('../images/common/i_kor.png') no-repeat 0 0}

/* button */
.btnForm_block	{display:flex; margin-top:50px;justify-content:center;position:relative;min-height:60px;}
.btnForm_block.type1	{justify-content:flex-end;}
.btnForm_block.type2	{justify-content:flex-start;}
.btnForm_block.type1.Mtype1 ~.btnForm_block	{margin-top:-55px;}
.btnForm_block.type4	{margin-top:-55px;}
.btnForm_block a	{display:inline-block;line-height:60px;font-size:16px;text-align:center;padding:0 40px;background:#003a92;color:#fff !important;min-width:200px;border-radius:5px;}
.btnForm_block a ~ a	{margin-left:10px;}
.btnForm_block a.btnD1	{background:#fff;border:1px solid #999;color:#555 !important;}
.btnForm_block a.btnD2	{background:#008aee;}
.btnForm_block a.btnD3	{background:#d1eafc;color:#008aee !important;}
.btnForm_block a.btnD4	{background:#adadad;}
.btnForm_block a.btnD5	{background:#00408a;}
.btnForm_block a.middle	{line-height:56px;border-radius:5px;min-width:auto;padding:0 50px;}
.btnForm_block.type3 a	{min-width:160px;}
.btnForm_block a.last	{position:absolute;right:0;top:0;}

.ready	{margin:100px auto 0;width:100%;text-align:center;}
.ready img	{max-width:100%;}
.para ~ h2	{margin-top:50px;}
.text_blue	{color:#1557b0;}
table a:hover	{text-decoration:underline;}

.flex	{display:flex;margin-top:30px;}
.flex.type1 h2	{width:20%;}
.flex.type1 .tbl_col, .flex.type1 .board_list, .flex.type1 .txtEtc_box	{width:80%;}
.txtEtc_box + h2.tit_type	{margin-top:50px;}

.board_view .had{border-top:2px solid #111;border-bottom:1px solid #efefef;padding:30px 40px;}
.board_view .had h2	{font-size:20px;line-height:40px;color:#111;margin-top:0;}
.board_view .had .data 	{margin-top:10px;}
.board_view .had .data span	{color:#777;font-size:15px;padding-right:20px;position:relative;}
.board_view .had .data span b	{color:#111;font-weight:400;}
.board_view .had .data span:after	{position:absolute;content:'';right:0;top:5px;width:1px;height:10px;background:#ccc;}
.board_view .had .data span:last-child{padding-right:0;}
.board_view .had .data span:last-child::after{display:none;}
.board_view .had .data span~span	{margin-left:20px;}
.board_view .cell_g	{width:100%;border-bottom:1px solid #d8d8d8;display:flex;color:#333;}
.board_view .cell_g dt	{padding:0 20px 0 40px;min-height:58px;line-height:58px;font-weight:400;}
.board_view .cell_g dd	{min-height:58px;line-height:30px;}
.board_view .cell_g dd p	{padding-top:10px;}
.board_view .cell_g dd a 	{font-size:15px;padding-left:30px;width:auto;display:block;line-height:58px;}
.board_view .cell_g dd a:hover 	{text-decoration:underline;}
/*.board_view .cell_g dd a:before 	{content:'';position:absolute;left:0;top:9px;width:20px;height:20px;background:url('../images/common/ico_file.png') no-repeat 0 0;}*/
.board_view .memo	{padding:30px 20px;font-weight:400;border-bottom:1px solid #111;}
.board_view + h2.tit_type	{margin-top:50px;}
.N_board type1 scroll .new	{display:inline-block;margin-left:5px;width:16px;height:100%;background:url('../images/common/new.png') no-repeat 0 40%;font-size:0;}
/* 동영상 추가 */
.U_name	{font-size:15px;display:inline-block;line-height:30px;padding:0 15px;border-radius:15px;}
.U_name.ty1	{background:#e1f0f8;color:#024d8c;}
.U_name.ty2	{background:#e4f0e1;color:#4b9737;}
.U_name.ty3	{background:#fff1cb;color:#db8b00;}
.U_name.ty4	{background:#fce8e7;color:#d0332c;}


.prevNext_list	{width:100%;}
.prevNext_list li	{display:flex;padding:20px 0;color:#555;align-items: center;border-bottom:1px solid #d8d8d8;}
.prevNext_list li span	{position:relative;padding-left:35px;color:#333;margin-right:20px;font-weight:400;line-height:28px;min-width:100px;}
.prevNext_list li span:before	{content:'';position:absolute;left:10px;top:10px;width:13px;height:9px;background:url('../images/sub/ico_arrow.png') no-repeat 0 0;}
.prevNext_list li:first-child span:before	{transform: rotate(180deg);}
.prevNext_list li a	{color:#333;font-size:17px;font-weight:400;line-height:28px;}
.prevNext_list li a:hover	{text-decoration:underline;}
.prevNext_list i.new	{font-style:normal;font-size:12px;display:inline-block;background:#ce400e;padding:0 4px;line-height:20px;border-radius:3px;color:#fff;margin-right:5px;}
/* file upload */
.fileWrap{position:relative; display: flex;align-items: center;}
.fileWrap input[type="file"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0; display: none;}
.fileWrap label{cursor:pointer;color: #fff;background:#008aee;text-align:center;height:36px;line-height:36px;border-radius: 4px;padding: 0 15px;font-size:15px;}
.fileWrap label:focus{outline:2px solid #444;}
.fileWrap .upload_name{display:inline-block;border-radius: 4px;width:100%;height:50px;line-height:50px;padding:0 10px;border:1px solid #c8c8c8;background:#fff;color:#555;max-width: 600px; margin-right: 5px;}
.fileadd	{cursor:pointer;display:inline-block;margin-left:5px;font-size:15px;color:#008aee;background:#edf7fe;text-align:center;height:36px;line-height:36px;border-radius: 4px;padding: 0 15px;border:1px solid #008aee;}
/* 기존작업분 */
.gallery_list{padding-bottom:27px;}
.gallery_list ul{display:flex;gap:80px;flex-wrap: wrap;}
.gallery_list li{position:relative;width:calc(100%/3 - 160px/3);}
.gallery_list li .box{position: relative;}
.gallery_list .thum{position:relative;width:100%;height:250px;overflow:hidden;border-radius:15px;box-shadow: 5px 5px 9px 0px rgba(0,0,0,0.12);border:1px solid #e5e5e5;}
.gallery_list .thum a{display:block;width:100%;height:100%;}
.gallery_list a:hover .box{box-shadow: 5px 5px 9px 0px rgba(0,0,0,0.12);}
.gallery_list .thum img{width:100%;height:100%; display: block;}
.gallery_list .txt_g{padding:30px 0;}
.gallery_list .preview{position: absolute; top:0; left:0; background:#1557b0; font-size:13px; color: #fff; padding: 3px; display: inline-block;}
.gallery_list .tit{font-size:24px;color:#333;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:20px 0;}
.gallery_list a:hover .tit	{color:#1557b0;}
.gallery_list .date{font-size:16px;color:#666;font-weight:400;letter-spacing:1px;}
.gallery_list .memo{height:54px;margin-top:10px;line-height:26px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; word-wrap:break-word;}
.gallery_list .data {display:flex;margin-top:11px;}
.gallery_list .data p{position:relative;font-size:14px;color:#666;font-weight:400;padding-right:15px;}
.gallery_list .data p:after	{content:'';position:absolute;right:0;top:3px;width:1px;height:10px;background:#bfbfbf;}
.gallery_list .data p:last-child	{padding-right:0;}
.gallery_list .data p:last-child::after	{display:none;}
.gallery_list .data p~p	{margin-left:12px;}
.gallery_list .data .hit{position:absolute;top:-2px;right:0;display:inline-block;padding:2px 10px 4px;border-radius:2px;font-size:13px;color:#999;background:#f0faf9}

.galleryList_ui{position:relative;}
.galleryList_ui .slider-for{width:845px;height:535px;margin:0 auto}
.galleryList_ui .slider-for img{width:100%;max-width:845px;height:535px;}
.galleryList_ui .emvedFrame iframe{display:block;margin:0 auto;width:845px;height:535px}
.galleryList_ui .caption{display:table;width:100%;height:115px;text-align:center;margin-top:20px;}
.galleryList_ui .caption p{display:table-cell;width:100%;height:115px;text-align:center;vertical-align:middle;font-size:24px;color:#000;font-weight:500}
.galleryList_ui .slider-nav{padding:0 35px;}
.galleryList_ui .slider-nav img{width:100%;}
.galleryList_ui .slider-nav a{position:relative;display:inline-block; border:3px solid transparent;width:100%;}
.galleryList_ui .slider-nav a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(00, 00, 00, .3);-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.galleryList_ui .slick-prev{z-index:1;position:absolute;top:0;bottom:0;left:-5px;width:14px;height:22px;margin:auto 0;font-size:0;background:url('../images/common/btn_prev.png') no-repeat 50% 50%;}
.galleryList_ui .slick-next{z-index:1;position:absolute;top:0;bottom:0;right:0;width:14px;height:22px;margin:auto 0;font-size:0;background:url('../images/common/btn_next.png') no-repeat 50% 50%;}
.galleryList_ui .slick-current a:before{background:rgba(00, 00, 00, 0)}
.galleryList_ui .slider-nav a.on{border:3px solid #1557b0;}
.nodata	{text-align:center;padding-top:80px;}

/* 코멘트 영역 */
.reple_write { margin-top: 60px;border-top:2px solid #111;border-bottom:1px solid #d8d8d8;padding:20px;}
.reple_write h3 { font-size: 16px; font-weight: 500; color: #1557b0 !important; }
.reple_write h3 span { margin-left: 10px; }
.reple_write .wrt .link_lgoin { font-size: .875em; line-height: 60px; position: relative; display: block; width: 100%; height: 60px; margin-top: 10px; padding-left: 45px; vertical-align: middle; border: 1px solid #c0c0c0; }
.reple_write .wrt .link_lgoin i { font-size: 2em; position: absolute; top: 15px; left: 15px; color: #b2b2b2; }
.reple_write .wrt ul { width: 100%; margin: 10px 0; }
.reple_write .wrt ul li { position: relative; display: inline-block; }
.reple_write .wrt ul li label { font-size: .875em; position: absolute; top: 10px; left: 15px; color: #b2b2b2; }
.reple_write .wrt ul li input { font-size: 1em; height: 40px; border: 1px solid #d8d8d8; }
.reple_write .wrt .comment { position: relative; margin-top: 10px; padding-right: 85px; }
.reple_write .wrt .comment textarea { font-size: 12px; overflow: auto; height: 80px;width:100%; resize: vertical; }
.reple_write .wrt .comment button { font-size: 16px; font-weight: 500; position: absolute; top: 0; right: 0; width: 80px; height: 80px; color: #fff; background: #8d8e90; }
.reple_write .wrt .comment button:hover { color: #fff; background: #1557b0; }
.reple_write .reple_view { margin-top: 30px; }
.reple_write .reple_view li div { position: relative; }
.reple_write .reple_view li ~ li { margin-top: 20px; padding-top: 20px; border-top: 1px dashed #ddd; }
.reple_write .reple_view span { display: inline-block; }
.reple_write .reple_view .name { font-size: 16px; font-weight: 500; margin-right: 20px; color: #37c; }
.reple_write .reple_view .date { font-size: 13px; margin-right: 20px; padding-top: 2px; color: #999; }
.reple_write .reple_view .btn { position: absolute; top: -3px; right: 0; }
.reple_write .reple_view .btn button { font-size: 11px; padding: 3px 6px 2px; color: #000; border: 1px solid #d8d8d8; background: #fafafa; }
.reple_write .reple_view .btn button:hover { background: #d8d8d8; }
.reple_write .reple_view  .memo { font-size: 14px; line-height: 1.5; clear: both; margin-top: 8px; letter-spacing: -1px; }

/* https://www.yuhan.ac.kr/ 유한대학교 클래스 그대로 가져온 후 컬러포인트와 테이블 클래스만 변경함 => 유한대학 개인정보처리방침 변경시 그대로 가져올 수 있기 위함 */
.privat_main_box{font-size:15px}
.color_point{color:#1557b0}
.margint5{margin-top:5px}
.margint10{margin-top:10px}
.margint20{margin-top:20px}
.margint30{margin-top:30px}
.marginb20{margin-bottom:20px}
.marginb40{margin-bottom:40px}
.marginl5{margin-left:5px}
.marginl15{margin-left:15px}
.marginl20{margin-left:20px}
.privat_title h2{font-size:30px;font-weight:600;color:#019a7b}
.privat_sub_box h3{font-size:20px;font-weight:600;margin-bottom:15px}
.privat_sub_box ul li{margin-bottom:15px;list-style:none}
.privat_sub_box ul>li>ul{margin-top:10px}
.privat_sub_box ul>li>ul>li{list-style:none}
.privat_sub_box ul>li>ul>li>p{margin-left:20px}
.privat_list_01 li{position:relative;padding-left:10px;list-style:none}
.privat_list_01 li:last-child{margin-bottom:0}
.privat_list_01 li:before{content:'';display:block;position:absolute;width:5px;height:1px;background:#666;left:0;top:12px}
.privat_list_02>li{position:relative;padding-left:10px;margin-bottom:5px!important;list-style:none}
.privat_list_02>li:before{content:'';display:block;position:absolute;width:3px;height:3px;border-radius:100%;background:#666;left:0;top:10px}
.privat_list_02>li>ul>li{margin-bottom:5px!important;list-style:none}
.privat_box{padding:30px 0;text-align:center;border-top:1px solid #ddd;border-bottom:1px solid #ddd}

/* member */
.step_process{margin-bottom:70px;}
.step_process ul	{display:flex;justify-content: space-between;width:100%;position:relative;}
.step_process ul:before{content:'';position:absolute;left:0;top:10px;height:1px;width:100%;border-top:1px dashed #c7c7c7;}
.step_process li p{display:block;font-size:14px;color:#555;padding-top:40px;position:relative;}
.step_process li p:before{content:'';position:absolute;left:0;top:0;width:20px;height:20px;border-radius:100%;background:#d1d1d1;}
.step_process li:last-child p:before{left:auto;right:0;}
.step_process li:last-child p{text-align:right;}
.step_process li.on p:before{background:url('../images/sub/ico_step_on.png') no-repeat 0 0;}
.step_process li p span{display:block;font-size:17px;color:#222;line-height:50px;}
.step_process li.on p span{color:#008aee;}

.memAgree_ui h2{margin:70px 0 25px 0;font-size:45px;font-weight:500;color:#111;text-align:center;}
.memAgree_ui h2:before{display:block;content:'';width:100%;height:83px;background:url('../images/common/i_agree.png') no-repeat 50% 50%;margin-bottom:30px;}
.memAgree_ui h2.type1:before{background-image:url('../images/common/i_agree1.png');}
.memAgree_ui h2.type2:before{background-image:url('../images/common/i_agree2.png');}
.agree_box{margin:0 0 20px 0;}
.agree_box label{color:#222;font-size:18px;font-weight:400;}
.agree_box .box{height:330px;padding:20px;margin-top:15px;border:1px solid #e4e4e4;border-radius:10px;overflow-y:auto}
.agree_box h3{font-size:18px;font-weight:400;color:#222;margin-bottom: 15px;}
.agree_box .terms_box{margin-bottom: 40px;}
.agree_box .terms_box:last-child{margin-bottom:0;}
.agree_box p, .agree_box .terms_list	{margin-bottom:5px;}
.agree_box p, .agree_box .terms_list li{font-size:15px;font-weight:400;line-height:25px;letter-spacing:-1px;}
.agree_box .terms_list li > ul{margin-top:10px;}
.memAgree_ui .all_chk{margin-top:40px;padding:30px 0 80px 0;text-align:center;border-bottom:1px solid #222;}
.memAgree_ui .all_chk label{font-size:18px;color:#000}
.memAgree_ui p + .msg_alert{margin-top:25px}
.memAgree_ui p.N_txt	{color:#555;text-align:center;}
.memAgree_ui + .msg_alert	{margin-top:50px;}
p.memTit_g{text-align:right;margin:50px 0 10px 0;}
p.memTit_g.type1{margin-top:0;}
p.memTit_g em{display:inline-block;width:5px;height:5px;vertical-align:middle;margin-right:5px;font-size:0;border-radius:100%;background:#f6414d}
.tab_ui + .memTit_g{margin-top:0}
.chk_box	input	{width:19px;height:19px;border:1px solid #a5a5a5;margin-right:5px;}
.form_data.agree input	{line-height:48px;height:48px;}
.form_data.agree td	{line-height:48px;}
.form_data.agree .selectric	{border-radius:0;min-width:150px;}
.form_data.agree .selectric .label	{line-height:48px;height:48px;padding-left:10px;}
.form_data.agree input + .selectric-wrapper	{margin-left:5px;}
.form_data.agree .selectric .button	{height:50px;}
.form_data.change th	{text-align:left;}
/* 회원 타입 선택 */
.join_type_hd	{display:block;width:100%;text-align:center;margin-top:60px;}
.join_type_hd p	{font-size:17px;font-weight:300;color:#555;}
.join_type_hd p > span	{display:block;font-size:40px;font-weight:400;color:#111;margin-bottom:20px;}
.join_type	{display:inline-flex;margin-top:60px;gap:180px;}
.join_type	a {display:block;width:300px;}
.join_type	a span{display:block;width:100%;line-height:70px;color:#fff;font-size:17px;font-weight:400;text-align:center;background:#444;}
.join_type	a.per span	{background:#1557b0;}
.join_type	a:before	{content:'';display:block;width:200px;height:180px;margin:0 auto 40px;background:url('../images/common/join_type02.png') no-repeat 50% 50%;transition:all 0.3s ease-in-out;}
.join_type	a.per:before	{background-image:url('../images/common/join_type01.png');}

/* memeber 이용약관 200527 추가 */
.memAgree_ui .agree_box h3{font-size:18px;font-weight:400;color:#222;margin-bottom: 15px;}
.memAgree_ui .agree_box .terms_box{margin-bottom: 40px;}
.memAgree_ui .agree_box .terms_box:last-child{margin-bottom:0;}
.agree_box p, .agree_box .terms_list	{margin-bottom:5px;}
.agree_box p, .agree_box .terms_list li{font-size:15px;font-weight:400;line-height:25px;letter-spacing:-1px;}
.memAgree_ui .agree_box .terms_list.ty2 li{padding-left: 0;text-indent: 0;}
.memAgree_ui .agree_box .terms_list.ty2 li > ul{padding-left: 20px;}
.memAgree_ui .agree_box .terms_list li > ul{margin-top:10px;}

.login_ui .box{padding:40px 10px 50px;margin-bottom:90px;}
.login_ui .box:before{content:"";display:block;width:82px;height:80px;margin:0 auto;background:url('../images/common/i_login.png') no-repeat 50% 50%;}
.login_ui.out .box:before{background:url('../images/common/i_out.png') no-repeat 50% 50%;}
.login_ui .box h2{margin-top:15px;text-align:center;font-weight:500;font-size:40px;color:#111}
.login_ui .box h2 + p{margin-top:15px;text-align:center;color:#333;font-weight:400;}
.login_ui .box .form{position:relative;width:420px;margin:30px auto 0;}
.login_ui .box .form input{width:100%;outline:none;border-radius:0;border:1px solid #d8d8d8;}
.login_ui .box .form li{height:55px;line-height:55px;}
.login_ui .box .form .btn_login{margin-top:20px;width:100%;display:block;line-height:70px;color:#fff;font-size:19px;background:#1557b0;}
.login_ui .solution{overflow:hidden;display:flex;background:#fbfbfd;padding:30px 0;}
.login_ui .solution .col{width:100%;text-align:center}
.login_ui .solution p:nth-child(1){line-height:46px;font-size:30px;color:#111;}
.login_ui .solution p:nth-child(1) strong{color:#1557b0}
.login_ui .solution p:nth-child(2){margin-top:20px;font-size:17px;line-height:28px;color:#555;}
.login_ui .solution p:nth-child(3){margin-top:45px;}
.login_ui .solution .btn{display:inline-block;min-width:240px;height:60px;line-height:60px;color:#111;font-size:18px;border:1px solid #555;}
.btn_out	{width:100%;margin-top:20px;display:block;background:#777;line-height:70px;font-size:19px;font-weight:400;text-align:center;color:#fff;}
.login_ui.out .text	{max-width:600px;margin:20px auto;font-size:16px;color:#ef4848;font-weight:300;line-height:25px;}

h2.memH2_tit{margin-bottom:60px;text-align:center;font-size:40px;color:#111;letter-spacing:-1px;margin-top:20px;font-weight:500;}
h2.memH2_tit:before	{content:'';display:block;width:100%;height:73px;margin-bottom:30px;background:url('../images/common/i_id.png') no-repeat 50% 50%;}
.mem_coment{margin-top:30px;color:#818181}
.mem_coment strong{color:#000}

.msg_alert{padding:60px 0px;text-align:center;background:#f7fbfe;width:100%;border-radius:20px;/*display:flex;justify-content:center;*/}
.msg_alert dl~dl{margin-left:150px;}
.msg_alert dt{font-size:24px;color:#003a92;font-weight:400;}
.msg_alert dt strong{color:#008aee;}
.msg_alert i{display:block;margin:0 auto 7px;}
.msg_alert dd{margin-top:20px;color:#555;font-weight:400;font-size:16px;}
.msg_alert dd strong{color:#333;}
.msg_alert .box{max-width:530px;padding:20px 0;margin:30px auto 0;font-size:17px;background:#f7f7f7}
.msg_alert .box strong,.msg_alert .box strong.ty2{margin-left:20px;font-size:22px;font-weight:400;color:#000}
.msg_alert .box strong.ty2{margin-left:0;}
.msg_alert .btn{margin-top:30px;display:block}
.msg_alert .btn a	{display:inline-block;line-height:50px;font-size:16px;text-align:center;padding:0 10px;background:#008aee;color:#fff !important;border-radius:5px;min-width:120px;}
.msg_alert .btn a~a{margin-left:10px}
.msg_alert i{width:110px;height:110px;background-color:#fff;background-repeat:no-repeat;background-position:50% 50%;border-radius:100%;margin-bottom:15px;}

.msg_alert i.i_phone{background-image:url('../images/common/i_phone.png');}
.msg_alert i.i_email{background-image:url('../images/common/i_mail.png');}
.msg_alert i.i_end{background-image:url('../images/common/i_end.png');}
.msg_alert i.i_out{background-image:url('../images/common/i_out.png');}
.msg_alert i.i_ipin{background-image:url('../images/common/i_ipin.png');}
.msg_alert.end	{background:none;}
.msg_alert.end dt	{font-size:40px;font-weight:300;line-height:54px;margin-bottom:30px;}
.msg_alert.end dt strong	{font-weight:400;color:#1557b0;}

.mypgM_ui ul{display:flex;flex-wrap: wrap;width:100%;}
.mypgM_ui li	{width:calc(100%/5 - 80px/5);margin-bottom:20px;}
.mypgM_ui li ~ li	{margin-left:20px;}
.mypgM_ui li a{display:table;width:100%;text-align:center;height:190px;border:1px solid #e5e5e5;box-sizing:border-box;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.mypgM_ui li.m5, .mypgM_ui li.m6	{width:calc(100%/2 - 10px);}
.mypgM_ui li.m5	{margin-left:0;}
.mypgM_ui li a div{position:relative;display:table-cell;width:100%;height:100%;vertical-align:middle;font-size:20px;color:#000;}
.mypgM_ui li span{display:block;margin-top:7px;color:#555;font-weight:400;line-height:24px;font-size:15px; padding-right:100px;}
.mypgM_ui li.m5 a div, .mypgM_ui li.m6 a div	{text-align:left;padding-left:35px;}
.mypgM_ui li div:before{content:"";display:block;width:81px;height:70px;margin:0 auto;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.mypgM_ui li.m1 div:before{background:url('../images/common/i_my1.png') no-repeat 50% 50%;}
.mypgM_ui li.m2 div:before{background:url('../images/common/i_my2.png') no-repeat 50% 50%;}
.mypgM_ui li.m3 div:before{background:url('../images/common/i_my4.png') no-repeat 50% 50%;}
.mypgM_ui li.m4 div:before{background:url('../images/common/i_my5.png') no-repeat 50% 50%;}
.mypgM_ui li.m5 div:before{position:absolute;top:65px;right:20px;background:url('../images/common/i_my6.png') no-repeat 50% 50%;}
.mypgM_ui li.m6 div:before{position:absolute;top:65px;right:20px;background:url('../images/common/i_my7.png') no-repeat 50% 50%;}
.mypgM_ui li.m7 div:before{background:url('../images/common/i_my3.png') no-repeat 50% 50%;}
.mypgM_ui li a:hover div {color:#fff;background:#1557b0}
.mypgM_ui li a:hover span {color:#fff;}
.mypgM_ui li.m1 a:hover div:before{z-index:1;background:url('../images/common/i_my1_on.png') no-repeat 50% 50%;}
.mypgM_ui li.m2 a:hover div:before{background:url('../images/common/i_my2_on.png') no-repeat 50% 50%;}
.mypgM_ui li.m3 a:hover div:before{background:url('../images/common/i_my4_on.png') no-repeat 50% 50%;}
.mypgM_ui li.m4 a:hover div:before{background:url('../images/common/i_my5_on.png') no-repeat 50% 50%;}
.mypgM_ui li.m5 a:hover div:before{background:url('../images/common/i_my6_on.png') no-repeat 50% 50%;}
.mypgM_ui li.m6 a:hover div:before{background:url('../images/common/i_my7_on.png') no-repeat 50% 50%;}
.mypgM_ui li.m7 a:hover div:before{background:url('../images/common/i_my3_on.png') no-repeat 50% 50%;}
.mypgM_ui p{text-align:right}
.mypgM_ui .btn_outarea{margin-top:7px;}
.mypgM_ui .btn_outarea a{display:inline-block;padding:0 20px;height:37px;line-height:37px;text-align:center;background:#adadad;color:#fff;}
.mypgM_ui .txt	{text-align:right;}


.mypg_txt{margin:20px 0 20px 0}
.mypg_txt li{line-height:24px;text-indent:-18px;padding-left:18px;color:#818181;font-weight:400;font-size:15px;}
.mypg_txt li~li{margin-top:5px}
.mypg_txt a{text-decoration:underline}
.mypg_txt .point{color:#1557b0; font-weight: bold;}
.mypg_txt + h2	{margin-top:100px;}


.result	{display:block;width:100%;margin-top:20px;text-align:center;}
.result .box{max-width:530px;padding:20px 0;margin:30px auto 0;font-size:17px;background:#f7f7f7;}
.result .box strong, .result .box strong.ty2{margin:0 10px;font-size:22px;font-weight:400;color:#1557b0;}
.apply_done h2{margin:70px 0 25px 0;font-size:40px;font-weight:600;color:#111;text-align:center;line-height:54px;}
.apply_done h2 span	{position:relative;padding-left:100px;}
.apply_done h2 span:before{position:absolute;left:0;top:-25px;content:'';width:83px;height:83px;background:url('../images/common/i_ok.png') no-repeat 50% 50%;}
.apply_done h2 strong	{font-weight:600;}
.apply_done ul	{margin:40px 0;}
.apply_done li	{color:#333;font-weight:400;}
.apply_done li strong	{color:#111;font-weight:400;}

.btn{margin-top:20px;display:flex;justify-content: center;}
.btn a	{min-width:200px;padding:0 50px;display:block;background:#1557b0;color:#fff;font-size:18px;line-height:60px;font-weight:400;border-radius:0;text-align:center;}
.btn a.btnD3	{background:#8d8e90;font-weight:400;}
.btn a.btnD4	{background:#111;}
.btn a.btnD5	{background:#adadad;}
.btn a~a{margin-left:10px}
a span.s1	{background:#1557b0;line-height:35px;height:35px;border-radius:4px;display:inline-block;color:#fff;padding:0 10px;}
a span.s4	{background:#929292;line-height:35px;height:35px;border-radius:4px;display:inline-block;color:#fff;padding:0 10px;}
a span.s5	{background:#8a89a6;line-height:35px;height:35px;border-radius:4px;display:inline-block;color:#fff;padding:0 10px;}
span.s2	{color:#d2b03b;font-weight:600;display:inline-block;}
span.s3	{color:#a2a2a2;font-weight:600;display:inline-block;}

.N-type table thead th	{border:1px solid #4c4c4c;border-top:none;line-height:40px;}

.payEnd{margin-top: -40px; text-align: center;    border: 1px solid #e5e5e5; border-top: 2px solid #1557b0;padding:70px 0;}
.payEnd .title{font-size: 30px; color: #000; letter-spacing: -1px; padding-top: 90px; background: url(../../images/common/payEnd_bg.png)no-repeat 50% 0;}
.payEnd .text{ font-size: 17px; color: #555; letter-spacing: -1px; margin-top: 25px;}
.payEnd .text span{font-weight: bold; color:#1190c5;}
.payEnd .returnBtn{display: inline-block; margin-top: 55px; padding:26px 90px; font-size: 17px; font-weight: bold; color: #fff;     background: #1557b0;}

.payIng{margin-top: -40px; text-align: center;    border: 1px solid #e5e5e5; border-top: 2px solid #1557b0;padding:60px 0;}
.payIng .title{font-size: 30px; color: #000; letter-spacing: -1px; padding-top: 90px; background: url(../../images/common/payIng_bg.png)no-repeat 50% 0;}
.payIng .text{ font-size: 17px; color: #555; letter-spacing: -1px; margin-top: 25px; line-height: 1.5em;}
.payIng .text span{font-weight: bold; color:#1190c5;}
.payIng .subTxt{font-weight: bold; font-size: 14px; color:#e53a3a; padding-top: 35px;}
.payIng .returnBtn{display: inline-block; margin-top: 55px; padding:26px 90px; font-size: 17px; font-weight: bold; color: #fff;     background: #1557b0;}

.out_ui{padding:40px 10px 50px;margin-bottom:75px;border:1px solid #e5e5e5;}
.out_ui:before{content:"";display:block;width:63px;height:64px;margin:0 auto;background:url(../../images/common/i_out.png) no-repeat 50% 50%;}
.out_ui h2{margin-top:15px;text-align:center;font-weight:900;font-size:26px;color:#000}
.out_ui h2 + p{margin-top:7px;text-align:center;}
.out_ui .form{position:relative;width:420px;margin:30px auto 0;padding-right:135px;box-sizing:border-box;}
.out_ui .form input{width:100%;border:0;outline:none;}
.out_ui .form li{height:55px;line-height:55px;border-bottom:1px solid #000}
.out_ui .form .btn_out{position:absolute;top:0;right:0;width:110px;height:110px;color:#fff;font-size:18px;background:#515151}

/* popup */
.popContainer{z-index:999;position:fixed;top:0;left:0;width:100%;height:100%;}
.popContainer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(00, 00, 00, .3)}
.popContainer .popup{position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;background:#fff}
.popContainer .popup h1{height:60px;line-height:60px;padding-left:20px;font-size:25px;color:#fff;background:#000;font-weight:400;}
.popContainer .popup .close{position:absolute;top:20px;right:20px;width:15px;height:15px;font-size:0;background:url('../images/common/btn_popClose.png') no-repeat 50% 50%;}
.popContainer .popup .cons{padding:60px 20px}
#popIdChk .popup{width:535px;height:355px;}
#popIdChk .popup.email{height:345px;}
#popIdChk .popup.email.pw{height:386px;}
#popIdChk .popup.email.id{height:328px;}
.popContainer .popup .idchk .txt1{position:relative;padding-top:25px;font-size:20px;text-align:center;color:#000;}
.popContainer .popup .idchk .txt1:before{content:"";position:absolute;top:0;left:0;right:0;margin:0 auto;width:25px;height:1px;background:#000}
.popContainer .popup .idchk .txt1 strong,.popContainer .popup .idchk .txt2 strong{font-weight:400}
.popContainer .popup .idchk .txt2{padding-top:30px;margin-bottom:20px;font-size:17px;color:#1557b0;text-align:center;}
.popContainer .popup .idchk .forms{display:flex}
.popContainer .popup .idchk .forms input{width:100%}
.popContainer .popup .idchk .forms a{margin-left:10px;}
#popChange .popup{width:535px;height:420px;}
.popContainer .popup .pwchange .txt1{position:relative;padding-top:25px;font-size:26px;text-align:center;color:#000;}
.popContainer .popup .pwchange .txt1:before{content:"";position:absolute;top:0;left:0;right:0;margin:0 auto;width:25px;height:1px;background:#000}
.popContainer .popup .pwchange .txt1 strong,.popContainer .popup .pwcgange .txt2 strong{font-weight:400}
.popContainer .popup .pwchange .txt2{padding-top:30px;margin-bottom:20px;font-size:17px;text-align:center;}
.popContainer .popup .pwchange .btn{margin-top:30px;text-align:center;font-size:0}
.popContainer .popup .pwchange .btn a~a{margin-left:10px}
.popContainer .popup .pwchange .btnD4 span{position:relative;top:-10px;display:block;font-size:12px;letter-spacing:0}
.popContainer .popup .pwchange .btnD4{line-height:30px}

.form_data{border-top:1px solid #111}
.form_data table{table-layout:fixed}
.form_data th{vertical-align:middle;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background:#fafafa;width:20%;padding-left:20px;}
.form_data th strong{color:#f6414d}
.form_data th .tit{display:block;position:relative;padding-left:10px;text-align:left}
.form_data th .tit em{position:absolute;top:10px;left:0;width:5px;height:5px;vertical-align:middle;margin-right:5px;font-size:0;border-radius:100%;background:#f6414d}
.form_data td{height:42px;padding:8px 10px 8px 20px;border-bottom:1px solid #d8d8d8;}
.popup input[type=password],.popup input[type=text], .form_data td input[type=text], .form_data td input[type=password]{width:100%;border:1px solid #d8d8d8;border-radius:0;line-height:50px;height:50px;margin-bottom:0;}
.popup input[type=file], .form_data td input[type=file]{width:100%;background:#fff}
.form_data textarea{width:100%;height:320px;}
.form_data textarea.type1{height:100px;min-height:auto;}
.form_data .size1{width:33% ! important}
.form_data .size2{width:30% ! important}
.form_data .size3{width:49.5% ! important}
.form_data .size4{width:25% ! important}
.form_data .size5{width:80px ! important}
.form_data .edit{height:400px;padding:0;vertical-align:top;}
.form_data .txt{margin-left:2%;letter-spacing:-1px;font-size:15px;color:#818181;}
.form_data .em{font-size:17px;color:#f6414d;}
.form_data input + a{margin-left:5px}
.form_data input + input,.form_data select + input,.form_data input + select,.form_data select + select{margin-left:1%}
.form_data li~li{margin-top:10px}
.form_data .col3_g{width:50%;display:flex;display:-ms-flexbox;}
.form_data .col3_g.type{width:70%;}
.form_data .col3_g.type1{width:100%;}
.form_data .col3_g span{display:block;line-height:40px;margin:0 1.5%}
.form_data .col2_g{width:50%;display:flex}
.txt_essen, .em {margin-top:10px;}
.txt_essen strong, .em{color:#f6414d}
a.btnS2 {display:block;margin-top:5px;line-height:60px;background:#1557b0;color:#fff;text-align:center;font-size:17px;font-weight:400;}
a.btnS2.type1	{display:inline-block;padding:0 20px;line-height:38px;}
.popup .btnD3.email	{line-height:50px;background:#1557b0;color:#fff;text-align:center;font-size:17px;font-weight:400;min-width:120px;}
.chkWrap.type1	{display:block;margin:5px 0;}

.form_data.ty2 table{margin-top:40px;}
.form_data.ty2 th{background:none;padding:18px 10px 0 30px;vertical-align:top;border-bottom:0;border-right:0;}
.form_data.ty2 th .tit{padding-left:0;}
.form_data.ty2 td{padding:8px 30px 8px 0;border-bottom:0;}
.form_data.ty2 .col3_g.type{width:100%;}
.form_data.ty2 .txt{margin:8px 0 0 0;}
.form_data.ty2 .forms{padding:30px 40px;background-color:#f8f8f8;margin-top:30px;display:flex;}
.form_data.ty2 .forms input{width:100%;}
.form_data.ty2 .forms input::placeholder{color:#b3b3b3;}

/* 출석부 엑셀저장 */
.tit_type + .btnForm_excel{text-align: right; margin: 15px 0; margin-top: -52px; }

.btnForm_block3{position:absolute;bottom:0;left:0;display:flex;width:100%;}
.btnForm_block3 a{width:100%;border:0;background:#1557b0;line-height:60px;color:#fff;text-align:center;font-weight:400;}
.btnForm_block3 .btnD1{background-color:#8d8e90;font-weight:400;}
.btnForm_block4{margin:15px 0;text-align:right}
.btnApply_block	{text-align:right;display:block;margin-bottom:10px;}
.btnApply_block.type1	{margin-top:-48px;}
.btnApply_block.type1 .btnD2.go	{line-height:50px;height:50px;}

@media (max-width: 900px) {
	/* tub menu	*/
	.tab_ui ul li a span	{font-size:14px;padding:15px;}
	.step_process li a	{min-width:auto;padding:0 10px 0 20px;font-size:13px;letter-spacing:-1.5px;}
	.btnForm_block a.last	{position:relative;}

}
@media (max-width: 768px) {
	.dpi th, .dpi td	{font-size:15px;}
	.dpi, .rpsw, .M_table	{overflow-x:auto;}
	.dpi table, .rpsw table	{width:900px !important;}
	.M_table table	{width:600px !important;}
	/* member */
	.step_process{margin-bottom:40px;}
	.step_process li p{font-size:12px;padding-top:30px;}
	.step_process li p:before{width:18px;height:18px;}
	.step_process li.on p:before{background-size:100% auto;}
	.step_process li p span{font-size:14px;line-height:30px;}

	.N_board tbody th	{font-size:13px;width:auto;}
	.N_board tbody td	{font-size:13px;line-height:25px;}
	.tbl_col.dpi{overflow-y:auto}
	.tbl_col.dpi table{width:900px}
	.tbl_col table thead th, .tbl_col table tbody th{padding: 10px 5px 9px;}
	.tbl_col table td{line-height:22px;padding:10px 5px 9px;font-size:14px;/*word-break:break-word;*/}
	.tbl_col table td .num{top:-1px;font-size:10px}
	.tbl_col .s_o{width:10px;height:10px}

	/* 회원 타입 선택 */
	.join_type_hd	{margin-top:40px;}
	.join_type_hd p	{font-size:14px;font-weight:400;}
	.join_type_hd p > span	{font-size:30px;}
	.join_type	{gap:20px;margin-top:40px;width:100%;}
	.join_type	a {width:calc(100%/2 - 10px);}
	.join_type	a:before	{width:calc(100% - 10px);background-size:80% auto;max-width:200px;margin-bottom:10px;}
	.join_type	a span{line-height:60px;font-size:16px;}
	
	/* 갤러리 리스트 */
	.gallery_list .txt_g	{padding:15px;}
	.gallery_list .tit{font-size:16px;}
}

@media (max-width: 640px) {	
	/* tub menu	*/
	.tab_ui ul	{margin-top:40px;}
	.tab_ui ul li a span	{min-width:auto;font-size:13px;padding:15px;height:60px;}

	/* 검색 속성 */
	.boardSearch_g{display:block;padding:20px;text-align:left;}
	.boardSearch_g select{width:calc(100% - 70px);height:42px;margin-left:10px;font-size:14px;margin-bottom:10px;margin-left:0}
	.boardSearch_g label	{margin-right:0;}
	.boardSearch_g input{width:calc(100% - 75px) ! important;height:42px;margin-left:75px;}
	.boardSearch_g .btn_search{width:100%;height:40px;margin-top:5px;background-position:40% 50%;}
	.boardSearch_g.type .tit	{font-size:15px;width:70px;line-height:42px;}
	.boardSearch_g select ~ .tit	{margin-top:10px;}
	.boardSearch_g .flex ~ .flex	{margin-left:0;}
	/* table 속성 */
	.s_o:before	{width:12px;height:12px;left:-12px;}
	.tbl_row tbody td, .tbl_row tbody th, .tbl_col tbody th, .tbl_col tbody td, .board_list tbody th, .board_list tbody td	{padding:10px 8px;line-height:20px;font-size:14px;}
	.tbl_row.read tbody th, .tbl_col.read tbody th, .board_list.read tbody th	{font-weight:400;}
	.tbl_row thead th, .tbl_col thead th, .board_list thead th	{line-height:22px;padding:10px;}
	.flex.type1 .txtEtc_box	{padding:0 10px;font-weight:400;}
	.board_view .had, .board_view .memo	{padding:15px;word-break:break-all;}
	.board_view .had h2	{font-size:17px;line-height:26px;word-break:break-all;}
	.board_view .had .data span	{font-size:14px;}
	.prevNext_list li	{padding:15px 0;font-size:14px;}
	.prevNext_list li span	{line-height:22px;}
	.prevNext_list li a	{font-size:15px;font-weight:400;line-height:22px;word-break:break-all;}
	.galleryList_ui .slider-for	{width:100%;height:auto;}
	.galleryList_ui .slider-for img	{height:auto;}
	.galleryList_ui .caption p	{font-size:19px;height:auto;}
	.galleryList_ui .caption	{height:auto;margin-bottom:20px;}
	.form_data th, .form_data.change th	{padding-left:10px;text-align:left;width:25%;}
	.form_data table .txt	{display:block;margin:2px 0 0 0;font-size:14px;}
	.board_view .cell_g dt	{padding-left:15px;}
	.N-type table thead th, .form_data table td	{line-height:28px;padding:5px 10px;}
	.board_view .cell_g dd a	{font-size:13px;}

	/* pasing */
	.paging	{margin-top:20px;}
	.paging > a, .paging ul a, .paging ul strong	{width:32px;height:32px;line-height:32px;}

	/* input 요소 */
	input[type=text]	{padding:0 10px;font-size:13px;}
	.popup input[type=password], .popup input[type=text], .form_data table td input[type=text], .form_data table td input[type=password], .form_data.agree .selectric .label, .form_data.agree .selectric .button	{line-height:40px;height:40px;}
	input[type=text], input[type=password], input[type=email], input[type=number], input[type=search], input[type=tel]	{font-size:14px;line-height:40px;height:40px;}
	.form_data.agree .selectric	{min-width:80px;}
	/*.form_data.agree input	{min-width:40%;}*/
	.form_data td	{font-size:13px;}
	.form_data.agree .selectric .label	{padding-left:5px;font-size:13px;}
	.form_data .size1	{width:100% !important;}
	.form_data .size1.add, .form_data .size4.add	{width:calc(100% - 30px) !important;}
	.form_data .size1.add1	{width:calc(100% - 100px) !important;}
	.form_data .size4.add	{margin-left:0;margin-top:5px;}
	.form_data .re_size	{width:calc(100% - 100px) !important;margin-left:0;}
	.form_data .size5	{width:40px !important;}
	.btn_cha	{height:38px;width:38px;margin-left:-42px;}
	.txt_essen strong, .em{font-size:14px;}

	select	{font-size:13px;padding-right:20px;height:40px !important;background-size:10px auto !important;background-position:right 15px top 50% !important;}

	/* radio */
	.radioWrap{line-height: 30px;}
	.radioWrap label {position: relative;padding-left: 28px;font-size: 13px;line-height: 22px;}
	.radioWrap label:before {top: -2px;width: 18px;height: 18px;}
	.radioWrap label ~ label	{margin-left: 30px;}
	.radioWrap input[type=radio]:checked+label:after	{top:2px;left:4px;}
	.radioWrap ~ .radioWrap	{margin-left:0;}

	/* input */
	input {height: 40px;line-height: 40px; padding: 0 10px;}

	/* file upload */
	.fileWrap label{min-width: auto;height: 40px;line-height: 40px; border-radius: 4px;}
	.fileWrap .upload_name{height:40px;line-height:40px;padding:0 10px;max-width: 70%; margin-right: 5px;}

	/* checkbox */
	.chkWrap label {padding-left: 22px;font-size: 13px;}
	.chkWrap label:before {width: 16px;height: 16px;top: 0;background-size:80% auto !important;}
	.chkWrap ~ .chkWrap	{margin-left:0;}

	/* login */
	.login_ui .box h2	{font-size:32px;}
	.login_ui .box h2 + p	{margin-top:25px;}
	.login_ui .box	{margin-bottom:30px;}
	.login_ui .box .form	{width:100%;}
	.login_ui .box .form li{height: auto;line-height: inherit;}
	.login_ui .box .form li ~li{margin-top:5px;}
	.login_ui.out .text	{font-size:13px;}
	.login_ui .solution	{display:block;}
	.login_ui .solution .col ~.col	{margin-top:40px;border-top:1px dashed #d8d8d8;padding-top:40px;}
	.login_ui .solution p:nth-child(3)	{margin-top:10px;}
	.memAgree_ui h2	{font-size:35px;}
	.memAgree_ui h2:before	{background-size: auto 100%;height:60px;}
	.memAgree_ui .agree_box label	{font-size:15px;}
	.memAgree_ui .agree_box h3	{font-size:16px;}
	.agree_box p, .agree_box .terms_list li	{font-size:14px;}
	.memAgree_ui .all_chk	{margin-top:20px;padding:10px 0 30px 0;}
	.form_data table .em	{font-size:14px;line-height:22px;letter-spacing:-1px;}
	.btn_out, .login_ui .box .form .btn_login	{line-height:60px;}
	.login_ui.out .text	{max-width:100%;font-size:14px;line-height:18px;}
	.mypg_txt + h2	{margin-top:40px;}
	h2.memH2_tit	{margin-bottom:20px;}
	p.memTit_g	{font-size:13px;}
	.msg_alert	{padding:30px 20px;}
	.msg_alert.end dt	{font-size:28px;line-height:45px;}
	.msg_alert dt	{font-size:25px;}
	.memAgree_ui .all_chk label	{font-size:16px;}
	.memAgree_ui p.N_txt	{font-size:16px;line-height:28px;}
	.login_ui .solution .col	{padding:0 20px;}

	/* mypage */	
	.mypgM_ui li	{width:calc(100%/3 - 20px/3);}
	.mypgM_ui li a{display:table;width:100%;text-align:center;height:190px;font-size:20px;color:#000;border:1px solid #e5e5e5;box-sizing:border-box;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
	.mypgM_ui li ~li	{margin-left:10px;}
	.mypgM_ui li.m3, .mypgM_ui li.m4, .mypgM_ui li.m5, .mypgM_ui li.m6	{width:calc(100%/2 - 5px);}
	.mypgM_ui li.m3	{margin-left:0;}
	.mypgM_ui li a	{height:150px;}
	.mypgM_ui li.m5 a, .mypgM_ui li.m6 a	{height:180px;}
	.mypgM_ui li a div{font-size:17px;}
	.mypgM_ui li span{line-height:22px;font-size:12px;padding-right:40px;}
	.mypgM_ui li.m5 a div, .mypgM_ui li.m6 a div	{padding-left:15px;}
	.mypgM_ui li div:before{width:100%;height:40px;background-size:auto 100% !important;margin-bottom:20px;}
	.mypgM_ui li.m5 a div:before, .mypgM_ui li.m6 a div:before	{right:10px;bottom:10px;top:auto;margin-bottom:0;}
	.mypgM_ui li.m5 a div:before, .mypgM_ui li.m5 a:hover div:before, .mypgM_ui li.m6 a div:before,  .mypgM_ui li.m6 a:hover div:before	{background-position:100% 100%;}
	.mypgM_ui .txt	{font-weight:400;font-size:13px;}
	.mypg_txt	{margin-top:0;}
	h2.memH2_tit	{font-size:30px;line-height:35px;}
	.mypg_txt li	{font-size:13px;line-height:20px;}
	.msg_alert	{display:block;}
	.msg_alert .btn a	{width:80%;margin:0 auto;}
	.msg_alert dl~dl	{margin-left:0;margin-top:40px;border-top:1px dashed #d8d8d8;padding-top:40px;}
	
	.step_process li a	{padding:0 5px 0 15px;font-size:11px;}
	.step_process li.on a{font-weight:400;padding-left:10px;font-size:11px;}
	.step_process li.on a:after	{border-left:10px solid  #1557b0;right:-10px;}

	.apply_done h2 span	{padding-left:50px;}
	.apply_done h2 span:before{top:0;width:40px;height:40px;background-size:100% auto;}


	/* button */
	.btnForm_block	{margin-top:30px;}
	.btnForm_block.Mtype1 ~.btnForm_block	{margin-top:-30px;}
	.btnForm_block a	{min-width:auto;line-height:45px;height:45px;font-size:15px;padding:0 30px;min-width:100px;}
	.btnForm_block.type3 a	{min-width:100px;}
	.btnForm_block a ~ a	{margin-left:5px;}
	a.btnS2.type1	{font-size:14px;}
	.form_data input + a	{margin-left:0;}

	.galleryList_ui .emvedFrame iframe	{width:100%;height:230px;}
	.btnX2, a span.s1	{padding:5px 5px;height:auto;line-height:20px !important;}
	.btnForm_block.type4	{margin-top:10px;}

	/* table */
	.form_data table th .tit	{font-size:13px;word-break:break-all;}
	.prevNext_list li span:before	{top:6px;}

}

@media (max-width: 480px) {
	* 	{font-size:12px;line-height:18px;}

	/* 검색 속성 */
	.boardSearch_g select{margin-bottom:5px;}

	.mypg_txt + h2	{margin-top:40px;}
	h2.memH2_tit	{margin-bottom:40px;}
	/* tub menu	*/
	.tab_ui ul li a span	{font-size:11px;padding:10px;letter-spacing:-1px;height:50px;}
	.tab_ui ul li a span:after	{top:20px;height:8px;}


	/* button */
	.btn a	{min-width:120px;}
	.btnD1, .btnD2, .btn a	{font-size:17px;line-height:45px !important;height:45px;}
	.msg_alert .btn a	{width:100%;font-size:16px;padding:0 10px;}

	/* mypage */
	.mypgM_ui li a div	{font-size:15px;}
	.mypgM_ui li a	{height:100px;}
	.mypgM_ui li div:before{height:30px;margin-bottom:10px;}
	.mypgM_ui li.m5 a, .mypgM_ui li.m6 a	{height:160px;}
	.login_ui .solution .btn	{min-width:100%;}


	/* table 속성 */
	.tbl_row tbody td, .tbl_row tbody th, .tbl_col tbody th, .tbl_col tbody td, .board_list tbody th, .board_list tbody td	{padding:10px;font-size:14px;}
	.tbl_row, .tbl_col, .board_list	{margin-bottom:30px;}
	.form_data.agree td	{line-height:24px;}
	.form_data li~li	{margin-top:3px;}
	.form_data table th .tit		{padding-left:8px;}
	.form_data table th .tit em	{top:6px;}
}
@media (max-width: 320px) {
	/* member */
	.step_process li p span{font-size:13px;}
}