@charset "utf-8";

/* 
 * common CSS Document
 * Author - hyunho
 *
 * Style Coverage
 * 1)form
 * 2)button
 * 3)table
 * 4)board
 * 5)text
 *
 */
 
/* form */
input,
select,
textarea,
label{display:inline-block; box-sizing:border-box; width:auto; vertical-align:middle; line-height:1.2;}
input[type=text],
input[type=password],
input[type=tel],
input[type=date],
input[type=email],
input[type=number],
textarea{height:30px; padding:0px 8px; margin:2px 0px; border:1px solid #ced1d3; background:#fff; vertical-align:middle;}
textarea{resize:none; padding:10px 8px;}
select{height:30px; padding:0 8px; margin:2px 0px; border:1px solid #ced1d3; background:#fff; vertical-align:middle;}
select::-ms-expand {background-color:transparent; border:0;}
input[type="text"],
input[type="password"],
input[type="submit"],
input[type="button"],
input[type="number"],
input[type="file"],
select,
textarea{-webkit-border-radius:1px; -webkit-appearance:none;}
select{padding-right:20px; background:#fff url(../images/content/img_select_arrow.svg) no-repeat calc(100% - 7px) 50%; background-size:8px 6px;}
input[type=file]{background:#eee; font-size:1.08em;}
input[readonly],
input[disabled]{background:#f7f7f7;}
input[type=checkbox] + label,
input[type=radio] + label{display:inline; margin-left:3px; margin-right:30px;}
table{width:100%;}
input::placeholder,
textarea::placeholder{opacity:1; color:#999;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color:#999;}
input::-ms-input-placeholder,
textarea::-ms-input-placeholder{color:#999;}

/* button */
.button{display:inline-block; min-width:100px; height:45px; line-height:43px; box-sizing:border-box; margin:2px 0px; padding:0 20px; border:1px solid transparent; border-radius:3px; font-size:16px; text-align:center; white-space:nowrap; transition:background 0.3s ease 0s;}
.button.sm{min-width:inherit; height:25px; line-height:23px; padding:0 10px; font-size:14px; letter-spacing:-0.5px;}
.button.lg{min-width:180px; height:55px; line-height:53px; padding:0 10px; font-size:19px; letter-spacing:-0.5px;}
	/* icon type */
.button.ico:not(.round){min-width:200px; height:50px; line-height:48px; background:#fff; border-color:#a3acba; color:#000;}
.button.ico:not(.round):before{content:''; display:inline-block; width:22px; height:16px; margin-right:5px; margin-top:-2px; background-repeat:no-repeat; background-position:50% 50%; background-size:100% auto; vertical-align:middle;}
.button.ico.view:before{background-image:url(../images/common/icon_view.svg);}
.button.ico.down:before{background-image:url(../images/common/icon_down.svg);}
.button.ico.detail:before{width:14px; height:14px; background-image:url(../images/common/icon_detail.svg);}
.button.ico.map:before{width:15px; height:24px; background-image:url(../images/common/ico_location.png);}
.button.ico.blue.down:before{background-image:url(../images/common/icon_down_w.svg);}
.button.ico:not(.right)[target="_blank"]:after{display:none;}
	/* icon shape */
.button.round{border-radius:50rem;}
.button.round.ico:after{content:''; display:inline-block; width:10px; height:10px; margin-left:5px; margin-top:-2px; background-repeat:no-repeat; background-position:50% 50%; background-size:100% auto; vertical-align:middle;}
.button.round.ico.link:after{background-image:url(../images/common/icon_arrow_link.png);}
	/* target _blank */
.button.ico.right:before{display:none;}
.button[target="_blank"],
.button.ico.right{min-width:150px; height:40px; line-height:38px; padding:0 20px; background:#00acd0; border-color:#00acd0; font-size:15px; letter-spacing:-0.5px; color:#fff;}

header nav .gnb [target="_blank"]:after,
[data-layoutcont="lnb"] [target="_blank"]:after,
.button[target="_blank"]:after,
.button.ico.right:after,
.button.white[target="_blank"]:after{content:''; display:inline-block; width:12px; height:12px; margin-left:5px; background-repeat:no-repeat; background-position:50% 0; background-size:auto 100%;}

#header nav .gnb [target="_blank"]:after,
[data-layoutcont="lnb"] [target="_blank"]:after{background-image:url(../images/common/icon_newtab.png);}
.button[target="_blank"]:after,
.button.ico.right:after{background-image:url(../images/common/icon_newtab_w.png);}
.button.white[target="_blank"]:after{background-image:url(../images/common/icon_newtab.png);}
.button.lg[target="_blank"]{height:50px; line-height:48px;}
.button.ico.right.down:after{height:14px; background-image:url(../images/common/icon_down_w.svg);}
.button.ico.right.map{min-width:100px;}
.button.ico.right.map:after{width:10px; height:15px; margin-top:-4px; background-image:url(../images/common/ico_map.svg); vertical-align:middle;}
table.table .button.ico.down:after{width:10px; height:12px;}

	/* color shape */
.button,
a.button{background:#51565d; border-color:#51565d; color:#fff;}
.button.white,
a.button.white{background:#fff; border-color:#666; color:#000;}
.button.blue,
a.button.blue{background:#00acd0; border-color:#00acd0; color:#fff;}
.button.navy,
a.button.navy{background:#013668; border-color:#013668; color:#fff;}
.button.dgray,
a.button.dgray{background:#7c7f82; border-color:#7c7f82; color:#fff;}
.button.gray,
a.button.gray{background:#d3d5d8; border-color:#d3d5d8; color:#444;}
.button:hover,
.button:focus{background-color:#656b72;}
.button.ico:not(.right):hover,
.button.ico:not(.right):focus,
.button.white:hover,
.button.white:focus,
.button.white[target="_blank"]:hover,
.button.white[target="_blank"]:focus{background-color:#f1f1f1;}
.button[target="_blank"]:hover,
.button[target="_blank"]:focus,
.button.blue:hover,
.button.blue:focus,
.button.ico.right:hover,
.button.ico.right:focus,
.button.ico.blue:hover,
.button.ico.blue:focus{background-color:#07bee4;}
.button.navy:hover,
.button.navy:focus,
.button.ico.navy:hover,
.button.ico.navy:focus{background-color:#054480;}
.button.dgray:hover,
.button.dgray:focus,
.button.ico.dgray:hover,
.button.ico.dgray:focus{background-color:#8d9093;}
.button.gray:hover,
.button.gray:focus,
.button.ico.gray:hover,
.button.ico.gray:focus{background-color:#e6e6e6;}

/* button-box */
.area_btnbox{margin-top:35px; text-align:center;}
.area_btnbox .button{margin:2px 2px;}
.area_btnbox.type02{padding-top:45px; border-top:1px solid #e2e2e2;}

/* text-align */
.tac{text-align:center !important;}
.tar{text-align:right !important;}
.tal{text-align:left !important;}

/* text-color */
.txt_blue{color:#018fcf !important;}
.txt_orange{color:#f18500 !important;}
.txt_gray{color:#989898 !important;}
.txt_black{color:#000 !important}
.txt_cyan{color:#00959a !important}
.txt_line{box-shadow:0 1px 0px rgba(0,0,0,0.4);}
.txt_line.txt_blue{box-shadow:0 1px 0px rgba(1,143,207,0.4);}
.txt_line.txt_orange{box-shadow:0 1px 0px rgba(241,133,0,0.4);}
.txt_line.txt_gray{box-shadow:0 1px 0px rgba(152,152,152,0.5);}
.txt_line.txt_black{box-shadow:0 1px 0px rgba(99,99,99,0.7);}
.txt_line.txt_cyan{box-shadow:0 1px 0px rgba(0,149,154,0.7);}

/* font-size */
.txt_small{font-size:0.875rem !important; font-weight:400 !important;}

/* 필수입력 */
.marking{display:inline-block; position:relative; width:10px; height:14px; margin-bottom:-2px; vertical-align:middle; text-indent:100%; overflow:hidden; white-space:nowrap;} 
.marking:after{content:'*'; display:inline-block; position:absolute; top:0; left:0; line-height:17px; font-size:14px; font-weight:600; text-indent:0; color:#f18500;}

/* margin&padding */
.mt0{margin-top:0px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.pt0{padding-top:0px !important;}

/* input width */
.input100{width:100px !important;}
.input130{width:130px !important;}
.input150{width:150px !important;}
.input200{width:200px !important;}
.input300{width:300px !important;}
.input400{width:400px !important;}
.input500{width:500px !important;}
.inputFull{width:100% !important;}

/* table */
table.table{margin-top:15px;}
table.table thead th{background:#f8f8f8;}
table.table thead tr th:first-child{border-left-width:0px;}
table.table thead tr th:last-child{border-right-width:0px;}
table.table tbody th{background:#f5f5f5;}
table.table th,
table.table td{padding:11px 10px; border:1px solid #ced1d3; line-height:1.4;}
table.table th{text-align:center; font-weight:500; color:#222;}
table.table thead + tbody th{background:transparent; text-align:center;}
table.table thead + tbody tr td{text-align:center;}
table.table tbody td{border:1px solid #ced1d3; text-align:left; font-weight:300;}
table.table thead tr th:last-child,
table.table tbody tr td:last-child{border-right-width:0px;}
table.table thead tr th:first-child,
table.table tbody tr td:first-child,
table.table tbody tr th:first-child{border-left-width:0px;}
table.table tbody td strong{font-size:18px; font-weight:500; color:#000;}
	/* table link hover */
table.table.hover tbody tr:hover th,
table.table.hover tbody tr:hover td{background:#fdf8f1 !important;}
	/* table button form */
table.table .button,
table.table .button.ico:not(.round){min-width:60px; height:30px; line-height:28px; padding:0 10px; font-size:14px;}
table.table .button.lg{min-width:130px; height:45px; line-height:43px; font-size:inherit;}
table.table.form td{padding:5px 10px;}
table.table td input[type="text"],
table.table td input[type="password"],
table.table td select,
table.table td textarea{width:100%;}
table.table.mini th{padding:10px 6px; font-size:14px;}
table.table.mini td{padding:7px 6px; font-size:14px;}
table.table.mini td [class*="list_"] li{font-size:15px;}
	/* table line */
table.table.line{border-top:2px solid #363b46;}
table.table.tal td{text-align:left !important;}
.bg_blue,
tr.bg_blue td{background:#ebfaff !important;}
.mob_info{display:none; position:relative; margin-top:10px; padding:7px 7px; background:#fff; border:1px dashed #ced1d3; font-size:13px;}

/* bbs-search */	
[data-bbsSearch="box"]{padding:20px; margin-bottom:35px; background:#f5f5f6;}
[data-bbsSearch="box"] ul{display:flex; flex-flow:row wrap; justify-content:center; align-items:center;}
[data-bbsSearch="box"] ul > li{flex:none; display:flex; flex-wrap:wrap; align-items:center; position:relative; margin:0 3px;}
[data-bbsSearch="box"] ul > li em{font-size:15px; margin-right:10px;}
[data-bbsSearch="box"] ul input[type="text"],
[data-bbsSearch="box"] ul select{height:45px; border-radius:3px;}
[data-bbsSearch="box"] ul select{min-width:100px; max-width:200px; padding-right:20px;}
.ie [data-bbsSearch="box"] ul select{padding-right:10px;}
[data-bbsSearch="box"] ul input[type="text"]{min-width:310px;}
[data-bbsSearch="box"] ul li .btn_search{position:absolute; right:0px; top:50%; width:40px; height:40px; margin-top:-20px; background:url(../images/content/img_bbs_search.svg) no-repeat 50% 50%; border:0px; background-size:20px 20px;}
[data-bbsSearch="box"] ul li .btn_search.only{position:static; margin-top:0px; width:45px; height:45px; background-color:#424954; background-image:url(../images/content/img_bbs_search_w.svg); background-position-y:50%; background-size:20px 20px; border-radius:3px; font-size:0; color:#fff;}
[data-bbsSearch="box"] dl{display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; border-top:1px solid #ced1d3;}
[data-bbsSearch="box"] dl dt,
[data-bbsSearch="box"] dl dd{display:flex; flex-wrap:wrap; align-items:center; box-sizing:border-box; border-bottom:1px solid #ced1d3;}
[data-bbsSearch="box"] dl dt{flex:none; justify-content:center; width:15%; padding:10px; background:#f8f8f8; text-align:center;}
[data-bbsSearch="box"] dl dd{flex:auto; width:85%; padding:10px 20px;}
[data-bbsSearch="box"] dl input[type="text"]{width:100%;}
[data-bbsSearch="box"] .area_btnbox{margin-top:20px;}
[data-bbsSearch="box"] .button.btn_search{padding-left:35px; background-image:url(../images/content/img_bbs_search_w.svg); background-repeat:no-repeat; background-position:20% 50%; background-size:20px 20px; border-radius:3px;}
[data-bbsSearch="box"].type02{padding:0px; background:#fff;}
[data-bbsSearch="box"].type02 dl{border-top-color:#2f343f; border-left:1px solid #d3d5d7; border-right:1px solid #d3d5d7;}
[data-bbsSearch="box"].type02 dl dt,
[data-bbsSearch="box"].type02 dl dd{width:25%;}
[data-bbsSearch="box"].type02 dl dt{display:none;}
[data-bbsSearch="box"].type02 dl dd{display:block; padding:15px; border-right:1px solid #d3d5d7;}
[data-bbsSearch="box"].type02 dl dd > span{flex:auto; display:block; position:relative; padding:10px; margin:-15px -16px 0 -16px; background:#f8f8f8; border-bottom:1px solid #d3d5d7; text-align:center; text-align:center;}
[data-bbsSearch="box"].type02 dl dd > span:after{content:''; display:block; position:absolute; right:1px; top:50%; width:1px; height:14px; margin-top:-7px; background:#d3d5d7;}
[data-bbsSearch="box"].type02 dl dd:last-child{border-right-width:0px;}
[data-bbsSearch="box"].type02 dl dd:last-child > span:after{display:none;}
[data-bbsSearch="box"].type02 ul{display:block; overflow-y:auto; height:135px; margin-top:15px;}
[data-bbsSearch="box"].type02 .inputBox{display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; margin-top:15px;}
[data-bbsSearch="box"].type02 .inputBox input[type="text"]{flex:auto; height:35px;}
[data-bbsSearch="box"].type02 .inputBox .button.btn_search{flex:none; min-width:inherit; height:35px; line-height:33px; padding:0 15px; margin-left:5px; background-image:none;}
[data-bbsSearch="box"].depart select{width:200px;}
[data-bbsSearch="box"].depart ul > li.ui em{min-width:63px;}
[data-bbsSearch="box"].depart ul input[type="text"]{min-width:561px;}
[data-bbsSearch="box"].depart_only select{width:160px;}
	/* search-datapicker */
.search_data label{display:none; width:100%; box-sizing:border-box; padding:5px 3px 3px; font-size:13px; color:#191919;}
.search_data input[type="text"].datepicker{width:170px; min-width:inherit; margin-right:-20px; padding-right:40px;}
.search_data .ui-datepicker-trigger{position:relative; left:-13px;}
.search_data > span{display:inline-block; width:20px; text-align:center; font-size:15px;}

/* bbs-search-total */
[data-bbsSearch="page"]{margin-bottom:10px; font-size:15px; color:#666;}
[data-bbsSearch="page"] > p{position:relative; padding-left:8px;}
[data-bbsSearch="page"] > p:before{content:''; display:block; position:absolute; top:10px; left:0px; width:2px; height:2px; background:#626262;}
[data-bbsSearch="page"] strong{font-weight:500; color:#dc2400;}
[data-bbsSearch="page"] span{margin-left:3px;}

/* bbs-list */
[data-bbsList].table td.no_data,
li.no_data{min-height:inherit !important;}
table.table.hover tbody tr:hover td.no_data{background:transparent !important;}
.no_data{padding:70px 10px !important; text-align:center !important;}
[data-bbsList="gallery"]:not(.webzin02) li.no_data{clear:both; float:none; width:calc(100% - 35px); box-sizing:border-box; margin-top:-35px; margin-bottom:0px; border-bottom:1px solid #ced1d3;}
[data-bbsList="webzin"] .list li.no_data{clear:both; float:none; width:calc(100% - 30px); box-sizing:border-box; margin-top:-35px; border-bottom:1px solid #ced1d3;}

[data-bbsList]{border-top:2px solid #363b46;}
[data-bbsList].table{table-layout:fixed;}
[data-bbsList].table th,
[data-bbsList].table td{padding:15px 10px; border-left-width:0px; border-right-width:0px;}
[data-bbsList].table td{height:61px; box-sizing:border-box;}
td[data-bbsBody="subject"]{padding-top:0px !important; padding-bottom:0px !important; text-align:left !important;}
[data-bbsBody="subject"] > a,
[data-bbsBody="subject"] > span{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-top:15px; padding-bottom:15px; color:#000;}
.active [data-bbsBody="subject"] > a{text-decoration:underline;}
[data-bbsBody="subject"] > div{padding-top:15px; padding-bottom:15px;}
[data-bbsBody="subject"] .agree{color:#000; font-weight:400;}
[data-bbsList].table tbody tr > td[data-bbsBody="subject"]:first-child{padding-left:40px;}
td[data-bbsBody="subject"].tac{text-align:center !important; padding-left:10px !important;}
[data-bbsBody="page"] ol > li{display:inline-block; position:relative; padding-left:20px;}
[data-bbsBody="page"] ol > li:before{content:'>'; display:block; position:absolute; left:5px; top:50%; transform:translateY(-50%);}
[data-bbsBody="page"] ol > li:first-child{padding-left:0px;}
[data-bbsBody="page"] ol > li:first-child:before{display:none;}

[data-bbsList] [data-icon]{display:inline-block; margin:0 auto; vertical-align:middle; text-indent:100%; overflow:hidden; white-space:nowrap;}
[data-bbsList] [data-icon="file"]{width:20px; height:18px; background:url(../images/content/icon_file.png) no-repeat 50% 0; background-size:auto 100%;}
[data-bbsList] [data-icon="new"]{width:16px; height:16px; margin-top:-4px; margin-right:5px; background:#ff7200; border-radius:100%; text-indent:0;}
[data-bbsList] [data-icon="new"]:before{content:'N'; display:block; line-height:16px; font-family:'Segoe UI', Sans-serif; color:#fff; font-size:8px; font-weight:600; text-align:center;}
[data-bbsList] [data-icon="notice"]{width:50px; height:30px; line-height:28px; box-sizing:border-box; background:#fff; border:1px solid #007aad; text-align:center;}
[data-bbsList] [data-icon="notice"]:before{content:'Notice'; display:block; line-height:28px; color:#007aad; text-indent:0; font-size:12px; font-weight:400;}
.ie [data-bbsList] [data-icon="new"]{vertical-align:inherit;}
.ie [data-bbsList] [data-icon="new"]:before{font-size:10px;}

[data-bbsList="gallery"] > ul{margin-left:-35px; padding-top:35px;}
[data-bbsList="gallery"] > ul:after{content:''; display:block; clear:both;}
[data-bbsList="gallery"] li{float:left; width:calc(100% / 3 - 35px); min-height:345px; margin-left:35px; margin-bottom:35px;}
[data-bbsList="gallery"] li:nth-child(3n+1){clear:left;}
[data-bbsList="gallery"] li > a{display:block; height:100%;}
[data-bbsList="gallery"] li > a > span{display:block;}
[data-bbsList="gallery"] li > a > span.img{overflow:hidden; position:relative; width:100%; padding-top:67%; background:#f2f2f2 url(../images/content/img_noimage.svg) no-repeat 50% 50%; background-size:70px 30px; text-align:center;}
[data-bbsList="gallery"] li > a > span.img i{display:block; position:absolute; top:0px; left:50%; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transform:translateX(-50%);}
[data-bbsList="gallery"] li > a > span:not(.img){height:calc(100% - 67%); box-sizing:border-box; padding:21px 20px; border:1px solid #e0e0e0; border-top-width:0px;}
[data-bbsList="gallery"] li > a > span:not(.img) em{display:block; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; height:2.8em; font-size:18px; line-height:1.4em; word-break:keep-all;}
[data-bbsList="gallery"] li > a > span:not(.img) span{display:inline-block; position:relative; padding-right:20px; color:#666; font-weight:300; vertical-align:middle;}
[data-bbsList="gallery"] li > a > span:not(.img) span:after{content:''; display:block; position:absolute; right:8px; top:50%; width:1px; height:12px; margin-top:-6px; background:#dcdcdc;}
[data-bbsList="gallery"] li > a > span:not(.img) span[data-bbsbody="count"],
[data-bbsList="gallery"] li > a > span:not(.img) span[data-bbsbody="file"]{padding-right:0px;}
[data-bbsList="gallery"] li > a > span:not(.img) span[data-bbsbody="count"]:after,
[data-bbsList="gallery"] li > a > span:not(.img) span[data-bbsbody="file"]:after{display:none;}
[data-bbsList="gallery"] li > a:hover > span:not(.img) em,
[data-bbsList="gallery"] li > a:focus > span:not(.img) em{text-decoration:underline;}
.ie [data-bbsList="gallery"] li > a > span:not(.img) em{overflow:hidden;}
.ie [data-bbsList="gallery"] li{width:calc(100% / 3 - 35.1px);}

[data-bbsList="gallery"].webzin02 > ul{margin-left:0px; padding-top:0px;}
[data-bbsList="gallery"].webzin02 > ul li{float:none; width:100%; min-height:140px; box-sizing:border-box; margin-left:0px; margin-bottom:0px; padding:20px 30px; border-bottom:1px solid #ced1d3;}
[data-bbsList="gallery"].webzin02 > ul li > a{display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center; position:relative;}
[data-bbsList="gallery"].webzin02 > ul li span{flex:auto;}
[data-bbsList="gallery"].webzin02 > ul li span.img{flex:none; width:150px; height:100px; padding-top:0px;}
[data-bbsList="gallery"].webzin02 li > a > span:not(.img){width:calc(100% - 150px); height:auto; padding:0px 0px 0px 30px; border-width:0px;}
[data-bbsList="gallery"].webzin02 li > a > span:not(.img) em{display:block; -webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:1.4em; padding-right:40px;}
[data-bbsList="gallery"].webzin02 [data-bbsbody="file"]{position:absolute; right:0; top:50%; transform:translateY(-50%);}

[data-bbsList="webzin"]{padding-top:35px;}
[data-bbsList="webzin"] [data-bbsbody="first"]{position:relative; display:flex; flex-flow:row nowrap; justify-content:center; align-items:stretch; margin-bottom:50px;}
[data-bbsList="webzin"] [data-bbsbody="first"] .box01{flex:none; position:relative; z-index:5; width:450px;}
[data-bbsList="webzin"] [data-bbsbody="first"] .box02{flex:auto; width:calc(100% - 450px); padding-bottom:50px;}
[data-bbsList="webzin"] span.img{overflow:hidden; display:block; position:relative; z-index:5; width:100%; padding-top:330px; background:#f2f2f2 url(../images/content/img_noimage.svg) no-repeat 50% 50%; background-size:70px 30px; text-align:center; box-shadow:0 4px 24px rgba(0,0,0,0.15);}
[data-bbsList="webzin"] span.img i{display:block; position:absolute; top:0px; left:50%; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transform:translateX(-50%);}
[data-bbsbody="first"] .box01{box-sizing:border-box; padding:0 60px;}
[data-bbsbody="first"] .box01 span.img{padding-top:440px;}
[data-bbsbody="first"] .box02{padding-top:20px;}
[data-bbsbody="first"] .box02 em{display:block; margin-bottom:15px; color:#111; font-size:25px; font-weight:500; letter-spacing:-0.5px;}
[data-bbsbody="first"] .box02 .button.ico{margin:2px;}
[data-bbsbody="first"] .box02 ul{margin-top:50px; padding-top:40px;}
[data-bbsbody="first"] .box02 ul > li{position:relative; z-index:5; margin-top:20px;}
[data-bbsbody="first"] .box02 ul > li:first-child{margin-top:0px;}
[data-bbsbody="first"] .box02 ul > li i{display:block; font-size:17px; font-weight:500; color:#111;}
[data-bbsbody="first"] .box02 ul > li span{display:block; font-size:17px; font-weight:300;}
/*
[data-bbsbody="first"]:after{content:''; display:block; position:absolute; left:0px; bottom:0px; z-index:1; width:100%; height:50%; background:#f4f9fb;}
[data-bbsbody="first"] .box01:after{content:''; display:block; position:absolute; left:0px; bottom:0px; z-index:1; width:100%; height:calc(100% - 212px); background:#f4f9fb;} 
*/
[data-bbsbody="first"] .box02 ul:after{content:''; display:block; position:absolute; left:0px; bottom:0px; z-index:1; width:100%; height:calc(50% + 30px); background:#f4f9fb url(../images/content/bg_webzin01.gif) no-repeat 100% 0;}
[data-bbsbody="first"] [data-bbsbody="date"]{display:block; /* font-family:'Spoqa Han Sans Neo', Sans-serif; */ color:#007aad; font-weight:600; font-size:25px;}
[data-bbsList="webzin"] .list{margin-left:-30px;}
[data-bbsList="webzin"] .list:after{content:''; display:block; clear:both;}
[data-bbsList="webzin"] .list > li{float:left; width:calc(100% / 4 - 30px); margin-left:30px; margin-bottom:25px;}
[data-bbsList="webzin"] .list > li:nth-child(4n+1){clear:left;}
[data-bbsList="webzin"] .list span.img{border:1px solid #e2e2e2; box-shadow:5px 5px 0px rgba(0,0,0,0.1);}
[data-bbsList="webzin"] .list > li > a > span:not(.img) em{display:block; padding:15px 10px 10px; text-align:center; font-size:19px; font-weight:500;}
.ie [data-bbsList="webzin"] .list > li{width:calc(100% / 4 - 30.1px);}

[data-bbsList="faq"] > ul > li{border-bottom:1px solid #ced1d3;}
[data-bbsList="faq"] > ul > li > a{display:block; position:relative; padding:30px 65px 30px 85px; font-size:18px; letter-spacing:-0.5px; font-weight:500;  word-break:keep-all;}
[data-bbsList="faq"] > ul > li > a:before,
[data-bbsList="faq"] [data-bbsBody="conts"]:before{display:block; position:absolute; left:30px; top:26px; width:36px; height:36px; line-height:36px; border-radius:100%; font-size:15px; font-weight:700; color:#fff; text-align:center;}
[data-bbsList="faq"] > ul > li > a:before{content:'Q'; background:#5bbde3;}
[data-bbsList="faq"] > ul > li > a:after{content:''; display:block; position:absolute; top:31px; right:30px; width:26px; height:26px; background:#ebebeb url(../images/content/img_page_arrow.svg) no-repeat 50% 50%; background-size:12px 6px; border-radius:3px; transform:rotate(180deg); transition:transform 0.3s ease;}
[data-bbsList="faq"] > ul > li.active > a:after{transform:rotate(0deg);}
[data-bbsList="faq"] > ul > li > a:hover span,
[data-bbsList="faq"] > ul > li > a:focus span{text-decoration:underline;}
[data-bbsList="faq"] [data-bbsBody="conts"]:before{content:'A'; background:#f6a200;}
[data-bbsList="faq"] [data-bbsBody="conts"]{display:none; border-top:1px solid #ced1d3;}
[data-bbsBody="conts"]{position:relative; padding:30px 30px 30px 85px; word-break:break-all;}
[data-bbsBody="conts"] .img_view{margin-top:30px;}
[data-bbsBody="conts"] .img_view > ul > li{margin-bottom:30px; text-align:center;}
[data-bbsBody="conts"] img{max-width:100%; height:auto;}
[data-bbsBody="conts"] pre{margin:0px; font-family:inherit; font-size:inherit; line-height:inherit; white-space:pre-wrap;}
[data-bbsBody="conts"] table{max-width:100%;}
[data-bbsBody="conts"] table th,
[data-bbsBody="conts"] table td{padding:2px; border:1px solid;}

[data-bbsList="voc"] [data-state]{min-width:54px;}
[data-bbsList="personal"] [data-bbsBody="subject"] span{display:block; margin:2px 0; color:#999;}
[data-bbsList="personal"] [data-bbsBody="subject"] span.agree{color:#000;}
[data-bbsList="depart"] [data-bbsBody="depart"] span{display:inline-block;}

[data-bbsList="depart_only"]{border-bottom:1px solid #ced1d3;}
[data-bbsList="depart_only"] > ul{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; padding-top:35px;}
[data-bbsList="depart_only"] > ul > li:not(.no_data){flex:none; width:50%; position:relative; display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:flex-start; box-sizing:border-box; margin-bottom:35px; padding:0 30px 0 50px;}
[data-bbsList="depart_only"] > ul > li:not(.no_data):after{content:''; display:block; position:absolute; right:0px; top:0px; width:1px; height:100%; background:#e2e2e2;}
[data-bbsList="depart_only"] > ul > li:nth-child(2n){padding:0 50px 0 30px;}
[data-bbsList="depart_only"] > ul > li:nth-child(2n):after{display:none;}
[data-bbsList="depart_only"] > ul > li.no_data{width:100%;}
[data-bbsList="depart_only"] span.img{flex:none; display:block; overflow:hidden; position:relative; width:150px; margin-right:25px; padding-top:190px; background:#f2f2f2 url(../images/content/img_noimage.svg) no-repeat 50% 50%; background-size:70px 30px; text-align:center;}
[data-bbsList="depart_only"] span.img i{display:block; position:absolute; top:0px; left:50%; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transform:translateX(-50%);}
[data-bbsList="depart_only"] .view{flex:auto; width:100%;}
[data-bbsList="depart_only"] .info > li{display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:flex-start; margin-bottom:8px;}
[data-bbsList="depart_only"] .info > li em{flex:none; position:relative; width:30%; line-height:1.3; color:#666; letter-spacing:-0.5px;}
[data-bbsList="depart_only"] .info > li em:after{content:''; position:absolute; right:0px; top:50%; display:block; width:1px; height:12px; margin-top:-6px; background:#d7d7d7;}
[data-bbsList="depart_only"] .info > li i{flex:auto; padding-left:10px; line-height:1.3; color:#000; letter-spacing:-0.5px; word-break:keep-all;}
[data-bbsList="depart_only"] .info > li i a{display:inline-block; color:#007aad; transition:0.3s ease;}
[data-bbsList="depart_only"] .info > li i a:hover,
[data-bbsList="depart_only"] .info > li i a:focus{box-shadow:0 1px 0px #007aad;}
[data-bbsList="depart_only"] .info > li:last-child{margin-bottom:0px;}

[data-bbsList="inform"].table tbody tr > td[data-bbsBody="subject"]:first-child{padding-left:10px;}
[data-bbsList="inform"] td[data-bbsbody="work"]{text-align:left;}
[data-bbsList="inform"] [data-bbsBody="subject"] > a{color:#007aad;}
[data-bbsList="inform"] [data-bbsBody="subject"] > a[target="_blank"]:after{content:''; display:inline-block; width:14px; height:14px; margin-left:5px; background:url(../images/content/img_inform_newtab.gif) no-repeat 50% 0; background-size:auto 100%;}

/* bbs-state */
[data-state]{display:inline-block; min-width:50px; height:25px; line-height:23px; box-sizing:border-box; margin:0 auto; padding:0 3px; border-radius:7px; background:#a1acb3; border:1px solid #a1acb3; vertical-align:middle; font-size:13px; color:#fff; text-align:center;}
[data-state="cyan"]{background-color:#1dbfb9; border-color:#1dbfb9;}
[data-state="orange"]{background-color:#eb8200; border-color:#eb8200;}
[data-state="gray"]{background-color:#a1acb3; border-color:#a1acb3;}
[data-state="brown"]{background-color:#b1936d; border-color:#b1936d;}
[data-state="blue"]{background-color:#0296d6; border-color:#0296d6;}

/* bbs-view */
#content [data-bbsView="top"] h4{margin-top:0px; padding-left:0px; font-size:19px; color:#000; font-weight:500;}
#content [data-bbsView="top"] h4:before{display:none;}
#content [data-bbsView="top"].answer h4{padding-left:25px;}
#content [data-bbsView="top"].answer h4:before{display:block; position:absolute; left:0px; top:3px; width:15px; height:16px; background:url(../images/content/img_reply.svg) no-repeat 50% 0; background-size:100% auto;}
#content [data-bbsView="top"].answer .info,
#content [data-bbsView="top"].answer .file_view{padding-left:25px;}
[data-bbsView="top"]{padding:30px 45px; border-top:2px solid #363b46; border-bottom:1px solid #e2e2e2;}
[data-bbsView="top"] h4 [data-state]{margin-right:7px; margin-top:-3px;}
[data-bbsView="top"] .info > li{display:inline-block; position:relative; padding-right:20px; color:#666;}
[data-bbsView="top"] .info > li:before{content:''; display:block; position:absolute; right:9px; top:50%; width:1px; height:12px; margin-top:-6px; background:#dcdcdc;}
[data-bbsView="top"] .info > li:last-child{padding-left:0px;}
[data-bbsView="top"] .info > li:last-child:before{display:none;}
[data-bbsView="top"] .info > li > *{display:inline-block; color:#999; font-weight:300;}
[data-bbsView="top"] .info > li > em{margin-right:3px;}
[data-bbsView="top"].answer{position:relative; margin-top:40px; border-top:1px solid #c8c8c8;}
[data-bbsView="top"].answer:before{content:''; display:block; position:absolute; top:-41px; left:0px; width:100%; height:1px; background:#e2e2e2;}
[data-bbsView="conts"]{min-height:300px; padding:50px 45px;}
[data-bbsView="conts"] pre{margin:0px; font-family:inherit; font-size:inherit; line-height:inherit; white-space:pre-wrap;}
[data-bbsView="conts"] textarea{width:100%; min-height:300px; border-radius:3px;}
[data-bbsView="conts"] img{max-width:100%; height:auto;}
[data-bbsView="conts"] table{max-width:100%;}
[data-bbsView="conts"] table th,
[data-bbsView="conts"] table td{padding:2px; border:1px solid;}
[data-bbsView="conts"] .img_view{margin-top:30px;}
[data-bbsView="conts"] .img_view > ul > li{margin-bottom:30px; text-align:center;}
[data-bbsView="conts"].webzin .img_view{margin-top:0px;}
[data-bbsView="conts"].cancel{display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:flex-start; min-height:initial; padding-bottom:0px; border-top:1px solid #e2e2e2;}
[data-bbsView="conts"].cancel .title{flex:none; position:relative; padding-right:20px; color:#666;}
[data-bbsView="conts"].cancel .title:after{content:''; display:block; position:absolute; right:10px; top:7px; width:1px; height:12px; background:#dcdcdc;}
[data-bbsView="conts"].cancel pre{flex:auto;}
[data-bbsView="conts"].answer{min-height:200px; margin-bottom:30px; border-bottom:1px solid #e2e2e2;}
[data-bbsView="page"]{margin-top:50px; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;}
[data-bbsView="page"] ul > li{display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:stretch; border-top:1px solid #e2e2e2;}
[data-bbsView="page"] ul > li:first-child{border-top-width:0px;}
[data-bbsView="page"] ul > li > span,
[data-bbsView="page"] ul > li > em,
[data-bbsView="page"] ul > li > i{padding:20px 5px; box-sizing:border-box; vertical-align:middle;}
[data-bbsView="page"] ul > li > span{flex:none; width:17%; background:#f9f9f9; text-align:center; font-weight:500; color:#000;}
[data-bbsView="page"] ul > li > span:before{content:''; display:inline-block; width:12px; height:6px; margin-right:7px; margin-top:-4px; background:url(../images/content/img_page_arrow.svg) no-repeat 50% 0; background-size:auto 100%; vertical-align:middle; transform:rotate(180deg);}
[data-bbsView="page"] ul > li.prev > span:before{transform:rotate(0);}
[data-bbsView="page"] ul > li > em{flex:auto; width:73%; padding-left:25px; padding-right:15px;}
[data-bbsView="page"] ul > li > em a{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; font-weight:300; transition:0.3s ease-in;}
[data-bbsView="page"] ul > li > em a:hover,
[data-bbsView="page"] ul > li > em a:focus{text-decoration:underline;}
[data-bbsView="page"] ul > li > i{flex:none; width:10%; font-weight:300; color:#999; text-align:center;}
[data-bbsView="comment"]{border-top:1px solid #c8c8c8;}
[data-bbsView="comment"] .box_textarea{position:relative; margin-top:30px; padding:15px 25px 20px; background:#f6f6f6;}
[data-bbsView="comment"] .box_textarea .button{position:absolute; right:25px; top:11px; height:30px; line-height:28px;}
[data-bbsView="comment"] .box_textarea em{margin-bottom:10px; font-size:17px;}
[data-bbsView="comment"] .list{margin-top:10px;}
[data-bbsView="comment"] .list > li{position:relative; padding:20px; border-top:1px solid #e2e2e2;}
[data-bbsView="comment"] .list > li:first-child{border-top-width:0px;}
[data-bbsView="comment"] .comment_info{font-size:13px;}
[data-bbsView="comment"] .comment_info:after{content:''; display:block; clear:both;}
[data-bbsView="comment"] .comment_info i{float:left; display:block; width:33px; height:33px; margin-right:10px; background:url(../images/content/img_clean01.png) no-repeat 50% 0; background-size:auto 100%;}
[data-bbsView="comment"] .comment_info em,
[data-bbsView="comment"] .comment_info span{display:block;}
[data-bbsView="comment"] .comment_info span{color:#999;}
[data-bbsView="comment"] .comment_btn{position:absolute; right:10px; top:25px;}
[data-bbsView="comment"] .comment_btn a{display:inline-block; position:relative; margin:0 10px; font-size:15px; color:#016db2;}
[data-bbsView="comment"] .comment_btn a:after{content:''; display:inline-block; position:absolute; right:-12px; top:50%; width:1px; height:12px; margin-top:-6px; background:#c7c7c7;}
[data-bbsView="comment"] .comment_btn a:last-child:after{display:none;}
[data-bbsView="comment"] .comment_view{margin-top:5px; letter-spacing:-0.5px;}
.bbs_viewConts{margin-top:40px;}

/* bbs-write */
#content [data-bbswrite="box"] .title_none{margin-top:0px; margin-bottom:0px; font-size:18px;} 
[data-bbswrite] .button{min-width:60px; height:30px; line-height:28px; padding:0 10px; font-size:14px; vertical-align:middle;}
[data-bbswrite="box"] .info{margin-top:3px; font-size:15px; color:#888 !important; font-weight:300;}
[data-bbswrite="box"] span.info{margin-left:10px;}
[data-bbswrite="box"] .list{margin-top:15px; border-top:2px solid #363b46;}
[data-bbswrite="box"] .list > li{display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center; padding:15px 20px; border-bottom:1px solid #d6d8da;}
[data-bbswrite="box"] .list > li em{flex:none; width:20%; box-sizing:border-box; line-height:1.2; padding-right:10px; font-size:17px; font-weight:500; color:#000;}
[data-bbswrite="box"] .list > li div{flex:auto;}
[data-bbswrite="box"] .list > li div > i{display:inline-block; margin-right:5px; vertical-align:middle;}
[data-bbswrite="box"] .list > li input[type="text"],
[data-bbswrite="box"] .list > li input[type="password"]{width:300px;}
[data-bbswrite="box"] .list > li textarea{width:100%; min-height:150px;}
[data-bbswrite="box"] .list > li .box_group{width:auto; margin-left:10px;}
[data-bbswrite="box"] .list ~ .box_title_align{margin-top:40px;}
[data-bbswrite="box"] .list input[type=checkbox] + label, 
[data-bbswrite="box"] .list input[type=radio] + label{display:inline;}
[data-bbswrite="box"] .box_textarea{margin-top:0px;}
[data-bbswrite="box"] .box_textarea .edit{border-radius:0px;}
[data-bbswrite="path"] ul > li{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; min-height:30px; margin-bottom:3px;}
[data-bbswrite="path"] ul > li input[type=checkbox] + label, 
[data-bbswrite="path"] ul > li input[type=radio] + label{margin-right:10px;}
[data-bbswrite="path"] ul > li input[type="text"]{margin-left:5px;}
[data-bbswrite="birth"] input[type="text"] + label{margin-right:5px;}
[data-bbswrite="birth"] div > span{display:inline-block; margin-left:25px;}
[data-bbswrite="avoid"] .group_file > li .button.gray + .button.gray{margin-left:4px;}
[data-bbsWrite="file"] .group_file > li{margin-top:5px;}
[data-bbsWrite="file"] .group_file > li:first-child{margin-top:0px;}
[data-bbsWrite="file"] .group_file > li:first-child .inputFile_design.mob{width:calc(100% - 69px);}
[data-bbsWrite="file"] .group_file > li .button{margin-left:3px;}
[data-bbsWrite="file"] .group_file > li .button.gray{margin-left:6px;}
[data-bbsWrite="file"] .group_file > li .inputFile_design.mob{width:calc(100% - 69px);}
[data-bbsWrite="file"] .group_file > li .inputFile_design.mob input[type="file"]{width:100%; height:30px; line-height:30px;}
[data-bbsView="top"] [data-bbsWrite="file"] .group_file > li .inputFile_design input[type="text"],
[data-bbsView="top"] [data-bbsWrite="file"] .group_file > li .inputFile_design.mob input[type="file"]{height:40px; line-height:38px; border-radius:3px;}
[data-bbsView="top"] [data-bbsWrite="file"] .inputFile_design i{height:30px; line-height:30px;}
[data-bbsView="top"] [data-bbsWrite="file"] .button{height:40px; line-height:38px;}

/* video iframe */
.iframe_video{position:relative; max-width:1024px; padding-bottom:57%; margin:0 auto 15px;}
.iframe_video iframe{position:absolute; top:0px; left:0px; border:0px;}

.video_subtitle{max-width:1024px; margin:0 auto; font-weight:300;}
.video_subtitle .box{overflow-y:auto; padding:25px; height:75px; border:1px solid #dedcdd;}
.video_subtitle .btn_more{display:inline-block; position:relative; z-index:10; min-width:110px; height:33px; box-sizing:border-box; line-height:31px; margin-top:-1px; padding-left:10px; background:#fff; border:1px solid #c1c1c1; font-size:15px; text-align:left;}
.video_subtitle .btn_more:after{content:''; display:block; position:absolute; top:0px; right:0px; width:31px; height:31px; background:#c1c1c1 url(../images/content/img_page_arrow_w.svg) no-repeat 50% 50%; background-size:12px 6px; transform:rotate(90deg);}

/* file */
.area_file{display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:flex-start; margin:30px -30px -30px -85px; padding:20px 20px 20px 85px; background:#f7f9fc;}
.area_file > em{flex:none; display:block; margin-top:3px; margin-right:10px; font-weight:500;}
.area_file .file_view{flex:auto; margin-top:0px;}
.file_view{margin-top:10px;}
.file_view > li{margin-top:3px;}
.file_view > li > a:not(.btn_del){display:inline-block; position:relative; margin-left:25px; color:#666; font-weight:300;}
.file_view > li > a:not(.btn_del):before{content:''; display:block; position:absolute; top:3px; left:-25px; width:20px; height:18px; background:url(../images/content/icon_file.png) no-repeat 50% 0; background-size:auto 100%;}
.file_view > li > a:not(.btn_del):hover,
.file_view > li > a:not(.btn_del):focus{text-decoration:underline;}
.file_view > li > a.btn_del{display:inline-block; width:20px; height:20px; margin-left:7px; margin-top:-2px; vertical-align:middle; background:#cdcdcd url(../images/content/img_del.svg) no-repeat 50% 50%; background-size:8px 8px; border-radius:100%; text-indent:100%; overflow:hidden; white-space:nowrap;}
.file_view.edit{margin-top:20px; margin-bottom:20px;}
.file_view.edit > li{display:inline-block; margin-right:20px;}
.file_view.edit > li > a:not(.btn_del){display:inline;}
	/* input-file design form */
.inputFile_design{position:relative; display:inline-block;}
.inputFile_design i{display:inline-block; position:absolute; left:5px; top:50%; min-width:60px; height:20px; line-height:20px; background:#7b8388; border-radius:3px; text-align:center; color:#fff; font-size:12px; transform:translateY(-50%);}
.inputFile_design input[type="file"]{overflow:hidden; position:absolute; width:1px; height:1px; padding:0; margin:-1px; border:0; clip:rect(0,0,0,0);}
.inputFile_design input[type="text"]{min-width:450px; padding-left:75px; background:#f1f4f7; border-color:#e5eaf0;}
.inputFile_design label.btn{display:inline-block; position:absolute; top:0px; left:0px; width:100%; height:100%; cursor:pointer; text-indent:100%; overflow:hidden; white-space:nowrap;}
.inputFile_design.mob i{display:none !important;}
.inputFile_design.mob input[type="text"]{overflow:hidden; position:absolute; width:1px !important; min-width:1px !important; height:1px !important; padding:0; margin:-1px; border:0; clip:rect(0,0,0,0);}
.inputFile_design.mob label{display:none;}
.inputFile_design.mob .designCheck label{display:inline-block;}
.inputFile_design.mob .button{position:static; font-size:0.9rem;}
.inputFile_design.mob input[type="file"]{position:static; width:auto; height:auto; padding:inherit; margin:0px; border:inherit; clip:inherit; font-size:13px; vertical-align:middle;}
	/* input-check design */
.inputCheck_design{display:inline-block; margin:2px 0px; vertical-align:middle;}
.inputCheck_design input[type="checkbox"],
.inputCheck_design input[type="radio"]{position:absolute; opacity:0;}
.inputCheck_design input[type="checkbox"] + label,
.inputCheck_design input[type="radio"] + label{position:relative; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; min-height:25px; box-sizing:border-box; margin:3px 0px; padding:0 10px; background:#fff; border-radius:50rem; cursor:pointer; font-size:16px; color:#000; font-weight:300;}
.inputCheck_design input[type="checkbox"] + label:after,
.inputCheck_design input[type="radio"] + label:after{content:''; display:none; width:16px; height:11px; margin-left:5px; background:url(../images/common/img_form_check.png) no-repeat 50% 0; background-size:auto 100%;}
.inputCheck_design input[type="checkbox"]:checked + label,
.inputCheck_design input[type="radio"]:checked + label{background:#2a6f9a; color:#fff;}
.inputCheck_design input[type="checkbox"]:checked + label:after,
.inputCheck_design input[type="radio"]:checked + label:after{display:inline-block;}
.ie .inputCheck_design input[type="checkbox"] + label,
.ie .inputCheck_design input[type="radio"] + label{line-height:inherit;}

/* bbs-pagination */
.pagination{margin-top:20px; padding-top:15px; text-align:center;}
.pagination > a,
.pagination > *{display:inline-block; min-width:36px; height:36px; box-sizing:border-box; margin:2px 2px; line-height:34px; background:#eee; border:1px solid #eee; border-radius:50rem; vertical-align:top; text-align:center; color:#666; letter-spacing:-0.5px; font-size:15px; font-weight:400; transition:0.3s ease 0s;}
.pagination a[class^="btn_"]{width:36px; background-color:#fff; background-image:url(../images/content/sp_page.png); background-repeat:no-repeat; background-size:144px 36px; border-color:#dedede; text-indent:100%; overflow:hidden; white-space:nowrap;}
.pagination a.btn_prev{background-position-x:-36px;}
.pagination a.btn_next{background-position-x:-72px;}
.pagination a.btn_last{background-position-x:-108px;}
.pagination span{background:#111; border-color:#111; color:#fff;}

/* form-box */
.box_textarea{margin-top:15px;}
.box_textarea em{display:block; margin-bottom:5px;}
.box_textarea .edit{position:relative; width:100%; height:190px; box-sizing:border-box; padding-bottom:40px; background:#fff; border:1px solid #ced1d3; border-radius:3px;}
.box_textarea textarea{width:100%; height:100%; border-width:0px; border-bottom:1px solid #e6e6e6;}
[data-character="number"]{position:absolute; right:10px; bottom:10px; font-size:13px; color:#999;}

/* popup */
.wrap_popup h2{padding:10px 20px; background:#7cadbf; font-size:15px; color:#fff; font-weight:500;}
.wrap_popup #content{min-height:inherit; padding:25px;}
.btn_close_popup{display:block; position:absolute; top:2px; right:20px; width:35px; height:35px; background:#7cadbf url(../images/common/img_pop_close.gif) no-repeat 50% 50%; text-indent:100%; overflow:hidden; white-space:nowrap;}

/* login */
#content .area_login h4{margin-top:10px; font-size:26px; text-align:center;}
.btn_login.round{display:block; width:100%; height:55px; line-height:55px; margin-top:30px; background:#013668; border-width:0px; border-radius:50rem; text-align:center; color:#fff; font-size:20px; font-weight:400; transition:0.3s ease;}
.btn_login.round:hover,
.btn_login.round:focus{background:#054a8c;}
.area_login:after{content:''; display:block; clear:both;}
.area_login{margin-top:45px; padding:45px 0; background:#fff; border:1px solid #ddd; border-radius:10px;}
.area_login .btn_login.round{margin-top:22px;}
[data-member="login"],
[data-member="certify"],
[data-member="pass"]{float:left; width:calc(100% / 3 - 0.1px); min-height:300px; box-sizing:border-box; padding:0 35px;}
.area_login.small{padding:45px 50px;}
.area_login.small [data-member="login"],
.area_login.small [data-member="pass"]{width:50%; min-height:inherit;}
.area_login .btn_arrow:after{content:''; display:inline-block; width:7px; height:5px; margin-left:4px; background:url(../images/content/img_btn_arrow.svg) no-repeat 50% 0; background-size:100% auto; transform:rotate(90deg); transform-origin:50% 0;}
.area_login .btn a:hover,
.area_login .btn a:focus{box-shadow:0 1px 0px #000;}
[data-member="login"]{padding-left:25px; border-right:1px solid #ddd;}
[data-member="login"].right{padding-right:0px; padding-left:50px; border-right-width:0px;}
[data-member="login"] ul{margin-top:20px;}
[data-member="login"] ul > li{margin-top:10px;}
[data-member="login"] ul > li:first-child{margin-top:0px;}
[data-member="login"] ul > li label,
[data-member="login"] ul > li em{margin-bottom:5px;}
[data-member="login"] ul > li input[type="text"],
[data-member="login"] ul > li input[type="password"]{width:100%; height:55px; padding-left:20px; padding-right:20px; border-radius:10px;}
[data-member="login"] ul > li input::placeholder{opacity:1; color:#999;}
[data-member="login"] ul > li input:-ms-input-placeholder{color:#999;}
[data-member="login"] ul > li input::-ms-input-placeholder{color:#999;}
[data-member="login"] .btn{margin-top:10px; text-align:center;}
[data-member="login"] .btn a{display:inline-block; position:relative; margin:0 10px; font-size:16px; font-weight:300; letter-spacing:-0.5px;}
[data-member="login"] .btn a:before{content:''; display:block; position:absolute; left:-13px; top:50%; width:1px; height:15px; margin-top:-7px; background:#d0d0d0;}
[data-member="login"] .btn a:nth-of-type(1):before{display:none;}
[data-member="login"] .info{margin-top:30px; letter-spacing:-0.5px;}
.area_login.small [data-member="login"]{padding-right:50px;}
[data-member="certify"]{border-right:1px solid #ddd;}
[data-member="certify"] p{line-height:1.3; font-size:14px; color:#000; text-align:center; word-break:keep-all;}
[data-member="certify"] p:before{content:''; display:block; overflow:hidden; width:61px; height:61px; margin:15px auto; background:#ececec url(../images/content/img_login04.png) no-repeat 50% 0; background-size:100% auto; border-radius:100%;}
[data-member="certify"] p br{display:none;}
[data-member="certify"] .group_certify{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; width:100%; height:55px; margin-top:20px; background:#013668; border-width:0px; border-radius:50rem; text-align:center;}
[data-member="certify"] .group_certify .list{display:flex; flex-flow:row wrap; justify-content:center; align-items:center;}
[data-member="certify"] .group_certify .list > li{flex:none; margin:2px 4px;}
[data-member="certify"] .group_certify .list > li a{display:inline-block; width:36px; height:36px; background-repeat:no-repeat; background-position:50% 0; background-size:100% auto; vertical-align:middle; text-indent:100%; overflow:hidden; white-space:nowrap;}
[data-member="certify"] .group_certify .certify01{background-image:url(../images/content/img_login_certify01.png)}
[data-member="certify"] .group_certify .certify02{background-image:url(../images/content/img_login_certify02.png)}
[data-member="certify"] .group_certify .certify03{background-image:url(../images/content/img_login_certify03.png)}
[data-member="certify"] .group_certify .certify04{background-image:url(../images/content/img_login_certify04.png)}
[data-member="certify"] .group_certify .certify05{background-image:url(../images/content/img_login_certify05.png)}
[data-member="certify"] .btn{margin-top:15px; font-size:14px;}
[data-member="pass"]{padding-right:35px;}
[data-member="pass"] p{line-height:1.3; font-size:14px; color:#000; text-align:center; word-break:keep-all;}
[data-member="pass"] p:before{content:''; display:block; overflow:hidden; width:122px; height:122px; margin:10px auto 25px; background:#ececec url(../images/content/img_login01.png) no-repeat 50% 0; background-size:100% auto; border-radius:100%;}
[data-member="pass"] .button,
[data-member="pass"] .button.ico{width:100%; height:55px; line-height:55px; margin-top:20px; background:#013668; border-radius:50rem; border-width:0px; color:#fff; font-size:20px; font-weight:400;}
[data-member="pass"] .button:hover,
[data-member="pass"] .button:focus,
[data-member="pass"] .button.ico:hover,
[data-member="pass"] .button.ico:focus{background:#054a8c; color:#fff;}
[data-member="pass"] .button.ico.pass:before{height:25px; margin-top:-4px; margin-right:10px; background-image:url(../images/content/img_login02.png);}
#content [data-member="pass"] h5{margin-top:30px; padding-left:22px; font-size:16px;}
#content [data-member="pass"] h5:before{display:block; top:2px; width:18px; height:18px; background-image:url(../images/content/img_bul_login.png);}
[data-member="pass"] h5 + p{padding-left:22px; font-size:16px; text-align:left;}
[data-member="pass"] h5 + p:before{display:none;}
[data-member="pass"] h5 + p a{font-weight:500;}
[data-member="pass"] p br{display:none;}
[data-member="pass"] .btn{margin-top:15px; font-size:14px;}
	/* member-input */
#content [data-member="login"].input h4{margin-top:10px; margin-bottom:30px; font-size:26px; text-align:center;}
[data-member="login"].input{float:none; max-width:45%; width:auto; min-height:inherit; margin:0 auto 45px; padding-right:0px; border-right-width:0px;}
[data-member="login"].input ul{margin-top:0px;}
.box_gray [data-member="login"].input{max-width:inherit; margin:0px; padding-bottom:0px;}
	/* 본인인증 */
#content .area_certi h5.title_none{padding-left:0px; font-size:18px; text-align:center; color:#000; font-weight:500;}
.area_certi{margin-top:30px; padding:45px 75px; background:#fff; border:1px solid #ddd; border-radius:10px;}
.area_certi:after{content:''; display:block; clear:both;}
.area_certi p{line-height:1.4; word-break:keep-all; text-align:center;}
.area_certi [class*="certi_"]{float:left; position:relative; min-height:350px; box-sizing:border-box; padding-bottom:70px;}
.area_certi [class*="certi_"]:after{content:''; display:block; position:absolute; top:20px; width:1px; height:80%; background:#ddd;}
.area_certi [class*="certi_"]:before{content:''; display:block; overflow:hidden; width:122px; height:122px; margin:0 auto 25px; background:#ececec url(../images/content/img_certi01.png) no-repeat 50% 0; border-radius:100%;}
.area_certi .btn_login.round{position:absolute; bottom:0;}
.area_certi .certi_phone{width:calc(100% / 3 - 50.1px); margin-right:50px;}
.area_certi .certi_phone:before{background-image:url(../images/content/img_certi01.png);}
.area_certi .certi_phone:after{display:none;}
.area_certi .certi_ipin{width:calc(100% / 3 - 60.1px); margin:0 30px;}
.area_certi .certi_ipin:before{background-image:url(../images/content/img_certi02.png);}
.area_certi .certi_ipin:after{left:-40px;}
.area_certi .certi_easy{width:calc(100% / 3 - 50.1px); margin-left:50px;}
.area_certi .certi_easy:before{background-image:url(../images/content/img_certi03.png);}
.area_certi .certi_easy:after{left:-40px;}
.area_certi.small [class*="certi_"]{min-height:150px;}
.area_certi.small.popup{max-width:70%; margin-left:auto; margin-right:auto; padding:0px; border-width:0px;}
.area_certi.small.popup .btn_login.round{left:50%; width:auto; min-width:120px; transform:translateX(-50%);}
.area_certi.small.popup [class*="certi_"]:after{display:none;}
	/* 회원가입-응용 */
.area_certi.join [class*="certi_"]{min-height:280px;}
.area_certi.join .certi_phone:before{background-image:url(../images/content/img_join01.png);}
.area_certi.join .certi_ipin:before{background-image:url(../images/content/img_join02.png);}
.area_certi.join .certi_easy:before{background-image:url(../images/content/img_join03.png);}

/* 회원가입 */
#content .area_join h4{font-size:17px;}
.area_join .box_text_gray{margin-top:0px; padding:12px 30px 15px;}
.area_join article{overflow-y:auto; height:230px; box-sizing:border-box; padding:30px; border:1px solid #ddd; border-bottom-width:0px;}
.area_join article ul li{font-size:16px;}
.area_join article > ul > li ul{margin:5px 0 5px 20px;}
.area_join article p{margin-bottom:10px;}
.area_join article strong{font-weight:500;}
.area_join.noScroll article{height:auto; border-bottom-width:1px; border-color:#e3e3e3;}
#content .area_join article h5{margin-top:30px; margin-bottom:10px; padding-left:0px; font-size:17px; font-weight:500;}
#content .area_join article h5:before{display:none;}
#content .area_join article h6{position:relative; margin-top:15px; padding-left:10px; font-weight:500; font-size:16px;}
#content .area_join article h6:before{content:''; display:block; position:absolute; left:0px; top:10px; width:6px; height:2px; background:#7e8284;}

[data-join="depth"]{padding-top:20px; margin-bottom:30px;}
[data-join="depth"] > ul{text-align:center;}
[data-join="depth"] > ul > li{display:inline-block; position:relative; padding:0 35px;}
[data-join="depth"] > ul > li span{display:flex; flex-flow:column wrap; justify-content:center; align-items:center; width:130px; height:130px; border-radius:100%; background:#9196a1; color:#fff; font-size:18px; font-weight:400;}
[data-join="depth"] > ul > li em{padding-bottom:5px; margin-bottom:5px; border-bottom:1px dotted rgba(255,255,255,0.5); font-size:16px; font-weight:500;}
[data-join="depth"] > ul > li:after{content:''; display:block; position:absolute; top:50%; right:-18px; width:25px; height:21px; margin-top:-7px; background:url(../images/common/img_depth_arrow.svg) no-repeat 50% 0; background-size:100% auto;}
[data-join="depth"] > ul > li:last-child:after{display:none;}
[data-join="depth"] > ul > li.on span{background:#007dbf;}

#content .area_join_check h4{margin-top:0px; font-size:26px;}
.area_join_check{position:relative; min-height:130px; margin-top:30px; padding:45px 75px 45px 240px; background:#fff; border:1px solid #ddd; border-radius:10px;}
.area_join_check:before{content:''; display:block; overflow:hidden; position:absolute; left:75px; top:45px; width:122px; height:122px; background:#ececec url(../images/content/img_join04.png) no-repeat 50% 0; border-radius:100%;}
.area_join_check p{font-size:18px;}
.area_join_check p br{display:none;}
.area_join_check .info{display:block; margin-top:30px; font-size:18px; font-weight:500;}
.area_join_check .info span{margin-left:5px;}
.area_join_check.find:before{background-image:url(../images/content/img_find01.png);}
.area_join_check.find h4{padding-top:10px;}
.area_join_check.password [data-member="login"].input{max-width:inherit; margin:0;}
.area_join_check.password [data-member="login"].input ul > li{display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center;}
.area_join_check.password [data-member="login"].input ul{margin-top:40px;}
.area_join_check.password [data-member="login"].input ul > li em,
.area_join_check.password [data-member="login"].input ul > li label{flex:none; width:15%; margin-right:10px;}
.area_join_check.password [data-member="login"].input ul > li div{margin-bottom:5px;}
.area_join_check.password [data-member="login"].input ul > li input[type="text"],
.area_join_check.password [data-member="login"].input ul > li input[type="password"]{width:400px;}
.area_join_check .join_all_box{margin:40px -75px 0 -240px; padding:40px 0 10px; background:#f0f3f8;}

/* 회원탈퇴 */
.area_join_check.withdraw{padding-right:65px;}
.area_join_check.withdraw:before{background-image:url(../images/content/img_info01.png);}
.area_join_check.withdraw .list li{margin-bottom:5px;}

#content [data-bbswrite="box"].join h4{font-size:18px;}

/* 아이디찾기 */
.area_findBiz{padding:45px; background:#fff; border:1px solid #ddd; border-radius:10px;}
.area_findBiz [data-member="login"]{margin-bottom:0px;}
.area_findBiz [data-member="login"] ul{margin-bottom:30px;}

/* OTP인증 */
.area_findBiz.otp{margin-top:20px;}
[data-otp="otp_form"]{display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center;}
[data-otp="otp_form"] input[type="text"]{flex:auto;}
[data-otp="otp_form"] .btn_otp{flex:none; display:flex; flex-flow:row wrap; justify-content:center; align-items:center; width:100px; height:55px; margin-left:10px; border-radius:10px; background:#787d85; color:#fff; text-align:center;}

/* plug-datapicker */
input[type="text"].datepicker{width:135px; font-size:15px;}
.ui-datepicker-trigger{display:inline-block; width:20px; height:20px; background:url(../images/content/img_calendar.svg) no-repeat 50% 0; background-size:20px; font-size:0px; vertical-align:middle;}
.ui-datepicker{width:auto !important;}
.ui-widget.ui-widget-content{z-index:50 !important; background:#fff;}
.ui-datepicker .ui-datepicker-header{padding:0px; background:#fff; border:0px; border-bottom:1px dashed #cfcece;}
.ui-datepicker .ui-datepicker-title select{height:30px; margin:1px 2px !important; font-size:13px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{width:24px; height:24px; line-height:24px; background:transparent !important; border:0px !important; text-align:center;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{background:#1976d2 !important; border-radius:100%;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{background:#007dbf !important; border-radius:100%; color:#fff !important;}
.ui-datepicker-today .ui-state-highlight{background:#013668 !important;}
.ui-datepicker table{font-size:12px;}
.ui-datepicker th{font-weight:400 !important; font-size:12px;}
.ui-datepicker thead tr > th.ui-datepicker-week-end:first-child{color:#e91062;}
.ui-datepicker thead tr > th.ui-datepicker-week-end:last-child{color:#2d7aee;}
.ui-datepicker tbody tr > td.ui-datepicker-week-end:first-child a{color:#e91062;} 
.ui-datepicker tbody tr > td.ui-datepicker-week-end:last-child a{color:#2d7aee;}
.ui-datepicker tbody tr > td.ui-datepicker-week-end:first-child a.ui-state-active,
.ui-datepicker tbody tr > td.ui-datepicker-week-end:last-child a.ui-state-active{color:#fff;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus{border:0px !important;}
.ui-datepicker .ui-datepicker-prev-hover{left:2px !important;}
.ui-datepicker .ui-datepicker-next-hover{right:2px !important;}

@media screen and (max-width:1400px){
	[data-bbsList="gallery"] li > a > span:not(.img) em{margin-bottom:5px;}
	[data-bbsList="gallery"] li > a > span:not(.img) span{font-size:14px;}

	[data-bbsList="depart_only"] > ul > li:not(.no_data){padding:0 20px 0 30px;}
	[data-bbsList="depart_only"] > ul > li:nth-child(2n){padding:0 30px 0 20px;}	
	[data-bbsList="depart_only"] .info > li em,
	[data-bbsList="depart_only"] .info > li i{font-size:15px;}
	
	.area_certi p{font-size:15px;}
	[data-member="login"] .btn a{font-size:14px;}
}

@media screen and (max-width:1300px){
	[data-bbsSearch="box"].depart ul{flex-wrap:nowrap; justify-content:space-between; align-items:flex-end;}
	[data-bbsSearch="box"].depart ul > li{flex:auto;}
	[data-bbsSearch="box"].depart ul > li.btn{flex:none;}
	[data-bbsSearch="box"].depart ul > li.btn .btn_search.only{margin:2px 0px;}
	[data-bbsSearch="box"].depart ul select{width:100%; min-width:inherit;}
	[data-bbsSearch="box"].depart ul input[type="text"]{min-width:inherit; width:100%;}
	[data-bbsSearch="box"].depart .group_select > li{flex:1 1 25%;}
	[data-bbsSearch="box"].depart ul:not(.group_select) > li:first-child{flex:none; width:calc(25% - 6.1px);}

	[data-bbsView="page"] ul > li > em{width:calc(83% - 105px);}
	[data-bbsView="page"] ul > li > i{width:105px;}
	
	.area_login:not(.small) [data-member="login"]{width:100%; padding:0 35px 50px; border-right-width:0px;}
	.area_login:not(.small) [data-member="certify"],
	.area_login:not(.small) [data-member="pass"]{width:calc(100% / 2);}
	.area_login:not(.small) [data-member="certify"]{padding-left:35px;}
}

@media screen and (max-width:1200px){
	.button.lg{min-width:150px; height:50px; line-height:48px; font-size:18px;}
	.button.ico:not(.round){min-width:150px; font-size:15px;}	
	
	[data-bbsSearch="box"].depart_only ul > li{flex:auto;}
	[data-bbsSearch="box"].depart_only select{width:100%;}
	[data-bbsSearch="box"].depart_only ul input[type="text"]{min-width:inherit; width:100%;}
	
	[data-bbsList="webzin"] [data-bbsbody="first"] .box01{width:360px;}
	[data-bbsList="webzin"] [data-bbsbody="first"] .box02{width:calc(100% - 360px);}
	[data-bbsbody="first"] .box01{padding:0 40px;}
	[data-bbsbody="first"] .box02{padding-top:10px;}
	[data-bbsbody="first"] .box02 em{font-size:23px;}
	[data-bbsbody="first"] .box02 ul{padding-top:30px;}
	[data-bbsbody="first"] .box01 span.img{padding-top:380px;}
	[data-bbsList="webzin"] span.img{padding-top:290px;}
	
	[data-bbsList="depart_only"] span.img{width:120px; padding-top:152px; margin-right:15px;}
	[data-bbsList="depart_only"] .info > li em{width:35%;}
	
	.btn_login.round{font-size:15px;}
}

@media screen and (max-width:1100px){
	a.button[target="_blank"]:after{background-image:url(../images/common/icon_newtab_w@x2.png);}
	.button.round.ico.link:after{background-image:url(../images/common/icon_arrow_link@x3.png);}
	
	[data-bbsList] [data-icon="new"]:before{line-height:16px; font-size:10px;}
	[data-bbsList="webzin"] span.img{padding-top:135%;}
	[data-bbsList="webzin"] .list > li > a > span:not(.img) em{font-size:18px;}
	
	[data-bbsList="depart_only"] span.img{width:150px; padding-top:190px;}
	[data-bbsList="depart_only"] .info > li em{width:30%;}
	
	.area_join article ul li{font-size:15px;}
}

@media screen and (max-width:1024px){
	table.table tbody td strong{font-size:16px;}
	table.table tbody td{font-weight:inherit; word-break:break-all;}
	
	[data-bbsList] [data-icon="notice"]{width:40px; height:25px; line-height:23px;}
	[data-bbsList] [data-icon="notice"]:before{line-height:23px; font-weight:400;}	
	[data-bbsList] [data-icon="file"]{background-image:url(../images/content/icon_file@x2.png);}
	[data-bbsList].table tbody tr > td[data-bbsBody="subject"]:first-child{padding-left:20px;}
	.pagination a[class^="btn_"]{background-image:url(../images/content/sp_page@x2.png);}
	
	[data-bbsView="top"]{padding:30px 25px;}
	[data-bbsView="top"] .info > li > *{font-weight:inherit;}
	[data-bbsView="conts"]{overflow-x:auto; padding:50px 25px;}
	
	[data-bbsView="page"] ul > li > em{width:calc(83% - 95px); padding-left:15px;}
	[data-bbsView="page"] ul > li > i{width:95px;}
		
	[data-bbsList="gallery"] li{min-height:inherit;}
	[data-bbsList="gallery"] li > a > span:not(.img){height:auto;}
	[data-bbsList="faq"] > ul > li > a{padding-right:45px; padding-left:65px; font-size:16px;}
	[data-bbsList="faq"] > ul > li > a:after{right:15px;}
	[data-bbsList="faq"] > ul > li > a:before,
	[data-bbsList="faq"] [data-bbsBody="conts"]:before{left:15px; font-size:13px;}
	[data-bbsBody="conts"]{padding-right:15px; padding-left:65px;}
	
	[data-bbsList="inform"] [data-bbsBody="subject"] > a[target="_blank"]:after{background-image:url(../images/content/img_inform_newtab@x2.gif);}
	
	[data-bbswrite="box"] .list > li em{font-size:15px;}
	[data-bbswrite="box"] .info{font-size:14px;}
	.area_file{margin-left:-65px; margin-right:-15px; padding-left:65px;}
	.file_view > li > a:not(.btn_del){font-weight:inherit;}
	.file_view > li > a:not(.btn_del):before{top:2px; background-image:url(../images/content/icon_file@x2.png);}
	
	[data-member="certify"] p:before{background-image:url(../images/content/img_login04@x2.png);}
	[data-member="pass"] p:before{background-image:url(../images/content/img_login03@x2.png);}
	#content [data-member="pass"] h5:before{background-image:url(../images/content/img_bul_login@x3.png);}
	[data-member="pass"] .button.ico.pass:before{background-image:url(../images/content/img_login02@x3.png);}
	
	[data-member="login"].input{max-width:80%;}
	
	.area_certi{padding:45px 50px;}
	.area_certi p{font-size:14px;}
	
	[data-join="depth"] > ul > li{padding:0 25px;}
	
	#content .area_join_check h4{font-size:23px;}
	.area_join_check{padding:45px 50px 25px 195px;}
	.area_join_check:before{left:40px;}
	.area_join_check .join_all_box{margin-right:-50px; margin-left:-195px;}
	
	.inputCheck_design input[type="checkbox"] + label:after,
	.inputCheck_design input[type="radio"] + label:after{width:14px; height:10px; background-image:url(../images/common/img_form_check@x2.png);}
}

@media screen and (max-width:940px){
	[data-bbsSearch="box"].type02 dl dd{width:calc(100% / 3);}
	[data-bbsSearch="box"].type02 dl dd:nth-of-type(3){border-right-width:0px;}
	[data-bbsSearch="box"].type02 dl dd:nth-of-type(3) span:after{display:none;}
	
	[data-bbsList="gallery"] li.no_data{width:calc(100% - 20px);}
	
	[data-bbsList="gallery"] > ul{margin-left:-20px;}
	[data-bbsList="gallery"] li{width:calc(100% / 3 - 20px); margin-left:20px; margin-bottom:25px;}
	.ie [data-bbsList="gallery"] li{width:calc(100% / 3 - 20.1px);}
	
	[data-bbsList="depart_only"] > ul > li:not(.no_data),
	[data-bbsList="depart_only"] > ul > li:nth-child(2n){padding:0 20px 0 20px;}
	[data-bbsList="depart_only"] span.img{width:120px; padding-top:152px;}
	[data-bbsList="depart_only"] .info > li em{width:35%;}
	
	[data-bbswrite="box"] .list > li{flex-flow:column wrap;}
	[data-bbswrite="box"] .list > li em{flex:auto; width:100% !important; margin-bottom:5px; padding-right:0px;}
	[data-bbswrite="box"] .list > li div{width:100%;}
	[data-bbswrite="box"] .list > li div.inputFile_design{width:auto;}
	
	.area_login.small{padding:45px 0px;}
	.area_login.small [data-member="login"]{padding-right:30px;}
	.area_login.small [data-member="login"].right{padding-left:30px;}
	
	.area_certi .certi_phone{width:calc(100% / 3 - 30.1px); margin-right:30px;}
	.area_certi .certi_ipin{width:calc(100% / 3 - 40.1px); margin:0 20px;}
	.area_certi .certi_ipin:after{left:-20px;}
	.area_certi .certi_easy{width:calc(100% / 3 - 30.1px); margin-left:30px;}
	.area_certi .certi_easy:after{left:-20px;}
	
	.form_withdraw .input500{width:80% !important;}
}

@media screen and (max-width:768px){
	.button{height:auto; line-height:inherit; padding-top:9px; padding-bottom:9px; white-space:normal;}
	.button.sm{height:auto; line-height:inherit; padding-top:1px; padding-bottom:1px;}
	.button.lg{height:auto; line-height:inherit; padding-top:10px; padding-bottom:10px;}
	.button.ico:not(.round){height:auto; line-height:inherit; padding-top:12px; padding-bottom:12px;}
	.button[target="_blank"],
	.button.ico.right{height:auto; line-height:inherit; padding-top:8px; padding-bottom:8px;}	

	table.table .button.lg{min-width:80px; height:40px; line-height:38px;}
	.scrollTable{overflow:auto;}
	.scrollTable .table{width:768px;}
	.mob_info{display:block;}
	
	[data-state]{border-radius:4px; font-weight:400;}
	
	[data-bbsSearch="box"] ul > li.ui{display:flex; flex-flow:row nowrap; justify-content:space-around; align-items:center;}
	[data-bbsSearch="box"] ul > li.ui em{flex:none;}
	[data-bbsSearch="box"] ul > li.btn{flex:none;}
	[data-bbsSearch="box"].data ul{flex-wrap:nowrap;}
	[data-bbsSearch="box"].depart ul > li.ui{flex-flow:column wrap; justify-content:center; align-items:flex-start;}
	[data-bbsSearch="box"].depart ul > li.ui em{width:100%;}
	[data-bbsSearch="box"].mini ul input[type="text"]{width:auto; min-width:310px;}
	[data-bbsSearch="box"].mini ul > li{flex:none;}
	.search_data{flex:auto; display:flex; flex-flow:row nowrap; justify-content:space-around; align-items:center;}
	.search_data input[type="text"].datepicker{flex:auto; width:100%;}
	.search_data .ui-datepicker-trigger,
	.search_data > span{flex:none;}
	
	[data-bbsSearch="box"]{margin-bottom:20px; padding:15px 10px;}
	[data-bbsSearch="box"] ul > li{flex:auto;}
	[data-bbsSearch="box"] ul input[type="text"],
	[data-bbsSearch="box"] ul select{width:100%;}
	[data-bbsSearch="box"] ul select{min-width:inherit; max-width:inherit;}
	[data-bbsSearch="box"] ul input[type="text"]{min-width:inherit;}
	[data-bbsSearch="box"] dd ul{justify-content:flex-start;}
	[data-bbsSearch="box"] dd ul > li{flex:none;}
	[data-bbsSearch="box"] dl dt{width:110px !important;}
	[data-bbsSearch="box"] dl dd{width:calc(100% - 110px) !important;}
	[data-bbsSearch="box"].type02 dl dt{display:flex;}	
	[data-bbsSearch="box"].type02 dl dd > span{display:none;}
	[data-bbsSearch="box"].type02 dl dd{padding:10px; border-right-width:0px;}
	[data-bbsSearch="box"].type02 ul{margin-top:0px; height:auto;}
	[data-bbsSearch="box"].type02 ul > li{display:inline-block;}
	[data-bbsSearch="box"].type02 .inputBox{margin-top:0px;}
	
	[data-bbsList].table td.no_data,
	.no_data{flex:auto; display:block; width:100%; box-sizing:border-box; padding:40px 10px !important; color:#999 !important;}
	
	[data-bbsList].table colgroup{display:none;}
	[data-bbsList].table thead{display:none;}
	[data-bbsList].table tr{display:block; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; position:relative; width:100%; box-sizing:border-box; padding:15px 5px; border-bottom:1px solid #ced1d3; transition:0.3s ease;}
	[data-bbsList].table tr:after{content:''; display:block; clear:both;}
	[data-bbsList].table.hover tbody tr:hover th,
	[data-bbsList].table.hover tbody tr:hover td{background:#fff !important;}
	[data-bbsList].table tbody td{border:0px;}
	[data-bbsList].table td{display:inline-block; height:auto; padding:2px 5px;}
	[data-bbsList].table tr:not([data-bbsbody="notice"]) [data-bbsbody="number"]{display:none; font-size:0px;}
	[data-bbsList].table [data-bbsBody="notice"] [data-bbsBody="subject"] > a{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:52px;}
	[data-bbsList].table [data-bbsBody="subject"]{width:100%;}
	[data-bbsList].table [data-bbsBody="work"]{width:100%;}
	[data-bbsList].table [data-bbsBody="number"]{position:absolute; left:5px; top:12px;}
	[data-bbsList].table [data-bbsBody="file"]{position:absolute; right:0px; bottom:17px; width:20px; height:18px; box-sizing:content-box;}
	[data-bbsList].table [data-bbsBody="notice"] [data-bbsbody="state"]{display:none !important;}
	[data-bbsList].table [data-bbsBody="setting"]{flex:auto; display:block; width:100%; margin-top:3px; text-align:right;}
	[data-bbsList].table [data-bbsBody="name"]{flex:auto; width:100%; text-align:left;}
	[data-bbsList].table tbody tr > td[data-bbsBody="subject"]:first-child{padding-left:5px;}
	td[data-bbsBody="subject"].tac{padding-left:5px !important; text-align:left !important;}
	[data-bbsList] [data-icon="notice"]{height:23px; line-height:21px;}
	[data-bbsList] [data-icon="notice"]:before{line-height:21px;}
	
	td[data-bbsBody]{flex:none; padding-right:10px !important; margin-right:5px;}
	td[data-bbsBody]:after{content:''; display:block; position:absolute; right:0px; top:50%; width:1px; height:12px; margin-top:-6px; background:#cacaca;}
	td[data-bbsBody="subject"]{flex:auto;}
	td[data-bbsBody="number"],
	td[data-bbsBody="subject"],
	td[data-bbsBody="file"],
	td[data-bbsBody="count"],
	td[data-bbsBody="state"],
	td[data-bbsBody="setting"],
	td[data-bbsBody="name"],
	td[data-bbsBody="tel"],
	td[data-bbsBody="work"]{padding-right:5px !important; margin-right:0px;}
	td[data-bbsBody="number"]:after,
	td[data-bbsBody="subject"]:after,
	td[data-bbsBody="file"]:after,
	td[data-bbsBody="count"]:after,
	td[data-bbsBody="state"]:after,
	td[data-bbsBody="setting"]:after,
	td[data-bbsBody="voc"]:after,
	td[data-bbsBody="name"]:after,
	td[data-bbsBody="tel"]:after,
	td[data-bbsBody="work"]:after,
	td[data-bbsBody].last:after{display:none;}
	td[data-bbsBody="count"]{padding-right:5px !important; margin-right:0px;}
	[data-bbsBody="subject"] > a,
	[data-bbsBody="subject"] > span{display:inline-block; overflow:visible; text-overflow:clip; white-space:normal; padding-top:0px; padding-bottom:5px; vertical-align:middle; font-size:15px;}
	[data-bbsBody="subject"] > div{padding-top:0px; padding-bottom:5px;}
	[data-bbsBody="date"],
	[data-bbsBody="count"],
	[data-bbsBody="cate"],
	[data-bbsBody="depart"],
	[data-bbsBody="page"],
	[data-bbsBody="name"]{position:relative; color:#666;}
	td[data-bbsBody="date"],
	td[data-bbsBody="count"],
	td[ddata-bbsBody="cate"],
	td[ddata-bbsBody="depart"]{float:left;}
	td[data-bbsBody="date"][data-bbstext]:before,
	td[data-bbsBody="count"][data-bbstext]:before,
	td[data-bbsBody="cate"][data-bbstext]:before,
	td[data-bbsBody="depart"][data-bbstext]:before,
	td[data-bbsBody="work"][data-bbstext]:before{content:attr(data-bbstext)' : '; display:inline-block; margin-right:4px;}
	[data-bbsBody="file"]{float:right; padding-top:3px !important;}
	[data-bbsBody="state"]{float:none; clear:left; display:block !important; text-align:left !important;}
	
	[data-bbsList="default"] td[data-bbsBody="cate"]{color:#000; font-weight:500;}
	[data-bbsList="default"] td[data-bbsBody="cate"]:after,
	[data-bbsList="default"] td[data-bbsBody="down"]:after,
	[data-bbsList="default"] [data-bbsbody="notice"] td[data-bbsBody="cate"],
	[data-bbsList="default"] [data-bbsbody="notice"] td[data-bbsBody="down"]{display:none;}
	
	[data-bbsList="gallery"] li > a > span:not(.img){padding:20px 15px;}
	[data-bbsList="gallery"] li > a > span:not(.img) em{font-size:17px;}
	[data-bbsList="gallery"].webzin02 > ul li{padding:20px 15px;}
	
	[data-bbsList="webzin"] [data-bbsbody="first"]{flex-wrap:wrap;}
	[data-bbsList="webzin"] [data-bbsbody="first"] .box01{z-index:6; width:100%;}
	[data-bbsList="webzin"] [data-bbsbody="first"] .box02{width:100%;}
	[data-bbsbody="first"]:after{display:none;}
	[data-bbsbody="first"] [data-bbsbody="date"]{margin-top:20px; font-size:20px;}
	[data-bbsbody="first"] .box01{padding:0px;}
	[data-bbsbody="first"] .box01:after{content:''; display:block; position:absolute; left:0px; bottom:0px; z-index:1; width:100%; height:50%; background:#f4f9fb;}
	[data-bbsbody="first"] .box01 span.img{width:50%; margin:0 auto; padding-top:70%;}
	[data-bbsbody="first"] .box02{padding:0px 15px 35px; background:#f4f9fb;}	
	[data-bbsbody="first"] .box02 ul{margin-top:0px;}
	[data-bbsbody="first"] .box02 ul:after{display:none;}
	
	[data-bbsList="voc"] [data-bbsbody="voc"]{margin:0 0 5px 60px;}
	[data-bbsList="voc"] [data-bbsbody="state"]{position:absolute; left:5px; top:13px;}
	[data-bbsList="voc"] [data-bbsBody="date"]:after{display:none;}
	[data-bbsList="depart"] td[data-bbsBody="name"]{font-size:16px; color:#000; font-weight:500;}
	[data-bbsList="depart"] [data-bbsBody="depart"] span{margin-right:3px;}
	[data-bbsList="nowrap"].table tr{flex-wrap:nowrap; align-items:center;}
	[data-bbsList="nowrap"].table [data-bbsBody="setting"]{flex:auto; width:auto; margin-top:0px;}
	[data-bbsList="nowrap"].table [data-bbsBody="subject"] > div{padding-bottom:0px;}
	[data-bbsList="nowrap"].table [data-bbsBody="subject"]{flex:auto;}
	
	[data-bbsList="depart_only"] > ul{display:block;}
	[data-bbsList="depart_only"] > ul > li:not(.no_data){width:100%; padding:20px 10px; margin-bottom:0px; border-top:1px solid #e2e2e2;}
	[data-bbsList="depart_only"] > ul > li:not(.no_data):first-child{padding-top:0px; border-top-width:0px;}
	[data-bbsList="depart_only"] > ul > li:nth-child(2n){padding:20px 10px;}
	[data-bbsList="depart_only"] > ul > li:not(.no_data):after{display:none;}
	[data-bbsList="depart_only"] .info > li em,
	[data-bbsList="depart_only"] .info > li i{font-size:14px;}
	[data-bbsList="depart_only"] .info > li em{width:100px;}
	
	[data-bbswrite="box"] .list > li .box_group{display:block; width:100%; margin-left:0px; margin-top:5px; text-align:left;}
	[data-bbsWrite="file"] .group_file > li{background:#f7f7f7;}
	[data-bbsView="top"] [data-bbsWrite="file"] .group_file > li .inputFile_design input[type="file"],
	[data-bbsView="top"] [data-bbsWrite="file"] .group_file > li .inputFile_design.mob input[type="file"]{height:auto; line-height:inherit;}
	[data-bbsView="top"] [data-bbsWrite="file"] .button{height:30px; line-height:28px;}
	
	[data-bbsView="conts"].cancel{flex-wrap:wrap; padding-top:30px;}
	[data-bbsView="conts"].cancel .title{display:block; margin-bottom:5px; font-size:17px; color:#018fcf;}
	[data-bbsView="conts"].cancel .title:after{display:none;}
	#content [data-bbsView="top"].answer .info,
	#content [data-bbsView="top"].answer .file_view{padding-left:0;}
	
	[data-bbswrite="mail"] > div{display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center;}
	[data-bbswrite="mail"] > div input[type="text"]:nth-of-type(1){flex:none; width:40% !important;}
	[data-bbswrite="mail"] > div input[type="text"]:nth-of-type(2){flex:none; width:calc(60% - 20px) !important;}
	[data-bbswrite="mail"] > div select{flex:none; width:100% !important;}
	[data-bbswrite="mail"] > div span{flex:none; width:16px; text-align:center;}
	[data-bbsWrite="file"] .group_file > li:first-child .inputFile_design{width:calc(100% - 69px);}
	[data-bbswrite="box"] .list > li div.inputFile_design,
	[data-bbsWrite="file"] .group_file > li .inputFile_design{width:calc(100% - 69px);}
	[data-bbsWrite="file"] .group_file > li .inputFile_design input[type="file"]{width:100%; height:30px; line-height:30px;}
	.inputFile_design i{display:none !important;}
	.inputFile_design input[type="text"]{overflow:hidden; position:absolute; width:1px !important; min-width:1px !important; height:1px !important; padding:0; margin:-1px; border:0; clip:rect(0,0,0,0);}
	.inputFile_design label{display:none;}
	.inputFile_design .designCheck label{display:inline-block;}
	.inputFile_design .button{position:static; font-size:0.9rem;}
	.inputFile_design input[type="file"]{position:static; width:auto; height:auto; padding:inherit; margin:0px; border:inherit; clip:inherit; font-size:13px; vertical-align:middle;}
	
	.area_file{padding-left:20px;}
	
	.inputCheck_design input[type="checkbox"] + label,
	.inputCheck_design input[type="radio"] + label{font-size:15px;}
	
	.pagination{margin-top:10px;}
	.pagination > a,
	.pagination > *{font-size:13px;}
	
	.area_login{margin-top:20px; padding:0px;}
	.area_login.small{padding:0px;}
	[data-member="login"],
	[data-member="certify"],
	[data-member="pass"],
	[data-member="login"].right{float:none; width:100% !important; min-height:inherit; border-right-width:0px; border-left-width:0px; padding:30px !important;}
	[data-member="login"],
	[data-member="certify"]{border-bottom:1px solid #ddd;}
	[data-member="pass"]{padding-top:30px;}
	[data-member="login"].right{padding-top:30px; padding-left:0px; border-bottom-width:0px;}
	[data-member="login"].input{border-bottom-width:0px;}
	[data-member="certify"] p br,
	[data-member="pass"] p br{display:block;}
	[data-member="pass"] p:before{width:100px; height:100px;}
	.box_gray [data-member="login"].input,
	.area_join_check [data-member="login"].input{padding:0px !important;}
	
	.area_findBiz{padding:0px;}
	
	.area_certi{padding:0px;}
	.area_certi:not(.popup) [class*="certi_"]{float:none; max-width:60%; width:auto; min-height:inherit; margin:0px auto; padding:30px; border-top:1px solid #ddd;}
	.area_certi:not(.popup) [class*="certi_"]:after{display:none;}
	.area_certi:not(.popup) .certi_phone{border-top-width:0px;}
	.area_certi:not(.popup) .btn_login.round{position:static;}
	.area_certi:not(.popup) [data-member="login"].input{max-width:60%; margin-bottom:0px; padding:30px 0px !important;}
	.area_certi [class*="certi_"]:before{width:97px; height:97px; background-size:100% auto;}
	.area_certi.small.popup{max-width:inherit;}
	
	[data-join="depth"] > ul > li{padding:0 15px;}
	[data-join="depth"] > ul > li span{width:110px; height:110px; font-size:16px;}
	[data-join="depth"] > ul > li em{font-size:14px;}
	[data-join="depth"] > ul > li:after{right:-10px; width:18px; height:15px;}
	
	.area_join_check{padding-left:165px;}
	.area_join_check:before{left:30px; width:97px; height:97px; background-size:100% auto;}
	.area_join_check p{font-size:15px;}
	.area_join_check .info{margin-top:20px; font-size:16px;}
	.area_join_check.password [data-member="login"].input ul > li em,
	.area_join_check.password [data-member="login"].input ul > li label{width:20%;}
	.area_join_check.password [data-member="login"].input ul > li input[type="text"],
	.area_join_check.password [data-member="login"].input ul > li input[type="password"]{flex:auto; width:100%;}
	.area_join_check.withdraw{padding-right:50px;}
	.area_join_check .join_all_box{margin-left:-165px;}
}

@media screen and (max-width:640px){
	[data-bbsSearch="box"] ul > li.ui em{display:none;}
	[data-bbsSearch="box"].depart .group_select{flex-wrap:wrap;}
	[data-bbsSearch="box"].depart .group_select > li{flex:1 1 40%;}
	
	[data-bbsList="webzin"] .list li.no_data{width:calc(100% - 25px);}
	
	[data-bbsList] [data-icon="notice"]{height:18px; line-height:16px;}
	[data-bbsList] [data-icon="notice"]:before{line-height:16px;}
	
	[data-bbsView="top"]{padding:30px 10px;}
	[data-bbsView="conts"]{padding:35px 10px;}
	[data-bbsView="page"]{margin-top:15px;}
	[data-bbsView="page"] ul > li > span{width:90px;}
	[data-bbsView="page"] ul > li > em{width:calc(100% - 185px);}
	
	[data-bbsList="gallery"] li{width:calc(100% / 2 - 20px);}
	[data-bbsList="gallery"] li:nth-child(3n+1){clear:none;}
	[data-bbsList="gallery"] li:nth-child(2n+1){clear:left;}
	[data-bbsList="gallery"] li > a > span:not(.img){padding:15px;}
	[data-bbsList="gallery"] li > a > span:not(.img) span{padding-right:0px;}
	[data-bbsList="gallery"] li > a > span:not(.img) span:after{display:none;}
	[data-bbsList="gallery"] li > a > span:not(.img) span[data-bbsbody="count"],
	[data-bbsList="gallery"] li > a > span:not(.img) span[data-bbsbody="file"]{display:none;}
	[data-bbsList="gallery"] li > a > span:not(.img) em{font-size:16px;}
	.ie [data-bbsList="gallery"] li{width:calc(100% / 2 - 20.1px);}
	
	[data-bbsList="gallery"].webzin02 li > a > span:not(.img){padding-left:20px;}
	[data-bbsList="gallery"].webzin02 li > a > span:not(.img) em{padding-right:0px;}
	[data-bbsList="gallery"].webzin02 li > a > span:not(.img) span[data-bbsbody="count"]{display:block;}
	
	[data-bbsList="webzin"] .list{margin-left:-25px;}
	[data-bbsList="webzin"] .list > li{width:calc(100% / 3 - 25px); margin-left:25px;}
	[data-bbsList="webzin"] .list > li:nth-child(4n+1){clear:none;}
	[data-bbsList="webzin"] .list > li:nth-child(3n+1){clear:left;}
	[data-bbsList="webzin"] .list > li > a > span:not(.img) em{font-size:16px;}
	.ie [data-bbsList="webzin"] .list > li{width:calc(100% / 3 - 25.1px);}
	
	[data-bbswrite="birth"] div > span{display:block; margin-top:5px; margin-left:0px;}
	
	[data-bbswrite="box"] .list > li input[type="text"],
	[data-bbswrite="box"] .list > li input[type="password"]{width:100%;}
	[data-bbswrite="box"] .list > li:not([data-bbswrite="tel"]) select{width:100% !important;}
	[data-bbswrite="path"] ul > li span{display:block; width:100%;}
	[data-bbswrite="path"] ul > li span input[type="text"]{width:auto !important;}
	
	[data-join="depth"] > ul > li{padding:0 10px;}
	[data-join="depth"] > ul > li:first-child{padding-left:0px;}
	[data-join="depth"] > ul > li:last-child{padding-right:0px;}
	[data-join="depth"] > ul > li span{width:100px; height:100px;}
	[data-join="depth"] > ul > li:after{right:-11px;}
	
	.area_join_check.password [data-member="login"] ul > li em,
	.area_join_check.password [data-member="login"] ul > li label{width:25%;}
	.form_withdraw .input500{width:100% !important;}
	
	.area_certi:not(.popup) [class*="certi_"]{max-width:inherit;}
}

@media screen and (max-width:580px){
	[data-bbsSearch="box"].mini ul input[type="text"]{width:100%; min-width:inherit;}
	[data-bbsSearch="box"].mini ul > li{flex:auto;}
	
	[data-bbsList="bookmark"].table tr{display:block;} 
	[data-bbsList="bookmark"] td[data-bbsBody]{display:block; float:none; text-align:left;}
	[data-bbsList="bookmark"] td[data-bbsBody]:after{display:none;}
	
	[data-bbsList="depart_only"] .info > li em{width:80px;}
	
	[data-bbsView="comment"] .box_textarea{padding-left:15px; padding-right:15px;}
	[data-bbsView="comment"] .box_textarea .button{right:15px;}
	[data-bbsView="comment"] .box_textarea em{font-size:16px;}
	[data-bbsView="comment"] .list > li{padding:15px 0;}
	[data-bbsView="comment"] .comment_btn{top:22px; right:0px;}
	[data-bbsView="comment"] .comment_btn a{font-size:14px;}
	
	[data-bbswrite="tel"] > div{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center;}
	[data-bbswrite="tel"] > div span{flex:none; width:10px; text-align:center;}
	[data-bbswrite="tel"] > div input[type="text"],
	[data-bbswrite="box"] [data-bbswrite="tel"] > div select{flex:auto; width:calc(100% / 3 - 20px) !important;}
	[data-bbswrite="box"] span.info{display:block !important; margin-left:0px;}
	[data-bbsWrite="avoid"] > div{isplay:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center;}
	[data-bbsWrite="avoid"] > div input[type="text"].input200{flex:auto; width:calc(100% - 157px) !important;}
	[data-bbsWrite="avoid"] > div .button{flex:none;}
	[data-bbswrite="avoid"] .group_file > li .button + .button{min-width:50px; padding:0 5px; margin-left:0px;}
	[data-bbswrite="avoid"] .group_file > li .button.gray + .button.gray{margin-left:3px;}
	[data-bbsWrite="file"] .group_file > li:first-child .inputFile_design.mob{width:calc(100% - 55px);}
	[data-bbsWrite="file"] .group_file > li .inputFile_design.mob{width:calc(100% - 55px);}
	[data-bbsWrite="file"] .group_file > li .button{min-width:50px; padding:0 5px; margin-left:0px;}
	[data-bbsWrite="file"] .group_file > li .button.gray{margin-left:3px;}
	
	.area_certi [class*="certi_"]{max-width:90%;}
	.area_certi [data-member="login"].input{max-width:90%;}
	
	[data-join="depth"] > ul > li span{width:80px; height:80px; font-size:14px;}
	[data-join="depth"] > ul > li em{font-size:13px;}
	.area_join article{padding:20px 15px;}
	.area_join_check{padding:20px 30px; text-align:center;}
	.area_join_check:before{position:static; width:90px; height:90px; margin:0 auto 25px;}
	.area_join_check p br{display:block;}
	.area_join_check.find h4{padding-top:0px;}
	.area_join_check.password [data-member="login"].input ul > li em,
	.area_join_check.password [data-member="login"].input ul > li label{width:70px; text-align:left;}
	.area_join_check.withdraw{padding-right:30px;}
	.area_join_check.withdraw .list_dot li{text-align:left;}
	.area_join_check.withdraw.find{padding-bottom:40px;}
	.area_join_check.withdraw.find p{display:inline; word-break:keep-all;}
	.form_withdraw{text-align:left;}
	.area_join_check .join_all_box{margin-left:-30px; margin-right:-30px; text-align:left;}
	.area_join_check .list_check > li{text-align:left;}
}

@media screen and (max-width:460px){
	.button.ico.right.map:after{width:9px; height:13px; margin-top:-3px;}
	
	[data-bbsSearch="box"] dl dt{width:90px !important;}
	
	[data-bbsList="depart"] td[data-bbsBody="depart"]{flex:auto; width:100%; text-align:left;}
	[data-bbsList="depart"] td[data-bbsBody="depart"]:after{display:none;}
	
	[data-bbsList="depart_only"] span.img{width:100px; padding-top:127px;}
	[data-bbsList="depart_only"] .info > li em{width:70px;}
	[data-bbsList="depart_only"] .info > li i{word-break:break-all;}
	
	[data-bbswrite="id"] > div{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center;}
	[data-bbswrite="id"] .input300{flex:auto; width:calc(100% - 80px) !important; margin-right:5px;}
	[data-bbswrite="id"] .button{flex:none; width:75px;}
	[data-bbswrite="mail"] > div input[type="text"]:nth-of-type(1){width:calc(100% - 20px) !important;}
	[data-bbswrite="mail"] > div input[type="text"]:nth-of-type(2){width:100% !important;}
	
	[data-member="login"].input{max-width:inherit; width:100%;}
	[data-member="certify"] p br,
	[data-member="pass"] p br{display:none;}
	
	.area_certi.popup [class*="certi_"]{float:none; max-width:inherit; width:auto; min-height:inherit; margin:0px auto; padding-top:30px; padding-bottom:50px; border-top:1px solid #ddd;}
	.area_certi.popup [class*="certi_"]:after{display:none;}
	.area_certi.popup .certi_phone{padding-top:0px; border-top-width:0px;}
	.area_certi.popup .btn_login.round{position:static;}
	.area_certi.popup .certi_easy{padding-bottom:0px;}
	.area_certi.small.popup .btn_login.round{transform:translateX(0);}
	
	.area_certi:not(.popup) [data-member="login"].input,
	.area_certi:not(.popup) [class*="certi_"]{max-width:inherit;}
	.area_certi:not(.popup) [data-member="login"].input{padding:30px 30px 10px !important;}
	
	.area_join_check .join_all_box{padding-left:30px; padding-right:30px;}
}

@media screen and (max-width:420px){
	.button{padding:8px 10px; font-size:14px;}
	.button.sm{padding-top:2px; padding-bottom:2px; font-size:13px;}
	.button.lg{min-width:100px; font-size:16px;}
	.button.ico:not(.round){padding-top:10px; padding-bottom:10px; font-size:14px;}
	.button[target="_blank"],
	.button.ico.right{padding-top:8px; padding-bottom:8px; font-size:14px;}
	
	.area_btnbox{margin-top:25px;}
	.area_btnbox .button{margin:2px 0px;}
	
	[data-state]{height:20px; line-height:18px; font-size:12px;}
	
	[data-bbsSearch="box"] dl dt{width:80px !important; padding:10px 5px;}
	[data-bbsSearch="box"] dl dd{width:calc(100% - 80px) !important;}
	[data-bbsSearch="box"].depart ul:not(.group_select){flex-wrap:wrap;}
	[data-bbsSearch="box"].depart ul:not(.group_select) > li:first-child{flex:auto;}
	[data-bbsSearch="box"].depart ul > li.btn{width:100%;}
	[data-bbsSearch="box"].depart ul > li.btn .btn_search.only{margin:2px auto;}
	[data-bbsSearch="box"].depart ul li .btn_search.only{min-width:100px; padding:0 10px 0 35px; background-position:20% 50%; font-size:14px;}
	
	.video_subtitle .box{padding:15px 20px;}
	.video_subtitle .btn_more{font-size:14px;}
	
	td[data-bbsBody]{padding-right:5px !important; margin-right:3px;}
	td[data-bbsBody]:after{right:-3px;}
	td[data-bbsBody="subject"]{margin-right:0px;}
	
	[data-bbsList="gallery"] li.no_data{margin-top:-10px;}
	[data-bbsList="webzin"] .list li.no_data{width:calc(100% - 20px);}
	
	[data-bbsList="gallery"] > ul{padding-top:15px;}
	[data-bbsList="gallery"] li{width:calc(100% - 20px);}
	[data-bbsList="gallery"] li:last-child{margin-bottom:0px;}
	.ie [data-bbsList="gallery"] li{width:calc(100% - 20px);}
	
	[data-bbsList="gallery"].webzin02 li > a > span:not(.img){width:calc(100% - 110px);}
	[data-bbsList="gallery"].webzin02 > ul li{min-height:inherit; padding:15px;}
	[data-bbsList="gallery"].webzin02 > ul li span.img{width:110px; height:70px;}
	
	[data-bbsList="webzin"] .list{margin-left:-20px;}
	[data-bbsList="webzin"] .list > li{width:calc(100% / 2 - 20px); margin-left:20px;}
	[data-bbsList="webzin"] .list > li:nth-child(3n+1){clear:none;}
	[data-bbsList="webzin"] .list > li:nth-child(2n+1){clear:left;}
	[data-bbsbody="first"] [data-bbsbody="date"]{font-size:18px;}
	[data-bbsbody="first"] .box02 em{font-size:20px; line-height:1.4;}
	[data-bbsbody="first"] .box02 .btn{display:flex; flex-flow:row wrap; justify-content:center; align-items:stretch;}
	[data-bbsbody="first"] .box02 .btn > a{flex:auto;}
	[data-bbsbody="first"] .box02 ul > li i,
	[data-bbsbody="first"] .box02 ul > li span{font-size:15px;}
	.ie [data-bbsList="webzin"] .list > li{width:calc(100% / 2 - 20.1px);}
	
	[data-bbsList="faq"] > ul > li > a{padding-right:40px; padding-left:50px; font-size:15px; word-break:break-all;}
	[data-bbsBody="conts"]{padding-left:50px;}
	[data-bbsList="faq"] > ul > li > a:before,
	[data-bbsList="faq"] [data-bbsBody="conts"]:before{left:10px; width:30px; height:30px; line-height:30px;}
	[data-bbsList="faq"] > ul > li > a:after{right:5px;}
	
	#content [data-bbsView="top"] h4{font-size:18px;}
	[data-bbsView="top"] h4 [data-state]{margin-top:-4px;}
	[data-bbsView="conts"]{padding:30px 10px;}
	[data-bbsView="page"] ul > li > i{display:none;}
	[data-bbsView="page"] ul > li > em{width:calc(100% - 90px);}
	
	[data-bbswrite="box"] .list > li{padding:15px 10px;}
	[data-bbswrite="birth"] > div{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center;}
	[data-bbswrite="birth"] > div input[type="text"]{flex:auto; width:calc(100% / 3 - 45px) !important;}
	[data-bbswrite="birth"] > div input[type="text"] + label{flex:none; width:15px;}
	
	.area_file{display:block; margin-left:-50px;}
	.area_file > em{margin-top:0px; margin-bottom:5px;}
	
	.inputCheck_design input[type="checkbox"]:checked + label:after,
	.inputCheck_design input[type="radio"]:checked + label:after{display:none;}
	
	#content .area_login h4{font-size:23px;}
	#content .area_join article h5{font-size:16px;}
	.btn_login.round{height:50px; line-height:50px; margin-top:20px; font-size:14px;}
	[data-member="login"] .btn a{font-size:16px;}
	[data-member="login"] ul > li{margin-top:7px;}
	[data-member="login"] ul > li input[type="text"],
	[data-member="login"] ul > li input[type="password"]{height:50px; line-height:48px; border-radius:5px;}
	[data-member="pass"] .button,
	[data-member="pass"] .button.ico{height:50px; line-height:50px;}
	[data-member="certify"] p,
	[data-member="pass"] p{font-size:15px;}
	[data-member="login"].input{margin-bottom:0px; padding-bottom:0px;}
	#content [data-member="login"].input h4{font-size:23px;}
	[data-member="pass"] p:before{width:80px; height:80px;}
	.area_join_check .join_all_box{padding-bottom:30px;}
	[data-otp="otp_form"] .btn_otp{height:50px;}
	
	[data-join="depth"] > ul > li{padding:0 2px;}
	[data-join="depth"] > ul > li:after{display:none;}
	
	.area_certi [data-member="login"].input{margin-bottom:30px;}
	
	[data-member="certify"] .group_certify{height:auto; min-height:55px; box-sizing:border-box; padding-left:10px; padding-right:10px;}
	.ie [data-member="certify"] .group_certify{min-height:inherit; padding-top:10px; padding-bottom:10px;}
	
}

@media screen and (max-width:380px){
	#content .area_login h4{margin-top:0px;}
	#content [data-bbsView="top"] h4{font-size:17px;}
	
	[data-member="login"] .btn a{font-size:14px;}
	
	.area_certi [class*="certi_"]{max-width:inherit;}
	.area_certi [data-member="login"].input{max-width:inherit;}
	
	[data-join="depth"] > ul > li span{width:70px; height:70px; font-size:13px;}
	[data-join="depth"] > ul > li em{font-size:12px;}
	.area_join_check:before{width:80px; height:80px; margin-bottom:20px;}
}

@media screen and (max-width:370px){
	[data-bbsSearch="box"] ul li .btn_search.only,
	[data-bbsSearch="box"] .button.btn_search{background-size:18px 18px;}
	[data-bbsSearch="box"] ul li .btn_search.only{min-width:100px; padding:0 10px 0 35px; background-position:20% 50%; font-size:14px;}
	[data-bbsSearch="box"].data ul{flex-wrap:wrap;}
	[data-bbsSearch="box"] ul > li.btn{margin-top:10px;}
	[data-bbsSearch="box"].depart_only ul > li{width:100%;}
	[data-bbsSearch="box"].type02 dl{display:block;}
	[data-bbsSearch="box"].type02 dl dt{width:auto !important;}
	[data-bbsSearch="box"].type02 dl dd{width:auto !important;}
}

@media screen and (max-width:350px){
	.button{min-width:80px;}
	.button.ico:not(.round){padding-top:8px; padding-bottom:8px;}
	
	.area_btnbox.type02{padding-top:35px;}
	
	[data-bbsSearch="box"].depart .group_select > li{flex:auto; width:100%;}
	[data-bbsSearch="box"].depart ul:not(.group_select) > li:first-child{width:auto;}
	
	[data-bbsList] [data-icon="notice"]{height:20px; line-height:18px;}
	[data-bbsList] [data-icon="notice"]:before{line-height:18px; font-size:12px;}
	[data-bbsList].table [data-bbsbody="notice"] [data-bbsBody="subject"] > a{padding-left:43px;}
	
	[data-bbsList="depart_only"] span.img{width:80px; padding-top:102px;}
	[data-bbsList="depart_only"] .info > li em,
	[data-bbsList="depart_only"] .info > li i{font-size:13px;}
	
	[data-bbsView="page"] ul > li > span{width:80px;}
	[data-bbsView="page"] ul > li > em{width:calc(100% - 80px);}
	
	[data-bbsList="gallery"] li > a > span:not(.img) em{font-size:15px;}	
	[data-bbsList="gallery"].webzin02 li > a > span:not(.img){width:calc(100% - 90px); padding-left:15px;}
	[data-bbsList="gallery"].webzin02 > ul li span.img{width:90px;}
	
	[data-bbsbody="first"] .box02 em{font-size:18px;}
	[data-bbsbody="first"] [data-bbsbody="date"]{font-size:16px;}
	[data-bbsbody="first"] .box02 ul > li{margin-top:15px;}
	
	[data-bbsView="conts"].cancel .title{font-size:16px;}
	
	[data-bbswrite="path"] ul > li{display:block;}
	[data-bbswrite="box"] [data-bbswrite="path"] > div input[type="text"]{width:100% !important;}
	[data-bbswrite="address"] > div{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center;}
	[data-bbswrite="address"] .input150{flex:auto; width:calc(100% - 105px) !important; margin-right:5px;}
	[data-bbswrite="address"] .button{flex:none; width:100px;}
	
	#content .area_login h4{font-size:20px;}
	.btn_login.round{height:45px; line-height:45px;}
	[data-member="pass"] .button,
	[data-member="pass"] .button.ico{height:45px; line-height:45px;}
	[data-member="login"] ul > li input[type="text"],
	[data-member="login"] ul > li input[type="password"]{height:45px; line-height:43px;}
	#content [data-member="login"].input h4{font-size:20px;}
	[data-otp="otp_form"] .btn_otp{width:80px; height:45px;}
	
	[data-join="depth"] > ul > li{padding:0px;}
	[data-join="depth"] > ul > li span{border-radius:0px;}
	
	.area_join_check{padding:25px 20px;} 
	.area_join_check:before{width:70px; height:70px; margin-bottom:15px;}
	#content .area_join_check h4{font-size:20px;}
	.area_join article ul li{font-size:14px;}
	.area_join_check .join_all_box{margin-left:-20px; margin-right:-20px; padding-left:20px; padding-right:20px;}
}

@media screen and (max-width:320px){
	.search_data{flex-wrap:wrap;}
	.search_data > span{display:none;}
	.search_data label{display:block;}
	.search_data input[type="text"].datepicker{flex:auto; width:100%;}
	
	[data-bbsList].table [data-bbsbody="count"]{display:block; text-align:left;}
	[data-bbsList].table [data-bbsbody="date"],
	[data-bbsList].table [data-bbsbody="count"],
	[data-bbsList].table [data-bbsbody="cate"]{float:none; clear:left; display:block; padding-right:5px !important; margin-right:0px; text-align:left;}
	[data-bbsList].table [data-bbsbody="date"]:after,
	[data-bbsList].table [data-bbsbody="count"]:after,
	[data-bbsList].table [data-bbsbody="cate"]:after{display:none;}
	[data-bbsList].table [data-bbsbody="file"]{float:none; position:absolute; bottom:17px; right:5px;}
	
	[data-bbsList="gallery"].webzin02 > ul li > a{flex-flow:column wrap;}
	[data-bbsList="gallery"].webzin02 > ul li span.img{width:100%; height:auto; padding-top:55%;}
	[data-bbsList="gallery"].webzin02 li > a > span:not(.img){width:100%; padding-left:0px; padding-top:15px;}
	
	[data-bbsList="webzin"] [data-bbsbody="first"]{margin-bottom:30px;}
	[data-bbsList="webzin"] .list > li{margin-bottom:10px;}
	[data-bbsList="webzin"] .list > li > a > span:not(.img) em{font-size:14px;}
	[data-bbsbody="first"] .box02 ul > li i,
	[data-bbsbody="first"] .box02 ul > li span{font-size:14px;}
	
	[data-bbsList="depart_only"] > ul > li:not(.no_data){display:block;}
	[data-bbsList="depart_only"] .view{margin-top:15px;}
	[data-bbsList="depart_only"] span.img{width:100px; padding-top:127px; margin:0 auto;}
	
	[data-bbsView="comment"] .comment_btn{position:static; margin-top:10px; text-align:right;}	
	[data-bbsView="comment"] .comment_btn a{font-size:13px;}
	[data-bbsView="page"] ul > li > span{font-size:13px;}
	
	[data-bbsWrite="file"] .group_file > li:first-child .inputFile_design,
	[data-bbsWrite="file"] .group_file > li:first-child .inputFile_design.mob,
	[data-bbsWrite="file"] .group_file > li .inputFile_design,
	[data-bbsWrite="file"] .group_file > li .inputFile_design.mob{width:100%;}
	[data-bbsWrite="file"] .group_file > li .button{height:25px; line-height:23px; font-size:12px;}
	[data-bbsWrite="file"] .group_file > li{text-align:right;}
	
	.file_view > li > a:not(.btn_del){font-size:13px;}
	
	.video_subtitle .box{padding:15px;}
	
	[data-member="login"] ul > li input[type="text"],
	[data-member="login"] ul > li input[type="password"]{padding-left:10px; padding-right:10px;}
	[data-member="login"] .btn a{margin:0 5px;}
	[data-member="login"] .btn a:before{left:-7px;}
	[data-member="pass"] p{font-size:14px;}
	
	[data-join="depth"] > ul > li{padding:2px 0px;}
	
	[data-member="login"].input ul{margin-top:0px; marign-bottom:20px;}
	.area_join_check.withdraw.find{padding-bottom:30px;}
	[data-member="login"],
	[data-member="certify"],
	[data-member="pass"],
	[data-member="login"].right{padding:20px !important;}
}

@media screen and (max-width:300px){
	[data-bbsList].table [data-bbsbody="file"]{display:none;}
	[data-bbsView="top"]{padding:20px 5px;}
	#content [data-bbsView="top"] h4{font-size:16px;}
	
	.area_join_check{padding:25px 15px;}
	
	[data-otp="otp_form"]{display:block;}
	[data-otp="otp_form"] .btn_otp{width:100%; margin-left:0px;}
}