/* 초기화 */
*{font-family: 'Montserrat', 'Noto Sans KR', sans-serif; box-sizing: border-box;}
html {overflow-y:scroll}
body {margin:0 auto;padding:0;font-size:13px; letter-spacing:-.050em; line-height:1.6em; color:#576279;
    font-family:'Montserrat','Noto Sans KR','Malgun Gothic','맑은 고딕',Dotum,'돋움','AppleGothic','Apple SD Gothic Neo',sans-serif;
    font-weight:400; word-break:keep-all; min-width:320px; max-width:900px; overflow: hidden;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
ul {margin:0;padding:0;list-style:none}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden; width:auto !important}
label, input, button, select, img {vertical-align:middle; outline:none;}
input, button {margin:0;padding:0;font-size:1em;}
button {cursor:pointer}
input[type=text], input[type=password], input[type=submit], input[type=image], button
{border-radius:7px;font-size:1.2em;-webkit-appearance:none}
textarea, select {font-size:1em;}
textarea {border-radius:0;-webkit-appearance:none}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#403944;text-decoration:none}
a:hover, a:focus, a:active {color:#403944;text-decoration:none}
.cl{ clear:both}
em{font-style:normal;}

@-webkit-keyframes autofill {
    to {
        color: #fff;
        background: transparent;
    }
}

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}


/*리뷰별*/
.star i{margin:0; color:#666; font-size:0.9em;}
.star.s1 i:nth-child(1){color:#ffce00;}
.star.s2 i:nth-child(1),
.star.s2 i:nth-child(2){color:#ffce00;}
.star.s3 i:nth-child(1),
.star.s3 i:nth-child(2),
.star.s3 i:nth-child(3){color:#ffce00;}
.star.s4 i:nth-child(1),
.star.s4 i:nth-child(2),
.star.s4 i:nth-child(3),
.star.s4 i:nth-child(4){color:#ffce00;}
.star.s5 i{color:#ffce00;}

@media (max-width:300px) {
}

/*공통*/
h1{font-size:1.8em; color: #252e58; font-weight: 600;}
h2{font-size:1.6em; color: #252e58;}

.hidden{display:none!important;}
.flex{display:flex; align-items: center;}
.flex.js{justify-content: space-between;}
.area_box{border-radius: 7px; background: #e8eefb; padding: 15px 18px;}

/*버튼*/
em{display: inline-block; font-size: 11px; padding: 4px 10px; color: #fff;
    background: #0e8de5; border-radius: 4px; margin-right: 0px; font-weight: normal;}
em.blue{ background: #5689f5;}
em.black{ background: #252e58;}
em.sky{ background: #14BDF6;}

.shadow{box-shadow: 3px 0px 10px rgb(0 0 0 / 15%);}
.btn_submit{width:100%; padding:10px 20px; border-radius:7px; letter-spacing: 0; font-size: 1.4em !important; background: #252E59;}
.btn{ display: inline-block; padding: 3px 12px; color: #fff; background: #252e58; border-radius: 4px; }


/*라디오박스*/
input[type=radio] { display: none; }
input[type=radio] + label { cursor: pointer; margin-right:5px; padding-left:0; font-weight:600; color:#1a1a1a;display: flex; align-items: center; }
input[type=radio] + label > div {display: inline-block;cursor: pointer;vertical-align: middle;background: white;box-sizing: border-box;width: 20px; height: 20px;border: 1px solid #ccc;border-radius: 50%;margin-right:5px;position:relative;}
input[type=radio]:checked + label > div:before {position:absolute;content:"";width:8px; height:8px;background:#75d78e;border-radius:50%;top:50%; left:50%; transform:translate(-50%,-50%);}
input[type=radio] + label:hover > div { border-width: 2px; }

/*체크박스*/
input[type=checkbox] { display: none; }
input[type=checkbox] + label { cursor: pointer; font-size:0.9em; display: flex; align-items: flex-start; align-items: center; font-weight: 500; }
input[type=checkbox] + label > div {display: inline-block;cursor: pointer;background: white;box-sizing: border-box;width: 17px; height: 17px;border: 1px solid #ccc;border-radius: 2px;margin-right:4px;
    position:relative; vertical-align: middle;}
input[type=checkbox]:checked + label{}
input[type=checkbox]:checked + label > div{background: #0e8de5;}
input[type=checkbox]:checked + label > div:before {font-family: "Font Awesome 5 Pro";color: #fff;content: "\f00c";position:absolute;top:45%; left:50%; transform:translate(-50%,-50%);font-weight:640;font-size: 1.1em;}
input[type=checkbox] + label:hover > div { border: 1px solid #0e8de5; }

/*라디오박스(박스)*/
.box_in input[type=radio] { display: none; }
.box_in input[type=radio] + label { cursor: pointer; font-size:0.9em; font-weight:normal; display:inline-block !important; text-align:center;
    margin:0 -0.5px; background:#fff; padding:5px 8px; line-height:1em; border-radius:0px; border:1px solid #ddd; }
.box_in input[type=radio] + label > div {display:none;}
.box_in input[type=radio]:checked + label{
    background:#14BDF6;
    color:#fff;
}

/*체크박스(박스)*/
.box_in input[type=checkbox] { display: none; }
.box_in input[type=checkbox] + label { cursor: pointer; font-size:0.95em; font-weight:normal; display:inline-block !important; text-align:center;
    margin:0 2px 8px 0; background:#fff; padding:8px 10px; line-height:1em; border-radius:6px; border:1px solid #ddd; }
.box_in input[type=checkbox] + label > div {display:none;}
.box_in input[type=checkbox]:checked + label{
    background:#fff;
    border:1px solid #E6A0B4;
    color:#CE3F6A;
    font-weight:600;
}
.box_in input[type=checkbox]:checked + label > div{background: #fff;}
.box_in input[type=checkbox]:checked + label > div:before{color: #84ccc9;}

.box_in input.frm_input{cursor: pointer; font-size:0.95em; font-weight:normal; text-align: center!important;
    margin-left:0!important; margin-right:0!important;; background:#fff; padding:8px 10px; line-height:1em; border-radius:6px; border:1px solid #E6A0B4!important;}



/*모달*/
.modal-dialog{ margin:20% 8%;}
.modal-title{color:#293653; font-weight: 600; font-size: 1.3em;}
.modal-backdrop{ background-color: #252e58;}
.modal-backdrop.in{ opacity: 0.7;}
.modal-header{ border-bottom: 0; padding-bottom: 0;}
.modal-header .close{ 
     margin-top:-7px !important;
	 z-index: 10000 !important;
     position: relative;
	 }

/*상단*/
#hd{ height: 60px;}
#hd_wrapper{ position:fixed; left:0; top:0; width:100%;font-size: 1.1em; z-index: 999; padding: 20px 20px;
    display: flex; justify-content: space-between; align-items: center; background: #fff;}
#hd_wrapper #title{font-size: 1.3em; font-weight: 500;}
#hd_wrapper .hd_icon{font-size: 1.5em;}
#hd_wrapper .hd_icon a{}
#hd_wrapper>div{min-width: 20px;}

/*하단*/
#ft{height:75px;}
#ft_menu{position:fixed; bottom:0; left:0; width:100%; background:#fff;
    padding:12px 0 8px 0; box-shadow:0 0 10px rgba(0,0,0,0.2); z-index:99;}
#ft_menu ul{display:flex; justify-content: space-between; align-items: center;max-width:900px; margin: 0 auto;}
#ft_menu li{text-align:center; width: calc(100% / 4); letter-spacing:-.050em}
#ft_menu li img{height:30px; margin:0 auto;}
#ft_menu li img.off{display:block}
#ft_menu li img.on{display: none;}
#ft_menu li.on img.off{ display: none}
#ft_menu li.on img.on{ display:block}

#ft_menu li p{ margin-top: 3px; color: #adb2bb;}
#ft_menu li.on p{ font-weight:600; opacity:1;}
#ft_menu li a{ color:#949ba8; font-size:.87em; margin:0 0 5px; display:block}

#wrapper{background: #F0EEF1; min-height: 100vh;}
.container{padding: 30px 5% 20px; background:#fff;}

/*상단메뉴*/
#lnb{background: #CACDD4;}
#lnb ul{display: flex;}
#lnb ul li{width: 100%; border-left: 1px solid rgba(0,0,0,0.05);}
#lnb ul li:first-child{border-left:none;}
#lnb ul li a{display: block; text-align: center; padding: 15px 10px; font-size: 1.1em; line-height: 1em; color: #949BA8;}
#lnb ul li.active a{font-weight: 600; color: #252e58; background:#f0eef1;}

/*일반게시판
.board.list{padding: 0 20px;}
.board.list li:first-child{border-top: 1px solid #F2F2F2;}
.board.list li{padding: 10px 0; border-bottom: 1px solid #F2F2F2;}
.board.list .area_top{ padding:25px 0px;}
.board.list .area_top h3{margin-bottom: 10px; font-size: 1.1em; color: #343434; padding: 0 2px;}

.board.list li a{display: flex; justify-content: space-between; align-items: center; font-size: 0.9em;}
.board.list li a p{line-height: 1.8em;}
.board.list li .title{display:inline-block; width: calc(100% - 80px);
    white-space: nowrap;overflow: hidden; text-overflow: ellipsis; vertical-align:middle;}
.board.list li .title strong{display: inline-block; margin-right: 3px; color: #d15361;}
.board.list li .date{width:75px; text-align: right; margin-left: 5px; font-size: 0.9em; opacity: 0.7; }

.board.list .btn_wrap{ padding: 10px 0;}
.board.list .btn_wrap .btn{width: 100%; color: #fff;}

.board.list .sch{ background: transparent; border:1px solid #E6A0B4; color:#CE3F6A; padding: 5px 15px;
    display: flex; justify-content: space-between;align-items: center; border-radius: 6px;}
.board.list .sch input{all:unset; width: 100%;}
.board.list .sch button{all:unset; color:#CE3F6A;}

.board.view .area_top{padding:20px; background: #FBFBFB;}
.board.view .area_top h3{padding:3px 0;line-height: 1.4em; font-size: 1.1em;}
.board.view .area_top h3 strong{ color:#ce4168; display: inline-block; margin-right: 3px; }
.board.view .area_top .date{font-size: 0.8em; opacity: 0.8;}

.board.view .conts{ padding: 20px; line-height: 1.6em;}
.board.view .conts p{line-height: 1.6em;}
.board.view .conts img{width: 100%; margin: 5px 0; line-height: 1.2em; background: transparent; border:1px solid #E6A0B4; color:#CE3F6A!important; text-align: center;}
*/

select {-webkit-appearance:none;-moz-appearance:none;appearance:none;filter:alpha(opacity=0); /* IE8 숨기기 */background:url('/img/select_arrow.png') no-repeat center right 10px;}
select::-ms-expand {display:none}
select {
    min-width: 100px;
    margin: 0 2.5px 0 0;
    background: #fff url(../img/ic_down_black.png) no-repeat calc(100% - 15px) center;
}

/*일반게시판*/
.board .list li:first-child{/*border-top: 1px solid #F2F2F2;*/ padding:25px 0 15px}
.board .list li{padding: 15px 0; border-bottom: 1px solid rgba(0,0,0,0.05);}
.board .list li:last-child{border-bottom:none;}
.board .list li p{line-height: 1.6em;}
/*.board .list li .title{display:inline-block; width: calc(100% - 80px);
    white-space: nowrap;overflow: hidden; text-overflow: ellipsis; vertical-align:middle;}*/
.board .list li .title{margin-bottom: 2px;}
.board .list li .title strong{
	display: inline-block; 
	font-size: 1.2em; 
	vertical-align: middle; 
	margin-right: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	height: 21px; 
	overflow: hidden;
	}
.board .list li .title em{ line-height: 1.6em;}
.board .list li span:after{content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 50%;
    background: rgba(0,0,0,0.3); vertical-align: middle; margin: 0 3px 0 5px}
.board .list li span:last-child:after{display: none;}
.board .list li .date,
.board .list li .info{opacity: 0.8;}
.board .list .more{text-align: center; border-bottom: 0;}

.board .view .area_top{padding: 15px 0; border-bottom: 1px solid rgba(0,0,0,0.1); }
.board .view .area_top .title{margin-bottom: 2px;}
.board .view .area_top .title strong{display: inline-block; font-size: 1.25em; vertical-align: middle; margin-right: 5px;}
.board .view .area_top .title em{ line-height: 1.6em;}
.board .view .area_top .flex{opacity: 0.5;}

.board .view .area_con{ padding: 15px 0;}
.board .view .area_con img{ max-width: 100% !important; margin: 2px 0;}

.board .container{padding-top: 0; background:#fff; border-radius: 3px; margin: 10px 10px 0;}
.board .container.view{ margin:0 !important}