@charset "utf-8"; 
/*
* [start] global layer css ~
*/
#layerPopup_BG { position:fixed;top:0;left:0;z-index:9999;background:#000;opacity:0.2; width:100%;height:100%;}
#layerPopup_BG.none { background:none;opacity:0; }
#layerPopup2 h2,
#layerPopup h2 { font-weight:700; }
#layerPopup2,
#layerPopup { position:fixed;top:50%;left:45%;z-index:9999;
    background:#fff;
    width:10px;
    margin-left:-5px; margin-top:-5px;
	padding:15px;
	border:1px solid #333;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0 0 6px rgba(0, 0, 0, 0.4);
	display:block; overflow:hidden;
}
#layerPopup2.opacity,
#layerPopup.opacity{ opacity:0.9 }

#layerPopup2 .close,
#layerPopup .close {position:absolute;right:10px;top:10px;width:20px;height:19px;z-index:9999;cursor:pointer;background:url("../img/teambox/icon_close.png") no-repeat}
#layerPopup2 .close:hover,
#layerPopup .close:hover {background:url("../img/teambox/icon_close_over.png") no-repeat}

#layerPopup2 .full.close,
#layerPopup .full.close {
	position:fixed;
	right:10px;
	top:2px;
}
#layerPopup2 .full.close::before,
#layerPopup .full.close::before { 
    font-size: 60px;
}
/*subpopup common*/
.popup-wrap{position:fixed; top:0px; left:0px; text-align:center; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.1); z-index:9999}
.layer_popup{ width:100%;display:inline-block; margin:0 auto; background-color:#fff; }
.layer_popup div.inner{padding:10px}
.layer_popup h1{padding-bottom:10px; font-size:20px; font-weight:bold; border-bottom:2px solid #333}
.layer_popup-content{padding:20px 0; line-height:1.5em}
.layer_popup .btn-area{width:100%;display:inline-block;margin:0px;padding-bottom:0px;border-top:1px solid #ddd;padding-top:10px;}
.layer_popup .btn-area button { display:inline-block;width:45%;height:42px;line-height:42px; }
.layer_popup div.btn-area a.btn-big{padding:10px 30px}
/*
* [end] global layer css
*/

/*#################*/
/*fontStyle*/
.guide-link{text-decoration:underline;}
.text-gray{color:#ccc}
.text-red{color:#e33647}

.bold{font-weight:bold}
.point{color:#4386fc !important}
.sub-point{color:#000}
.sub-point2{color:#3fbeed}
.txt12{font-size:12px;}
.txt15{font-size:20px;}
.text30{font-size:30px;}
.txt-c{text-align:center !important;}
.txt-l{text-align:left !important;}
.txt-r{text-align:right !important;}
/**/
.pd20{padding:20px 0px}

/*Class*/
.blind { display:block;overflow:hidden;position:absolute;top:-1000em;left:0}
.hide { display:none !important; }
.fl { float:left}
.fr { float:right}
.ch { clear:both}
.txt_cnt {text-align:center}
.block{display:block}
img.icon_box{ border-radius:6px; border:solid 1px #5b5e70; box-shadow: 0px 0px 2px #5b5e70;}

/*Button*/

a.bluebtn {display:block; margin:22px auto; width:80%; height:44px; border-radius:2px; color:#fff; font-weight:bold;  text-align:center; line-height:44px; background-color:#4386fc;}
.btn{width:100%;padding:20px 0;}

/*Common*/
article, aside, details, figcaption, figure, 
footer, hgroup, menu, nav, section { display: block; }
html, body, form, fieldset,ol, ul, li, h1, h2, h3, h4, h5, h6, img, p, figure{ margin:0; padding:0; -webkit-text-size-adjust:none; }
fieldset, img, input, button{ border:0; vertical-align:middle}
body {margin:0; padding:0; width:100%; font:normal Malgun Gothic,"맑은 고딕",dotum,"돋움"sans-serif;/*13/16*/  background-color:#f8f8f8}
h1, h2, h3, h4, h5, h6 { font:normal 12px; Malgun Gothic,dotum,sans-serif; font-weight:600;}
ol, ul, li { list-style: none; padding:0; margin:0; }
a { text-decoration:none; color:#000; cursor:pointer;}
a:hover {color:#2e2e2e;}
/*input,textarea { text-indent:35px; font:normal Malgun Gothic,dotum,sans-serif; -webkit-appearance: none;}*/
button{ cursor:pointer; }
div{ position:relative; }
div:after{content:""; display:block; clear:both; visibility:hidden; height:0;}
table{border-collapse:collapse;}

textarea {border-radius:3px; border:1px solid #ddd}
::-webkit-input-placeholder{color:#a3a6af;} /* 웹킷 전용 속성 */
textarea:-moz-placeholder, input:-moz-placeholder{color:#a3a6af;} /* 파이어폭스 전용 속성 */

/*textStyle*/
.txt-point{color:#4386fc}
.txt-red{color:#ea3b3c}
.txt-sky{color:#32baf2}
/*button*/
.btn{display:block; padding:0px; text-align:center;}
.btn-big{display:block; width:100%;  font-size:20px; text-align:center;}
.btn-white{border:1px solid #ccc; background:#fff; color:#555}
.btn-point{color:#fff; border:1px solid #4386fc; background:#4386fc}
.d_write_btn{margin-top:30px;width:100%; text-align:center;}
.d_write_btn a.send{border-radius:3px;border:solid 1px #4386fc;background-color:#4386fc; font-size:18px; color:#ffffff;font-weight:bold; padding:15px 45px;margin:20px 10px;}
.d_write_btn a.send:hover{border-radius:3px; border:solid 1px #3579ef;background-color:#3579ef;}
.d_write_btn a.cancel{border-radius:3px;border:solid 1px #b4bac3;background-color:#b4bac3; font-size:18px; color:#ffffff;font-weight:bold; padding:15px 45px;margin:20px 10px;}
.d_write_btn a.cancel:hover{border-radius:3px; border:solid 1px #a8aaae;background-color:#a8aaae;}
.btn-black{border:solid 1px #111; color:#777; background-color:#222; }
.btn-black:hover{color:#fff; border:solid 1px #111; background-color:#111;}
.btn-gray{border:solid 1px #ccc; color:#777; background-color:#fff; }
.btn-gray:hover{color:#555; border:solid 1px #555; }
.btn-blue{border:solid 1px #3579ef; color:#fff; background-color:#4386fc;}
.btn-blue:hover{border:solid 1px #3579ef; color:#fff; background-color:#3579ef; }
.btn-red{border:solid 1px #fa5353; color:#fff; background-color:#fa5353;}
.btn-red:hover{ border:solid 1px #ed4545;color:#fff; background-color:#ed4545;}
.btn-green{border:solid 1px #81c714; color:#fff; background-color:#81c714;}
.btn-green:hover{border:solid 1px #73b50d;color:#fff; background-color:#73b50d; }
.adm-btn {padding:5px; border-radius:3px; font-weight:bold;}