@charset "UTF-8";

::-webkit-input-placeholder{color: #b8b8b8;} 
:-moz-placeholder{color: #b8b8b8; opacity: 1;}
::-moz-placeholder{color: #b8b8b8; opacity: 1;}
:-ms-input-placeholder{color: #b8b8b8;}

/*label + label{margin: 0 0 0 20px;}*/

.display--n{display: none;}

.checkbox__wrap{cursor: pointer;}
.checkbox__wrap.disabled{cursor: default; opacity:0.3}
.checkbox__wrap{position: relative; font-size:15px; height: 26px; box-sizing: border-box; cursor: pointer;}
.checkbox__wrap input[type="checkbox"]{display: none;}
.checkbox__wrap input[type="checkbox"] + span.ico, .checkbox__wrap--small > span.ico{margin: 0 7px 0 0; display: inline-block; width: 23px; height: 23px; vertical-align: -6px; background: url('../images/bg-check-off.png') no-repeat; background-size: 23px 23px; transition: all 0.4s ease; -webkit-transition: all .4s ease;}
.checkbox__wrap input[type="checkbox"]:checked + span.ico, .checkbox__wrap--small.on > span.ico{background: url('../images/bg-check-on.png') no-repeat; background-size: 23px 23px;}

.radio__wrap{cursor:pointer;}
.radio__wrap{position: relative; font-size: 15px; cursor:pointer;}
.radio__wrap input[type="radio"]{display:none;}
.radio__wrap input[type="radio"] + span.ico, .radio__wrap.on > span.ico{margin: 0 6px 0 0; display: inline-block; width:24px; height:24px; vertical-align:-6px; background:url('../images/bg-radio-off.png') no-repeat; transition: all .4s ease; -webkit-transition: all .4s ease;}
.radio__wrap input[type="radio"]:checked + span.ico, .radio__wrap.disabled > span.ico{background:url('../images/bg-radio-on.png') no-repeat;}

.file__wrap_input{float: left; margin: 0 10px 0 0;}
.file__wrap_text{float: left; margin: 0 10px 0 0; line-height: 45px;}
.file__wrap{position:relative; display:inline-block; overflow:hidden; cursor:pointer; background:url('../images/btn-file.png') no-repeat; width:105px; height:46px; transition: .4s ease; -webkit-transition: all .4s ease;}
.file__wrap:hover{background:url('../images/btn-file-over.png') no-repeat;}
.file__wrap input{position:absolute; filter:alpha(opacity=0); opacity:0; cursor:pointer; height: 46px;}

.form__input--margin{margin: 0 7px 0 0;}

input[type="text"], input[type="search"], input[type="password"]{padding: 0 5px; height: 33px; background: #fff; border: solid 1px #dadada; box-sizing: border-box; transition: all .4s ease; -webkit-transition: all .4s ease;}
input[type="text"]:hover, input[type="search"]:hover, input[type="password"]:hover{border: solid 1px #948a85;}
input[type="text"]:focus, input[type="search"]:focus, input[type="password"]:focus{border: solid 1px #948a85;}
input[type="text"]:read-only, input[type="search"]:read-only, input[type="password"]:read-only{border: solid 1px #fff;}
input[type="text"]:disabled, input[type="search"]:disabled, input[type="password"]:disabled{color: #b8b8b8; border: solid 1px #fff;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0;}

select.sty1{-webkit-appearance:none; appearance:none;}
select.sty1::-ms-expand {display: none;}
select.sty1{padding:0 40px 0 5px; height: 24px; border: solid 1px #dfdede; box-sizing: border-box; background:#fff url('../images/ico-select-arrow.png') no-repeat right 7px center;  background-size: 10px 10px; border-radius: 6px; transition: all .4s ease; -webkit-transition: all .4s ease;}
select.sty1:hover{border: solid 1px #948a85;}
select.sty1:focus{border: solid 1px #948a85;}
select.sty1:disabled{color: #b8b8b8; background:#fff url('../images/ico-select-arrow-dis.png') no-repeat right 7px center; background-size: 10px 10px; border: solid 1px #fff;}
select.sty1 option{transition: all .4s ease; -webkit-transition: all .4s ease;}
select.sty1 option:checked, 
select.sty1 option:hover {    
    background: #948a85; 
    color: #fff;
}

textarea{padding: 10px; border: solid 1px #dadada; box-sizing: border-box; font-size: 14px; transition: all .4s ease; -webkit-transition: all .4s ease; resize: none;}
textarea:hover{border: solid 1px #948a85;}
textarea:focus{border: solid 1px #948a85;}

.scroll{overflow-y: scroll;}

.font--color1{color: #d56850;}
.font--color2{color: #948a85;}
.font--color3{color: #999;}

.fl{float:left}
.fr{float:right}
.cb{clear:both}
.clear{*zoom:1}
.clear:after{content:'';display:block;clear:both}

.w20{width:20% !important; float:left; box-sizing: border-box;}
.w25{width:25% !important; float:left; box-sizing: border-box;}
.w30{width:30% !important; float:left; box-sizing: border-box;}
.w40{width:40% !important; float:left; box-sizing: border-box;}
.w33{width:33% !important; float:left; box-sizing: border-box;}
.w50{width:50% !important; float:left; box-sizing: border-box;}
.w60{width:60% !important; float:left; box-sizing: border-box;}
.w70{width:70% !important; float:left; box-sizing: border-box;}
.w80{width:80% !important; float:left; box-sizing: border-box;}
.w33:last-child{width:34% !important; float:left; box-sizing: border-box;}

.align--center{text-align: center !important;}
.align--left{text-align: left !important;}
.align--right{text-align: right !important;}

.top--margin--base0{margin-top: 0 !important;}
.top--margin--base1{margin-top: 10px;}
.top--margin--base2{margin-top: 20px;}
.top--margin--base3{margin-top: 30px;}
.top--margin--base4{margin-top: 40px;}
.top--margin--base5{margin-top: 50px;}

.top--padding--base0{padding-top: 0 !important;}
.top--padding--base1{padding-top: 10px;}
.top--padding--base2{padding-top: 20px;}
.top--padding--base3{padding-top: 30px;}

.wrap--padding--base1{padding: 10px;}
.wrap--padding--base2{padding: 20px;}
.wrap--padding--base3{padding: 30px;}
.wrap--padding--base4{padding: 40px;}

/*--- a ---*/
.wrap--btn--bottom1{margin: 20px 0 0; text-align: right;}

.btn--common{display: inline-block; border-radius: 6px; transition: all .4s ease; -webkit-transition: all .4s ease; box-sizing: border-box;}
.btn1{padding: 7px 10px 8px; font-size: 14px; color: #d56850; border: solid 1px #dfdcda;
-webkit-box-shadow: 3px 3px 0px 0px rgba(223,220,218,1);
-moz-box-shadow: 3px 3px 0px 0px rgba(223,220,218,1);
box-shadow: 3px 3px 0px 0px rgba(223,220,218,1);
}
.btn1:hover{color: #fff; background: #d56850;}

.btn-r1{padding: 12px 20px 12px; min-width: 100px; text-align: center; font-size: 15px; color: #fff; background: #948a85;}
.btn-r1:hover{background: #d56850;}

/*--- 팝업 ---*/
.pop--fixed{position: fixed; background: #fff; z-index: 1100; box-sizing:border-box; top: 50%; left: 50%; display: none; -webkit-box-shadow: 0px 3px 17px 0px rgba(0,0,0,0.4); box-shadow: 0px 3px 17px 0px rgba(0,0,0,0.4);}

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

.header__pop{position: relative; height: 60px; border-bottom: solid 1px #262626; box-sizing: border-box;}
.header__pop h2{position:absolute; top: 19px; left: 30px; font-size: 20px; font-weight: 800;}
.header__pop .btn--close{position: absolute; top: 16px; right: 30px; display: block; width:28px; height: 28px; background: url('../images/ico-x.png') no-repeat center; transition: all .6s ease; -webkit-transition: all .6s ease;}
.header__pop .btn--close:hover{transform: rotate(360deg); -webkit-transform: rotate(360deg);}

.content__pop{position:relative; padding:30px; box-sizing: border-box;}
.content__pop:after{content:""; display:block; clear:both;}

.content__pop__btn--wrap{margin: 20px 0 0; font-size: 0;}
.content__pop__btn--right{text-align: right;}
.content__pop__btn--right a{margin: 0 0 0 10px;}
.content__pop__btn--center{margin: 20px 0 0; text-align: center;}
.content__pop__btn--center a{margin: 0 5px;}


/* 주석 호버 레이어 */
.pop_mark{position:absolute; width:298px; border:solid 1px #60c4f8; z-index:500;
-webkit-box-shadow: 1px 2px 2px 0px rgba(0,0,0,0.3); -moz-box-shadow: 1px 2px 2px 0px rgba(0,0,0,0.3); box-shadow: 1px 2px 2px 0px rgba(0,0,0,0.3);
}
.pophead_mark{position:relative; height:30px; background:#60c4f8;}
.pophead_mark .poptit{position:absolute; top:1px; left:6px; color:#fff; font-size:1.1em; text-shadow: 1px 1px 0 rgba(0,0,0,0.2);}
.pophead_mark .poptit strong{font-size:1.4em; vertical-align:-2px;}
.pophead_mark .mark_num{position:absolute; color:#fff; font-size:1.1em; top:6px; right:12px; text-shadow: 1px 1px 0 rgba(0,0,0,0.2);}
.pophead_mark .mark_btn{position:absolute; color:#fff; font-size:1.1em; top:5px; right:12px;} /* +yskwun mod 20161220 */
.popcontent_mark{padding:10px; background:#f5fbfe; font-size:1.1em; line-height:1.4;}
.popcontent_mark .num{ margin-right: 5px; color: #c84520; }
 



/* 기타 공통 */
.hide{display:none}
a.disabled, span.disabled{cursor: default; opacity:0.5}
#container .focus {outline: 2px solid #a6c8ff;}

#container em.hl1, #layer_kakju_detial em.hl1 {color: #fb664c; background: #eaffba;}
#container em.hl1.focus{outline: 2px dotted red;}


.tit__pop1{}
.tit__pop1 h2{display: inline-block; font-size: 24px; font-weight: 700; padding: 0 0 10px; border-bottom: solid 3px #e9870b;}
.tit__pop2{background:url('../images/bg-pop-tit.png') repeat-x left bottom;}
.tit__pop2 h2{font-size: 24px; font-weight: 700; padding: 0 0 10px; text-align: center;}