@charset "utf-8";
@import url('https://cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css');
.nanumSquare{font-family:'NanumSquareRound',sans-serif;}

html{overflow-y:scroll;background:#fff;}
html.not_scroll{overflow:hidden;height:100%;}
body{margin:0;padding:0;font-size:15px;line-height:1.47em;font-family:'NanumSquareRound',Apple SD Gothic Neo,Dotum,돋움,sans-serif;}
html,h1,h2,h3,h4,h5,h6,form,fieldset,img{margin:0;padding:0;border:0}
h1,h2,h3,h4,h5,h6{font-size:1em;margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
#hd ul,nav ul,#ft ul{margin:0;padding:0;list-style:none}
legend{position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label,input,button,select,img{vertical-align:middle;font-family:'NanumSquareRound', 'Nanum Gothic', sans-serif;}
input,button{margin:0;padding:0;font-size:1em}
button{cursor:pointer}
input[type=text],input[type=password],input[type=submit],input[type=image],button{border:0;-webkit-appearance:none}
textarea,select{font-size:1em;font-family:'NanumSquareRound', 'Nanum Gothic', sans-serif;}
textarea{-webkit-appearance:none;-webkit-overflow-scrolling:touch;}
select{margin:0}
p{margin:0;padding:0;word-break:break-all}
hr{width:100%;height:1px;background-color:rgba(0,0,0,0.12);border:none;}
pre{overflow-x:scroll;font-size:1.1em}
a:link,a:visited{color:#000;text-decoration:none}
a:hover,a:focus,a:active{color:#000;text-decoration:underline}
ul,li{margin:0;padding:0;list-style:none;}
table,tr,th,td{border-collapse:collapse;border-spacing:0;}
body{-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-text-size-adjust:none;/*피봇시 글자커짐 방지 */-webkit-overflow-scrolling:touch;}
a,a:hover{text-decoration:none;}
html,body{overflow-x:hidden;min-width:320px;}
.etc{color:rgba(53,57,69,0.8);} 

/* Etc. */
.bold{font-weight:600;}
strong{font-weight:bold;}
.landmark{position:absolute;left:-5000px;top:-5000px;display:none;}
.no_borderb{border-bottom:none !important;}
.clear{clear:both;display:block;}
.none{display:none !important;}
img{max-width:100%;}
.hidden{visibility:hidden !important;}
.underline:hover{text-decoration:underline;}
.relative:{position:relative;}
.block{display:block;}
.inline-block{display:inline-block;}
.txtBox{display:inline-block;overflow:auto;border:1px dashed rgba(0,0,0,0.2);font-size:12px;font-weight:normal;margin:5px 0;padding:20px 35px 20px 30px;color:#3f3f3f;background:rgba(0,0,0,0.01);
margin-right:10px;max-width:100%;line-height:1.5em;vertical-align:top;}
.readBox{ overflow:auto;border:1px solid rgba(0,0,0,0.2);font-size:14px;line-height:1.5em;padding:15px;height:auto;color:#3f3f3f;background:rgba(0,0,0,0.01);max-width:100%;border-radius:3px;}
.readBox.dark{background:#5c5c5d;color:#fff;border:0;}
.ellipsis{ overflow :hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-moz-text-overflow:ellipsis;}


/*──────────────── Font ────────────────*/
h1,h2,h3,h4,h5,h6,strong,th{font-weight:400;line-height:1.5em;}
h1{font-size:22px;}
h2{font-size:19px;}
h3{font-size:17px;}
h4{font-size:15px;}
h5{font-size:13px;}
h6{font-size:11px;}

.help-block{color:#8da2a8;line-height:1.3em;}
.help-block a{color:#8da2a8;text-decoration:underline !important;}
.help-block a:hover{color:#6d8288;}
p.help-block{margin-top:7px;}

/* flexd */
.fixed{position:fixed !important;}
.block{display:block !important;}
.absolute{display:absolute !important;top:0;right:0;}
.absolute.fright{float:none;top:0;right:0;}
.flexCenter{display:flex;align-items:center;}

/* 정렬 */
.fleft{float:left;} .fright{float:right;} .fcenter{margin:0 auto;} .tcenter{text-align:center;} .tleft{text-align:left;} .tright{text-align:right;} .divCenter, .winCenter{width:100%;height:100%;display:flex;align-items:center;position:absolute;top:0;left:0;}

/* color */
.color-red{color:#ff4d4d;}
.color-green{color:#1bc8a6;}
.color-yellow{color:#fff5bd;}

/*──────────────── Margin ────────────────*/
.mt5{margin-top:5px !important;} .mt10{margin-top:10px !important;} .mt15{margin-top:15px !important;} .mt20{margin-top:20px !important;} .mt25{margin-top:25px !important;} .mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;} .mt40{margin-top:40px !important;} .mt45{margin-top:45px !important;} .mt50{margin-top:50px !important;} .mt55{margin-top:55px !important;} .mt60{margin-top:60px !important;}
.mt65{margin-top:65px !important;} .mt70{margin-top:70px !important;} .mt75{margin-top:75px !important;} .mt80{margin-top:80px !important;}
.mt85{margin-top:85px !important;} .mt90{margin-top:90px !important;} .mt95{margin-top:95px !important;} .mt100{margin-top:100px !important;}
.mr5{margin-right:5px !important;} .mr10{margin-right:10px !important;} .mr15{margin-right:15px !important;} .mr20{margin-right:20px !important;} .mr25{margin-right:25px !important;} .mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;} .mr40{margin-right:40px !important;} .mr45{margin-right:45px !important;} .mr50{margin-right:50px !important;} .mr55{margin-right:55px !important;} .mr60{margin-right:60px !important;}
.mr65{margin-right:65px !important;} .mr70{margin-right:70px !important;} .mr75{margin-right:75px !important;} .mr80{margin-right:80px !important;} .mr85{margin-right:85px !important;}
.mr90{margin-right:90px !important;} .mr95{margin-right:95px !important;} .mr100{margin-right:100px !important;}
.ml5{margin-left:5px !important;} .ml10{margin-left:10px !important;} .ml15{margin-left:15px !important;} .ml20{margin-left:20px !important;} .ml25{margin-left:25px !important;} .ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;} .ml40{margin-left:40px !important;} .ml45{margin-left:45px !important;} .ml50{margin-left:50px !important;} .ml55{margin-left:55px !important;} .ml60{margin-left:60px !important;}
.ml65{margin-left:65px !important;} .ml70{margin-left:70px !important;} .ml75{margin-left:75px !important;} .ml80{margin-left:80px !important;} .ml85{margin-left:85px !important;}
.ml90{margin-left:90px !important;} .ml95{margin-left:95px !important;} .ml100{margin-left:100px !important;}
.mb5{margin-bottom:5px !important;} .mb10{margin-bottom:10px !important;} .mb15{margin-bottom:15px !important;} .mb20{margin-bottom:20px !important;} .mb25{margin-bottom:25px !important;} .mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;} .mb40{margin-bottom:40px !important;} .mb45{margin-bottom:45px !important;} .mb50{margin-bottom:50px !important;} .mb55{margin-bottom:55px !important;} .mb60{margin-bottom:60px !important;}
.mb65{margin-bottom:65px !important;} .mb70{margin-bottom:70px !important;} .mb75{margin-bottom:75px !important;} .mb80{margin-bottom:80px !important;} .mb85{margin-bottom:85px !important;}
.mb90{margin-bottom:90px !important;} .mb95{margin-bottom:95px !important;} .mb100{margin-bottom:100px !important;}

/*──────────────── Padding ────────────────*/
.padding5{padding:5px;} .padding10{padding:10px;} .padding15{padding:15px;} .padding20{padding:20px;} .padding25{padding:25px;} .padding30{padding:30px;}
.padding35{padding:35px;}.padding40{padding:40px;} .padding45{padding:45px;} .padding50{padding:50px;} .padding55{padding:55px;} .padding60{padding:60px;}




/*____________________________ input & btn Size ____________________________*/
input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="number"],input[type="url"],input[type="date"],input[type="time"],.btn,input[type="submit"].btn,select{height:50px;font-size:14px;}
.btn,input[type="submit"].btn {line-height:50px;padding:0 15px;font-weight:400;}
input[type="text"].mini,input[type="password"].mini,input[type="email"].mini,input[type="tel"].mini,input[type="number"].mini,input[type="url"].mini,
		input[type="date"].mini,input[type="time"].mini,.btn.mini,input[type="submit"].btn.mini,select.mini{height:34px;font-size:12px;}
.btn.mini,input[type="submit"].btn.mini {line-height:34px;padding:0 5px;}
input[type="text"].small,input[type="password"].small,input[type="email"].small,input[type="tel"].small,input[type="number"].small,
		input[type="url"].small,input[type="date"].small,input[type="time"].small,.btn.small,input[type="submit"].btn.small,select.small{height:38px;font-size:13px;padding:0px 8px;}
.btn.small,input[type="submit"].btn.small {line-height:38px;padding:0 10px;}
input[type="text"].large,input[type="password"].large,input[type="email"].large,input[type="tel"].large,input[type="number"].large,
		input[type="url"].large,input[type="date"].large,input[type="time"].large,.btn.large,input[type="submit"].btn.large,select.large{height:56px;font-size:17px;font-weight:400;}
.btn.large,input[type="submit"].btn.large {line-height:56px;padding:0 19px;}
.btn.short,input[type="submit"].btn.short {font-size:11px;padding:0 8px;}



/*──────────────── form ────────────────*/
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], input[type="url"], .btn, textarea, select{border-radius:3px;}
input{vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
textarea, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], input[type="url"], input[type="date"], input[type="time"], select{
	display:inline-block;
	vertical-align:middle;
	*overflow:visible;
	padding:3px 15px 0 15px;
	color:#151515;
	border:1px solid rgba(0,0,0,0.35);
	background-color:#fff;
	-moz-appearance:none;
	-webkit-appearance:none;
	-ms-appearance:none;
	appearance:none;
	position:relative;
	z-index:3;
	}
textarea{padding:12px 15px;line-height:1.5em;display:block;}

textarea:focus, select:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="url"]:focus{border-color:rgba(0,0,0,0.65);box-shadow:0 4px 4px rgba(0,0,0,0.05);}
input[type="url"] {color:#20366d;}

input:-moz-placeholder, textarea:-moz-placeholder {color:#999;font-weight:400;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#999;font-weight:400;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#999;font-weight:400;}
input::-moz-focus-inner,
button::-moz-focus-inner{border:0;padding:0;}

.inputLabel{position:relative;display:inline-block;vertical-align:middle;font-size:13px;font-weight:600;color:#fff;padding:0px 10px;background:rgba(71,78,103,0.3);border-radius:3px;}
.inputLabel[class*="icon_"]{}
.inputLabel[class*="icon_"]:before{display:inline-block;vertical-align:middle;}
.inputLabel [class*="icon_"]{margin-right:5px;}
.inputLabel.gray{background:rgba(53,57,69,0.02);}
.inputLabel.yellow{color:#614531 !important;background:#fff8a5;}
.inputLabel.blue{border:0;color:#e5f8ff !important;background:#2a8eff;}
.inputLabel.green{border:0;color:#fff !important;background:#1abc9c;}
.inputLabel.black{border:0;color:#fff !important;background:#202020;}
.inputLabel.jscolor{ width:47px !important;position:relative;background:url('img/colorBtn.jpg')no-repeat;background-size:cover;border:1px solid rgba(0,0,0,0.1);}



/*──────────────── btn ────────────────*/
.btn,input[type="submit"].btn,a.btn{display:inline-block;color:#fff;text-align:center;background-color:rgba(53,57,69,0.7);-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;appearance:none;
transition:all .1s ease-in-out;cursor:pointer;}
.btn:hover,.btn:active,input[type="submit"].btn:active,input[type="submit"].btn:hover{background-color:#2f7be3;}

.btn.green, input[type="submit"].btn.green{background-color:#1bc8a6;color:#fff;}
.btn.green:hover, input[type="submit"].btn.green:hover{background-color:#13a98b;}
/*
.btn.blue,input[type="submit"].btn.blue{background-color:#377eff;color:#fff;}
.btn.blue:hover,input[type="submit"].btn.blue:hover{background-color:#1f68ed;}
.btn.vivid-blue,input[type="submit"].btn.vivid-blue{background-color:#4aa2d1;color:#fff;}
.btn.vivid-blue:hover,input[type="submit"].btn.vivid-blue:hover{background-color:#3c91be;}
.btn.green,input[type="submit"].btn.green{background-color:#5bb75b;color:#fff;}
.btn.green:hover,input[type="submit"].btn.green:hover{background-color:#40a140;}
.btn.yellow,input[type="submit"].btn.yellow{background-color:#faa732;color:#fff;}
.btn.yellow:hover,input[type="submit"].btn.yellow:hover{background-color:#ef8616;}
.btn.red,input[type="submit"].btn.red{background-color:#da4f49;color:#fff;}
.btn.red:hover,input[type="submit"].btn.red:hover{background-color:#d7261e;}
.btn.black,input[type="submit"].btn.black{background-color:#363636;color:#fff;}
.btn.black:hover,input[type="submit"].btn.black:hover{background-color:#181818;}
.btn.gray,input[type="submit"].btn.gray{background-color:#919191;color:#fff;}
.btn.gray:hover,input[type="submit"].btn.gray:hover{background-color:#7d7d7d;}
.btn.darkgray,input[type="submit"].btn.darkgray{background-color:#525252;color:#fff;}
.btn.darkgray:hover,input[type="submit"].btn.darkgray:hover{background-color:#434343;}
.btn.pink,input[type="submit"].btn.pink{background-color:#f0516a;color:#fff;}
.btn.pink:hover,input[type="submit"].btn.pink:hover{background-color:#e94862;}
.btn.vivid-orange,input[type="submit"].btn.vivid-orange{background-color:#db582f;color:#fff;}
.btn.vivid-orange:hover,input[type="submit"].btn.vivid-orange:hover{background-color:#d35129;}
.btn.popup,input[type="submit"].btn.popup{background-color:#ff6600;color:#fff;}
.btn.popup:hover,input[type="submit"].btn.popup:hover{background-color:#ff5533;}
*/


/*──────────────── select-wrapper ────────────────*/
.select-wrapper{text-decoration:none;display:block;position:relative;}
.select-wrapper:after{content:'\e3d9';font-family:'intaeFont';display:block;position:absolute;right:0;top:0;z-index:6;width:40px;height:100%;padding:0;margin:0;font-size:19px;color:#818283;
text-align:center;display:flex;align-items:center;justify-content:center;pointer-events:none;}
.select-wrapper select::-ms-expand{display:none;}
select{width:100%;}
select option{background-color:#1c1d26;color:#000;}
select:focus::-ms-value{background:transparent;}
.select-wrapper select{padding-right:43px;}
/*.checkBoxWrap{padding:10px 0;}
.checkBoxWrap .inputLabel{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	font-size:16px;
	font-weight:500 !important;
	color:#555555;
	padding-left:5px;
	margin-right:15px;
	background:transparent;
	}*/


input[type="file"]{ vertical-align:middle;*overflow:visible;height:32px;font-size:12px;width:350px;color:#151515;display:block;border-radius:0 !important;}





/*──────────────── icon ────────────────*/
[class*="icon_"]:before{font-family:'intaeFont';font-size:12px;font-weight:normal !important;vertical-align:middle;display:inline-block;color:inherit;}
[class*="fileIcon_"]{display:inline-block;vertical-align:middle;margin-left:0.6em;}
[class*="fileIcon_"]:before{display:inline-block;vertical-align:middle;content:'\e0e8';font-family:'intaeFont';color:#676767;font-weight:bold !important;font-size:13px;margin-top:-2px;}
span[class*="fileIcon_"].file + span[class*="fileIcon_"].file{display:none;}
.fileIcon_jpg:before,.fileIcon_png:before,.fileIcon_gif:before{content:'\e0f7';font-size:13px;}
.icon_new{
	position:relative;
	font-size:11px;
	font-weight:600;
	width:15px;
	height:16px;
	line-height:17px;
	border-radius:2px;
	text-align:center;
	color:#fff;
	background:#ff6464;
	display:inline-block;
	vertical-align:middle;
	margin-top:-2px;
	margin-left:15px;
	}
.icon_new:before{content:"\e043";font-family:'intaeFont';font-size:12px;color:#ff6464;position:absolute;top:0;left:-7px;}






















/*_________ tag _________*/
.tag, .data-tag{vertical-align:middle;display:inline-block;padding:0 8px;height:24px;line-height:24px;font-size:12px;font-weight:400;color:#fff;text-align:center;border-radius:2px;background:rgba(71,78,103,0.85);}
.tag.bold, .tag .bold{font-weight:600;}
.tag.light, .tag .light{color:#fff5bd;}
.tag.skinOption.mob{
	font-size:11px;
	padding:0 5px;
	margin:2px 0;
	height:20px;
	line-height:17px;
	font-weight:300;
	color:#354c0c;
	background:#3091ff;
	border-color:rgba(101,149,26,0.4);
	border-radius:1px;
	transition:all .05s ease-in-out;
	cursor:pointer;
	}
.tag.skinOption.mob:hover{background:#c5ee73;}
.tag.skinOption.mob:focus, .tag.skinOption.mob:active{background:#fff5bd;border-color:#eee4aa;color:#151411 !important;}

.tagOn:after{ content:'';display:inline-block;width:22px;height:17px;background:url('img/tagOnOff_mob.png') no-repeat;background-position:0 0;background-size:49px 17px;vertical-align:middle;margin-left:5px;}
.tagOff:after{ content:'';display:inline-block;width:24px;height:17px;background:url('img/tagOnOff_mob.png') no-repeat;background-position:-25px 0;background-size:49px 17px;vertical-align:middle;margin-left:5px;}

.yellowTag{display:inline-block;height:22px;line-height:20px;font-size:11px;font-weight:400;color:#8f5e2c;background:url('img/sprite_yellowTag.png') repeat-x;background-position:0 -44px;position:relative;top:-20px;left:0;}
.yellowTag:before{content:'';background:url('img/sprite_yellowTag.png') no-repeat;background-position:0 -22px;width:10px;height:22px;display:inline-block;position:absolute;top:0;left:-10px;}
.yellowTag:after{content:'';background:url('img/sprite_yellowTag.png') no-repeat;background-position:right -22px;width:20px;height:22px;line-height:22px;display:inline-block;position:absolute;top:0;right:-20px;}

.tagNum{ vertical-align:middle;display:inline-block;width:17px;height:17px;line-height:16px;font-size:10px;font-weight:500;color:#fff;text-align:center;background:rgba(0,0,0,0.65);border-radius:3px;margin-top:-1px;margin-left:3px;}




/*──────────────── span ────────────────*/
[class*="span"], [class^="span"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;position:relative;vertical-align:middle;}
.span10{width:800px;} .span9{width:630px;} .span8{width:570px;} .span7{width:410px;} .span6{width:350px;} .span5{width:220px;} .span4{width:190px;} .span3{width:150px;} .span2{width:50px;} .span1{width:40px;} .span{width:100%;}
.span2n{width:calc(50% - 4px);margin-right:8px;float:left;padding-left:0 !important;padding-right:0 !important;}
.span2n:nth-child(2n+2){margin-right:0;}
.span3n{width:calc(33.33% - 6px);margin-right:9px;float:left;padding-left:0 !important;padding-right:0 !important;}
.span3n:nth-child(3n+3){margin-right:0;}
.span90{width:calc(90% - 4px);margin-right:8px;float:left;padding-left:0 !important;padding-right:0 !important;}
.span80{width:calc(80% - 4px);margin-right:8px;float:left;padding-left:0 !important;padding-right:0 !important;}
.span70{width:calc(70% - 4px);margin-right:8px;float:left;padding-left:0 !important;padding-right:0 !important;}
.span60{width:calc(60% - 4px);margin-right:8px;float:left;padding-left:0 !important;padding-right:0 !important;}
.span50{width:calc(50% - 4px);margin-right:8px;float:left;padding-left:0 !important;padding-right:0 !important;}
.span40{width:calc(40% - 4px);margin-right:8px;float:left;padding-left:0 !important;padding-right:0 !important;}
.span30{width:calc(30% - 4px);margin-right:8px;float:left;padding-left:0 !important;padding-right:0 !important;}
.span20{width:calc(20% - 4px);margin-right:8px;float:left;padding-left:0 !important;padding-right:0 !important;}
.span10{width:calc(10% - 4px);margin-right:8px;float:left;padding-left:0 !important;padding-right:0 !important;}
.spanGroup{overflow:hidden;width:100%;}
.spanGroup [class*="span"]:last-child{margin-right:0;}







/*============ radio & checkbox =============*/
input[type="checkbox"]{margin-right:8px;vertical-align:middle;display:none;}
input[type="radio"]{margin-right:6px;vertical-align:middle;display:none;}
input[type="checkbox"] + span, input[type="radio"] + span{display:inline-block;vertical-align:middle;}
input[type="checkbox"] + span{margin-right:7px;margin-top:-3px;width:23px;height:23px;line-height:25px;background:#cacaca;border-radius:5px;cursor:pointer;text-align:center;color:rgba(255,255,255,0.9);}
input[type="checkbox"]:checked + span{background:#1abc9c;}
input[type="checkbox"]:checked + span:before{content:'\e189';font-family:'intaeFont';color:#fff;font-size:13px;font-weight:normal;}
input[type="radio"] + span{display:inline-block;margin-right:7px;margin-top:-3px;vertical-align:middle;width:21px;height:21px;line-height:21px;background:#d7d7d7;border-radius:50%;cursor:pointer;text-align:center;position:relative;}
input[type="radio"]:checked + span:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:transparent;border:5px solid #d7d7d7;border-radius:50%;}
label input[type="radio"]:checked  + span{background:#1abc9c;}