@charset "utf-8";
/*********************************************************
	common styles
 **********************************************************/

html {
    font-size: 100%;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
body {
    min-width: 320px;
	color: #231815 /*#606060*/;
    font-size: 0.8em;
	font-family: "Noto Sans KR", Sans-serif;
    -webkit-font-smoothing: antialiased;
	letter-spacing: -0.03em;
}
figure {
    display: block;
    margin: 0;
    padding: 0;
}

a {
    color: inherit;
    text-decoration: none;
}
a:hover {
    color: #aaa;
    text-decoration: none;
}
em,
cite,
address { font-style: normal; }
ul, ol, li {
    margin: 0;
    padding: 0;
    list-style: none;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-weight: normal;
    line-height: 1;
}
blockquote {
    margin: 0;
    padding: 0;
}

.base-color { color: #11bc2c; }
.base-color-bg {
    color: #fff;
    background-color: #11bc2c;
}

.no-scrolling-js {
	overflow-x: visible;
	overflow-y: hidden;
}
/* 내용 숨기기 */
.content-off {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* 이미지  */
.img-responsive {
    width: 100%;
    height: auto;
}
.img-responsive2 {
    max-width: 100%;
    height: auto;
}

/* 화면에서 숨기기 */
.content-none {
    display: none;
}


/* float 해제 class */
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
.clearfix:after { clear: both; }

/* custom-modal */
	.custom-modal {
		display: none;
		overflow-y: auto;
		position: fixed;
		z-index: 1000;
		top: 0; right: 0; bottom: 0; left: 0;
		background-color: #ccc;
		background-color: rgba(0, 0, 0, 0.65);
	}
/*-custom-modal */
/* 공통 버튼 스타일 */
.btn-style {
    cursor: pointer;
    display: inline-block;
    padding: 8px 15px;
    border: 0;
    background-color: #888;
    color: #fff;
    text-decoration: none;
    font-size: 13px !important;
    line-height: 1;
    vertical-align: middle;
}
.btn-style:hover{ color:#fff; }
.btn-style-admin {
    color:#fff;
    background-color:#ff3061;
}
.btn-style-admin:hover { color:#fff; }
.btn-style-admin-ctrl {
    color: #606060;
    background-color: #dcdcdc;
}
.btn-style-admin-ctrl:hover {
    color: #606060;
    background-color:#ccc;
}
.btn-style-basic {
    color: #fff;
    background-color: #11bc2c;
}
.btn-style-basic:hover {
    color: #fff;
    background-color: #424242;
}
.btn-style-basic-reverse {
	padding-top: 7px;
	padding-bottom: 7px;
	color: #11bc2c;
	background-color: #fff;
    border: 1px solid #11bc2c;
}
.btn-style-basic-reverse:hover {
	color: #11bc2c;
	background-color: #fafafa;
}
.btn-style-black {
    color:#fff;
    background-color:#333;
}
.btn-style-black:hover {
    color:#fff;
    background-color:#616161;
}
.btn-style-gray {
    background-color:#666;
}
.btn-style-gray:hover {
    background-color:#888;
}

.alert-info {
    color: #ff0000;
    font-size: 12px;
    line-height: 1.5;
}

.bo-sch1 {
    padding: 1.5em 0;
    text-align: center;
}
.select-style {
    padding: 0.5em;
    font-size: 13px;
    line-height: 20px;
    border: 1px solid #ccc;

}
.input-style {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding: 0.5em;
    font-size: 13px;
    line-height: 18px;
    border: 1px solid #ccc;
}
.bo-sch1 .submit-style {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding: 0.5em 1em;
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    background-color: #808080;
    border: 0;
}

.input-box1 {
    display: block;
    padding: 0.5em;
    font-size: 13px;
    line-height: 18px;
    border: 1px solid #ccc;
}
.input-box1 .input-box-style {
    width: 100%;
    font-size: inherit;
    line-height: inherit;
    border: 0;
    outline: none;
}

.cmm-list1 .cmm-item {
    position: relative;
    margin: 0.5em 0;
    padding-left: 8.5em;
}
.cmm-list1 .cmm-label {
    position: absolute;
    left: 0;
    width: 8em;
}





/* layout : 전체 12 grid 기준
 * cols-* 로 영역 나눌시 상위 요소(즉 해당 부모 요소)는 cols-wrapper 로
 * 반드시 감싸야 float 가 해제되어 다음 요소의 흐름에 영향을 주지 않음
 * 공통적으로 쓸수 있는 스타일을 나타내고 있으니
 * 예외적으로 영역의 너비를 다르게 하고 싶을시엔
 * 클래스를 새로 만들어 새 스타일 추가해서 사용해 주세요.
 */



.cols-wrapper:before,
.cols-wrapper:after {
    content: "";
    display: table;
}
.cols-wrapper:after {
    clear: both;
}

.cols12-12 {
	float: left;
	width: 100%;
}
.cols12-8 { /* 12 grid 중 8 grid 설정 */
    float: left;
    width: 66.6666%;
}
.cols12-6 { /* 12 grid 중 6 grid 설정 */
    float: left;
    width: 50%;
}
.cols12-4 { /* 12 grid 중 4 grid 설정 */
    float: left;
    width: 33.3333%;
}

.cols12-3 { /* 12 grid 중 3 grid 설정 */
    float: left;
    width: 25%;
}

/* nav-tabs */
.nav-tabs {
    margin-bottom: 2em;
    text-align: center;
}
.nav-tabs a {
    display: inline-block;
    *display: inline; *zoom: 1;
    padding: 0.8em 1em;
    font-size: 1.2em;
    line-height: 1;
    color:#666;
    /* background-color: #f5f5f5; */
}
.nav-tabs a:hover{
    color: #444;
    font-weight:600;
}
.nav-tabs a.active {
    color: #444;
    font-weight:600;
}

/*-nav-tabs */

/* board-tip */
.board-tip {
    padding: 10px 0;
}
.board-tip .heading {
    padding-bottom: 0.5em;
    font-size:1.2em;
    font-weight:600;
    text-align: left;
}
.board-tip .board-tip-info {
    padding: 0.5em;
    color: #808080;
}
.board-tip-list {
    padding: 10px 0.5em;
    color:#555;
    /* 		font-weight: 600; */
    bor der:2px solid #ccc;
    background-color: #f5f5f5;
    border-radius: 3px;
}
.board-tip-list li {
    padding: 0.3em;
    line-height: 1.5;
}
/*-board-tip */

/* board-ctrl-btns */
	.board-ctrl {
		padding-bottom: 10px;
	}
	.board-ctrl-admin {
		text-align: right;
	}
/*-board-ctrl-btns */

/* form-style */
.form-style {
    width: 100%;
}

.form-btns {
    padding: 2em 0;
    text-align: center;
}
.form-btn {
    cursor: pointer;
    display: inline-block;
    cursor: pointer;
    display: inline-block;
    padding: 4px 10px;
    border: 0;
    border-radius: 3px;
    background-color: #888;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    line-height: 1;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
a.form-btn:hover, a.form-cancel:hover{
    color:#eee;
}
.form-btn2{
    background-color:#0c4da2;
}
.form-btn-adm{
    background-color: #a61d1d;

}



.form-tip {
    color: #808080;
    font-size: 12px;
    line-height: 2;
}
/* form-fieldset */
    .form-fieldset .heading {
        position: relative;
        display: block;
        padding: 2em 0 1em;
        width: 100%;
        height: 30px;
        color: #303030;
        font-size: 18px;
        line-height: 35px;
        text-indent: 0;
    }
    .form-fieldset .form-list {
        padding: 1em;
        background-color: #fff;
        border-radius: 3px;
    }
    .form-fieldset .form-item-inline {
        position: relative;
        padding-left: 130px;
     }
    .form-fieldset .form-item-inline-tip {
        margin-top: 5px;
        padding-left: 130px;
        color: #f00;
        font-size: 0.85em;
        line-height: 1.5;
    }
    .form-fieldset .form-item-inline .label {
        position: absolute;
        left: 0; top: 50%;
        width: 120px;
        margin-top: -0.55em;
        font-size: 1em;
        line-height: 1;
    }
    .form-fieldset .form-item-inline .input-box {
        display: block;
        padding: 0.3em;
        background-color: #fff;
        border: 1px solid #dcdcdc;
        border-radius: 3px;
    }
    .form-fieldset .form-item-inline .input-box > .input {
        width: 100%;
        margin: 0; padding: 0;
        font-size: 1em;
        line-height: 1.7;
        border: 0;
        outline: none;
    }
    .form-fieldset .form-item-inline .input-box textarea {
        padding: 0;
        border: 0;
        outline: none;
    }
    .form-fieldset .form-item-inline .input-box-pull {
        position: relative;
        padding-right: 70px;
    }
    .form-fieldset .form-item-inline .input-box-pull .pull-label {
        position: absolute;
        top: 0; right: 0; bottom: 0;
        width: 70px;
        color: #545454;
        font-size: 13px;
        line-height: 3;
        text-align: center;
    }
    .form-fieldset .form-item-inline .input-box-pull .pull-label.btn {
        color: #fff;
        background-color: #333;
        border: 0;
        -webkit-appearance: none;
    }
    .form-fieldset .form-item {
        position: relative;
        margin-bottom: 1em;
        font-size: 14px;
        line-height: 2;
    }
    .form-fieldset .form-item .label {
        display: block;
        font-weight: 500;
        ba ckground: url("../img/p_style.png") no-repeat 1px 50%;
        bac kground-size: 5px;
    }
    .form-fieldset .form-item .input-box {
        display: block;
        padding: 0.3em;
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 3px;
    }
.form-fieldset .form-item .dummy {
    display: inline-block;
    *display: inline; *zoom: 1;
    padding: 0.3em;
    vertical-align: top;
}

.form-fieldset .input-box-inline {
    display: inline-block;
    width: 6em;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.form-fieldset .form-item.email-field .input-box-inline {
    width: 11em;
}
.form-fieldset .input-style {
    display: block;
    width: 100%;
    height: 2em;
    padding: 0;
    font-size: inherit;
    border: 0;
    outline: none;
}
.form-fieldset .input-style1 {
    border: 1px solid #ccc;
}
.form-fieldset .select-style {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    width: 100%;
    height: 2.6em;
    padding: 0;
    font-size: 14px;
    line-height: 2;
    border: 1px solid #ccc;
    border-radius: 3px;
    outline: none;
}
.form-fieldset .form-with-select {
    padding-left: 12.5em;
}
.form-fieldset .form-with-select .select-box {
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 12em;
}
.form-fieldset .form-item .input-box-pull {
    display: block;
    position: relative;
    padding: 0 3.5em 0 0;
    border: 0;
}
.input-box-pull .input-style {
    /* width: 98%;
    padding: 0 1%;
    border: 1px solid #ccc; */
}
.input-box-pull .pull {
    position: absolute;
    right: 0; top: 0; bottom: 0;
    width: 3em;
    line-height: 2;
}

.form-fieldset .form-item textarea {
    height: 5em;
    padding: 0;
    border: 0;
    outline: none;
}
/*- form-fieldset */


.select-box {
    display: inline-block;
    overflow: hidden;
    width: 164px; height: 29px;
    background: #fff url("../img/arrow_down.png") no-repeat 99% 50%;
    background-size: auto 20px;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    vertical-align: middle;
}
.select-box > select {
    cursor: pointer;
    width: 164px;
    height: 29px;
    padding: 0 5px;
    color: #555;
    font-size: 14px;
    line-height: 29px;
    text-align: left;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    outline: none;
}

/* icons */
.icon {
    display: inline-block;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: 0;
    -webkit-appearance: none;
}
.icon-wish { background-image: url("../img/icon_wish.png"); }
.icon-search { background-image: url("../img/icon_search.png"); }
.icon-menu.open { background-image: url("../img/icon_menu.png"); }
.icon-menu.close { background-image: url("../img/close.png"); }

.more_btn2 {
	display:inline-block;
	margin-top:20px;
	padding:10px 30px;
	color:#333;
	font-weight:normal;
	border:1px solid #333;
}
.more_btn2:hover{
	color:#fff;
	background-color:#888;
	border-color: #888;
	f ont-weight:bold;
}