@charset "utf-8";

/***************************************** font *****************************************/
@font-face {
	font-family:"Noto Sans KR";
	font-weight:300;
	font-style:normal;
	src:url("../../../inc/font/NotoSansKR-Light.eot?") format("eot"),
	url("../../../inc/font/NotoSansKR-Light.otf") format("opentype"),
	url("../../../inc/font/NotoSansKR-Light.woff") format("woff"),
	url("../../../inc/font/NotoSansKR-Light.woff2") format("woff2");
}

@font-face {
	font-family:"Noto Sans KR";
	font-weight:400;
	font-style:normal;
	src:url("../../../inc/font/NotoSansKR-Regular.eot?") format("eot"),
	url("../../../inc/font/NotoSansKR-Regular.otf") format("opentype"),
	url("../../../inc/font/NotoSansKR-Regular.woff") format("woff"),
	url("../../../inc/font/NotoSansKR-Regular.woff2") format("woff2");
}

@font-face {
	font-family:"Noto Sans KR";
	font-weight:500;
	font-style:normal;
	src:url("../../../inc/font/NotoSansKR-Medium.eot?") format("eot"),
	url("../../../inc/font/NotoSansKR-Medium.otf") format("opentype"),
	url("../../../inc/font/NotoSansKR-Medium.woff") format("woff"),
	url("../../../inc/font/NotoSansKR-Medium.woff2") format("woff2");
}

@font-face {
	font-family:"Noto Sans KR";
	font-weight:700;
	font-style:normal;
	src:url("../../../inc/font/NotoSansKR-Bold.eot?") format("eot"),
	url("../../../inc/font/NotoSansKR-Bold.otf") format("opentype"),
	url("../../../inc/font/NotoSansKR-Bold.woff") format("woff"),
	url("../../../inc/font/NotoSansKR-Bold.woff2") format("woff2");
}


/***************************************** reset *****************************************/
* {margin:0;padding:0;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;letter-spacing:-0.25px;font-style:normal;font-family:'Noto Sans KR','Malgun Gothic','AppleGothic',Helvetica,Arial,Sans-Serif;word-break:keep-all;-webkit-text-size-adjust:none;}
body {min-height:100%;height:100%;font-size:18px;font-weight:400;font-family:'Noto Sans KR','Malgun Gothic','AppleGothic',Helvetica,Arial,Sans-Serif;line-height:1.6;color:#000;}
legend,caption {visibility:hidden;width:0;height:0;font-size:0;line-height:0}
em{font-style:normal}
textarea {width:99%;padding:10px;border:1px solid #ddd;font-size:15px;font-family:'Noto Sans KR','Malgun Gothic','AppleGothic',Helvetica,Arial,Sans-Serif;color:#000;background:#fff;vertical-align:middle;resize:none;}
select, input {vertical-align:middle;border-radius:0;box-shadow:none;}
ul,ol,li,dl,dt,dd {list-style:none}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, header, output, ruby, section, summary,time, mark, audio, video {margin:0;padding:0;font-size:inherit;}
img {border:0;vertical-align:top;max-width:100%;height:auto;}
fieldset {border:0}
table {border-collapse:collapse;color:#000;table-layout:fixed;border-spacing:0;width:100%;margin:0;}
th {text-align:center;color:#000;font-size:18px;font-weight:500;}
td {}
strong {font-weight:700;}
button {overflow:visible;cursor:pointer;background:none;border:0;}
button:focus {outline:none;}
a {color:#000;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,.1);}
a:hover{color:#000;text-decoration:underline}

.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mt5 {margin-top:5px !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;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.pt0 {padding-top:0px !important;}
.pt10 {padding-top:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}

.link {color:#008cd4;text-decoration:underline}
.link:hover {color:#008cd4;}

.f_black {color:#000 !important;}
.f_blue {color:#008cd4 !important;}
.f_red {color:#f85967 !important;}
.f_white {color:#ffffff !important;}
.f_gray {color:#909090 !important;}

.over_h {overflow:hidden !important;}
.vat {vertical-align:top !important;}
.vam {vertical-align:middle !important;}
.fw_n {font-weight:normal !important;}
.fw_b {font-weight:bold !important;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}
.tac {text-align:center !important;}
.fl {float:left !important}
.fr {float:right !important}

.blind {position:absolute !important;left:-9999em;width:0;height:0;margin:0;padding:0;text-indent:-9999em;overflow:hidden;font-size:0;line-height:0;}


/***************************************** common *****************************************/
/* form */
input[type=text],
input[type=password],
input[type=tel],
input[type=file] {padding:0;height:56px;border:1px solid #ddd;font-size:18px;color:#000;background:#fff;text-indent:20px;border-radius:8px;}
select {height:56px;padding:4px 28px 4px 20px;border:1px solid #ddd;font-size:18px;color:#000;border-radius:8px;background:url('../images/bg_selectbox.png') no-repeat right center;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
select::-ms-expand {display:none;}

.checkbox input[type="checkbox"]:disabled + label:before,
.radio input[type="radio"]:disabled + label:before {background:#ddd;}

.checkbox.block input[type="checkbox"] + label,
.radio.block input[type="checkbox"] + label {padding-top:30px;}
.checkbox.block input[type="checkbox"] + label:before,
.radio.block input[type="checkbox"] + label:before {margin:0 0 0 -11px;position:absolute;top:0;left:50%;}

.checkbox {display:inline-block;position:relative;}
.checkbox input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.checkbox input[type="checkbox"] + label {display:inline-block;position:relative;cursor:pointer;}
.checkbox input[type="checkbox"] + label:before {content:'';display:inline-block;width:20px;height:20px;line-height:20px;margin:-2px 8px 0 0;text-align:center;vertical-align:middle;background:#fff;border:1px solid #ddd;border-radius:3px;}
.checkbox input[type="checkbox"]:checked + label:before {content:'';color:#fff;background:#1187c9 url("../images/bg_checkbox.png") no-repeat center center ;border-color:#1187c9;}
.checkbox.single input[type="checkbox"] + label:before {margin-right:0;}

.radio {display:inline-block;position:relative;}
.radio input[type="radio"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.radio input[type="radio"] + label {display:inline-block;position:relative;cursor:pointer;}
.radio input[type="radio"] + label:before {content:'';display:inline-block;width:20px;height:20px;line-height:20px;margin:-2px 8px 0 0;text-align:center;vertical-align:middle;background:#e4e4e4 url("../images/bg_radio.png") no-repeat center center;border:1px solid #e4e4e4;border-radius:20px;}
.radio input[type="radio"]:checked + label:before {content:'';color:#fff;background-color:#1187c9;border-color:#1187c9;}
.radio.single input[type="radio"] + label:before {margin-right:0;}

.checkList {overflow:hidden;margin-left:-20px;}
.checkList .checkbox, .checkList .radio {margin-left:20px;}

input::placeholder {font-size:16px;line-height:1 !important;font-weight:300;color:#b7b7b7;}
input::-webkit-input-placeholder {font-size:16px;line-height:1 !important;font-weight:300;color:#b7b7b7;}
input:-ms-input-placeholder {font-size:16px;line-height:1 !important;font-weight:300;color:#b7b7b7;}
input:-mos-input-placeholder {font-size:16px;line-height:1 !important;font-weight:300;color:#b7b7b7;}

.inpAddr .post {position:relative;}
.inpAddr .post input {width:calc(100% - 130px);}
.inpAddr .post .btn {width:120px;position:absolute;right:0;top:0;}
.inpAddr > input {margin-top:10px;}

.inpUnit {display:inline-block;}
.inpUnit select, .inpUnit input {width:74px !important;height:34px;text-indent:0;border-radius:4px;vertical-align:middle;font-size:16px;}
.inpUnit input {padding-right:10px;text-align:right;width:72px !important;}

.filebox {position:relative;}
.filebox .uploadName {display:inline-block;vertical-align:middle;width:calc(100% - 130px);height:56px;border:1px solid #ddd;font-size:18px;color:#000;background:#fff;text-indent:20px;border-radius:8px;}
.filebox label {display:inline-block;padding:0;width:120px;height:56px;color:#000;line-height:56px;font-size:18px;border-radius:8px;border:1px solid #000;text-align:center;cursor:pointer;position:absolute;right:0;top:0;}
.filebox input[type="file"] {position:absolute;width:0;height:0;padding:0;overflow:hidden;border:0;}

.tblForm {padding:30px 0;width:100%;border-top:1px solid #000;border-bottom:1px solid #ddd;}
.tblForm th {padding:10px 10px 10px 0;text-align:left;font-weight:500;}
.tblForm td {padding:10px 0;}
.tblForm td input,
.tblForm td select {width:100%;}
.tblForm th > em {font-weight:500;color:#fb3939;}
.tblForm th.vat {padding-top:24px;}
.tblForm .bm {margin-top:20px;}

/* btn */
.btnArea {margin-top:50px;overflow:hidden;text-align:center;}
.btnArea .btn {margin:0 5px;}

.btn {display:inline-block;padding:0 10px;min-width:180px;height:64px;border-radius:10px;font-size:20px;font-weight:500;color:#fff !important;line-height:64px;background-color:#000;text-align:center;}
.btn span {display:inline-block !important;}
.btn.mid {min-width:auto;height:56px;line-height:56px;border-radius:8px;font-weight:400;}
.btn.sm {min-width:auto;height:30px;line-height:30px;font-size:14px;border-radius:4px;}
.btn.gr {background-color:#626262;}
.btn.bk {background-color:#000;}
.btn.bdr {border:1px solid #000;color:#000 !important;background-color:transparent !important;}

.btn.download {padding-left:34px;background:url('../images/bg_btn_download.png') 10px center no-repeat;border-color:#ddd;}
.btn.login {padding:0;width:100%;height:60px;line-height:60px;font-size:18px;font-weight:700;background-color:#3e5cbb;border-radius:0;}

/* nodata */
.noData {padding:80px 0 !important;text-align:center !important;color:#7e7e7e !important;}

.paging {padding-top:40px;text-align:center;}
.paging a, .paging strong {display:inline-block;min-width:36px;height:36px;vertical-align:top;line-height:36px;font-size:14px;font-weight:300;}
.paging strong {font-weight:500;}
.paging .first,
.paging .prev,
.paging .next,
.paging .last {font-size:0;margin:0 -2px;line-height:0;letter-spacing:0;word-spacing:0;text-indent:-9999px;background-image:url('../images/bg_paging.png');background-repeat:no-repeat;}
.paging .first {background-position:0 0;}
.paging .prev {background-position:-36px 0;margin-right:10px;}
.paging .next {background-position:-72px 0;margin-left:10px;}
.paging .last {background-position:-108px 0;}

/* table */
.tblTop {margin-bottom:20px;}
.tblTop .btn,
.tblTop input {height:40px;line-height:40px;}
.tblTop select {height:40px;}
.tblTop::after {display:block;content:'';clear:both;}

.tbl {border-top:1px solid #000;}
.tbl th {padding:15px 2px;border-bottom:1px solid #ddd;border-left:1px solid #efefef;font-size:14px;letter-spacing:-0.6px;line-height:18px;}
.tbl td {padding:15px 10px 15px 2px;border-bottom:1px solid #ddd;border-left:1px solid #efefef;font-size:16px;text-align:right;line-height:20px;}
.tbl .line {border-left:1px solid #efefef !important;}
.tbl .tac {padding-right:2px;text-align:center !important;}
.tbl .total {color:#008cd4;}
.tbl td select {width:100%;padding-left:10px;}
.tbl thead th:first-child, .tbl tbody th {border-left:none;}
.tbl thead th {background:#fbfbfb;}
.tbl thead th em {color:#008cd4;}

.tbl02 {border-top:1px solid #e2e2e8;}
.tbl02 table {width:100%;font-size:14px;}
.tbl02 thead th {padding:10px 0;border-bottom:1px solid #e2e2e8;border-left:1px solid #e2e2e8;background:#eeeff4;font-size:14px;}
.tbl02 thead tr th:first-of-type {border-left:none;}
.tbl02 tbody th {padding:10px 5px;text-align:left;border-bottom:1px solid #e2e2e8;border-right:1px solid #e2e2e8;background:#f3f4f9;word-break:break-all;}
.tbl02 tbody td {padding:10px 5px;border-left:1px solid #e2e2e8;border-bottom:1px solid #e2e2e8;}
.tbl02 tbody tr td:first-of-type {border-left:none;}
.tbl02.tac td {padding:10px 0;text-align:center;}

/*Box*/
.box-style1 {padding:20px; background:#f4f4f4;}
.box-style2 {padding:20px; border:1px solid #e3e3e3;}

.ul_type00 {}
.ul_type00 > li {margin-top:7px;}
.ul_type00 > li:first-child {margin-top:0;}

.ul_type01 {}
.ul_type01 > li {padding-left:10px;margin-top:7px;background:url("../images/bl_dot02.png") no-repeat 0 8px;}
.ul_type01 > li:first-child {margin-top:0;}

.dl_type01 {}
.dl_type01 dt {margin-bottom:8px;font-weight:700;font-size:18px;}
.dl_type01 dd {margin-top:5px;font-size:15px;}

.dl_type02 dt {padding-left:37px;margin-bottom:10px;line-height:24px;background:url("../images/bl_chk.png") no-repeat 0 0;font-weight:400;}
.dl_type02 dd {padding-left:37px;margin-top:3px;}

.dl_type03 {}
.dl_type03 dt {margin-bottom:8px;font-weight:700;color:#5e63a2;}
.dl_type03 dd {margin-top:5px;font-size:15px;}
.dl_type03 + .dl_type03 {margin-top:10px;}

/************************ 게시판 **********************/
/* Board Top */
.board_top {margin-bottom:20px;}

.board_search {float:right;text-align:center; display:flex;}
.board_search img {vertical-align:middle;line-height:24px;}
.board_search select {width:100px; margin-right:5px;}
.board_search > input {width:250px;}
.board_search .btn {/*margin-left:-5px;*/ min-width:75px; height:40px;line-height:40px;font-size:14px;color:#fff;background:#fca000;border:0;vertical-align:middle;}

.btn_sort_num_wrap{width:100%; display:flex;}
.btn_sort_num_wrap button{margin-right:5px;}

.board_search form{display:flex;}
.board_search form input{width:260px; height:40px; line-height:40px;}


/* Board List */
.board_list {width:100%;clear:both;border-top:2px solid #2d2f44;}
.board_list thead tr th {padding:20px 0 17px 0;border-bottom:1px solid #757575;color:#2d2f44;text-align:center;}
.board_list tbody tr td {padding:15px 0 15px 0;border-bottom:1px solid #ddd;text-align:center;}
.board_list tbody tr td img {/*margin:-2px 4px 0 0;vertical-align:middle;*/}

.board_list tbody .sbj a{display:flex; align-items:center; text-align:left;}
.board_list tbody .sbj a .txt_omit{width:auto; max-width:calc(100% - 32px - 29px);}



@media screen and (max-width:767px){
	.board_search{flex-direction: column; width: 100%;}
	.btn_sort_num_wrap{margin-bottom:5px; justify-content:center;}

	
	.board_search form input{width: calc(100% - 78px);}
	.board_search input.width_select{width:calc(100% - 187px);}
	
}
@media screen and (max-width:479px){
	/*.board_search{float: none; width: 100%; position: relative; padding: 0 56px 0 105px;}
	.board_search input{width:100%;}
	.board_search select{position: absolute; left: 0; top: 0;}
	.board_search .btn{position: absolute; right: 0; top: 0;}*/
	.board_list tbody .sbj a .txt_omit{width:100%; max-width:calc(100% - 53px);}
}



/********** pagenation *************/
.paging {margin-top:30px;text-align:center;}
.paging a {display:inline-block;min-width:40px;height:40px; line-height:40px; border:1px solid #ddd;vertical-align:middle;}
.paging span {margin:2px 0; display:inline-block;vertical-align:middle;}
.paging span a {margin:2px 0; text-align:center;text-decoration:none;}
.paging span a:hover,
.paging span a.on {background:#fca000;color:#fff;border-color:#fca000;transition:none;-webkit-transition:none;}
.paging > a {background:url("../../_images/common/bg_paging.png") no-repeat;}
.paging > a.first {background-position:0 0;}
.paging > a.prev {background-position:0 -50px;}
.paging > a.next {background-position:-50px -50px;}
.paging > a.last {background-position:-50px 0;}

@media screen and (max-width:767px){
	/*.paging > span:nth-of-type(6) ~ .paging > span:nth-of-type(9){display:none;}*/
	.paging > span:nth-of-type(6), .paging > span:nth-of-type(7), 
	.paging > span:nth-of-type(8), .paging > span:nth-of-type(9),
	.paging > span:nth-of-type(10){display:none;}
}

@media screen and (max-width:479px){
	.paging a {font-size:14px;}
	.paging > span:nth-of-type(4), .paging > span:nth-of-type(5){display:none;}
}

/* Board View */
.board_view {width:100%;overflow:hidden;border-top:2px solid #2d2f44;}
.board_view .view_top {padding:36px 0 30px 0;border-bottom:1px solid #ddd;}
.board_view .view_top strong {display:block;font-size:28px;line-height:33px;text-align:center;font-weight:400 !important;}
.board_view .view_top .view_top_add {display:block;margin-top:20px;text-align:center;font-size:15px;color:#adadad;font-weight:300;line-height:1;}
.board_view .view_top .view_top_add > span{display:inline-block;margin:0 15px;}
.board_view .view_cont {padding:40px;overflow:hidden;border-bottom:1px solid #ddd;line-height:26px;}
.board_view .view_cont_in {min-height:250px;}

/*.board_view .view_cont_in img {max-width:1080px;} 모바일용 때문에 주석*/
/*.board_view .view_cont_in img {max-width: -webkit-fill-available;}*/

.board_view .view_file {margin:-20px 0 40px 0;overflow:hidden;text-align:center;line-height:16px;}
.board_view .view_file img {vertical-align:middle;margin-right:5px;}
.board_view .view_file a {display:inline-block; padding-right:20px; font-size:15px;line-height:16px;font-weight:300;color:#777;/*margin:2px 0 2px 15px; background:url("../../_images/common/ico_file.png") no-repeat 0 center;*/}
.board_view .view_file a:last-child{padding-right:0;}
.board_view .view_prevnext {}
.board_view .view_prevnext > li {padding:22px 40px 18px 180px;border-bottom:1px solid #ddd;overflow:hidden;position:relative;}
.board_view .view_prevnext span,
.board_view .view_prevnext a {display:block;line-height:20px;overflow:hidden;}
.board_view .view_prevnext a {white-space:nowrap;text-overflow:ellipsis;}
.board_view .view_prevnext .stt {width:100px;background:url("../../_images/common/bg_prevnext.png") no-repeat right 0;position:absolute;left:40px;top:22px;}
.board_view .view_prevnext .next .stt {background-position:right -30px;}

@media screen and (max-width:479px){
	.board_view .view_cont{padding:40px 0;}
	.board_view .view_top strong{font-size:22px;}
	.board_view .view_cont{font-size:14px;}
	.board_view .view_file{margin-bottom:10px;}
	.board_view .view_file a{width:100%; margin-bottom:5px; padding-right:0;}

	.board_view .view_prevnext{font-size:14px;}
	.board_view .view_prevnext > li{padding:18px 20px 18px 100px;}
	.board_view .view_prevnext .stt{width:70px; left:10px; top:18px;}
}



/***************************************** layout *****************************************/
#wrap{overflow:hidden;min-width:320px;}
#container{padding:70px 0 100px 0;width:100%;}
#content{width:650px;margin:0 auto;}
.section {padding:25px 20px 50px 20px;border-radius:10px;background:#fff;box-shadow:0px 3px 3px 0px rgba(0,0,0,0.07);position:relative;}
.section::after {display:block;content:'';clear:both;}

header{padding-top:20px;width:100%;height:90px;background-image:url('../images/bg_header.png');background-repeat:no-repeat;background-position:center;background-size:cover;text-align:center;position:relative;}
h1 {display:inline-block;width:264px;height:54px;overflow:hidden;background-image:url('../images/logo_ex.png');background-repeat:no-repeat;background-position:center;background-size:cover;}
h1 a {display:block;font-size:0;height:100%;}
header .util {position:absolute;right:20px;bottom:20px;}
header .util a {margin-left:10px;font-size:12px;font-weight:700;color:#fff;opacity:0.4;}
header .util a.on {opacity:1;}

/* footer */
footer {padding:30px 0;text-align:center;background-color:#e5eef8;}
footer * {font-size:12px;color:#8192a5;letter-spacing:0;font-weight:300;}

/* 타이틀 */
h2 {margin:0;font-size:34px;font-weight:700;letter-spacing:-0.5px;}
h3, .h3 {margin:60px 0 20px 0;font-size:24px;font-weight:700;letter-spacing:0;line-height:30px;}
h3.first, .h3.first {margin-top:0;}
h4, .h4 {margin:0 0 13px 0;font-size:18px;font-weight:700;letter-spacing:0;line-height:20px;}

.titArea{overflow:hidden;margin-bottom:55px;text-align:center;}

.titStep {margin-top:30px;}
.titStep ol {display:inline-block;position:relative;}
.titStep ol::after {display:block;content:'';width:100%;height:1px;background-color:#eaeaea;position:absolute;left:0;right:0;top:18px;z-index:-1;}
.titStep li {display:inline-block;width:36px;height:36px;text-align:center;font-size:14px;line-height:36px;font-weight:700;background:#e0e0e0;border-radius:36px;color:#fff;}
.titStep li:first-child {margin-right:40px;}
.titStep li:last-child {margin-left:40px;}
.titStep li.on {background-color:#008cd4;}

.stitArea {margin-bottom:20px;overflow:hidden;position:relative;}
.stitArea h3 {float:left;margin-bottom:0;}
.stitArea .addBtn {position:absolute;right:0;bottom:0;}


/***************************************** content *****************************************/
/* 약관 */
.termsBox {padding:25px 30px;max-height:210px;overflow:hidden;overflow-y:auto;border:1px solid #ddd;border-radius:8px;}
.termsBox p {line-height:28px;}
.termsBox > h4 {margin:40px 0 15px 0;font-size:18px;color:#000000;font-weight: 600;}
.termsBox > h5 {margin:20px 0 5px 0;font-size:16px;color:#008cd4;font-weight: 500;}
.termsBox > h4:first-of-type {margin-top:0;}
.termsBox .top {margin-bottom:30px;}
.termsBox .mid {margin-bottom:10px;}
.termsBox .add {margin-top:5px;}
.termsBox .bm {margin-top:30px;}
.termsBox {margin-top:30px;}
.agreeCheck {margin-top:20px;}

/* 참가 옵션 */
.box {padding:0;overflow:hidden;border:1px solid #ddd;border-radius:8px;}
.box .boxIn {padding:25px 30px;border-top:1px solid #ddd;}
.box .boxIn:first-child {border-top:none;}
.box .boxIn.bg {background-color:#fbfbfb;}

.ul_ty01 > li {padding-left:15px;margin-top:5px;background:#fff url('../images/bl01.png') no-repeat 0 13px;background-size:6px 3px;font-size:16px;line-height:30px;}
.ul_ty01 > li:first-child {margin-top:0;}
.ul_ty01 > li > p {color:#888;}
.ul_ty01 > li > em {color:#008cd4;}

.csInfo * {display:inline-block;font-size:18px;color:#008cd4 !important;height:42px;line-height:42px;}
.csInfo .tel {padding-left:51px;background:url('../images/bg_csinfo01.png') no-repeat 0 0;background-size:auto 42px;}
.csInfo .email {padding-left:62px;margin-left:50px;background:url('../images/bg_csinfo02.png') no-repeat 0 0;background-size:auto 42px;}

.txtNotice {padding-left:24px;background:url('../images/ico_noti.png') no-repeat 0 4px;background-size:16px;font-size:14px;color:#787878;}

.endBox {padding:70px 60px;overflow:hidden;border:1px solid #ddd;border-radius:24px;text-align:center;background:url('../images/bg_check.png') no-repeat 560px 30px;background-size:64px;}
.endBox .top strong {display:block;font-size:36px;font-weight:700;}
.endBox > p {padding-top:50px;margin-top:50px;border-top:1px solid #efefef;color:#5f5f5f;font-size:16px;line-height:30px;}

.csInfoWrap {padding-top:52px;margin-top:80px;text-align:center;background:url('../images/bg_cs.png') no-repeat top center;background-size:48px auto;}
.csInfoWrap dt {font-weight:700;margin-bottom:10px;}
.csInfoWrap dd {display:inline-block;margin-left:14px;padding-left:15px;font-size:14px;color:#888;position:relative;}
.csInfoWrap dd::before {display:inline-block;content:'';width:1px;height:11px;background-color:#ddd;position:absolute;left:0;top:50%;margin-top:-5px;}
.csInfoWrap dd * {font-size:14px;color:#888;}
.csInfoWrap dd:first-of-type {margin-left:0;padding-left:0;}
.csInfoWrap dd:first-of-type::before {display:none;}


/***************************************** media *****************************************/

@media screen and (max-width:425px) {
	#wrap {padding:0;}
	#container {padding:40px 0 60px 0;}
	#content{padding:0 15px;width:100%;}

	header{top:0;left:0 !important;z-index:10;}
	header .util {right:15px;}
	h1 {float:left;margin-left:15px;width:220px;height:45px;}
	h2{font-size:30px;}
	h3, .h3 {font-size:22px;}
	.stitArea h3 {float:none;}
	.stitArea .addBtn {position:static;margin-top:10px;text-align:right;}

	/* form */
	.tblForm {padding:0 0 30px 0;}
	.tblForm colgroup {display:none;}
	.tblForm, 
	.tblForm thead, 
	.tblForm tbody, 
	.tblForm tr, 
	.tblForm th, 
	.tblForm td {display:block;height:auto;border-right:none;border-left:none;}
	.tblForm th {padding:30px 0 15px 0;}
	.tblForm td {padding:0;border:none;}

	.filebox .uploadName {width:calc(100% - 110px)}
	.filebox label {width:100px;}

	.inpAddr .post input {width:calc(100% - 110px);}
	.inpAddr .post .btn {width:100px;}
	
	.tbl {overflow-x:auto;}
	.tbl table {width:660px;}

	.termsBox {padding:20px;}
	.box .boxIn {padding:20px;}

	.csInfo * {display:block;padding-left:42px !important;height:32px;line-height:32px;}
	.csInfo .tel {background-size:auto 28px;background-position:3px center;}
	.csInfo .email {margin-left:0;background-size:auto 28px;background-position:0 center;}

	.endBox {padding:40px 30px;background:none;}
	.endBox .top img {width:80%;}
	.endBox .top strong {margin-top:10px;font-size:30px;line-height:38px;}
	.endBox > p {padding-top:30px;margin-top:30px;font-size:15px;line-height:26px;}

	.csInfoWrap {padding-top:52px;margin-top:50px;}
	.csInfoWrap dt {margin-bottom:15px;}
	.csInfoWrap dd {display:block;margin:4px 0 0 0;padding:0;font-size:12px;}
	.csInfoWrap dd::before {display:none;}
	.csInfoWrap dd * {font-size:12px;}
}