@charset "utf-8";


/* _______ scrollMenuWrap _____ */
#scrollMenuWrap{ position:fixed; top:0; left:0; width:100%; height:100px; line-height:100px; padding:0 40px; z-index:9;	}
#scrollMenuWrap .container{position:relative; width:100%; margin:0 auto; height:inherit; line-height:inherit;}
#scrollMenuWrap .container .logo{position:absolute; top:0; left:0; height:inherit; display:flex; align-items:center;}
#scrollMenuWrap .container .logo img{float:left; max-height:36px;}
.scrollMenu ul{position:relative; font-size:0; }
.scrollMenu li{
	display:inline-block;
	font-size:14px;
	font-weight:300;
	padding:0 5px;
	margin-right:1.7em;
	cursor:pointer;
	}
.scrollMenu li:last-child{margin-right:0;}

/* 메인페이지 용*/
.mainPage #scrollMenuWrap{z-index:99899; background:rgba(0,0,0,0); transition: all 0.8s cubic-bezier(0.5, 0, 0, 1.25);}
.mainPage #scrollMenuWrap.fixed{height:52px; line-height:52px; background:rgba(0,0,0,1);}
.mainPage #scrollMenuWrap .container{min-width:1300px;}
.mainPage #scrollMenuWrap .scrollMenu{position:absolute; top:0; right:0;}
.mainPage #scrollMenuWrap .scrollMenu li{color:rgba(255,255,255,0.8);}
.mainPage #scrollMenuWrap .scrollMenu li:hover,
.mainPage #scrollMenuWrap .scrollMenu li .active{color:#fff; font-weight:500;}

/*서브페이지 용*/
.subPage #scrollMenuWrap{top:140px; z-index:99; height:60px; line-height:60px; background:#fff; border-bottom:1px solid rgba(0,0,0,0.14); box-shadow:0 5px 5px rgba(0,0,0,0.02); transition: all 0.3s cubic-bezier(0.5, 0, 0, 1.25);}
.subPage #scrollMenuWrap.header_nofixed{transition: all 0.5s cubic-bezier(0.5, 0, 0, 1.25);}
.subPage #scrollMenuWrap.fixed{top:70px; height:50px; line-height:50px;}
.subPage #scrollMenuWrap.fixed.header_nofixed{top:0px;}
.subPage #scrollMenuWrap .container{max-width:1500px;}
.subPage #scrollMenuWrap .scrollMenu{text-align:center;}
.subPage #scrollMenuWrap .scrollMenu li{font-size:16px; font-weight:400;}
.subPage #scrollMenuWrap .scrollMenu li:hover,
.subPage #scrollMenuWrap .scrollMenu li .active{color:#4676ff;}






/*________________ List Page _______________*/

#pageMake{position:relative; width:100%;}
#attachGroup{position:relative; width:100%; overflow:hidden;}
	.attach_li{position:relative; margin:0; padding:0; width:100%; display:block; float:left; min-height:60px; }
	.attach_li.autoHeight{display:flex; align-items:center; height:auto; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}


.layerBtn{position:absolute; top:auto; bottom:15px; right:15px; z-index:50;}
.layerBtn .sectionTip{
	position:absolute;
	bottom:0px;
	right:40px;
	font-size:11px;
	color:#fff;
	background:rgba(0,0,0,0.65);
	display:inline-block;
	padding:8px 10px;
	border-radius:4px;
	width:auto;
	opacity:0;
	white-space: nowrap;
	transition: all .2s ease-in-out;
	visibility: hidden;
	}
.layerBtn .sectionTip span{display:inline-block; margin-right:10px;}
.layerBtn .sectionTip span:last-child{margin-right:0;}
.layerBtn .sectionTip:before{
	content:'';
	width:0;
	height:0;
	border-left: 5px solid rgba(0,0,0,0.65);
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	position:absolute;
	top:10px;
	right:-5px;
	}
.layerBtn:hover .sectionTip{opacity:1;visibility: visible;}

.layerBtn .helpTag{display:block; position:relative; margin-bottom:5px; font-size:9px; width:24px; height:13px; line-height:12px; text-align:center; color:#5bb75b; border:1px solid #5bb75b; background:#fff; border-radius:5px; cursor:help;}
.layerBtn .helpTag.includeTip{width:24px; color:#5bb75b; border:1px solid #5bb75b;}
.layerBtn .helpTag.skinOptionTip{width:24px;}
.layerBtn .includeTip.myTip:before{background-color:rgba(76, 127, 255, 0.95); color:#d4fbff;}
.layerBtn .includeTip.myTip:after{border-left-color:rgba(76, 127, 255, 0.95);}
.layerBtn .skinOptionTip.myTip:before{background-color:rgba(91, 183, 91, 0.95); color:#fcff26;}
.layerBtn .skinOptionTip.myTip:after{border-left-color:rgba(91, 183, 91, 0.95);}
/*.layerBtn .skinOptionTip span:before{content:'\e338'; font-family:'intaeFont'; font-size:19px; color:#5bb75b; display:inline-block;}*/







/*________________ Write Page _______________*/
.skinView{position:absolute;bottom:10px; left:380px;}
.skinView img{border:1px solid rgba(0,0,0,0.65);box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);}


#wr_latest_option_tagsinput{position:relative;}
#wr_latest_option_tagsinput:after{content:'\e018'; font-family:'intaefont'; font-size:12px; position:absolute; top:12px; right:10px; color:rgba(0,0,0,0.3); transition: all .1s ease-in-out;}
#wr_latest_option_tagsinput:hover:after{color:rgba(0,0,0,0.7);}
#wr_latest_mobile_option_tagsinput{position:relative;}
#wr_latest_mobile_option_tagsinput:after{content:'\e019'; font-family:'intaefont'; font-size:12px; position:absolute; top:10px; right:10px; color:rgba(0,0,0,0.3); transition: all .1s ease-in-out;}
#wr_latest_mobile_option_tagsinput:hover:after{color:rgba(0,0,0,0.7);}
.skinOptionWrapper{position:relative; display:none;}
.skinOptionWrapper.on{display:block; position:relative;}
.skinOptionWrapper .closer:before{
	content:'\e007';
	font-family:'intaeFont';
	font-size:10px;
	font-weight:normal;
	color:#fff;
	display:inline-block;
	position:absolute;
	top:10px;
	right:5px;
	width:22px;
	height:22px;
	line-height:21px;
	text-align:center;
	background:rgba(0,0,0,0.15);
	border-radius:3px;
	cursor:pointer;
	transition: all .15s ease-in-out;
	}
.skinOptionWrapper .closer:hover:before{background:rgba(0,0,0,0.65);}

.skinOptionWrapper.mobile .pc-only{display:none;}

/*#reactionType .inputLabel, #fixedType .inputLabel{height:32px !important; line-height:32px !important;}*/