@charset "utf-8";

@font-face {
    font-family: 'BMDOHYEON';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMDOHYEON.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

 /* 폰트 정의 */
    /* Pretendard s */
    @font-face {
        font-family: 'Pretendard';
        font-style: normal;
        font-weight: 300;
        src:
            url('../../../../font/Pretendard-Light.woff') format('woff'),
    }
    @font-face {
        font-family: 'Pretendard';
        font-style: normal;
        font-weight: 400;
        src:
            url('../../../../font/Pretendard-Regular.woff') format('woff'),
    }
    @font-face {
        font-family: 'Pretendard';
        font-style: normal;
        font-weight: 500;
        src:
            url('../../../../font/Pretendard-Medium.woff') format('woff'),
    }
    @font-face {
        font-family: 'Pretendard';
        font-style: normal;
        font-weight: 600;
        src:
            url('../../../../font/Pretendard-SemiBold.woff') format('woff'),
    }
    @font-face {
        font-family: 'Pretendard';
        font-style: normal;
        font-weight: 700;
        src:
            url('../../../../font/Pretendard-Bold.woff') format('woff'),
    }
    @font-face {
        font-family: 'Pretendard';
        font-style: normal;
        font-weight: 800;
        src:
            url('../../../../font/Pretendard-ExtraBold.woff') format('woff'),
    }

    /* Pretendard e */

    /* NanumSquare s */
    @font-face {
        font-family: 'NanumSquare';
        font-style: normal;
        font-weight: 900;
        src:
            url('../../../../font/NanumSquareEB.woff') format('woff'),
    }
    /* NanumSquare e */

/* Reset */
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;}
body {background:#fff; min-width:320px; -webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all;}
body,input,select,textarea,button {border:none; font-size:2.4rem; font-family: 'Pretendard','Noto Sans KR','맑은 고딕','돋움','굴림',Gulim,Helvetica, 'Apple SD Gothic Neo',sans-serif; color:#343434; font-weight:400;}
ul,ol,li{list-style:none;}
table{border-spacing:0; }
img,fieldset{border:0;}
address,cite,code{font-style:normal;font-weight:normal;}
em {font-style:normal; }
label,img,input,select,textarea,button{vertical-align:middle; color: inherit; font: inherit;}
img {max-width:100%;}
hr{display:none;}
main,header,section,nav,footer,aside,article,figure{display:block;}
a{color:inherit; text-decoration:none;}
button {cursor: pointer; color: #333; background-color: transparent;}

html {font-size:10px;}
body {font-size:1.2rem; color:#343434; line-height:1.45; letter-spacing:-0.04em;}
table {border-collapse: collapse;border-spacing: 0}

* {-webkit-box-sizing: border-box !important;-moz-box-sizing: border-box !important; box-sizing: border-box !important;}
*:before,*:after {-webkit-box-sizing: border-box !important;-moz-box-sizing: border-box !important;box-sizing: border-box !important;}

/* Form */

select {padding-left: 2rem; height:5rem;}
input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=file],
input[type=url],
input[type=number],
input[type=date],textarea {border-radius:0; font-size:1.8rem; color:#8d8d8d; border:1px solid #dddddd; font-weight:400; background-color:#fff; transition: all 0.5s; box-sizing: border-box; vertical-align:middle; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
input[type=password],
input[type=text],
input[type=number] {border:1px solid #dddddd; padding: 0; padding-left:2rem; height: 5rem;}
input::-webkit-input-placeholder{color:#dddddd; font-size:1.8rem;}
textarea {padding:2rem; line-height:1.64;}
select, input[type=submit],button {-webkit-appearance:none; -moz-appearance:none; appearance:none; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius:0;}
select::-ms-expand{display:none;}
select {height: 5rem; padding-left:2rem; padding-right:4.5rem; border:1px solid #dddddd; font-size:1.8rem; font-weight:400; background: url('../../../../images/web/expo/bsn/icon/ico_sel_arr2.png') no-repeat right 0.5rem center / 4rem;}


textarea:focus,
input:focus {border:1px solid #6c54ad; outline: none; }
label {color: rgba(0, 0, 0, 0.87); }

input[type=tel][readonly],
input[type=text][readonly],
input[type=password][readonly],
input[type=email][readonly],
input[type=search][readonly],
input[type=tel][disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=search][disabled],
input[type=email][disabled]{border-color: #e1e1e1; color:#e1e1e1; background: #fafafa;}
input[type=text]::-ms-clear {display: none; }
select[disabled] {border-color: #e1e1e1; color:#e1e1e1; background-color: #fafafa;}
textarea[readonly],
textarea[disabled]{color:#e1e1e1; height:7.2rem; background:#fafafa;border:1px solid #e1e1e1;}

​input:disabled, textarea:disabled {opacity:1; background:none !important;}

.clear {clear:both;}
.clear:after {content:""; display:block; clear:both;}

/* 본문 바로가기 */
#skipnavigation a {position:absolute; left:-200%;}
#skipnavigation a:focus {display:block;left:0;top:0; z-index:100000; width:100%; height:30px;line-height:30px;background:#0070F5;color:#fff;text-align:center;}


/* 사용자 페이지 공통 css */
/* 정렬 */
.left {float: left; }
.right {float: right; }


/* text-align */
.text_left {text-align: left !important; }
.text_center {text-align: center !important; }
.text_right {text-align: right !important; }

/* text 말줄임표 */
.text_over {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }


/* display */
.dis_inblock { display: inline-block; }
.dis_block { display: block !important; }

/* vertical */
.ver_mid { vertical-align: middle; }
.ver_top { vertical-align: text-top; }

/* Hidden Type */
legend, caption:not(.visible) {padding: 0; margin: 0; width: 0; height: 0; line-height: 0; text-indent: -9999px;}
.hide, legend {padding: 0; margin: 0; width: 0; height: 0; line-height: 0; text-indent: -9999px;}
.caption_hide {padding: 0; margin: 0; width: 0; height: 0; line-height: 0; text-indent: -9999px;}
.skip{position:absolute;top:0;height:0;visibility:hidden;}
.sr_only, .hide {position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}
.blind {overflow: hidden; color: transparent; white-space: nowrap;}
.m_visible {display:none;}
.d_none {display:none;}


.min_auto {min-width:auto !important;}



/* 파일 업로드 스타일 */
input[readonly].inp_file,
input[disabled].inp_file {background: #fff; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* 인풋 스타일 ( 체크박스, 라디오 )*/
.label {display:inline-block; padding:3px 0 3px 30px; font-size:2.4rem; line-height:26px; background: no-repeat left center / 24px; }
.big_label {padding: 5px 0 5px 30px; font-size:3.2rem; background: no-repeat left center / 21px; }


.checkbox {display:inline-block; position:relative;}
.checkbox input[type=checkbox] {position:absolute; left:0; top:0.7rem; width:2rem; height:2rem; opacity:0; appearance:none; -webkit-appearance:none; -moz-appearance:none; outline:0}
.checkbox label {display:inline-block; padding-left:3rem; font-size:1.6rem; color:#222222; line-height:2.7rem;}
.checkbox label:before {position:absolute; top:0.7rem; left:0; width:2rem; height:2rem; background:url('../../../../images/web/expo/bsn/icon/ico_un_checkbox.png') no-repeat center; background-size:contain; content:'';}
.checkbox input:checked + label {}
.checkbox input:checked + label:before {background-image:url('../../../../images/web/expo/bsn/icon/ico_checkbox.png');}
.checkbox input:focus + label:before {outline:1px dotted #000}

.radio {display:inline-block; position:relative;}
.radio input[type=radio] {position:absolute; left:0; top:0.4rem; width:2rem; height:2rem; opacity:0; appearance:none; -webkit-appearance:none; -moz-appearance:none; outline:0}
.radio label {display:inline-block; padding-left:3rem; font-size:1.6rem; color:#22264c; line-height:2.7rem;}
.radio label:before {position:absolute; top:0.4rem; left:0; width:2rem; height:2rem; background:url('../../../../images/web/expo/bsn/icon/ico_un_radio.png') no-repeat center; background-size:contain; content:'';}
.radio input:checked + label {}
.radio input:checked + label:before {background-image:url('../../../../images/web/expo/bsn/icon/ico_radio.png');}
.radio input:focus + label:before {outline:1px dotted #000}
.radio {margin-right:4rem;}







/* 인풋스타일 (검색) */
.inpsearch_box {position:relative;}
.inpsearch_box button {position:absolute; top:0; right:0; bottom:0; padding:0.5rem 0.8rem;}

/* 인풋스타일 (날짜) */
.input_date_style01 {display: -ms-flexbox; display: flex;}
.input_date_style01 .input_wrap {position:relative; -ms-flex: 1; flex: 1; text-align:center;}
.input_date_style01 .input_wrap .icon {vertical-align:top; margin:0;}
.input_date_style01 .input_date {width:100%; border-color:#c5bcdc; color:#22264c; text-align:center; font-weight:700;}
.input_date_style01 .btn_cal_prev {position:absolute; top:0.4rem; left:0.4rem; transform: rotate(180deg);}
.input_date_style01 .btn_cal_next {position:absolute; top:0.4rem; right:0.4rem;}
.input_date_style01 .btn_cal {margin-left:0.8rem;}

.date_wrap {}

.input_date_style02 input {width:100%; font-weight:700; background: url('../../../../images/web/expo/bsn/icon/icon_input_calendar02.png') no-repeat right 0.8rem center / 2rem;}

.date_wrap {display: -ms-flexbox; display: flex;}
.date_wrap .input_date_style02 {-ms-flex: 1; flex: 1;}
.date_wrap .input_date_style02 input {width:100%;}
.date_wrap .fbar {padding:0 0.2rem; line-height:3.2rem; font-size:1.2rem; color:#22264c;}

/* 인풋 스타일 ( 텍스트 )*/
input.inp_error {border-color: #ff9d97; }

/* 인풋 스타일 ( 패스워드 )*/
.inp_passward {position: relative; display: inline-block; }
.inp_passward .password_eye {width: 24px; height: 24px; display: block; position: absolute; right: 8px; top: 50%; transform: translateY(-50%); background: url('../../../../images/web/expo/bsn/icon/icon_eye.png') no-repeat center / 18px auto; cursor: pointer; }
.inp_passward input.active+.password_eye {background-image: url('../../../../images/web/expo/bsn/icon/icon_eyeslash.png')}


input[type="text"].q_disabled,
textarea.q_disabled  {color:#333; background:#fff;}

/* file_box */
.file_box {position:relative; padding-right:117px;}
.file_box input[type="text"] {width:100%;}
.file_box label {position:absolute; top:0; right:0;}


.search_box {padding:1.2rem 0;}
.search_box select {font-weight:700; color:#22264c;}
.search_box .input_date {font-weight:700; color:#22264c;}
.search_box .frow {display: -ms-flexbox; display: flex;}
.search_box .frow > .fcol {width:100%;}
.search_box .frow > .fcol+.fcol {margin-left:0.8rem;}
.search_box .frow+.frow {margin-top:0.8rem;}
.search_box .frow input,
.search_box .frow select {width:100%; font-size:1.2rem;}



/* 가로사이즈 */
.w_full {width: 100% !important; }
.w_half {width:50% !important;}


.wp_25 {width:25% !important;}
.wp_30 {width:30% !important;}
.wp_40 {width:40% !important;}
.wp_45 {width:45% !important;}
.wp_50 {width:50% !important;}
.wp_70 {width:70% !important;}
.wp_75 {width:75% !important;}


/* 세로 사이즈 */
.th_270 {height:27rem;}

/* margin */
.mt_30 {margin-top: 3rem !important;}

/* padding */
.pt_12 {padding-top:1.2rem !important}
.pr_30 {padding-right:3rem !important}




/* 버튼 스타일 */
.btn_area {overflow:hidden; margin-top:3rem; text-align:center;}
.btn_area_full {display: -ms-flexbox; display: flex;}
.btn_area_full .btn {-ms-flex: 1; flex: 1;}



.btn {display:inline-block; text-align:center; font-weight:400;}
.btn + .btn {margin-left:0.8rem;}
.btn * {vertical-align:middle;}

.btn.normal {min-width:8rem; padding:0 3rem; line-height:4rem; font-size:1.6rem;}
.btn.big {min-width:20rem; font-size:2rem; line-height:6.5rem; font-weight:500;}
.btn.mid {min-width:14rem; font-size:2rem; line-height:6.5rem; font-weight:500;padding:1.3rem;}

.btn.middle {min-width:14rem; font-size:2rem; line-height:4rem; font-weight:500;padding:1rem}

.btn.border {border:1px solid #222222; color:#222222;}
.btn.border span {position:relative;}
.btn.border_blue {border-color:#008ad3; color:#008ad3;}
.btn.border_orange {border-color: #FF6D00;color: #ffffff;background: #FF6D00;border-radius: 50px;}
.btn.border_gray {border-color:#8d8d8d; color:#8d8d8d;}
.btn.border_red {border-color:#bb1d1d; color:#bb1d1d;}
.btn.border_purple {border-color: #9966FF;color: #ffffff;background: #9966FF;border-radius: 50px;}

.btn.border_white {border-color: #242424;color: #333333;background: #ffffff;border-radius: 50px;}


.btn.blue {color:#fff; background:#008ad3;}
.btn.blue2 {color:#fff; background:#004593;}

.btn.green {color:#fff; background:#8bd1ac;}
.btn.blue3 {color:#fff; background:#003d96;border-radius : 50px;}
.btn.blue4 {border-color: #004593;color: #ffffff;background: #9966FF;border-radius: 50px;}
/*
.badage {display:inline-block; min-width:5.5rem; padding:0 0.2rem; border-radius: 1.2rem; border:1px solid #6c54ad; font-size:1.2rem; color:#fff; text-align:center; line-height:2.1rem; font-weight:700; background-color: #6c54ad;}
.badage.small {min-width:5rem; font-size:1rem; border:1px solid #6c54ad; line-height:1.4rem;}
.badage.border_primary {color:#6c54ad !important;}
*/

.btn .icon+span {margin-left:0.6rem;}

.btn.small {display:inline-block; min-width:5.5rem; padding:0 0.2rem; border-radius: 1.2rem; border:1px solid #6c54ad; font-size:1.2rem; color:#fff; text-align:center; line-height:2.1rem; font-weight:700; background-color: #6c54ad;}
.btn.xsmall {min-width:5rem; padding:0 0.8rem; font-size:1rem; border:1px solid #6c54ad; line-height:1.4rem;}
.btn.small.border_primary,
.btn.xsmall.border_primary {color:#6c54ad !important;}



.btn.bg_point {border-color:#e07272 !important; color:#fff !important; background:#e07272 !important;}
.btn.bg_light {border-color:#dddddd !important; color:#797979; background:#dddddd !important;}
.btn.bg_primary {border-color:#6c54ad !important; color:#fff !important; background:#6c54ad !important;}
.btn.border_primary {border-color:#6c54ad !important; color:#343434; background:#fff !important;}
.btn.border_primary2 {border-color:#c5bcdc !important; color:#6c54ad; background:#fff !important;}
.btn.border_point {border-color:#e07272 !important; color:#e07272; background:#fff !important;}
.btn.bg_white {border-color:#fff !important; color:#e07272;}


.btn_write {position:fixed; right:0.7rem; bottom:5.5rem; z-index:100;}


/* icon */
.ico {display:inline-block; overflow:hidden; text-indent:-999px; background:no-repeat center; background-size:contain;}
.ico.ico_search {width:2.4rem; height:2.4rem; background-image:url('../../../../images/web/expo/bsn/icon/ico_search.png')}
.ico.ico_user {width:2.4rem; height:2.4rem; background-image:url('../../../../images/web/expo/bsn/icon/ico_user.png')}
.ico.ico_menu {width:2.4rem; height:2.4rem; background-image:url('../../../../images/web/expo/bsn/icon/ico_menu.png')}
.ico.ico_close {width:2.4rem; height:2.4rem; background-image:url('../../../../images/web/expo/bsn/icon/ico_close.png')}
.ico.ico_note {width:2.4rem; height:2.4rem; background-image:url('../../../../images/web/expo/bsn/icon/ico_note.png')}
.ico.ico_pen {width:2.4rem; height:2.4rem; background-image:url('../../../../images/web/expo/bsn/icon/ico_pen.png')}
.ico.ico_pen2 {width:2.4rem; height:2.4rem; background-image:url('../../../../images/web/expo/bsn/icon/ico_pen2.png')}
.ico.ico_file {width:2rem; height:2rem; vertical-align:middle; background-image:url('../../../../images/web/expo/bsn/icon/ico_file.png')}
.ico.ico_prev_page {width:2.4rem; height:2.4rem; vertical-align:middle; background-image:url('../../../../images/web/expo/bsn/icon/ico_prev_page.png')}
.ico.ico_next_page {width:2.4rem; height:2.4rem; vertical-align:middle; background-image:url('../../../../images/web/expo/bsn/icon/ico_next_page.png')}
.ico.ico_sort_block {width:4rem; height:4rem; background-image:url('../../../../images/web/expo/bsn/icon/ico_sort_block.png');}
.ico.ico_sort_list {width:4rem; height:4rem; background-image:url('../../../../images/web/expo/bsn/icon/ico_sort_list.png');}
.on .ico.ico_sort_block {background-image:url('../../../../images/web/expo/bsn/icon/ico_sort_block_on.png');}
.on .ico.ico_sort_list {background-image:url('../../../../images/web/expo/bsn/icon/ico_sort_list_on.png');}
.ico.ico_delete {width:2rem; height:2rem; vertical-align:top; background-image:url('../../../../images/web/expo/bsn/icon/ico_delete.png');}

/*
@media all and (max-width:1000px){
	.ico.ico_note {width:1.2rem; height:1.2rem;}
	.ico.ico_pen {width:1.2rem; height:1.2rem;}
}
*/

/* 폰트컬러 */
.fc_blue {color: #008ad3 !important;}


/* 폰트 사이즈 */
.fs_10 { font-size: 1.0rem !important;}
.fs_11 { font-size: 1.1rem !important;}
.fs_12 { font-size: 1.2rem !important;}
.fs_14 { font-size: 1.4rem !important;}
.fs_15 { font-size: 1.5rem !important;}


/* 폰트 스타일 */
.f_light {font-weight: 300 !important; }
.f_bold {font-weight: 700 !important; }
.f_ebold {font-weight: 800 !important; }



.bline {display:block; font-size:0; position:relative; margin:0 -15px;}
.bline:after {position:absolute; bottom:0; left:0; right:0; height:1px; background:#e1e1e1; content:'';}

.bg_primary {background:#6c54ad !important;}
.bg_secondary {background:#c5bcdc !important;}
.bg_point {background:#e07272 !important;}
.bg_gray {background:#797979 !important;}
.bg_01 {background:#f3f4f9 !important;}
.bg_02 {background:#e0e3f6 !important;}



/*
html {font-size:8px;}

@media all and (min-width:320px){
	html {font-size:8.533px;}
}
@media all and (min-width:330px){
	html {font-size:8.8px;}
}
@media all and (min-width:350px){
	html {font-size:9.33px;}
}
@media all and (min-width:375px){
	html {font-size:10px;}
}
@media all and (min-width:500px){
	html {font-size:13px;}
}
@media all and (min-width:1001px){
	html {font-size:10px;}
}

*/

html {font-size:7px;}
@media all and (min-width:320px){
	html {font-size:7px;}
}
@media all and (min-width:350px){
	html {font-size:8px;}
}
@media all and (min-width:500px){
	html {font-size:9px;}
}
@media all and (min-width:780px){
	html {font-size:10px;}
}


.csize1 {width:92%; max-width:1560px; margin:auto;}
.csize2 {width:92%; max-width:1560px; margin:auto;}
.csize3 {width:92%; max-width:1560px; margin:auto;display:grid;justify-content:center;}
.csize4 {width:46%; max-width:760px; ;display:grid;justify-content:center;float: left;}
.csize5 {display: flex;}
.leftai {margin-left: 4.1rem;}

@media all and (max-width:1000px){
	.m_hidden {display:none;}
	.csize1 {width:auto; margin:0 1.8rem;}
	.csize1.m_full {margin:0;}
	.m_full {width:100% !important;}
	.csize4 {width:92%; max-width:760px; margin:2 rem;display:grid;justify-content:center;margin-left: 3.2rem;}
	.leftai {margin-left: 3.2rem;}
}



#wrap {overflow:hidden; min-width:230px;}
#header_pc {position:fixed; top:0; left:0; right:0; z-index:10; height:10rem; background:#fff;}
#header_pc .logo {position:absolute; top:2.2rem; left:4rem;}
#header_pc .logo a {display:block; overflow:hidden; width:17.4rem; height:5rem; text-indent:-999px; background:url('../../../../images/web/expo/bsn/common/logo.png') no-repeat center/100%;}
#header_pc .gnb {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width:1030px; margin:auto; padding-left:80px;}
#header_pc .gnb li {display:inline-block;}
#header_pc .gnb a {display:block; position:relative; font-size:20px; color:#222; font-weight:700; line-height:10rem;}
#header_pc .gnb li.on a {color:#036AF9}
#header_pc .gnb li.on a:before {position:absolute; left:-2rem; right:-2rem; bottom:0; height:0.4rem; background:#036AF9; content:'';}
#header_pc .top_util {position:absolute; top:3.5rem; right:3rem;}
#header_pc .top_util li {float:left; margin-left:2rem;}

#header_m {display:none;}

@media all and (max-width:1300px){
	#header_pc {padding-left:26.4rem; padding-right:16rem;}
	#header_pc .gnb {padding-left:0;}
}
@media all and (max-width:1000px){
	#header_pc {display:none;}
	#header_m {display:block; position:fixed; top:0; left:0; z-index:1000; width:100%;}
	#header_m .top {height:6.2rem; padding:0.8rem 1.8rem 1.8rem; background:#fff;}
	#header_m .logo a {display:block; overflow:hidden; width:15.6rem; height:4.5rem; text-indent:-999px; background:url('../../../../images/web/expo/bsn/common/logo_m.png') no-repeat; background-size:contain;}
	#header_m .btn_menu {position:absolute; right:1.8rem; top:2rem;}

	#side_menu {display:none; position:fixed; top:0; left:-80%; z-index:1001; width:80%; height:100%; background:#fff;}
	#side_menu .side_top {position:relative; z-index:1; height:6.5rem; padding:0.8rem 0 1.4rem; border-bottom:1px solid #f5f5f5; background:#fff;}
	#side_menu .side_top .logo {display:block; width:15.6rem; margin:auto;}
	.btn_menu_close {position:absolute; top:1.8rem; left:1.8rem;}
	.btn_user {position:absolute; top:2rem; right:1.8rem;}
	#side_menu .scroll_cont {overflow-y:auto; position:absolute; top:6.2rem; left:0; right:0; bottom:0;}
	#side_menu .gnb {}
	#side_menu .gnb > li {border-bottom:1px solid #e8e8e8;}
	#side_menu .gnb > li > a {display:block; position:relative; padding:1.625rem 3rem; font-size:2rem; line-height:1.5; color:#000;}
	#side_menu .gnb > li > a::after {position:absolute; top:50%; right:1.8rem; width:5.76rem; height:5.76rem; margin-top:-2.88rem; background:url('../../../../images/web/expo/bsn/icon/ico_gnb_arr.png') no-repeat; background-size:contain; content:'';}
	#side_menu .gnb > li.on > a::after {transform:rotate(180deg);}
	#side_menu .gnb > li ul {display:none;}
	#side_menu .gnb > li > ul {background:#fafafa;}
	#side_menu .gnb > li > ul > li > a {display:block; position:relative; padding:1.25rem 1.25rem 1.25rem 5.5rem; font-size:1.8rem; color:#000; line-height:1.43;}
	#side_menu .gnb > li > ul > li > a::before {position:absolute; left:3.5rem; top:2.375rem; width:1rem; height:2px; background:#8d8d8d; content:'';}
	#side_menu .gnb > li > ul > li > ul {padding:1.25rem 0; background:#b9b9b9;}
	#side_menu .gnb > li > ul > li > ul > li > a {display:block; padding:0.75rem 1.25rem 0.75rem 5.5rem; font-size:1.75rem; color:#fff; line-height:1.43;}
	#side_menu .etc_link {padding:2.5rem 0 3.75rem 3.75rem; border-bottom:1px solid #e8e8e8;}
	#side_menu .etc_link li+li {margin-top:10px;}
	#side_menu .etc_link a {font-size:1.625rem; color:#7d7d7d;}

	.dimmed_bg {display:none; position:fixed; top:0; left:0; z-index:1000; width:100%; height:100%; background:rgba(0,0,0,0.66);}
}

#main {margin-top:10rem;}
@media all and (max-width:1000px){
	#main {margin-top:6.2rem;}
}



#footer {}
#footer .container {width: 92%; max-width: 1520px; margin: 0 auto;}
#footer .fmenu {background:#222222;}
#footer .fmenu ul {overflow:hidden; margin:0 -1.6rem; padding:2.3rem 0 2rem;}
#footer .fmenu li {float:left; position:relative; padding:0 1.6rem;}
#footer .fmenu li+li::before {position:absolute; top:50%; left:-1px; width:1px; height:1.6rem; margin-top:-.8rem; background:rgba(255,255,255,0.3); content:'';}
#footer .fmenu li a {display:block; font-size:1.8rem; color:#fff; line-height:1.5; font-weight:300;}
#footer .fcont .container {overflow:hidden; padding:3.6rem 0;}
#footer .fcont .addr { font-size:1.8rem; color:#8d8d8d; line-height:1.5; font-weight:300;}
#footer .fcont .addr strong {display:inline-block; position:relative; margin-right:2rem; font-weight:500; color:#222222;}
/* #footer .fcont .addr strong::after {position:absolute; top:50%; right:-1.1rem; width:1px; height:1.6rem; margin-top:-.8rem; background:#a7a7a7; content:'';} */
#footer .fcont .addr span {display:inline-block;position:relative; margin-right:2rem;  color:#222222;}
#footer .fcont .addr span1 {display:inline-block;;  color:#222222;}
#footer .fcont .addr span::after {position:absolute; top:50%; right:-1.1rem; width:1px; height:1.6rem; margin-top:-.8rem; background:#a7a7a7; content:'';}
#footer .fcont .addr span1::after {position:absolute;}
#footer .fcont .copy {float:right; font-family: 'Montserrat', sans-serif; text-transform:uppercase; font-size:1.6rem; font-weight:400;}
#footer .fcont .copy span {display:inline-block;}

@media all and (max-width:1200px){
	#footer .fcont .addr {float:none;}
	#footer .fcont .copy {float:none; margin-top:1.5rem;}
}
@media all and (max-width:1000px){
	#footer .container {width:auto;}
	#footer .fmenu {margin-right:-2rem; padding:0 1.8rem;}
	#footer .fmenu li a {font-size:1.6rem;}
	#footer .fcont .container {padding:2.5rem 1.8rem;}
	/*
	#footer .fmenu {padding:0 1.4rem;}
	#footer .fmenu ul {margin:0 -1.3rem; padding:1.5rem 0;}
	#footer .fmenu li {padding:0 1.3rem;}
	#footer .fmenu li a {font-size:1.3rem;}
	#footer .fcont .container {padding:2rem 1.4rem;}
	#footer .fcont .addr {font-size:1.4rem;}
	#footer .fcont .addr strong::after {display:none;}
	#footer .fcont .copy {font-size:1.2rem; line-height:1.25;}
	*/
}




.mcontainer {width:92%; max-width:1520px; margin:0 auto;}
@media all and (max-width:1000px){
	.mcontainer {width:auto}
}

.mtitle {position:relative; margin-bottom:5rem; text-align:center;}
.mtitle h2 {font-size:5rem; line-height:1.48; color:#000; font-weight:700;}
.mtitle p {font-size:2rem; color:#8d8d8d; line-height:1.45; font-weight:400;}
.mtitle.line {padding-top:5.9rem;}
.mtitle.line::before {position:absolute; top:0; left:50%; width:5rem; height:.5rem; margin-left:-2.5rem; background:#2f9b9f; content:'';}

@media all and (max-width:1000px){
	.mtitle {margin-bottom:3rem;}
	.mtitle h2 {font-size:3.75rem;}
	.mtitle p {font-size:1.8rem;}
	.mtitle.line {padding-top:0rem;}
	.mtitle.line::before {display:none;}
}


.participatory_method {margin-top:8rem; padding-bottom:16rem;}
.participatory_method .cbox {margin:0 -5.3rem;}
.participatory_method .mtitle {margin-bottom:7rem;}
.participatory_method ul {display:inline-block; width:100%;}
.participatory_method li {float:left; width:20%; padding:0 5.3rem; text-align:center;}
.participatory_method .circle {max-width:30rem; margin:auto;}
.participatory_method .circle p {position:relative; padding:25%; border-radius:100%; background:#f5f5f5;}
.participatory_method .num {position:absolute; top:4.333%; left:8.666%; width:5.3rem; line-height:5.3rem; border-radius:100%; font-family: 'Montserrat', sans-serif; font-weight:600; font-size: 2rem; text-align:center; color:#fff; letter-spacing:0.04em; background:#004593; box-shadow: 0.4rem 0.4rem 0 0 rgba(0, 0, 0, 0.16);}
.participatory_method h3 {display:inline-block; position:relative; margin-top:2.6rem; font-size: 2.2rem; font-weight:700; color:#222222; letter-spacing:-0.07em; line-height:1.5;}
.participatory_method h3::after {position:absolute; left:0; right:0; bottom:.5rem; z-index:-1; height:.8rem; background:#ffffff; content:'';}
.participatory_method .cont {margin-top:.5rem; font-size:2.0rem; line-height:1.3; color:#134892; font-weight:300; word-break:keep-all;}
.ico_participatory_method01 {display:block; padding-bottom:100%; background-image:url('../../../../images/web/expo/bsn/main/icon_participatory_method01.png');}
.ico_participatory_method02 {display:block; padding-bottom:100%; background-image:url('../../../../images/web/expo/bsn/main/icon_participatory_method02.png');}
.ico_participatory_method03 {display:block; padding-bottom:100%; background-image:url('../../../../images/web/expo/bsn/main/icon_participatory_method03.png');}
.ico_participatory_method04 {display:block; padding-bottom:100%; background-image:url('../../../../images/web/expo/bsn/main/icon_participatory_method04.png');}
.ico_participatory_method05 {display:block; padding-bottom:100%; background-image:url('../../../../images/web/expo/bsn/main/icon_participatory_method05.png');}
.s01 a:hover{color:#3f51b5}
.s02 a:hover{color:#3f51b5}
.s03 a:hover{color:#3f51b5}
.s04 a:hover{color:#3f51b5}
.s05 a:hover{color:#3f51b5}

@media all and (max-width:1400px){
	.participatory_method .cbox {margin:0 -2rem;}
	.participatory_method li {padding:0 2rem;}
	.participatory_method .cont br {display:none;}
}
@media all and (max-width:1000px){
	.participatory_method {max-width:50rem; margin:auto; margin-top:3rem; padding:1.7rem 1.4rem 3rem;}
	.participatory_method .cbox {margin:-1.3rem -2.6rem;}
	.participatory_method li {width:50%; padding:1.3rem 2.6rem;}
	.participatory_method li:nth-child(2n+1) {clear:both;}
	.participatory_method .num {top:0%; left:4%;}
	.participatory_method h3::after {bottom:.3rem; height:.6rem;}

	/*
	.participatory_method .circle {max-width:14.8rem;}
	.participatory_method .num {width:2.6rem; line-height:2.6rem; font-size:0.9rem;}
	.participatory_method h3 {margin-top:.8rem; font-size:1.4rem;}
	.participatory_method h3::after {bottom:.3rem; height:.4rem;}
	.participatory_method .cont {max-width:15rem; margin:auto; margin-top:.8rem; font-size:1.2rem;}
*/

}



/* input 작성폼 */
.sel_box04 {
	position: relative;
	border: 1px solid #cfcfcf;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.sel_box04.has_btn {
	padding-right: 116px;
}

.sel_box04 label {
	/*position: absolute;
	 left: 16px;
	top: 16px; */
	font-size: 16px;
	color: #888888;
	transition: all 0.2s ease-out;
	cursor: pointer;
}

.sel_box04 label span {
	color: #f25822;
	position: absolute;
	top: -10px;
	right: -14px;
}

.sel_box04 .btn03 {
	position: absolute;
	top: 15px;
	right: 18px;
}

.sel_box04 .pare .btn03 {
	right: 92px;
}

.sel_box04 .pare .btn_plus {
	position: absolute;
	top: 15px;
	right: 18px;
}

.sel_box04 .sel_input {
	border: 0;
	padding: 0 115px 0 16px;
	font-weight: bold;
	font-size: 16px;
	color: #888888;
	width: 100%;
	height: 58px;
	opacity: 0;
	background-color: transparent;
}

.sel_box04 .sel_input:focus {
	outline: none;
}

.sel_box04.on {
	padding-top: 21px;
}

.sel_box04.on:focus {
	border: 1px solid blue;
}

.sel_box04.on label {
	top: 10px;
	font-size: 13px;
}

.sel_box04.on label span {
	top: -7px;
	right: -10px;
}

.sel_box04.on .sel_input {
	height: 37px;
	opacity: 1;
	line-height: 0px;
	color: #111111;
}

.sel_box04.readonly {
	background-color: #efefef;
	border-color: #efefef;
	padding-top: 22px;
}

.sel_box04.readonly label {
	top: 10px;
	font-size: 13px;
	cursor: default;
}

.sel_box04.readonly label span {
	top: -7px;
	right: -10px;
}

.sel_box04.readonly .sel_input {
	height: 37px;
	opacity: 1;
}

.sel_box04.focus {
	border-color: #009ada;
}

.sel_box04 .auto_search {
	display: none;
	max-height: 483px;
	overflow-y: auto;
	width: 100%;
	padding: 15px 0;
	border: 1px solid #cfcfcf;
	position: absolute;
	top: 58px;
	left: -1px;
	background-color: #fff;
	z-index: 99;
}

.sel_box04 .auto_search p {
	margin: 5px 19px 0;
}

.sel_box04 .auto_search p {
	margin-top: 0;
}

.sel_box04 .sel_file {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}

.sel_box04 .sel_input_auto {
	display: block;
	max-height: 483px;
	overflow-y: auto;
	min-width: 100%;
	width: auto;
	border: 1px solid #cfcfcf;
	position: absolute;
	top: 58px;
	left: -1px;
	background-color: #fff;
	z-index: 99;
}

.sel_box04 .sel_input_auto ul {
	padding: 15px 0;
}

.sel_box04 .sel_input_auto ul li {
	margin: 5px 19px 0;
}

.sel_box04 .sel_input_auto ul li:first-child {
	margin-top: 0;
}

.sel_box04 .sel_input_auto ul li a {
	font-size: 13px;
	display: block;
	color: #888888;
}

.sel_box04 .sel_input_auto ul li a strong {
	display: block;
	font-size: 14px;
	color: #111111;
}

.sel_box04 .sel_input_auto ul li a:hover {
	color: #009ada;
	text-decoration: underline;
}

.sel_box04 .sel_input_auto .sel_input_box_area {
	padding: 17px 19px;
	border-top: 1px solid #efefef;
	background: #f8f8f8;
	font-size: 13px;
	color: #888888;
}

.sel_box04 .sel_input_auto .sel_input_box_area a {
	text-decoration: underline;
	color: #009ada;
}

.sel_box04 .sel_input {
	padding: 0 16px;
}

.sel_box04 .sel_input.btnl {
	padding-right: 115px;
}

.sel_box04.filetype_tablecell {

}

.sel_box04.filetype_tablecell label {
	top: 11px;
	font-size: 13px;
	color: #888888;
}

.sel_box04.filetype_tablecell .sel_input {
	line-height: 38px;
	height: 38px;
}

.sel_box04.filetype_tablecell .zoom {
	position: absolute;
	right: 12px;
	top: 12px;
}

.sel_box04.datepicker .input {
	border: 0;
	padding: 0 50px 0 18px;
}

.tbl_horizontal thead tr:first-child th {padding-left: 0px !important;}
.tbl_horizontal thead tr {text-align: center;}
.pointer {cursor:pointer;}