/* POPUP */
.layerPop {display:none; overflow:hidden; box-sizing:border-box; position:fixed; top:0; left:0; overflow-y:auto; text-align:center; width:100%; height:100%; z-index:5000;}
.layerPop * {box-sizing:border-box; font-family:"Malgun Gothic"}
.layerPop > .inner {display:inline-block; position:relative; border:1px solid #ccc; max-width:100%; height: 100%; max-height: 100%; text-align:left; background:#fff}
.layerPop > .inner .tit {padding:0 30px; border-bottom:1px solid #ccc; line-height:46px; font-size:17px; color:#373737; font-weight:bold}
.layerPop > .inner > a.closeLayerPop {display:inline-block; position:absolute; top:15px; right:30px; width:15px; height:15px; background:url("../images/pop/btn_close.png") no-repeat center center; text-indent:-9999px}
.layerPop > .inner .layerPopCont {padding:20px 30px 70px}
.layerPop > .inner .layerPopCont .btnArea {position:absolute; bottom:20px; right:30px}
.layerPop > .inner .layerPopCont .btnArea a {margin-left:6px}

/* ANNOUNCE POPUP */
.announce .contTit > strong {display:block; line-height:36px; font-size:26px; font-weight:300 !important; color:#373737}
.announce .contTit .path {margin-bottom:8px; text-align:right}
.announce .contTit .path .in {display:inline-block; overflow:hidden}
.announce .contTit .path .in > * {position:relative; float:left; margin-left:9px; padding-left:11px; font-size:14px}
.announce .contTit .path .in > *:first-child {margin:0; padding:0}
.announce .contTit .path .in > *:before {display:block; content:""; position:absolute; top:0; left:0; width:4px; height:100%; background:url("../images/pop/bl_arrow.png") no-repeat center}
.announce .contTit .path .in > *:first-child:before {display:none}
.announce .contTit .path .in > span:first-child {display:block; width:13px; background:url("../images/pop/ico_home.png") no-repeat center center; text-indent:9999px}
.announce .contTit .path .in > strong {color:#f47d31}
.announce .scrollWrap {overflow-y:auto; position:relative; border-top:1px solid #373737; border-bottom:1px solid #ddd; background:url("../images/pop/bg_shadow_off.png") no-repeat left top; background-size:100% auto; -webkit-transition:background 0.3s; transition:background 0.3s}
.announce .scrollWrap.scroll {background-image:url("../images/pop/bg_shadow.png")}
.announce .scrollWrap dl dt {padding:15px 20px 15px 13px}
.announce .scrollWrap dl dt > strong {display:block; padding-left:4px; line-height:37px; font-weight:bold !important; font-size:17px; color:#373737}
.announce .scrollWrap dl dt .writeInfo {overflow:hidden}
.announce .scrollWrap dl dt .writeInfo .userInfo {float:left; overflow:hidden}
.announce .scrollWrap dl dt .writeInfo .userInfo > * {float:left; line-height:33px}
.announce .scrollWrap dl dt .writeInfo .userInfo .photo {overflow:hidden; border-radius:50%; width:33px; height:33px; border-radius:50%; margin-right:15px}
.announce .scrollWrap dl dt .writeInfo .userInfo .photo img {width:100%; height:100%}
.announce .scrollWrap dl dt .writeInfo .userInfo strong {font-size:14px; font-weight:bold !important; color:#373737}
.announce .scrollWrap dl dt .writeInfo .userInfo p {margin-left:4px; font-size:12px; color:#999}
.announce .scrollWrap dl dt .writeInfo .dateInfo {float:right; overflow:hidden}
.announce .scrollWrap dl dt .writeInfo .dateInfo p {position:relative; float:left; padding-left:9px; margin-left:8px; line-height:26px; font-size:14px; color:#999}
.announce .scrollWrap dl dt .writeInfo .dateInfo p:before {display:block; content:""; position:absolute; top:9px; left:0; border-left:1px solid #ececec; height:9px}
.announce .scrollWrap dl dt .writeInfo .dateInfo p:first-child {padding:0; margin:0}
.announce .scrollWrap dl dt .writeInfo .dateInfo p:first-child:before {display:none}
.announce .scrollWrap dl dt .writeInfo .dateInfo p span {color:#f47d31}
.announce .scrollWrap dl dd > div {border-top:1px solid #ddd}
.announce .scrollWrap dl dd > div.cont {padding:40px 13px 70px; line-height:25px; font-size:12px; color:#424242}
.announce .scrollWrap dl dd > div.attachments {padding:18px 13px}
.announce .scrollWrap dl dd > div.attachments a.btnAtt {display:block; margin-top:16px; padding-left:26px; line-height:17px; font-size:12px; text-decoration:underline; color:#424242; background:url("../images/pop/ico_att.png") no-repeat left center}
.announce .scrollWrap dl dd > div.attachments a.btnAtt:first-child {margin-top:0}
.announce .scrollWrap dl dd > div.downLoad {padding:20px 13px}
.announce .scrollWrap dl dd > div.downLoad a {border-radius:2px}
.announce .scrollWrap dl dd > div.downLoad a span.icoDownload {display:block; padding-left:20px; background:url("../images/pop/ico_download.png") no-repeat left center}

/* BUTTON */ 
.btn {display:inline-block; padding:0 25px; border:1px solid #ccc; line-height:29px; text-align:center; font-size:14px}
.btnB {display:inline-block; padding:0 20px; border:1px solid #ccc; line-height:36px; text-align:center; font-weight:bold; font-size:12px}
.btnOrange {border-color:#f47d31; color:#fff; background:#f47d31}
.btnGray {border-color:#999; color:#fff; background:#999}