@import url('../../m/css/page_style.css');
@import url('../../m/css/bbs_style_mobile.css');


/* Reset */
html,body{width:100%;height:100%;}
html>/**/body { overflow-y:scroll; }

body,div,table,th,td,h1,h2,h3,h4,h5,form,fieldset,p,button,legend,pre,code,blockquote,input,textarea,button,select,ul,li,ol,dd,dl,dt
{margin:0;padding:0; font-family:'맑은 고딕','굴림',Gulim,'돋움',Dotum,tahoma,verdana,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif; font-size:14px; color:#333;}
/*모바일 기준 기본 폰트값 14px, color값은 디자인에 맞게 변경하여 사용 */
h1,h2,h3,h4,h5,h6{margin:0;}
body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all;}
img,fieldset,iframe,input,button{border:0 none}
dl,ul,ol,menu,li{list-style:none}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}  /* html5태그 기본 블럭처리 */
input,select,button,textarea{font-size:100%; vertical-align:middle}
button {background-color:transparent;cursor:pointer}
table {border-collapse:collapse}
a {color:#333;text-decoration:none} /* color값은 디자인에 맞게 변경하여 사용 */
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
legend{*width:0; position:absolute; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;}
caption {padding:0; height:0; font-size:0; line-height:0; overflow:hidden;}
hr{display:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
iframe{vertical-align:top}
* {-webkit-text-size-adjust:none;} /* 뷰표트 변환시 폰트크기 자동확대 방지 */


button, input[type='text'], input[type='password'], input[type='file'], input[type='submit'], input[type='image']{vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:0;}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0}
input[type='text'], input[type='password'],input[type='submit'],input[type='search'] {-webkit-appearance:none; -moz-appearance:none; border-radius:0; -webkit-border-radius:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
select, textarea{-webkit-appearance:none; -moz-appearance:none; border-radius:0; -webkit-border-radius:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}


/* Common */
.freeimg img{max-width:100%; height:auto !important}
.blind,legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}
.clear{clear:both}
.f_l{float:left}
.f_r{float:right}
.ir_pm {display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.ir_wa {display:block;overflow:hidden;position:relative;z-index:-10;width:100%;height:100%} /* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */
.show{display:block}
.hide{display:none}
.tbl, .tbl table {border-collapse:collapse;border-spacing:0}  /* 테이블 초기화 */
.sb{display:block}
.sib{display:inline-block; _display:inline; *zoom:1}
.s_b{display:block}
.s_ib{display:inline-block; _display:inline; *zoom:1}

/* span 등 display속성이 inline값을 가진 속성일때 ellipsis1,2 를 사용하여 글자자름 줄을 설정 */
.ellip{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
.ellipsis_line1 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; /* number of lines to show */ -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.ellipsis_line2 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; /* number of lines to show */ -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ellipsis_line3 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; /* number of lines to show */ -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
/* span 등 display속성이 inline값을 가진 속성일때 ellipsis1,2 를 사용하여 글자자름 줄을 설정 */


/* Fonts */
.font_6{ font-size:0.429em; line-height:0.429em}
.font_8 { font-size:0.571em; line-height:0.571em;}
.font_10 { font-size:0.714em; line-height:0.714em;}
.font_11 {font-size: 0.786em; line-height: 0.786em;}
.font_12 { font-size:0.857em; line-height:0.857em;}
.font_13 { font-size:0.929em; line-height:0.929em;}
.font_14 { font-size:1.000em; line-height:1.000em;} /* body 폰트사이즈 기준 기본 텍스트 크기 */
.font_15 { font-size:1.071em; line-height:1.071em;}
.font_16 { font-size:1.143em; line-height:1.143em;}
.font_18 { font-size:1.286em; line-height:1.286em;}
.font_19 { font-size:1.357em; line-height:1.357em;}
.font_20 { font-size:1.429em; line-height:1.429em;}
.font_22 { font-size:1.571em; line-height:1.571em;}
.font_24 { font-size:1.714em; line-height:1.714em;}
.font_26 { font-size:1.857em; line-height:1.857em}
.font_28 { font-size:2.000em; line-height:2.000em;}


/* 본고딕 */
.noto100 {font-family: 'Noto Sans KR' !important; font-weight:100 !important;}
.noto100 a{font-family: 'Noto Sans KR' !important; font-weight:100 !important;}
.noto100 a:hover{font-family: 'Noto Sans KR' !important; font-weight:100 !important;}

.noto400 {font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.noto400 a{font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.noto400 a:hover{font-family: 'Noto Sans KR' !important; font-weight:400 !important;}

.noto500{font-family: 'Noto Sans KR' !important; font-weight:500 !important;}
.noto500 a{font-family: 'Noto Sans KR' !important; font-weight:500 !important;}
.noto500 a:hover{font-family: 'Noto Sans KR' !important; font-weight:500 !important;}

.font_dotum{font-family:'돋움',Dotum,'맑은 고딕','굴림',Gulim,tahoma,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
.font_tahoma{font-family:Tahoma,'돋움',Dotum,'맑은 고딕','굴림',Gulim,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
.font_gulim{font-family:'굴림',Gulim,'돋움',Dotum,'맑은 고딕',tahoma,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
.font_malgun{font-family:'맑은 고딕','돋움',Dotum,'굴림',Gulim,tahoma,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif !important;}


/* 모바일용 상세이미지 리사이징 css */

.detail_img img{max-width:100%; height:auto !important;}
.detail_img2 img{width:100%; max-width:258px;}
.detail_img3 img{width:100%; max-width:150px;}

/* Wys2 reset */
#ct{word-break:break-all; text-align:justify;}
#ct table{width:100% !important; border-collapse: separate}
#ct ul{padding-left:20px; display:block}
#ct ul li{display:list-item}
#ct ol{padding-left:20px; display:block}
#ct ol li{list-style:decimal;  display:list-item}
#ct hr{display:block}
#ct img{max-width:100%; height:auto !important}
#ct iframe{max-width:100%;}
#ct p, #ct div{font-size:inherit}
#ct blockquote{line-height:normal; position: relative; font-style:normal}
#ct blockquote:before {position: relative; top: 11px; content: "\201C"; color:#bcbcbc; font-family:Georgia;  font-size:40px; display:block; text-align:center;}
#ct blockquote:after {position: relative; top:11px; content: "\201D"; color:#bcbcbc; font-family:Georgia; font-size:40px; display:block; text-align:center;}
#ct blockquote > p, #ct blockquote > div{text-align:center;}
#ct sup {vertical-align: super; font-size: smaller; top:0;}
#ct sub{vertical-align: sub; font-size: smaller; bottom:0;}
#ct [id*="mapContainer"]{width:100% !important; min-height:200px;}

.ct{word-break:break-all; text-align:justify;}
.ct table{width:100% !important; border-collapse: separate}
.ct ul{padding-left:20px; display:block}
.ct ul li{display:list-item}
.ct ol{padding-left:20px; display:block}
.ct ol li{list-style:decimal;  display:list-item}
.ct hr{display:block}
.ct img{max-width:100%; height:auto !important}
.ct iframe{max-width:100%;}
.ct p, .ct div{font-size:inherit}
.ct blockquote{line-height:normal; position: relative; font-style:normal}
.ct blockquote:before {position: relative; top: 11px; content: "\201C"; color:#bcbcbc; font-family:Georgia;  font-size:40px; display:block; text-align:center;}
.ct blockquote:after {position: relative; top:11px; content: "\201D"; color:#bcbcbc; font-family:Georgia; font-size:40px; display:block; text-align:center;}
.ct blockquote > p, .ct blockquote > div{text-align:center;}
.ct sup {vertical-align: super; font-size: smaller; top:0;}
.ct sub{vertical-align: sub; font-size: smaller; bottom:0;}
.ct [id*="mapContainer"]{width:100% !important; min-height:200px;}

/* basic layout */
#wrap {width:100%;}
#header {width:100%; position:relative; z-index:1000}
#container {width:100%;}
#footer {width:100%;}
/* basic layout */

.select-modal {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
}
.modal-container, .modal-container .Modal_dimmed__hfBEj {
    /*position: fixed;*/
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
    touch-action: none;
}
.modal-container {
    z-index: 9999;
    inset: 0;
}

.modal-container .modal-content>header .modal-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}

.modal-container .modal-content.Modal_is-header__2WEav {
    padding-top: 0;
}
.modal-container .modal-content.Modal_full__P3bRJ {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: inherit;
    padding: 0;
}
.modal-container .modal-content {
    width: 100%;
    background-color: #fff;
    padding: 20px;
    overflow: hidden;
}

.modal-container .modal-content.Modal_full__P3bRJ header {
    padding: 17px 20px;
    border-bottom: 1px solid #f4f4f4;
}
.modal-container .modal-content>header {
    position: relative;
    padding: 32px 0 24px;
    font-size: 1rem;
}

.select-modal [class*=Modal_content][class*=Modal_full] header button {
    right: 20px;
}
.modal-container .modal-content.Modal_full__P3bRJ header button {
    top: 17px;
    right: 20px;
    width: 24px;
}
.modal-container .modal-content>header button {
    position: absolute;
    top: 32px;
    right: 0;
    font-size: 1.5rem;
    padding: 0;
    background: none;
    border: none;
    outline: none;
}
.modal-button.Button_icon__oFUyf {
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #d2d2d2;
    font-size: .875rem;
}
.modal-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-decoration: none;
    font-size: .875rem;
    border: 0;
    font-weight: 400;
    line-height: 16px;
}

.select-modal [class*=Modal_content][class*=Modal_full] header button i {
    color: #171717;
}

.select-icon.icon-system_close:before {
    content: "";
}
.select-icon:before {
    font-weight: 400 !important;
    vertical-align: top;
}
.select-modal [class*=Modal_content][class*=Modal_full] header button i {
    color: #171717;
}
.select-icon {
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    font-family: icons !important;
    text-transform: none;
    line-height: 1;
    vertical-align: baseline;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.modal-button.Button_icon__oFUyf i[class^=Icon_]+span {
    margin-left: 0;
}
.modal-button i[class^=Icon_]+span, .modal-button span+i[class^=Icon_] {
    margin-left: 2px;
}
.modal-button.Button_icon__oFUyf>span {
    text-indent: -9999px;
    height: 0;
}

.modal-container .modal-content>header .modal-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}

.Typography_typography--bold__BbU7t {
    font-weight: 700;
}
.Typography_typography--H4__RX6IU {
    font-size: 1.125rem;
    letter-spacing: -.5px;
    line-height: 1.5rem;
}
.Typography_typography__53V55 {
    -webkit-text-size-adjust: none;
}

.modal-container .modal-content.Modal_full__P3bRJ main {
    flex: 1 1;
    overflow: hidden;
    padding: 0;
}
.modal-container .modal-content .modal-padding {
    padding: 16px 0 20px;
}
main {
    display: block;
    unicode-bidi: isolate;
}
.modal-container .modal-content.Modal_full__P3bRJ main>div {
    height: 100%;
    overflow: auto;
}
.select-modal [class=selector-multiple] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
    width: 100%;
}
.select-modal [class=selector-multiple] .selector-multiple__tabs {
    z-index: 0;
    display: flex;
    height: 100%;
    overflow: hidden;
    border-top: 1px solid #e8e8e8;
}
.select-modal [class=selector-multiple] .selector-multiple__depth:first-child {
    flex-basis: 110px;
	border-right: 1px solid #e8e8e8;
}
.select-modal [class=selector-multiple] .selector-multiple__depth {
    position: relative;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}
.select-button-important[aria-selected=true] {
    color: #fff !important;
    background-color: #ef9300 !important;
    border: 1px solid #ef9300 !important;
    font-weight: 700 !important;
}
.select-button[aria-selected=true] {
    color: #ef9300;
    background-color: #fff3ef;
    border: 1px solid #fff3ef;
    font-weight: 700;
}
.select-button-important {
    text-align: center;
}
.select-button {
    width: 100%;
    display: block;
    text-align: left !important;
    min-height: 44px;
    padding: 0 12px 0 19px;
    font-size: .875rem;
    line-height: 1.25rem;
    color: #6a6a6a;
    border: 1px solid transparent;
}
.select-button-important {
    text-align: center;
}
.select-modal [class=selector-multiple] .selector-multiple__depth:not(:first-child) {
    flex: 1 1;
    /*border-left: 1px solid #e8e8e8;*/
}
.select-modal [class=selector-multiple] .selector-multiple__depth {
    position: relative;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}
.select-checkbox {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    padding-right: 12px;
}
.select-checkbox .selector-checkbox__item {
    width: 100%;
    display: flex;
	padding-right:12px;
}
.select-checkbox input {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    opacity: 0;
}
.select-checkbox input:checked+label {
    color: #ef9300;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.select-checkbox label {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    text-align: left;
    background-color: #fff;
    justify-content: space-between;
    cursor: pointer;
    border: 1px solid transparent;
    color: #6a6a6a;
}
.select-checkbox label span {
    padding: 14px 4px 14px 12px;
    font-size: .875rem;
    line-height: .875rem;
}
.select-checkbox label span em {
    color: #ef9300;
}
.select-checkbox input:checked+label i {
    font-size: 1.5rem;
}
.select-icon {
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    font-family: icons !important;
    text-transform: none;
    line-height: 1;
    vertical-align: baseline;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.select-icon.icon-line_check:before {
    content: "";
}
.select-icon:before {
    font-weight: 400 !important;
    vertical-align: top;
}
.select-checkbox input:checked+label i {
    font-size: 1.5rem;
}
.select-icon {
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    font-family: icons !important;
    text-transform: none;
    line-height: 1;
    vertical-align: baseline;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face{font-family:icons;src:url(/font/icons_v1.7.1.woff) format('woff');font-display:block}