/* 축소하지 못했습니다. 축소되지 않은 콘텐츠를 반환합니다.
(1614,60): run-time error CSS1035: Expected colon, found '}'
(2473,174): run-time error CSS1030: Expected identifier, found ' '
(2473,174): run-time error CSS1019: Unexpected token, found ' '
 */
@charset "UTF-8";

@font-face { 
	font-family: NotoSans; 
	font-weight: 100; 
	font-style: normal;
	src: url("../../Content/font/NotoSansKR-DemiLight.eot"); 
	src: url("../../Content/font/NotoSansKR-DemiLight.eot?#iefix") format("embedded-opentype"), 
	url("../../Content/font/NotoSansKR-DemiLight.woff") format("woff"), url("../../Content/font/NotoSansKR-DemiLight.ttf") format("truetype"); 
}
@font-face { 
	font-family: NotoSans; 
	font-weight: 400; 
	font-style: normal;
	src: url("../../Content/font/NotoSansKR-Regular.eot"); 
	src: url("../../Content/font/NotoSansKR-Regular.eot?#iefix") format("embedded-opentype"), 
	url("../../Content/font/NotoSansKR-Regular.woff") format("woff"), url("../../Content/font/NotoSansKR-Regular.ttf") format("truetype"); 
}
@font-face { 
	font-family: NotoSans; 
	font-weight: 700; 
	font-style: normal;
	src: url("../../Content/font/NotoSansKR-Medium.eot"); 
	src: url("../../Content/font/NotoSansKR-Medium.eot?#iefix") format("embedded-opentype"), 
	url("../../Content/font/NotoSansKR-Medium.woff") format("woff"), url("../../Content/font/NotoSansKR-Medium.ttf") format("truetype"); 
}
/*Reset*/
*{margin:0;padding:0;box-sizing:border-box;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, address, big, cite, code, del, dfn, em, font, img, ins,q, s, samp, small, strike, 
strong, sub, sup, tt, var, b,u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0 ;border:none 0;}
html, body{width:100%;-webkit-text-size-adjust: none;-moz-text-size-adjust: none; -ms-text-size-adjust: none;font-size:15px;}
body{background-color:#fff;}
body, input, button, textarea, select, pre{font-family:NotoSans, Dotum, Helvetica, AppleGothic, Sans-serif;color:#252525;line-height:1.5;}
img, fieldset, iframe{border:0 none;}
table, div{border-collapse:collapse;table-layout:fixed;word-break:break-all;}
table{width:100%;border:0;border-spacing:0;line-height:normal;}
table td, table th{padding:0;}
select, textarea{border:1px solid #d6d6d6;background:#FFFFFF;vertical-align:middle;}
textarea{overflow:auto;resize:none;padding:5px;outline:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box}
select, input, img, li{vertical-align:middle;text-align:left;}
address, caption, cite, code, dfn, em, strong, th, var{font-style :normal;font-weight :normal;}
input, textarea{-webkit-appearance: none;-webkit-border-radius: 0;box-shadow: none !important;}
div, p{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box}

/*ul, ol{font-size:0;}*/
ul, li, ol{list-style-type:none;}
legend,  caption{display:none;}
hr{border-collapse:collapse;}
strong{font-weight:bold;}
/* font */
strong{font-weight:bold;}
button{background:none;border:none;cursor:pointer;outline:none;}

/*anchor*/
a:link, a:visited{text-decoration:none;color:#383838;}
a:hover{text-decoration:none;cursor:pointer;}

/*hidden*/
#accessibility, .skipnavi, .hide, hr{display:none;position:absolute ;width:0px;height:0px;font-size:0px;line-height:0px;overflow:hidden;visibility:hidden;text-indent:-1000px;}
.hidden{display:none;}
 
/*align*/
.taL{text-align:left !important;}
.taC{text-align:center !important;}
.taR{text-align:right !important;}
.taT{vertical-align:top !important;}
.taM{vertical-align:middle !important;}

/* float */
.fc{clear:both;}
.fl{float:left !important;}
.fr{float:right !important;}
.clear{overflow:hidden;_zoom:1;clear:both}

/* none 시리즈 속성 정의 */
.none_bor{border:none !important;}
.none_bottom_bor{border-bottom:none !important;}
.none_left_bor{border-left:none !important;}
.none_bg{background:none !important;}
.none_dp{display:none !important;}
.none_ma{margin:0px !important;}
.none_pa{padding:0px !important;}
.none_clear{clear:both  !important;}
.none_pb{border:none !important;padding:0px !important;}

/* display */
.block_dp{display:block}

/* 공통패딩 */
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt35{padding-top:35px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}

.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb35{padding-bottom:35px;}
.pb40{padding-bottom:40px;}
.pb40{padding-bottom:50px;}
.pb60{padding-bottom:60px;}

.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl35{padding-left:35px;}
.pl40{padding-left:40px;}

.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr35{padding-right:35px;}
.pr40{padding-right:40px;}

.padd5{padding:5px;}
.padd10{padding:10px;}
.padd15{padding:15px;}
.padd20{padding:20px;}
.padd25{padding:25px;}
.padd30{padding:30px;}
.padd35{padding:35px;}
.padd40{padding:40px;}
 
/* 공통마진 */
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}

.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}

.mr0{margin-right:0 !important;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr35{margin-right:35px;}
.mr40{margin-right:40px;}

.margin5{margin:5px;}
.margin10{margin:10px;}
.margin15{margin:15px;}
.margin20{margin:20px;}
.margin25{margin:25px;}
.margin30{margin:30px;}
.margin35{margin:35px;}


/* font style 시리즈 속성 정의 */
.bold{font-weight:bold !important;}
.normal{font-weight:normal !important;}
.underline{text-decoration:underline !important;}
.f11{font-size:11px !important;}
.f13{font-size:13px !important;}
.f15{font-size:15px !important;}
a.wtxt{color:#FFFFFF;}

/* form 시리즈 속성 정의 */
input[type=text], input[type=password], input[type=file]{padding:0 5px;border:1px solid #c4c4c4;}
input[disabled]{cursor:default}
input.radio{display:block;}
input.check{display:block;}
select.selectbox{padding:3px;color:#999}
input.inputbox{padding:3px;}

.field-item p{line-height:20px;}

.txt_ell1, .txt_ell1 a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all;}
.txt_ell2, .txt_ell2 a{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;line-height:1.5em;max-height:3.2em;word-break:break-all;}
.txt_ell3, .txt_ell3 a{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;line-height:1.5em;max-height:4.5em;word-break:break-all;}

.nodata{text-align:center;color:#888;}

/* border radius */
.bd_round_none{border-radius:0 !important;}
.bd_round_tl_none{border-top-left-radius:0 !important;}
.bd_round_tl{border-top-left-radius:5px !important;}
.bd_round_tr{border-top-right-radius:5px !important;}
.bd_round_bl{border-bottom-left-radius:5px !important;}
.bd_round_br{border-bottom-right-radius:5px !important;}

.bd_top{border-top:1px solid #caced7 !important}
.bd_bottom{border-bottom:1px solid #caced7 !important}
.bd_left{border-left:1px solid #caced7 !important}
.bd_right{border-right:1px solid #caced7 !important}

.bd_top_none{border-top:0 none !important}
.bd_bottom_none{border-bottom:0 none !important}
.bd_left_none{border-left:0 none !important}
.bd_right_none{border-right:0 none !important}

.bd_line_top td{border-top-color:#caced7 !important}
.bd_line_left{border-left-color:#caced7 !important}
 @charset "UTF-8";

/************************************************
							DESIGN
************************************************/
/* color */
.tcr{color:#e20400 !important;}
.tcb{color:#005dde !important;}
.tcs{color:#557bb3 !important;}
.tcp{color:#ca527a !important;}
.tcg{color:#999 !important;}
.tcr span, .tcb span{font-size:11px}

.pointer{cursor:pointer}

/* select */
.selectBox{float:left;font-size:14px;height:26px;background-color:#fff;margin-left:5px;}

.selectBox:first-child{margin-left:0;}
.selectBox1{z-index:99;}
.selectBox1 .select{z-index:2;}
.selectBox.type1{width:94px;}
.selectBox.type2{width:144px;}
.selectBox.type3{width:200px;}
.select-hidden{display:none;visibility:hidden;padding-right:10px;}
.select{z-index:1;cursor:pointer;display:block;position:relative;color:#333;width:100%;height:26px;line-height:24px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
.select-styled{position:absolute;left:0;top:0;width:100%;height:100%;padding:0px 25px 0 8px;border:1px solid #c8c8c8;border-radius:3px;z-index:0;text-align:left;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.select-styled.active:after{content:'';display:block;position:absolute;right:7px;top:50%;margin-top:-9px;width:15px;height:18px;background-color:#fff;background-image:url("../../Content/images/icn_select_on.png");background-repeat:no-repeat;background-position:0 0;z-index:0;cursor:pointer;}
.select-styled.active{border:1px solid #617cf0}

.selectBox .icn_select{position:absolute;right:8px;top:50%;margin-top:-9px;width:15px;height:18px;background-image:url("../../Content/images/icn_select.png");background-repeat:no-repeat;background-position:0 0;z-index:0;cursor:pointer;}
.select-options{display:none;position:absolute;top:100%;right:0;left:0;z-index:999;margin:0;padding:0;list-style:none;background:#fff;border:1px solid #D4D4D4;border-radius:3px;margin-bottom:20px;max-height:200px; overflow-y:auto;}
.select-options li{margin:0;padding:4px 8px;color:#000;line-height:17px;background:#fff;text-align:left;word-break:keep-all;}
.select-options li.on{color:#1b2b9d;}
.select-options li:hover{color:#1b2b9d;background:#e7edff;}
.select-options li[rel="hide"]{display:none;}
.select-disabled{background:#f1f1f1;color:#999;cursor:default;border:1px solid #d6d6d6 !important;}
/*콤보박스 disabled 스타일*/
.selectBox select[disabled="disabled"], .selectBox select[disabled] { background: #f1f1f1; color: #999; cursor: default; }

/* 레이어 > Select 형식 */
.selectList{position:relative;width:100%}
.selectList .allList{position:relative;height:24px;line-height:24px;border:1px solid #c8c8c8;border-radius:3px;background:#fff;cursor:pointer;padding:0px 25px 0 8px;margin:0;display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.selectList .allList i{position:absolute;right:8px;top:50%;margin-top:-9px;width:15px;height:18px;background-image:url("../../Content/images/icn_select.png");background-repeat:no-repeat;background-position:0 0}

.selectList .allList.on i{background-image:url("../../Content/images/icn_select_on.png");}
.selectList .allList option{display:none;width:0;height:0;font-size:0;opacity:0;text-indent:-9999px;z-index:-50;visibility:hidden}
.selectList .txt_disabled{height:18px}
.selectList .lay--list{position:absolute;left:0;top:26px;z-index:4;width:100%;background:#fff;/*max-height:300px;*/overflow-y:auto;}
.selectList .lay--list ul{border:1px solid #ccc;margin:0;overflow-y:auto;max-height:250px;border-radius:3px;}
.selectList .lay--list ul li{position:relative;cursor:pointer;vertical-align:top;}
.selectList .lay--list ul li label{color:#000;display:block !important;;padding:4px 8px;line-height:16px;margin-right:0 !important}
.selectList .lay--list ul li:hover,
.selectList .lay--list ul li:focus{background-color:#e7edff;}
.selectList .lay--list ul li:hover label,
.selectList .lay--list ul li:focus label{color:#1b2b9d;}
.selectList .lay--list ul li .checks{margin-top:0 !important;}
.selectList .lay--list ul li .checks input[type=checkbox]:not(old):focus+label{outline:none;}
.selectList .lay--list ul li .checks input[type=checkbox]:not(old):focus+input+label{outline:none}
/*.selectList .lay--list ul li input{margin-right:5px}
.selectList .lay--list ul li input[type=checkbox]{position:absolute;left:6px;top:6px;vertical-align:top;width:13px;height:13px;}
.selectList .lay--list ul li label{float:none;display:block;color:#777;margin:0;padding:2px 6px 2px 25px;font-weight:normal;vertical-align:top}
.selectList .select_area{width:100%; min-height:25px; max-height:250px; overflow-y:auto;margin:10px 0;}
*/
.selectList .select_area ul{margin:0}
.selectList .select_area ul li{float:left;display:block;margin:0 10px 0 3px;color:#1391c0;word-break:keep-all;white-space:nowrap}
.selectList .select_area ul li button{background:url(../../Content/images/icon_delete.gif) no-repeat center center;display:inline-block;width:11px;height:11px;text-indent:-9999px;margin:0 5px;border:0 none;}

/* CheckBox, Radio */
.checks:after{display:block;content:'';clear:both;}
.checks.checks--rdo{float:left}
.checks input[type=radio]:not(old) + label span.img_rdo{background-image:url("../../Content/images/bg_radio.png");background-position:0 0;display:inline-block;width:13px;height:13px;margin:0 5px 3px 0;vertical-align:middle;cursor:pointer;}
.checks input[type=radio]:not(old) + label.img_disabled{cursor:default;}
.checks input[type=radio]:not(old) + label.img_disabled span{background-position:0 -26px;cursor:default;}
.checks input[type=radio]:not(old):checked + label span.img_rdo{background-position:0  -13px;}
.checks input[type=radio]:not(old){position:absolute; clip:rect(0,0,0,0); width:1px; height:1px; margin:-1px; padding:0; border:0;}
.checks input[type=radio]{width:13px;height:13px;cursor:pointer;}/*ie8용*/
.checks input[type=radio] + label{cursor:pointer;vertical-align:top;}
.checks input[type=radio] + label span.img_rdo{margin-right:8px;}
.checks input[type=radio] + label.img_disabled{cursor:default;}
.checks input[type=radio]:not(old):focus+label:after{content:'';position:absolute;left:0;top:0;border:1px dotted #333;display:inline-block;width:100%;height:100%;}
.checks input[type=radio]:not(old):focus+input+label:after{content:'';position:absolute;left:0;top:0;border:1px dotted #333;display:inline-block;width:100%;height:100%;}


.checks{position:relative}
.checks input[type=checkbox]:not(old) + label, .checks input[type=checkbox]:not(old) + input + label{cursor:pointer;display:inline-block;/*margin-left:25px;text-indent:-25px;*/}
.checks label span.img_chk{margin-right:5px;}
.checks input[type=checkbox]:not(old) + label span.img_chk, .checks input[type=checkbox]:not(old) + input + label span.img_chk{background-image:url(../../Content/images/bg_check.png);background-position:0 0;display:inline-block;width:14px;height:14px;cursor:pointer;vertical-align:middle;margin-bottom:3px;}
.checks input[type=checkbox]:not(old):checked + label span.img_chk, .checks input[type=checkbox]:not(old):checked + input + label span.img_chk{background-position:0 -14px;}
.checks input[type=checkbox]:not(old):disabled + label span.img_chk, .checks input[type=checkbox]:not(old):disabled + input + label span.img_chk{background-position:0 -28px;}
.checks input[type=checkbox]:not(old){position:absolute; clip:rect(0,0,0,0); width:1px; height:1px; margin:-1px; padding:0; border:0;}
.checks input[type=checkbox]:not(old):focus+label:after{content:'';position:absolute;left:0;top:0;border:1px dotted #333;display:inline-block;width:100%;height:100%;}
.checks input[type=checkbox]:not(old):focus+input+label:after{content:'';position:absolute;left:0;top:0;outline:1px dotted #333;display:inline-block;width:100%;height:100%;}


/* input reset */
/*
.clear--wrap { display: inline-block; vertical-align: top; position: relative;width:100%; border: 1px solid #c8c8c8; background-color: #fff; border-radius:3px; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}

.clear--wrap:hover, .clear--wrap:focus{border: 1px solid #617cf0; }
.clear--wrap input[type=text], .clear--wrap input[type=password] { width:100%;border: 0; background-color: #fff;border-radius:3px;outline:none }
.clear--wrap .btn--clear { position: relative; width: 16px; height: 16px; position: absolute; right: 3px; top: 50%; margin-top:-8px;padding: 4px; }
.clear--wrap .btn--clear:before { content: ""; position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin-left: -8px; margin-top: -8px; background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -21px -179px; }

.clear--wrap input[type=text], .clear--wrap input[type=password], textarea { height: 26px; border: 0;padding: 0 23px 0 5px;line-height: 26px; background-color: #fff;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box; }
.clear--wrap input[type=text]:hover, .clear--wrap input[type=password]:hover, .clear--wrap textarea:hover, .clear--wrap input[type=text]:focus, .clear--wrap input[type=password]:focus, .clear--wrap textarea:focus{background-color: #f2fbff;}
.clear--wrap input[type=text]::-ms-clear, .clear--wrap input[type=text]::-ms-reveal, .clear--wrap input[type=password]::-ms-clear, .clear--wrap input[type=password]::-ms-reveal, .clear--wrap textarea::-ms-clear, .clear--wrap textarea::-ms-reveal { display: none; }
.clear--wrap input[type=text]:disabled, .clear--wrap input[type=text][disabled], .clear--wrap input[type=password]:disabled, .clear--wrap input[type=password][disabled], .clear--wrap textarea:disabled,.clear--wrap textarea[disabled] { color: #999; }
*/


.clear--wrap { display: inline-block; vertical-align: top; position: relative;width:100%; background-color: #fff; border-radius:3px; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}

.clear--wrap:hover input[type=text], .clear--wrap:focus input[type=text], .clear--wrap:hover input[type=password], .clear--wrap:focus input[type=password]{border: 1px solid #617cf0; }
.clear--wrap input[type=text], .clear--wrap input[type=password] { width:100%;border: 0;background-color: #fff;border-radius:3px;outline:none }
.clear--wrap .btn--clear { position: relative; width: 16px; height: 16px; position: absolute; right: 3px; top: 50%; margin-top:-8px;padding: 4px; }
.clear--wrap .btn--clear:before { content: ""; position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin-left: -8px; margin-top: -8px; background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -21px -179px; }

.clear--wrap input[type=text], .clear--wrap input[type=password], textarea { height: 26px;  border: 1px solid #c8c8c8;padding: 0 23px 0 5px;line-height: 26px; background-color: #fff;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box; }
.clear--wrap input[type=text]:hover, .clear--wrap input[type=password]:hover, .clear--wrap textarea:hover, .clear--wrap input[type=text]:focus, .clear--wrap input[type=password]:focus, .clear--wrap textarea:focus{background-color: #f2fbff;border:1px solid #617cf0;}
.clear--wrap input[disabled]:hover, .clear--wrap input[readonly]:hover, .clear--wrap input[disabled]:focus, .clear--wrap input[readonly]:focus{border:1px solid #c8c8c8;}
.clear--wrap input[type=text]::-ms-clear, .clear--wrap input[type=text]::-ms-reveal, .clear--wrap input[type=password]::-ms-clear, .clear--wrap input[type=password]::-ms-reveal, .clear--wrap textarea::-ms-clear, .clear--wrap textarea::-ms-reveal { display: none; }
.clear--wrap input[type=text]:disabled, .clear--wrap input[type=text][disabled], .clear--wrap input[type=password]:disabled, .clear--wrap input[type=password][disabled], .clear--wrap textarea:disabled,.clear--wrap textarea[disabled] { color: #999; }

/*유효성체크 input 포커스*/
.clear--wrap.ast__input input { border:1px solid #617cf0; }

input[type=text]:placeholder, input[type=password]:placeholder, textarea:placeholder{color:#bbb;}
input[type=text]::placeholder, input[type=password]::placeholder, textarea::placeholder{color:#bbb;}
input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#bbb;}
input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#bbb;}

input[type=text]:-webkit-autofill, input[type=password]:-webkit-autofill{background-color:#f2fbff;-webkit-text-fill-color:#252525;transition: background-color 5000s ease-in-out 0s;}
input[type=text]:-webkit-autofill:hover, input[type=password]:-webkit-autofill:hover, input[type=text]:-webkit-autofill:focus, input[type=password]:-webkit-autofill:focus, input[type=text]:-webkit-autofill:active, input[type=password]:-webkit-autofill:active{background-color:#f2fbff;-webkit-text-fill-color:#252525;transition: background-color 5000s ease-in-out 0s;}

input[type=text]::-ms-clear, input[type=password]::-ms-clear{display:none; }

.clear--wrap textarea { width:100%;line-height: 1.5;/*border: 1px solid #ababab;*/padding:5px;background-color: #fff; min-height:150px;resize:none; border-radius:3px}



/**************************************************/
/*search option*/
.searchBox--wrap { position: relative;padding-bottom:16px}
.searchBox--wrap .btn--schBox { position: absolute !important; right: 0; top:0; width:183px;height: 18px; background:url("../../Content/images/titlt_search.png") no-repeat 0 -30px;text-indent:-9999px}
.searchBox--wrap .btn--schBox:hover {background-position:0 -60px; }
.searchBox--wrap .btn--schBox.on{background-position:0 -90px; }
.searchBox--wrap .btn--schBox.on:hover{background-position:0 -120px; }
/*.searchBox--wrap:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; padding: 0; margin: 0; width: 1199px; height: 1px; background-color: #bdc5ce; }*/

/*.sec--wrap { margin-top: 16px; }*/

.searchBox { position: relative; }
.searchBox:after{content:'';clear:both;display:block;}
.searchBox .searchBox--title{height:18px;background-color:#eaecee;border-top-right-radius:5px;}
.searchBox .searchBox--title h3{background:url("../../Content/images/titlt_search.png") no-repeat 0 0;height:18px;text-indent:-9999px;}
.searchBox .clear--wrap{position:relative;float:left;height:inherit;line-height:inherit;margin-right:5px;}
.searchBox .clear--wrap input{height:26px;line-height:26px;padding:0 25px 0 5px;}
.searchBox .clear--wrap:focus input{border: 1px solid #617cf0; }

.topSearchBox {padding:40px 0 45px;text-align:center;font-size:0;}
.topSearchBox .txt--search{display:inline-block;}
.topSearchBox .clear--wrap{background-color:transparent;width:800px;}
.topSearchBox .clear--wrap input{height:50px;line-height:50px;padding:0 43px 0 10px;font-size:20px;color:#4a57ac;border:2px solid #7b9add;}
.topSearchBox .clear--wrap input:hover, .topSearchBox .clear--wrap input:focus{border:2px solid #7b9add;}
.topSearchBox .clear--wrap .icn--search{position:absolute;right:12px;top:50%;margin-top:-10px;vertical-align:top;}
.topSearchBox .clear--wrap .icn--search button span{display:block;background:url(../../Content/images/btn.png) no-repeat -100px -220px;width:20px;height:20px;text-indent:-9999px;}
.topSearchBox .btn--inquiry{float:none;position:absolute;right:0;top:0;height:32px}
.btn--close__topSerach{position:absolute;right:0;top:42px;background:url(../../Content/images/btn.png) no-repeat -100px -80px;width:16px;height:15px;text-indent:-9999px;}

.simpleSearchBox {padding-bottom:24px;text-align:center;font-size:0;}
.simpleSearchBox .txt--search{display:inline-block;}
.simpleSearchBox .clear--wrap{background-color:transparent;width:400px;}
.simpleSearchBox .clear--wrap input{height:40px;line-height:40px;padding:0 43px 0 10px;font-size:15px;color:#4a57ac;border:2px solid #7b9add;}
.simpleSearchBox .clear--wrap input:hover, .simpleSearchBox .clear--wrap input:focus{border:2px solid #7b9add;}
.simpleSearchBox .clear--wrap .icn--search{position:absolute;right:12px;top:50%;margin-top:-10px;vertical-align:top;}
.simpleSearchBox .clear--wrap .icn--search button span{display:block;background:url(../../Content/images/btn.png) no-repeat -100px -220px;width:20px;height:20px;text-indent:-9999px;}
.simpleSearchBox .btn--inquiry{float:none;position:absolute;right:0;top:0;height:32px}


/*검색 - 자동완성*/
.searchBox .txt_search .result_search{position:absolute;left:0;top:32px;z-index:5;width:100%;background:#fff;box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.08);box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
.searchBox .txt_search .result_search ul li{display:block;}
.searchBox .txt_search .result_search ul li button.ui-state-active, .searchBox .txt_search .result_search ul li button:hover, .searchBox .txt_search .result_search ul li button:active, .searchBox .txt_search .result_search ul li button:focus{margin:0;background:#F5F5F5;border:0 none;}
.searchBox .txt_search .result_search ul li button{display:block;width:100%;color:#747474;padding:6px 10px 7px;text-align:left;}
.searchBox .txt_search .result_search ul li strong{color:#CA527A;}

.ui-autocomplete {padding:0; border:1px solid #D4D4D4; border-radius:0; width:321px}
.ui-menu .ui-menu-item a { display:inline-block; width:95%; padding:2.5%; vertical-align:top;color:#747474}
.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {margin:0;background: #F5F5F5;border:0 none}
.ui-menu .ui-menu-item a p { display:inline-block; *display:inline; *zoom:1; float:left;}
.ui-menu .ui-menu-item a p.col1 { width:25%;}
.ui-menu .ui-menu-item a p.col2 { -moz-binding: url("ellipsis.xml#ellipsis"); -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:55%; }
.ui-menu .ui-menu-item a p.col3 { width:20%; text-align:right; }
.highlight-class{ font-weight:bold; color:#CA527A; }


/* File (파일첨부) */
.fileBox{position:relative;width:100%;text-align:left;}
.fileBox .fileInput{position:relative;padding-right:103px;}
.fileBox .fileInput:after{display:block;content:'';clear:both;}
.fileBox .fileInput .clear--wrap{float:left;width:100%; }
.fileBox .fileInput .clear--wrap .upload--name{display:block;width:100%;height:26px;line-height:26px;background-color:#fff;padding:0 5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-binding: url("ellipsis.xml#ellipsis"); -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.fileBox .fileInput .clear--wrap:hover{border-color:#c8c8c8;}
.fileBox .fileInput .clear--wrap .upload--num + .upload--name{border-top:1px solid #E6E6E6;}
.fileBox .fileInput .clear--wrap .upload--num{height:26px;line-height:26px;padding:0 5px;color:#999}
.fileBox .fileInput .clear--wrap .upload--num strong{color:#CA527A;font-weight:normal;}
.fileBox .fileInput .clear--wrap .upload--num span{color:#777}
.fileBox .fileInput .clear--wrap input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;}
.fileBox .btn__file{position:absolute;right:0;top:0;margin-left:5px;height:28px;}
.fileBox .btn__file label{display:block;width:inherit;line-height:26px;cursor:pointer;}
.fileBox .fileName strong{color:#CA527A;font-weight:normal;}
.fileBox .fileName strong em{color:#666;font-size:1.3rem;}
.fileBox .fileName .btn--del{display:inline-block;background:url(../../Content/images/btn.png) no-repeat 0 -30px;width:11px;height:11px;vertical-align:middle;text-indent:-9999px;margin-left:8px;}


/*file
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.filebox label { display: inline-block; padding: 4px 12px; line-height: 1.5; font-size: 12px; text-align: center; color: #363636; background: #fcfcfc; border: 1px solid #b7b7b7; vertical-align: middle; cursor: pointer; }
.filebox .upload--name { display: inline-block; width: 260px; height:26px;background-color: #fff; border: 1px solid #b7b7b7; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
*/

/* Button */
.btns{overflow:hidden;margin:0 auto;padding-top:30px;text-align:center;}
.btn--board{text-align:right;padding-top:16px}
.btns--grid{padding:20px 0 24px;clear:both;}
.btns--grid button{min-width:120px;height:38px;font-size:16px;}
.btns:after{content:'';clear:both;}
.btns .btn{margin-left:5px;}
.btns .btn:first-child{margin-left:0}
.btn{display:inline-block;text-align:center;font-size:14px;background:#fff;color:#555;border:1px solid #b7b7b7;border-radius:3px;padding:0 20px;height:30px;line-height:29px;cursor:pointer;outline:none;vertical-align:middle;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
.btn:first-child{margin-left:0}
.btn:hover, .btn:focus, .btn.on{ background: #46536d; color:#fff;border:1px solid #5e6471; text-decoration: none;}
.btn_disabled button, .btn_disabled a, .btn_disabled label{background:#B5B5B5;color:#fff;cursor:default;}
.btn_disabled button:hover, .btn_disabled a:hover, .btn_disabled label:hover{border:1px solid #B7B7B7;color:#fff;}
/*.btn--clear, .btn--del{width:16px;height:16px;background:url(../../Content/images/btn.png) no-repeat -21px -179px;background-size:auto;background-color:transparent;position:absolute;right:5px;top:8px;padding:4px;text-indent:-9999px;}*/
.btns .btn--search, .btns .btn--keepN{width:80px;height:24px;line-height:24px;margin:0 0 0 10px !important}
.btns .btn--check{width:148px;height:32px;line-height:32px;}
.btn--form{display:inline-block;background:#fff;color:#666;border:1px solid #999;width:80px;height:30px;line-height:30px;margin-left:10px;border-radius:2px;}
.btn--form:hover{border:1px solid #777;color:#343434}

.btns2 button, .btns2 a{width:45.8%;max-width:195px}

/**************************************************/
/*datepicker*/
.btn--cal { position: relative; width: 16px; height: 16px; margin: 3px 5px 0 0; vertical-align: top; }
.btn--cal:before { content: ""; position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin-left: -8px; margin-top: -8px; background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px -160px; }
.datepicker{position: relative;}
.datepicker label { margin-right: 5px; vertical-align: top; line-height: 28px; }
.datepicker .inner { display: inline-block; vertical-align: middle; padding-left: 3px; background-color: #fff; border: 1px solid #c8c8c8; border-radius:3px;/*calendar*/ }
.datepicker .inner:hover, .datepicker .inner:focus{border: 1px solid #617cf0; background-color: #f2fbff}
.datepicker .inner input[type=text] { width: 77px;height:24px; letter-spacing: -0.3px;padding:0 5px;border:0 none;outline:none;}
.datepicker .inner:hover input[type=text] {background-color: #f2fbff}  
.datepicker .inner .tilde { display: inline-block; vertical-align: top; height:18px;padding-top:3px; }

.datepicker .lay--wrap{position:static}
.datepicker .lay--wrap .lay--df{top:25px;border-radius:3px}
.datepicker .lay--wrap .lay--df .lay--dfHeader{border-top-left-radius:3px;border-top-right-radius:3px}
.datepicker .inner .lay--cal1 { position: absolute; background: #fff; text-align: left; z-index: 5; width: 200px; left: -100px; border: 1px solid #000; }
.datepicker .inner .lay--cal2 { position: absolute; background: #fff; text-align: left; z-index: 5; width: 200px; left: -100px; border: 1px solid #000; }
.datepicker .inner .lay--cal3 { position: absolute; background: #fff; text-align: left; z-index: 5; }


/*lay--df*/
.lay--df { position: absolute; background: #fff; text-align: left; z-index: 5; left: 0; margin-top: 2px; border: 1px solid #5e6471; /*layer st2 size*/  outline:none;}
.lay--dfHeader { position: relative; padding: 8px 15px; background: #fff; border-bottom: 1px solid #c6c6c6; }
.lay--dfHeader .tit { font-weight: bold; }
.lay--dfHeader .btn--x { position: relative; width: 16px; height: 16px; position: absolute; right: 10px; top: 9px; }
.lay--dfHeader .btn--x:before { content: ""; position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin-left: -8px; margin-top: -8px; background-image: url("../images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px -100px; }
.lay--dfContents { border-top: 2px solid #f1f1f1; padding: 20px 25px; }
.lay--dfFooter { text-align: center; padding: 10px 0 20px; }
.lay--dfFooter .btn--close { width: auto; height: auto; padding: 4px 12px; font-size: 12px; font-weight: bold; text-align: center; color: #fff !important; background: #5e6471; border: 1px solid #5e6471; }
.lay--dfFooter .btn--close:hover, .lay--dfFooter .btn--close:focus { color: #fff !important; text-decoration: none; }
.lay--df.cal1 { width: 439px; }
.lay--df.cal1.posRight { left: inherit; right: 0; }
.lay--df.cal1.posLeft { left: 0; right: inherit; }
.lay--df.cal1 .lay--dfContents { padding: 10px 15px 15px; overflow: hidden; outline:none;}
.lay--df.cal1 .lay--dfContents .period { overflow: hidden; padding-bottom: 10px; }
.lay--df.cal1 .lay--dfContents .period .btn--ranges { margin-left: 0; margin-right: 5px; padding: 2px 13px; text-align: center; font-size: 11px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -ms-border-radius: 2px; text-decoration: none; }
.lay--df.cal1 .lay--dfContents .cal--wrap > div:first-of-type { float: left; }
.lay--df.cal1 .lay--dfContents .cal--wrap > div:last-of-type { float: right; }

/*cal common*/
.calComm .calendar .selection, .lay--df.cal1 .lay--dfContents .calendar .selection{ position: relative; text-align: center; background-color: #fafafa; border-top: 1px solid #bdc5ce; border-bottom: 1px solid #bdc5ce; padding: 5px 0; }
.calComm .calendar .selection select, .lay--df.cal1 .lay--dfContents .calendar .selection select{ padding: 0; border: 1px solid #aaa; background-color: #fff; height:21px;border-radius:0;font-size:11px;}
.calComm .calendar .selection .sel--yy, .lay--df.cal1 .lay--dfContents .calendar .selection .sel--yy{ width: 65px; }
.calComm .calendar .selection .sel--mm, .lay--df.cal1 .lay--dfContents .calendar .selection .sel--mm{ width: 53px;min-width:53px; }
.calComm .calendar .selection .btn--prev, .lay--df.cal1 .lay--dfContents .calendar .selection .btn--prev{ position: relative; width: 18px; height: 18px; border: 1px solid #b7b7b7; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -ms-border-radius: 2px; position: absolute; left: 5px; top: 7px; }
.calComm .calendar .selection .btn--prev:before, .lay--df.cal1 .lay--dfContents .calendar .selection .btn--prev:before{ content: ""; position: absolute; top: 50%; left: 50%; width: 18px; height: 18px; margin-left: -9px; margin-top: -9px; background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -141px; }
.calComm .calendar .selection .btn--next, .lay--df.cal1 .lay--dfContents .calendar .selection .btn--next{ position: relative; width: 18px; height: 18px; border: 1px solid #b7b7b7; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -ms-border-radius: 2px; position: absolute; right: 5px; top: 7px; }
.calComm .calendar .selection .btn--next:before, .lay--df.cal1 .lay--dfContents .calendar .selection .btn--next:before{ content: ""; position: absolute; top: 50%; left: 50%; width: 18px; height: 18px; margin-left: -9px; margin-top: -9px; background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -20px -141px; }
.calComm .calendar table, .lay--df.cal1 .lay--dfContents .calendar table{ width: 196px; border-bottom: 1px solid #e9e9e9; }
.calComm .calendar table col, .lay--df.cal1 .lay--dfContents .calendar table col{ width: 28px; }
.calComm .calendar table thead th, .lay--df.cal1 .lay--dfContents .calendar table thead th{ padding: 4px 2px; border-bottom: 1px solid #e9e9e9; color: #505050; }
.calComm .calendar table tbody td, .lay--df.cal1 .lay--dfContents .calendar table tbody td{ padding: 0; height: 28px; margin: 2px; }
.calComm .calendar table tbody td button, .lay--df.cal1 .lay--dfContents .calendar table tbody td button { display: block; width: 100%; height: 100%; color: #6c6c6c; text-align: center; text-decoration: none;border: 1px solid #fff;  }
.calComm .calendar table tbody td button:hover, .lay--df.cal1 .lay--dfContents .calendar table tbody td button:hover{ background-color: #f5fcff; border: 1px solid #7db2ff; color: #3d69b8 !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -ms-border-radius: 2px; box-sizing:border-box;}
.calComm .calendar table tbody td.sat button, .lay--df.cal1 .lay--dfContents .calendar table tbody td.sat button{ color: #459bf4; }
.calComm .calendar table tbody td.sun button, .lay--df.cal1 .lay--dfContents .calendar table tbody td.sun button{ color: #ff4123; }
.calComm .calendar table tbody td.holiday button, .lay--df.cal1 .lay--dfContents .calendar table tbody td.holiday button{ color: #ff4123; }
.calComm .calendar table tbody td.today button, .lay--df.cal1 .lay--dfContents .calendar table tbody td.today button{ background-color: #f5fcff; border: 1px solid #7db2ff; color: #3d69b8 !important; font-weight: bold !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -ms-border-radius: 2px; }
.calComm .calendar table tbody td.is-selected button, .lay--df.cal1 .lay--dfContents .calendar table tbody td.is-selected button{ background-color: #f5fcff; border: 1px solid #7db2ff; color: #3d69b8 !important; font-weight: bold !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -ms-border-radius: 2px; }

/* tab */
.tab--type{overflow:hidden;display:inline-block}
.tab--type a, .tab--type button{float:left;border:1px solid #ccc;border-left:none;background:#fff;font-weight:bold;width:255px;height:45px;line-height:45px;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
.tab--type a:first-child, .tab--type button:first-child{border-left:1px solid #ccc;border-right:0}
.tab--type a.on, .tab--type button.on{color:#fff;background:#272f66;border:1px solid #272f66;}
.tab--type a:hover, .tab--type button:hover{color:#fff;background:#272f66;border:1px solid #272f66;}

/*tab*/
.tab--type1 { position: relative;}
.tab--type1 > ul { width: 100%; margin-left: 1px; }
.tab--type1 > ul:after{content:'';display:block;clear:both;}
.tab--type1 > ul li { float: left; padding: 0; margin: 0; margin-left: -1px; }
.tab--type1 > ul li{min-width:100px;}
.tab--type1 > ul li button { display: block; width: 100%; text-align: center; text-decoration: none; padding: 6px 20px; background: #f6f6f6; border: 1px solid #a4aab7; color: #828282;margin-bottom:-1px;outline:none;}
.tab--type1 > ul li.on button, .tab--type1 > ul li:hover button { background: #738fcb; border: 1px solid #5c7bbb; color: #fff; }


.tab--type2{overflow:hidden;}
.tab--type2 a, .tab--type2 button{position:relative;float:left;width:50%;border-bottom:1px solid #979797;padding:12px 0;text-align:left;font-size:19px;color:#555;font-weight:bold;}
.tab--type2 a.on, .tab--type2 button.on{color:#272f66;}
.tab--type2 a.on:after, .tab--type2 button.on:after{position:absolute;left:0;bottom:0;display:block;content:'';background-color:#272f66;width:100%;height:5px;}
.tab--type2 a:hover, .tab--type2 button:hover{color:#272f66;}


/* range 
.ranges{float:left;padding-left:13px;vertical-align:top;}
.ranges .btn--ranges{float:left;width:31px;height:30px;line-height:30px;font-size:1.2rem;letter-spacing:-0.5px;border-radius:0;background:#f9f9f9;border:1px solid #ccc;border-left:none;}
.ranges .btn--ranges.on{position:relative;background:#5e6471;border:1px solid #5e6471;color:#fff;}
.ranges .btn--ranges:hover{background:#5e6471;border:1px solid #5e6471;color:#fff;}
.ranges .btn--ranges.btn_first{-webkit-border-radius:2px 0 0 2px;-moz-border-radius:2px 0 0 2px;border-radius:2px 0 0 2px;-ms-border-radius:2px 0 0 2px;border-left:1px solid #ccc;}
.ranges .btn--ranges.btn_first.on{border-left:none}
.ranges .btn--ranges.btn_last{-webkit-border-radius:0 2px 2px 0;-moz-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0;-ms-border-radius:0 2px 2px 0;}*/

/**************************************************/
/*ranges*/
.ranges--wrap .ranges--label { display: inline-block; vertical-align: middle; margin-right: 7px; }
.ranges--wrap .ranges { display: inline-block; vertical-align: middle; }

.ranges.narrow .btn--ranges { padding: 4px 7px; }
.ranges .btn--ranges:first-child { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; -ms-border-radius: 3px 0 0 3px; }
.ranges .btn--ranges:last-child { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; }

.btn--ranges { float: left; margin-left: -1px;height:26px;border: 1px solid #c8c8c8; background-color: #fdfdfd; font-size: 12px; padding:0 10px;}
.btn--ranges span{font-size: 12px;}
.btn--ranges.on { position: relative; border: 1px solid #646464; background-color: #7d7d7d; color: #fff; }
.btn--ranges.on span{color:#fff; }
.btn--ranges:hover{background-color:#46536d;border: 1px solid #5e6471; color:#fff;text-decoration:underline;}
.btn--ranges:hover span{color:#fff;}

/*toggle*/
.toggle .btn--toggle:first-child { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; -ms-border-radius: 3px 0 0 3px; }
.toggle .btn--toggle:last-child { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; }

.btn--toggle { float: left; margin-left: -1px;min-width:62px;height:26px;border: 1px solid #c8c8c8; background-color: #fdfdfd; padding:0 14px;}
.btn--toggle:first-child{margin-left:0}
.btn--toggle.on { position: relative; border: 1px solid #646464; background-color: #7d7d7d; color: #fff; }
.btn--toggle.on span{color:#fff; }
.btn--toggle:hover{background-color:#46536d;border: 1px solid #5e6471; color:#fff;text-decoration:underline;}
.btn--toggle:hover span{color:#fff;}

/* pagination */
.grid--footer{position:relative;text-align:center;clear:both;margin:30px 0 16px;font-size:0;min-height:20px;}
.grid--footer:after{content:'';clear:both;}
.paging{overflow:hidden;display:inline-block}
.paging:after{content:'';clear:both;}
.paging a, .paging button, .paging em{float:left;vertical-align:middle;width:38px;height:32px;line-height:31px;margin:0 2px;border:1px solid #bdc5ce;background-color:#fff;color:#6c6c6c;text-decoration:none;text-align:center;font-size:12px}
.paging em{border:0;background-color:#5e6471;color:#fff;font-weight:bold;line-height:31px;font-style:normal;}
.paging button:first-child{margin-left:0;}
.paging .btn--paging{}
.paging .btn--first{background-image:url(../../Content/images/btn.png);background-repeat:no-repeat;background-size:auto;background-position:7px 8px;}
.paging .btn--prev{background-image:url(../../Content/images/btn.png);background-repeat:no-repeat;background-size:auto;background-position:9px -12px;}
.paging .btn--next{background-image:url(../../Content/images/btn.png);background-repeat:no-repeat;background-size:auto;background-position:10px -32px;}
.paging .btn--last{background-image:url(../../Content/images/btn.png);background-repeat:no-repeat;background-size:auto;background-position:9px -52px;}
.total{position:absolute;right:0;top:-2px;color:#6974dc;font-size:13px}

.desc{/*float:right;*/color:#888;font-size:12px;padding:4px 0 4px 10px;text-align:right}
.desc.top{position:absolute;right:8px;top:-30px}
.desc.bottom{position:absolute;right:0;bottom:-27px}
.searchBox .desc.top, .contBox .desc.top{right:0}

/* Table 공통 */

/*grid*/
table td.nodata { text-align: center;color:#888 }
table td.td--date { font-family: dotum; text-align: center; letter-spacing: -1px; }
table td.td--date .btn--chart { font-family: dotum !important; text-decoration: underline; }
table td.td--isScr { padding-left: 27px !important; }
table td .va { display: block; }
table td span.w { display: block; position: relative; }
table td span.w .btn--exp { position: absolute; left: -20px; top: 3px; }
table td span.w .btn--exp.on { position: absolute; left: -20px; top: 3px; }
table .g--dep1 { padding-left: 13px !important; }
table .g--dep2 { padding-left: 26px !important; }
table .g--dep3 { padding-left: 39px !important; }
table .g--dep4 { padding-left: 52px !important; }
table .g--dep5 { padding-left: 65px !important; }
/*table{width:100%;border-top:2px solid #777;}
table tr th{background:#F9F9F9;color:#555f95;font-weight:bold;word-break:keep-all;}
table tr td{color:#000;}
table tr td a:hover{color:#617cf0;text-decoration:underline;}
table tr td.nodata{background:#fff !important}

.row1{width:160px}
.row2{width:auto}
.col1{width:121px}
.col2{width:auto}
.col3{width:133px}
.col4{width:101px}

.tbl--col tr th{border-bottom:1px solid #b8b8b8;border-left:1px solid #b8b8b8;border-right:1px solid #b8b8b8;}
.tbl--col tr th:first-child{border-left:0;}
.tbl--col tr td{border-bottom:1px solid #b8b8b8;}
.tbl--row{border-bottom:2px solid #b8b8b8}
.tbl--row tr th{background:#f9f9f9;border-top:1px solid #dcdcdc;border-right:1px solid #dcdcdc;}
.tbl--row tr td{border-top:1px solid #dcdcdc}
.tbl--row tr:first-child th, .tbl--row tr:first-child td{border-top:0}
.tbl--row2{border-bottom:1px solid #dcdcdc}
.tbl--row2 tbody tr td{border:none;background:#f9f9f9;}
.tbl--list{border-bottom:2px solid #b8b8b8;text-align:center;}
.tbl--list tr:first-child td{border-top:0}
.tbl--list tr th{border-left:1px solid #dcdcdc;border-bottom:1px solid #b8b8b8;color:inherit}
.tbl--list tr th:first-child{border-left:0}
.tbl--list tr td{border-top:1px solid #dcdcdc;background:#fff;}
.tbl--list tr td:first-child{background:#fff !important}
.tbl--list tr td button{font-size:1.2rem;}
.tbl--list tbody tr td:first-child{background:none;}
.tbl--list2{border-bottom-width:1px}
.tbl--list2 tr th{border-left:0;color:#555f95;}

.tbl--form{border-top:1px solid #777;border-bottom:1px solid #b8b8b8;background:#fff;}
.tbl--form tr th, .tbl--form tr td{text-align:left;height:49px;}
.tbl--form tr th{font-weight:normal;padding:0 30px;}
.tbl--form tr th .ast{position:static;display:inline-block;text-indent:-7px;}
.tbl--form tr td:after{content:'';clear:both;}
.tbl--form tr td .line{margin-top:4px;}
.tbl--form tr td .line:after{display:block;content:'';clear:both;}
.tbl--form tr td .line:first-child{margin-top:0;}
.tbl--form tr td .inputBox{float:left;}
.tbl--form tr td .clear--wrap{width:100%;max-width:350px;float:left;}
.tbl--form tr td .datepicker .clear--wrap{width:100px}
.tbl--form tr td .fileBox .clear--wrap{width:inherit;float:none}
.tbl--form tr td .fileBox .clear--wrap .inner{width:350px}
.tbl--form tr td .btn{float:left;margin-left:11px;}
.tbl--form tr td .btn button{width:84px;}
.tbl--form tr td .ast{display:inline-block;padding:7px 0 0 10px;}
.tbl--form tr td .select-styled{color:#343434;}
.tbl--form tr.password td .btn{margin-left:0;}
.tbl--form tr.password td .btn button{width:100px;}
.tbl--form tr.phone td .selectBox, .tbl--form tr.email .selectBox{float:left;}
.tbl--form tr.phone .selectBox{margin-right:10px}
.tbl--form tr.phone td .txt_tel{margin-right:12px;}
.tbl--form tr.phone td .checks, .tbl--form tr.email .checks{clear:both;padding:6px 0 5px;}
.tbl--form tr.phone td .clear--wrap{width:112px;}
.tbl--form tr.phone td .pInput{float:left;}
.tbl--form tr.phone td .form--ty1{width:94px;}
.tbl--form tr.email td .clear--wrap{width:150px;}
.tbl--form tr.email td .selectBox{margin-left:10px;}
.tbl--form tr.email td .btn--form{width:100px}
.tbl--form tr.addr td .line2{margin-top:11px}
.tbl--form tr.addr td .line .clear--wrap{margin-right:11px;}
.tbl--form tr.addr td .line2 .clear--wrap{width:320px;}
.tbl--form tr.addr td .line .btn{margin:0;}
.tbl--form tr td textarea{width:100%;max-width:350px;height:132px;border:1px solid #d6d6d6;}
.tbl--form2{border-top:2px solid #777;border-bottom:0 none;}

.tbl--style{border-bottom-width:1px}
.tbl--style .row2{width:205px;}
.tbl--style tbody td:first-child{text-align:center;}
.tbl--style thead tr th{border-left:1px solid #b8b8b8;border-bottom:1px solid #b8b8b8;border-right:0}
.tbl--style thead tr th:first-child{border-left:0}
.tbl--style tbody tr td:first-child{border-left:0;background:#fcfcfc;}
.tbl--style tbody tr:first-child td{border-top:0}
.tbl--style tbody tr td{border-left:1px solid #dcdcdc;border-top:1px solid #dcdcdc;color:#000;word-break:keep-all;}
.tbl--style tbody tr td.bd_dark_line{border-left:1px solid #b8b8b8}}

/* table ellipsis 
.tbl--ell tbody th, .tbl--ell tbody td{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.tbl--ell tbody th > a, .tbl--ell tbody th > button, .tbl--ell tbody td > a, .tbl--ell tbody td > button{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline;max-width:100%;}
.tbl--ell tbody th.no--ell, .tbl--ell tbody td.no--ell{overflow:visible;white-space:normal;text-overflow:clip;}
table tr.noti, .table--list table tr.noti a{font-weight:bold;}
.tbl--ell tr td a:visited{color:#6974dc;}

/* End:Table 공통 */


/*tbl--col*/
.tbl--col {background-color:#fff;border-radius:5px;}
/*.tbl--col table{border-bottom:1px solid #caced7}*/
.tbl--col .tbl--header { overflow-x: auto; overflow-y: hidden; }
.tbl--col .tbl--header table{min-height:inherit}
.tbl--col .tbl--scroll { overflow-y: auto; position: relative; }
.tbl--col .tbl--scroll > table > thead { display: none; }
.tbl--col thead{background: #f2f2f2;}
.tbl--col thead th { border-bottom: 1px solid #caced7; /*border-left: 1px solid #caced7; background-image: url("../../Content/images/bg_tbl.png"); background-repeat: repeat-y; background-position: 0 0; background-size: auto; */padding:8px 8px 7px;vertical-align: middle;font-weight:normal;text-align:center;/*help*/ }
.tbl--col thead tr:first-child th:first-child{border-left:0 none;}
.tbl--col thead th > span { display: block; text-align: center; font-size: 11px; }
/*.tbl--col thead th .btn--exp { position: relative; width: 16px; height: 16px; }
.tbl--col thead th .btn--exp:before { content: ""; position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin-left: -8px; margin-top: -8px; background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -100px 0; }
.tbl--col thead th .btn--exp.on { position: relative; width: 16px; height: 16px; }
.tbl--col thead th .btn--exp.on:before { content: ""; position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin-left: -8px; margin-top: -8px; background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px 0; }
.tbl--col thead th .btn--exp { padding-left: 17px !important; vertical-align: middle; }
.tbl--col thead th .btn--chart { width: 100%; height: 100%; vertical-align: top; text-align: center; font-weight: bold; color: #505050; text-decoration: underline; }
.tbl--col thead th .btn--chart .s { display: block; position: absolute; left: 0; bottom: 4px; width: 100%; height: 4px; text-align: center; text-indent: -99999px; }*/
.tbl--col thead th select { padding: 0; font-weight: bold; color: #363636; }
.tbl--col thead th.highlight{background-color:#feffed !important}
.tbl--col thead th .lay--wrap { vertical-align: top; }
/*.tbl--col thead th .btn--help { display: inline-block; position: relative; width: 11px; height: 11px; vertical-align: middle; margin-top: -2px; }
.tbl--col thead th .btn--help:before { content: ""; position: absolute; top: 50%; left: 50%; width: 11px; height: 11px; margin-left: -5.5px; margin-top: -5.5px; background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -320px; }*/
.tbl--col thead th .t { display: inline-block; text-align: center; font-weight: normal; font-size: 11px; }
.tbl--col thead tr th:first-child { background-image: none; }
/*.tbl--col thead tr th.ln { background-image: url("../../Content/images/bg_tbl.png"); background-repeat: repeat-y; background-position: 0 0; background-size: auto; }*/
.tbl--col tbody tr.even > th, .tbl--col tbody tr.even > td { background: #fafafa; }
.tbl--col tbody .noExp { padding-left: 34px; }
.tbl--col tbody tr.selected td { background-color: #fffbe6 !important; }
.tbl--col tbody th .unit { display: inline-block; margin-left: 5px; color: #a3a3a3; font-size: 11px; }
.tbl--col tbody tr.str td { background-color: #f2fbff !important; }
.tbl--col tbody tr.str2 td { background-color: #fffbe6 !important; }
.tbl--col tbody tr td.highlight{background-color:#feffed !important;}
.tbl--col tbody tr.rowDel > td { background-color: #fff4ef !important; }
.tbl--col tbody tr.rowRevise > td { background-color: #ecffed !important; }
.tbl--col tbody tr.rowAdd > td { background-color: #eef2ff !important; }
.tbl--col .colEdit { text-align: center; display: block !important; }
.tbl--col .colEdit > label { margin-right: 0; }
.tbl--col .colEdit > label:before { margin-right: 0 !important; }
.tbl--col tbody th { border-top: 1px solid #e9e9e9; padding: 6px 10px; }
.tbl--col tbody td{ border-top: 1px solid #e9e9e9; /*border-left: 1px solid #e9e9e9;*/ padding:8px 10px;}
.tbl--col tbody td a:hover{text-decoration:underline}
.tbl--col tbody tr:first-child td{border-top:0 none;}
.tbl--col tbody td:first-child{border-left:0 none}
/*.tbl--col tbody th a:link, .tbl--col tbody th button, .tbl--col tbody td a:link, .tbl--col tbody td button { color: #2b40ab; }*/
.tbl--col tbody th button.visited, .tbl--col tbody td button.visited { color: #2b40ab; }
.tbl--col tbody th .code, .tbl--col tbody td .code { display: block; }
.tbl--col tbody th .datepicker th, .tbl--col tbody td .datepicker th { background: none; border: 0; padding: 4px 2px; vertical-align: middle; font-weight: normal; color: #505050; text-align: center; }
.tbl--col tbody th .datepicker td, .tbl--col tbody td .datepicker td { border-bottom: none; }
.tbl--col.checks label, .tbl--col .tbl--col.colEdit label, .tbl--col.bodyChk label { margin-right: 0; }
.tbl--col + .grid--opt { padding-top: 30px; }

.bodyChk input[type=checkbox] + label { margin-right: 0 !important; }
.bodyChk input[type=checkbox] + label:before { margin-right: 0; }

.tbl--resizable thead th { position: relative; }
.tbl--resizable thead th .resizer { position: absolute; top: 0; right: -8px; bottom: 0; left: auto; width: 16px; cursor: e-resize; }

.tbl--lastTd tbody tr td:last-child { padding-right: 23px; }

.tbl--zebra tbody tr:nth-child(even) > th, .tbl--zebra tbody tr:nth-child(even) > td { background: #fafafa; }

/*tbl--narrow*/
.tbl--narrow th, .tbl--narrow td { padding-left: 0; padding-right: 0; }

/*tbl--row*/
.tbl--row th { background: #f2f2f2; border-bottom: 1px solid #caced7;padding:0 10px;/*padding: 7px 10px; */ text-align:center;}
.tbl--row td { border-bottom: 1px solid #e9e9e9; padding: 7px 10px;}
/*.tbl--row th a, .tbl--row th button, .tbl--row td a, .tbl--row td button { color: #2b40ab; }*/
.tbl--row tr:first-child th{border-top-left-radius:5px}
.tbl--row tr:last-child th{border-bottom-left-radius:5px}
.tbl--row tr:last-child th, .tbl--row tr:last-child td { border-bottom: 0; }

/*tbl--ell*/
.tbl--ell tbody th, .tbl--ell tbody td { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.tbl--ell tbody th > a, .tbl--ell tbody th > button, .tbl--ell tbody td > a, .tbl--ell tbody td > button { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline; max-width: 100%; }
.tbl--ell tbody th.no--ell, .tbl--ell tbody td.no--ell { overflow: visible; white-space: normal; text-overflow: clip; }
.tbl--ell tbody th.no--ell .lay--wrap, .tbl--ell tbody td.no--ell .lay--wrap { max-width: 100%; }
.tbl--ell tbody th.no--ell .lay--wrap .btn--long, .tbl--ell tbody td.no--ell .lay--wrap .btn--long { line-height: 18px; vertical-align: top; }

/*tbl--sort*/
.tbl--sort thead th { padding-bottom: 7px; vertical-align: middle; position: relative; }
.tbl--sort thead th .btn--sort, .tbl--sort thead th .btn--asc, .tbl--sort thead th .btn--desc { height: 100%; vertical-align: top; text-align: center;text-decoration: none; font-size:15px;}
.tbl--sort thead th .btn--sort .s, .tbl--sort thead th .btn--asc .s, .tbl--sort thead th .btn--desc .s { display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; text-align: center; text-indent: -99999px; }
.tbl--sort thead th .btn--sort .s { background-image: url("../../Content/images/sort.png"); background-repeat: no-repeat; background-position: center bottom; background-size: auto; }
.tbl--sort thead th .btn--asc .s { background-image: url("../../Content/images/sort_asc.png"); background-repeat: no-repeat; background-position: center bottom; background-size: auto; }
.tbl--sort thead th .btn--desc .s { background-image: url("../../Content/images/sort_desc.png"); background-repeat: no-repeat; background-position: center bottom; background-size: auto; }
.tbl--sort thead th .btn--asc, .tbl--sort thead th .btn--desc{color:#4566b6;}

/*tbl--list*/
.tbl--list{overflow:inherit;border-radius:5px/*border-top:1px solid #caced7;border-bottom:1px solid #caced7;*/}
.tbl--list thead{ border-top-left-radius:5px; border-top-right-radius:5px;}
.tbl--list thead tr:first-child th:first-child{border-left:0 none;border-top-left-radius:5px; border-top-right-radius:5px;}
.tbl--list thead tr:first-child th:last-child{border-top-left-radius:5px; border-top-right-radius:5px;}
.tbl--list td a:visited{color:#6974dc;}

/* tbl--mem */
.tbl--mem tr th{color:#343434;}
.tbl--mem tr td{vertical-align:top;color:#343434;line-height:175%;word-break:keep-all;border-left:1px solid #e9e9e9}
.tbl--mem tr td:first-child{border-left:0 none}
.tbl--mem tr td strong{color:#355b9e;font-size:17px;text-decoration:underline}

/*tbl--loading*/
.tbl--loading { position: relative; height: 310px; max-height: 310px; max-height: inherit !important; }

.no--ell .checks label span.img_chk, .no--ell .checks label span.img_chk{margin-right:0}

/*tbl--scroll*/
/*.tbl--scroll {
	overflow-x: auto;
}*/
/*biggrid*/
.biggrid { position: relative; overflow: hidden;;clear: both; }
.biggrid .fixhead { z-index: 2; position: absolute; top: 0; left: 0; overflow-x: visible; overflow-y: visible; }
.biggrid .trow { position: absolute; left: 0; }
.biggrid tbody td { box-sizing: border-box; /*& > div {
	@include ellipsis;
	& button {
		width: 100%;
		@include ellipsis;
		&.btn--chart {
			text-decoration: underline;
		}
	}
}*/ }
.biggrid tbody td.taC > div button { text-align: center; }
.biggrid tbody td.taL > div button { text-align: left; }
.biggrid tbody td.taR > div button { text-align: right; }
.biggrid .staticbody { z-index: 0; overflow: hidden; overflow-y: scroll; position: absolute; height: 500px; max-height: 500px; top: 0; left: 0; }
.biggrid .staticbody thead { display: none; }
.biggrid .staticbody > table > tbody > tr > td { width: 50px; height: 30px; }
.biggrid .fixpin { z-index: 3; position: absolute; top: 0; left: 0; width: 50px; }
.biggrid .fixpin > table > tbody > tr > td { height: 30px; }
.biggrid .fixbody { z-index: 1; top: 0; left: 0; position: absolute; }
.biggrid .hScrollBar { z-index: 2; position: absolute; overflow-x: auto; }
.biggrid .hScrollBar .hScrollContent { height: 1px; }
.biggrid .vScrollBar { width: 20px; z-index: 2; position: absolute; overflow-y: scroll; }
.biggrid .vScrollBar .vScrollContent { width: 1px; }

/*rowN*/
.row5 { height: 160px; max-height: 160px; }

.row5.isX { height: 177px; max-height: 177px; }

.row10 { height: 320px; max-height: 320px; }

.row10.isX { height: 337px; max-height: 337px; }

.row15 { height: 480px; max-height: 480px; }

.row15.isX { height: 497px; max-height: 497px; }

.row20 { height: 640px; max-height: 640px; }

.row20.isX { height: 657px; max-height: 657px; }

.row25 { height: 800px; max-height: 800px; }

.row25.isX { height: 817px; max-height: 817px; }

.row30 { height: 960px; max-height: 960px; }

.row30.isX { height: 977px; max-height: 977px; }

.row35 { height: 1120px; max-height: 1120px; }

.row35.isX { height: 1137px; max-height: 1137px; }

.row40 { height: 1280px; max-height: 1280px; }

.row40.isX { height: 1297px; max-height: 1297px; }

.row45 { height: 1440px; max-height: 1440px; }

.row45.isX { height: 1457px; max-height: 1457px; }

.row50 { height: 1600px; max-height: 1600px; }

.row50.isX { height: 1617px; max-height: 1617px; }

.row13 { height: 416px; max-height: 416px; }

.row13.isX { height: 433px; max-height: 433px; }
/*
.row14 { height: 464px; max-height: 464px; }

.row14.isX { height: 465px; max-height: 465px; }*/





.ast{position:absolute;top:40px;left:0;height:23px;line-height:23px;color:#617cf0;vertical-align:middle;font-size:12px;}
table tr th .ast{position:absolute;left:22px;vertical-align:top;}
.depth1{padding-left:0;}
.depth2{padding-left:30px;}
.depth3{padding-left:50px;}
.mark{float:left;padding:5px 4px 3px}

.loading { display:none; position:absolute; z-index:0; top:0; left:0; width:100%; height:100%;background: rgba(255,255,255,0.8);border-radius:5px}
.loading > span { position: absolute; z-index: 1; top: 50%; left: 50%; width:90px; margin:-50px 0 0 -45px; text-align:center; font-size:14px; font-weight:bold; }
.loading > span:before {content:''; display:block; width: 90px; height: 80px; background: url(../../Content/images/loading.gif) no-repeat;}
@charset "utf-8";

/*layout*/
body { overflow-y: scroll; background-color:#eff1f7 }

.inside { position: relative; width: 1200px; margin: 0 auto; }
/************************************************
						HEADER
************************************************/
.header {position:relative;/*position: absolute; left: 0; top: 54px;*/width: 100%;min-width: 1200px; height:75px; z-index: 10; border-top: 1px solid #6576ff; background-color:#272f66;border-bottom:1px solid #eee; }
/*.header.shide {transition: top linear 200ms; top: 0!important;}*/
.header .logo{ position: absolute; left: 0; top:26px; width: 135px; height: 23px;z-index:2;background-image: url("../../Content/images/logo.png?ver=2"); background-repeat: no-repeat; background-position: left top; background-size: auto; }
.header .logo a { display: block; width: 100%; height: 100%; color:#fff; text-indent:-9999px;}
.header .logo_esg{ top:13px;width: 175px; height: 43px;background-image: url("../../Content/images/logo_esg.png");background-repeat:no-repeat;background-position:0 0; }
.header .gnb {position:absolute;left:0;right:0;top:0;margin:auto;text-align:center; z-index:1}
.header .gnb--1dep{width:640px;margin:auto;}
.header .gnb a:hover { text-decoration: none; }
.header .gnb--1dep.js-noAnimtaion { -webkit-transition: none; transition: none; }
.header .gnb--1dep > ul:after {display:block;content:'';clear:both;}
.header .gnb--1dep > ul > li {position:relative; float: left;width:25%}
.header .gnb--1dep > ul > li > a {display: block;color: #fff; font-size: 16px;padding:24px 20px 25px; text-align: center; }
.header .gnb--1dep > ul > li.on, .header .gnb--1dep > ul > li:hover { background-color: #000; }
.header .gnb--1dep > ul > li.on > a, .header .gnb--1dep > ul > li:hover > a { overflow: visible; }
.header.js-expanded .gnb--1dep > ul > li.on > a:before, .header.js-expanded .gnb--1dep > ul > li:hover > a:before{ content: ''; display: block; position: absolute;left:80px; top: 84px; width: 11px; height: 6px;margin-left:-5px; background-image: url("../../Content/images/gnb_arr.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; z-index:15}
/*.header .gnb--1dep > ul > li.dep1_0.on > a:before, .header .gnb--1dep > ul > li.dep1_0:hover > a:before{left:8px}
.header .gnb--1dep > ul > li.dep1_1.on > a:before, .header .gnb--1dep > ul > li.dep1_1:hover > a:before{left:52px}
.header .gnb--1dep > ul > li.dep1_2.on > a:before, .header .gnb--1dep > ul > li.dep1_2:hover > a:before{left:90px;}
.header .gnb--1dep > ul > li.dep1_3.on > a:before, .header .gnb--1dep > ul > li.dep1_3:hover > a:before{left:123px;}*/
.header .gnb--1dep > ul > li.on > a:after, .header .gnb--1dep > ul > li:hover > a:after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background: #679dff; }

.header .gnb--2dep__box{display:none;position:absolute;left:0;right:0;top:73px;border-top:1px solid #caced7;background-color:#fff;width:100%; background-image:url("../../Content/images/gnb_bottom.png");background-position:center bottom;background-repeat: no-repeat; background-size:contain;padding-bottom: 2px; z-index: 10; }
.header .gnb--2dep__box .inside{width: 640px}
.header .gnb--2dep__box .inside:after{display:block;content:'';clear:both;}
.header h2.gnb--2dep__title{position:relative;font-size:16px;color:#000;padding:0 0 16px 13px;}
.header h2.gnb--2dep__title:before{content:'';display:block;position:absolute;left:0;top:4px;width:4px;height:15px;background-color:#798bff;}
.header .gnb--2dep{padding:0 0 10px;float:left;border-right:1px solid #eee;width: 25%;min-height:312px;margin:29px 0 20px;text-align:left;}
.header .gnb--2dep:first-child{border-left:1px solid #eee; }
.header .gnb--2dep > ul > li > a{ position:relative;display: block; padding: 5px 20px 5px 15px; color: #555; font-size:14px;font-weight:bold;}
.header .gnb--2dep > ul > li > a:hover { background-color: #4a57ac; color: #fff;}
.header .gnb--2dep > ul > li > a.is3dep:after { content:'';display:inline-block;position:absolute;right:15px;top:10px;width:13px;height:13px;background-image: url("../../Content/images/gnb_2dep.png"); background-repeat: no-repeat; background-position: -137px -6px; background-size: auto; }
.header .gnb--2dep > ul > li > a.is3dep:hover:after { background-position: -137px -31px; }
.header .gnb--2dep > ul > li > a.is3dep.on{ background-color: #4a57ac; color: #fff; }
.header .gnb--2dep > ul > li > a.is3dep.on:after {background-position: -137px -56px; }
.header .gnb--2dep > ul > li > span { display: block; line-height: 30px; height: 30px; padding: 0 15px; color: #bbb !important; }
.header .gnb--2dep > ul > li.on > a { color: #4a57ac; }
.header .gnb--2dep > ul > li.on > a:hover { color: #fff; }
.header .gnb--2dep > ul > li.on > .gnb--3dep { display: block; }
.header .gnb--3dep { display: none;background: #f8f8f8; padding: 3px 0; border-bottom: 1px solid #e1e1e1; }
.header .gnb--3dep > li { position:relative;margin: 0 15px 0 22px; }
.header .gnb--3dep > li:first-child { border-top: 0; }
.header .gnb--3dep > li:before{content:'';display:block;position:absolute;left:-9px;top:14px;margin-top:-1px;width:3px;height:3px;background-color:#b7b7b7;}
.header .gnb--3dep > li > a { display: block; font-size:13px;padding:6px 0;line-height:1.4;font-weight:normal;}
.header .gnb--3dep > li > a:hover, .header .gnb--3dep > li > a.on { background-position: 10px -25px; color: #4a57ac;text-decoration:underline }
.header .gnb--3dep > li > span { display: block; padding: 3px 5px 4px 17px; letter-spacing: -1px; color: #bbb !important; }


.header .option__box{display:none;position:absolute;left:0;right:0;top:71px;background-color:#fff;width:100%;outline:none;border-top:1px solid #caced7;background-image:url("../../Content/images/gnb_bottom.png");background-position:center bottom;background-repeat: no-repeat; background-size:contain;padding-bottom: 2px; z-index: 10; }
.header .option__box .inside{width: 1200px;} 
.header .option__box .inside:after{display:block;content:'';clear:both;}
.header .option__box .inside .gnb--2dep__title{position:relative;text-align:left;margin-top:50px}
.header .option__box .inside .gnb--2dep__title:after{ content: ''; display: block; position: absolute; left:110px;top: -39px; width: 11px; height: 6px;margin-left:-5px; background-image: url("../../Content/images/gnb_arr.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-color:transparent;z-index:4}
.header .option__box .inside .gnb--2dep{margin-top:0}
.header .option__box .inside .gnb--2dep.first{border-left:1px solid #eee; }


.header .gnb--2dep.option > ul{margin-top:-10px}
.header .gnb--2dep.option > ul > li{ display: block; line-height: 30px; height: 30px; padding: 0 15px;color:#6372d7; font-size:14px;font-weight:bold;}
.header .gnb--2dep.option > ul > li:hover{background-color:transparent;color:#6372d7;}
.header .gnb--2dep.option .gnb--3dep{display:block;background-color:transparent;border-bottom:0 none;}
.header .gnb--2dep.option .gnb--3dep > li{margin:0 15px 0 9px}
.header .gnb--2dep.option ul > li > a:hover{background-color:transparent;color:#6372d7;}

/*최근 이용 메뉴*/
.header .gnb--history{overflow:hidden;background-color:#f9f9f9;border-top:1px solid #eee;padding:16px 0;}
/*.header .gnb--history .inside{display:inline-block;}
.header .gnb--history dl{display:inline-block}*/
.header .gnb--history dl:after{content:'';display:block;clear:both;}
.header .gnb--history dl dt{float:left;font-size:16px;padding:5px 11px 0 0;color:#000;}
.header .gnb--history dl dd{float:left}
.header .gnb--history dl dd a{float:left;border:1px solid #6576ff;border-radius:25px;padding:5px 10px;margin:2px 0 2px 4px;}
.header .gnb--history dl dd a:hover{background-color:#798bff;color:#fff;}

/*최근 검색*/
.header .gnb--history__search{overflow:hidden;background-color:#f9f9f9;border-top:1px solid #eee;padding:19px 0;}
.header .gnb--history__search .inside{display:inline-block;}
.header .gnb--history__search dl{display:inline-block}
.header .gnb--history__search dl dt{float:left;font-size:16px;padding:0 11px 0 0;color:#000;}
.header .gnb--history__search dl dd{float:left;max-width:93%;}
.header .gnb--history__search dl dd a{float:left;margin:4px 0 2px 30px;color:#555}
.header .gnb--history__search dl dd a:hover{color:#6372d7;text-decoration:underline;}


.heading { height: 40px; background-color: #fff;border-bottom: 1px solid #caced7;min-width:1200px; transition: top linear 200ms;  }
/*.heading.shide {transition: top linear 200ms;  top: 75px !important;}*/
.heading .breadcrumb { float: left; }
.heading .breadcrumb > span { position: relative; display: inline-block; padding: 0 7px 0 15px; vertical-align: top; }
.heading .breadcrumb > span:before { content: ""; position: absolute; top: 18px; left: 0; width: 5px; height: 9px; background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -160px 0; }
.heading .breadcrumb > span.home, .heading .breadcrumb > span:first-child{ padding-left: 0; }
.heading .breadcrumb > span.home a, .heading .breadcrumb > span:first-child a{background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -160px -100px; text-indent:-9999px;width: 18px; height: 14px;margin:13px 0 0;}
.heading .breadcrumb > span.home:before, .heading .breadcrumb > span:first-child:before { content: ""; background:none; }
.heading .breadcrumb > span:last-of-type { padding-right: 14px; margin-right: 5px; }
.heading .breadcrumb > span:after, .heading .breadcrumb .lay--wrap:after { content: ""; position: absolute; top: 17px; right: 0; width: 5px; height: 9px; background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -160px 0; }
.heading .breadcrumb .lay--wrap:last-of-type:after{background:none;}
.heading .breadcrumb > span > a { display: inline-block; height: 34px; line-height: 34px; font-size: 12px; color: #555; }
.heading .breadcrumb > span > a:hover, .heading .breadcrumb > span > a:focus { text-decoration: none; }
.heading .breadcrumb .lay--wrap{margin-right:4px}
.heading .breadcrumb .lay--wrap .btn--bread{height:40px;line-height:41px;vertical-align:top;}
.log { float: right}
.log .lay--wrap { vertical-align: top; min-width:120px;text-align:right;}
.log .lay--wrap .lay--header:before{margin-left:0}
.log .lay--wrap .user:after{content:'';display:block;clear:both;}
.log .lay--wrap .user li{float:left;height:40px;line-height:40px;padding-left:20px;}
.log .lay--wrap .user li a{color:#777}


.main { height:100%;background-image: url("../../Content/images/bg_login.jpg"); background-repeat: no-repeat; background-position: center; }
.main .heading h2, .main .heading .breadcrumb { display: none; }
#noticeWrap .notice-wrap { /*position: absolute; top:0;*/ z-index: 3; width: 100%; height:52px; background-color: #000; }
#noticeWrap.shide .notice-wrap {  transition: height linear 200ms; height:0 !important; }
#noticeWrap .notice-wrap .notice-body { position: relative; width: 1200px; height:100%; margin: 0 auto; padding: 0; }
#noticeWrap .notice-wrap .notice-body .noticeList { width: 1136px; }
#noticeWrap .notice-wrap .notice-body .noticeList li { float: left; width: 100%; height:52px; line-height:52px;color: #fff; }
#noticeWrap .notice-wrap .notice-body .noticeList li:first-child {padding-left:3px;}
#noticeWrap .notice-wrap .notice-body .noticeList li:not(:first-child) {display:none;}
/*#noticeWrap .notice-wrap .notice-body .noticeList li.isbd { border-right: 1px solid #507fa6; }*/
#noticeWrap .notice-wrap .notice-body .noticeList li.wide { width: 1082px;}
#noticeWrap .notice-wrap .notice-body .noticeList li a { display: block; }
#noticeWrap .notice-wrap .notice-body .noticeList li a span { display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#noticeWrap .notice-wrap .notice-body .noticeList li a span.category_nm { font-size: 16px; color: #bbb; width:200px;font-weight:bold; }
#noticeWrap .notice-wrap .notice-body .noticeList li a span.tit { margin-left:2px; font-size: 14px; color: #fefefe; max-width:800px; }
#noticeWrap .notice-wrap .notice-body .noticeList li a span.tit:hover{ text-decoration: underline;}
#noticeWrap .notice-wrap .notice-body .noticeList li a span.cont { margin-left:10px; font-size: 14px; color: #bbb;  width:366px; }
#noticeWrap .notice-wrap .notice-body .noticeList li a:hover, .main #container .notice-wrap .notice-body .noticeList li a:focus { text-decoration: none; }
#noticeWrap .notice-wrap .notice-body .notice-close { position: absolute; right: 0; top: 19px; width: 17px; height: 17px; }
#noticeWrap .notice-wrap .notice-body .notice-close:before { content: ""; position: absolute; top: 0; right: 0; width: 17px; height: 17px; background-image: url("/Content/images/mains.png?ver=2"); background-repeat: no-repeat; background-position: 0 -612px; background-size: auto; }
#noticeWrap .notice-wrap .notice-body .notice-close:hover:before, .main #container .notice-wrap .notice-body .notice-close:focus:before { background-color: #153b5c; }
#noticeWrap .notice-wrap .notice-body .today { position: absolute; right: 40px; top: 17px; color: #aaa;}
#noticeWrap .notice-wrap .notice-body .today:hover{text-decoration:underline;}


.util{display:block;position: absolute; right: 0; top: 25px;z-index:2;}
.util:after{display:block;content:'';clear:both;}
.util button{float:left;display:inline-block;background-image:url("../../Content/images/btn.png");background-repeat:no-repeat;text-indent:-9999px;vertical-align:middle;outline:none;opacity:0.5}
.util button:hover{opacity:1}
.util .btn_menuAll{width:18px;height:18px;background-position:-106px -517px;}
.util .btn_topSearch{width:20px;height:20px;background-position:-130px -220px;margin-left:10px;opacity:0.5}
.beginning .header .gnb { visibility: hidden; }
.beginning .heading .inside { display: none; }
.beginning .util{display:none}
.beginning .header--log--area { display: block; position: absolute; right: 0; top: 24px; }
.beginning .header--log--area .checks, .beginning .header--log--area .tbl--col .colEdit, .tbl--col .beginning .header--log--area .colEdit, .beginning .header--log--area .bodyChk { float: left; margin-top: 5px; vertical-align: middle; font-size: 11px; color: #a3a3a3; }
.beginning .header--log--area .checks label, .beginning .header--log--area .tbl--col .colEdit label, .tbl--col .beginning .header--log--area .colEdit label, .beginning .header--log--area .bodyChk label { margin-right: 15px; }
.beginning .header--log--area fieldset { float: left; position: relative; margin: 0 auto; width: 240px; }
.beginning .header--log--area fieldset input[type=text], .beginning .header--log--area fieldset input[type=password] { width: 77px; height: 23px; font-size: 11px; border: 1px solid #3d3b53; background-color: #626167; color: #fff; }
.beginning .header--log--area fieldset .btn--login { width: auto; height: auto; padding: 3px 7px; font-size: 11px; font-weight: normal; text-align: center; color: #b4b8c2 !important; background: #154aae; border: 1px solid #154aae; font-size: 11px; }
.beginning .header--log--area fieldset .btn--login:hover, .beginning .header--log--area fieldset .btn--login:focus { color: #b4b8c2 !important; text-decoration: none; }

.header--log--area { display: none; }

/************************************************
						CONTAINER
************************************************/

/* button */
.btn--basic { height:34px;line-height:32px;background: #fff; border: 1px solid #b7b7b7; }
.btn--basic:hover, .btn--basic:focus { background: #46536d; color:#fff;border:1px solid #5e6471; text-decoration: none; }
.btn--basic2 { height:34px;line-height:32px;color: #fff; background: #617cf0; border: 1px solid #5668f2; }
.btn--basic2:hover, .btn--basic2:focus {  background: #4a6bee; border: 1px solid #5668f2; color:#fff; text-decoration: none; }
.btn--normal { border: 1px solid #b7b7b7;background:#fff }
.btn--normal:hover, .btn--normal:focus {background: #46536d; color:#fff;border:1px solid #5e6471; text-decoration: none; }
.btn--normal.on{background-color:#7d7d7d;color:#fff;border:1px solid #646464}

.btn--acc { position: relative; height: 39px; line-height: 39px; padding-left: 20px; padding-right: 16px; color: #777; font-size:12px;outline:none;}
.btn--acc:before { content: ""; position: absolute; top: 10px; left: 0; width: 14px; height: 14px; background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px -240px; }
.btn--acc:after { content: ""; position: absolute; top: 12px; right: 0; width: 14px; height: 16px; background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -40px -100px; }
.btn--acc i{font-style:normal;margin-left:10px}
.btn--bread { position: relative;padding-right: 27px; margin-right:15px; color:#555;outline:none;}
.btn--bread:after { content: ""; position: absolute; top: 13px; right: 0; width: 17px; height: 16px; background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -220px; }
.btn--bread:hover:after, .btn--bread:focus:after, .btn--bread.on:after { background-position: -20px -220px ; }

.btn--logout {width: auto; height: auto; padding: 5px 15px; font-size: 14px; text-align: center; color: #fff !important; background: #617cf0; border: 1px solid #617cf0; border-radius:3px; }
.btn--logout:hover, .btn--logout:focus { background:#4a6bee;border:1px solid #5c7bbb;color: #fff !important; text-decoration: none; }

.btn--inquiry { position: relative; width: auto; height: auto; border: 1px solid #5668f2; background:#617cf0; padding: 0 20px; height:26px;line-height:25px;color: #fff;border-radius:3px; font-size:14px;}
.btn--inquiry:hover, .btn--inquiry:focus, .btn--inquiry.on { background-color: #4a6bee; border: 1px solid #5c7bbb; color: #fff; text-decoration: none; }

.btn--inquiry2{position: relative; width: auto; height: auto; border: 1px solid #617cf0; background:#617cf0; padding: 0 11px; height:26px;color: #fff;border-radius:3px; font-size:14px;margin-left:0;}
.btn--inquiry2:before { content: ""; display:inline-block;width: 16px; height: 16px;margin-right:5px;background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px -220px; vertical-align:middle;}
.btn--inquiry2:hover, .btn--inquiry2:focus, .btn--inquiry2.on { background-color: #4a6bee; border: 1px solid #5c7bbb; color: #fff; text-decoration: none; }

.btn--stepNext { position: relative; width: auto; height: auto; border: 1px solid #c8c8c8; background-color: #fbfbfb; padding: 3px 9px 4px 27px; color: #333; font-size: 15px; font-weight: bold; }
.btn--stepNext:before { content: ""; position: absolute; top: 5px; left: 5px; width: 16px; height: 16px; background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -100px -197px; }
.btn--stepNext:hover, .btn--stepNext:focus, .btn--stepNext.on { background-color: #fbfbfb; border: 1px solid #c8c8c8; color: #333; text-decoration: none; }
.btn--stepPrev { position: relative; width: auto; height: auto; border: 1px solid #c8c8c8; background-color: #fbfbfb; padding: 3px 9px 4px 27px; color: #333; font-size: 15px; font-weight: bold; }
.btn--stepPrev:before { content: ""; position: absolute; top: 5px; left: 5px; width: 16px; height: 16px; background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px -197px; }
.btn--stepPrev:hover, .btn--stepPrev:focus, .btn--stepPrev.on { background-color: #fbfbfb; border: 1px solid #c8c8c8; color: #333; text-decoration: none; }
.btn--lookup { position: relative; width: 16px; height: 16px; border: 1px solid #c8c8c8; padding: 14px; }
.btn--lookup:before { content: ""; position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin-left: -8px; margin-top: -8px; background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat;background-size: auto; background-position: -80px -180px; }
.btn--toLeft { position: relative; width: 16px; height: 16px; border: 1px solid #c8c8c8; padding: 14px; border-radius:3px}
.btn--toLeft:before { content: ""; position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin-left: -8px; margin-top: -8px; background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -20px -160px; }
.btn--toRight { position: relative; width: 16px; height: 16px; border: 1px solid #c8c8c8; padding: 14px; border-radius:3px }
.btn--toRight:before { content: ""; position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin-left: -8px; margin-top: -8px; background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -160px; }
.btn--data { position: relative;padding:0 10px 0 28px !important;vertical-align:middle;border-radius:3px;}
.btn--data:before { content: ""; position: absolute; top: 50%; left: 8px; width: 16px; height: 16px; margin-top: -8px; background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px -120px; }
.btn--chart { position: relative;padding:0 10px 0 28px !important;vertical-align:middle;border-radius:3px; }
.btn--chart:before { content: ""; position: absolute; top: 50%; left: 8px; width: 16px; height: 16px;margin-top: -8px; background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px -140px; }
.btn--colm { position: relative; width: auto; height: auto; border: 1px solid #c8c8c8; background-color: #fff; padding: 3px 7px 4px 25px; color: #333; font-size: 12px; font-weight: normal; border-radius:3px;}
.btn--colm:before { content: ""; position: absolute; top: 5px; left: 5px; width: 16px; height: 16px; background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px -300px; }
.btn--colm:hover, .btn--colm:focus, .btn--colm.on { background-color: #f2fbff; border: 1px solid #5a98ea; color: #3579d4; text-decoration: none; }
.btn--default { position: relative; width: auto; height: auto; border: 1px solid #c8c8c8; background-color: #fff; padding: 3px 7px 4px 25px; color: #333; font-size: 12px; font-weight: normal;border-radius:3px; }
.btn--default:before { content: ""; position: absolute; top: 5px; left: 5px; width: 16px; height: 16px; background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px -320px; }
.btn--default:hover, .btn--default:focus, .btn--default.on { background-color: #f2fbff; border: 1px solid #5a98ea; color: #3579d4; text-decoration: none; }
.btn--reset { position: relative; width: auto; height: auto; border: 1px solid #c8c8c8; border-radius:3px; padding: 3px 7px 4px 25px; color: #333; font-size: 12px; font-weight: normal;background-color:#fff; }
.btn--reset:before { content: ""; position: absolute; top: 5px; left: 5px; width: 16px; height: 16px; background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px -320px; }
.btn--reset:hover, .btn--reset:focus, .btn--reset.on { background-color: #f2fbff; border: 1px solid #5a98ea; color: #3579d4; text-decoration: none; }
.btn--save { position: relative; width: auto; height: auto; border: 1px solid #c8c8c8; border-radius:3px; padding: 3px 7px 4px 25px; color: #333; font-size: 12px; font-weight: normal; background-color:#fff;}
.btn--save:before { content: ""; position: absolute; top: 5px; left: 5px; width: 16px; height: 16px; background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px -340px; }
.btn--save:hover, .btn--save:focus, .btn--save.on { background-color: #f2fbff; border: 1px solid #5a98ea; color: #3579d4; text-decoration: none; }
.btn--export { position: relative; width: auto; height: auto; border: 1px solid #c8c8c8; padding: 3px 7px 4px 25px; color: #656565; font-size: 12px; font-weight: normal; border-radius:3px;background-color:#fff;}
.btn--export:before { content: ""; position: absolute; top: 5px; left: 5px; width: 16px; height: 16px; background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px -360px; }
.btn--export:hover, .btn--export:focus, .btn--export.on { background-color: #f2fbff; border: 1px solid #5a98ea; color: #3579d4; text-decoration: none; }
.btn--cancel { position: relative; width: auto; height: auto; border: 1px solid #c8c8c8; border-radius:3px; padding: 3px 7px 4px 25px; color: #333; font-size: 12px; font-weight: normal; background-color:#fff;}
.btn--cancel:before { content: ""; position: absolute; top: 5px; left: 5px; width: 16px; height: 16px; background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px -380px; }
.btn--cancel:hover, .btn--cancel:focus, .btn--cancel.on { background-color: #f2fbff; border: 1px solid #5a98ea; color: #3579d4; text-decoration: none; }
.btn--expand { position: relative; width: auto; height: auto; border: 1px solid #c8c8c8;  padding: 3px 7px 4px 25px; color: #656565; font-size: 12px; font-weight: normal; border-radius:3px;background-color:#fff;}
.btn--expand:before { content: ""; position: absolute; top: 6px; left: 5px; width: 16px; height: 16px; background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px -580px; }
.btn--expand:hover, .btn--expand:focus, .btn--expand.on { background-color: #f2fbff; border: 1px solid #5a98ea; color: #3579d4; text-decoration: none; }
.btn--contract { position: relative; width: auto; height: auto; border: 1px solid #c8c8c8;padding: 3px 7px 4px 25px; color: #656565; font-size: 12px; font-weight: normal; border-radius:3px;background-color:#fff;}
.btn--contract:before { content: ""; position: absolute; top: 6px; left: 5px; width: 16px; height: 16px; background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -100px -580px; }
.btn--contract:hover, .btn--contract:focus, .btn--contract.on { background-color: #f2fbff; border: 1px solid #5a98ea; color: #3579d4; text-decoration: none; }
.btn--chartdown { position: relative; width: auto; height: auto; border: 1px solid #c8c8c8; padding: 3px 7px 4px 25px; color: #656565; font-size: 12px; font-weight: normal; border-radius:3px;background-color:#fff;}
.btn--chartdown:before { content: ""; position: absolute; top: 5px; left: 5px; width: 16px; height: 16px; background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px -400px; }
.btn--chartdown:hover, .btn--chartdown:focus, .btn--chartdown.on { background-color: #f2fbff; border: 1px solid #5a98ea; color: #3579d4; text-decoration: none; }
.btn--delete { position: relative; width: auto; height: auto; border: 1px solid #c8c8c8;border-radius:3px; padding: 3px 7px 4px 25px; color: #333; font-size: 12px; font-weight: normal; background-color:#fff;}
.btn--delete:before { content: ""; position: absolute; top: 5px; left: 5px; width: 16px; height: 16px; background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px -460px; }
.btn--delete:hover, .btn--delete:focus, .btn--delete.on { background-color: #f2fbff; border: 1px solid #5a98ea; color: #3579d4; text-decoration: none; }
.btn--add { position: relative; width: auto; height: auto; border: 1px solid #c8c8c8; border-radius:3px; padding: 3px 7px 4px 25px; color: #333; font-size: 12px; font-weight: normal;background-color:#fff; }
.btn--add:before { content: ""; position: absolute; top: 5px; left: 5px; width: 16px; height: 16px; background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px -480px; }
.btn--add:hover, .btn--add:focus, .btn--add.on { background-color: #f2fbff; border: 1px solid #5a98ea; color: #3579d4; text-decoration: none; }
.btn--edit { position: relative; width: auto; height: auto; border: 1px solid #c8c8c8;border-radius:3px; padding: 3px 7px 4px 25px; color: #333; font-size: 12px; font-weight: normal;background-color:#fff; }
.btn--edit:before { content: ""; position: absolute; top: 5px; left: 5px; width: 16px; height: 16px; background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px -500px; }
.btn--edit:hover, .btn--edit:focus, .btn--edit.on { background-color: #f2fbff; border: 1px solid #5a98ea; color: #3579d4; text-decoration: none; }
.btn--exp.on { position: relative; width: 13px; height: 13px; }
.btn--exp.on:before { content: ""; position: absolute; top: 50%; left: 50%; width: 13px; height: 13px; margin-left: -8px; margin-top: -3px; background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -100px -20px; }
.btn--exp { vertical-align:middle; position: relative; width: 13px; height: 13px; }
.btn--exp:before { content: ""; position: absolute; top: 50%; left: 50%; width: 13px; height: 13px; margin-left: -8px; margin-top: -3px; background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px -20px; }
.btn--del { position: relative; width: 16px; height: 14px; }
.btn--del:before { content: ""; position: absolute; top: 50%; left: 50%; width: 13px; height: 13px; margin-left: -8px; margin-top: -6px; background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -100px -420px; }
.btn--get { width: 16px; height: 16px; background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-size: auto; background-position: -80px -620px;vertical-align:middle; }
.btn--get:hover { width: 16px; height: 16px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-size: auto; background-position: -100px -620px; }
.btn--back{border:1px solid #d6d6d6;width:60px;height:26px;line-height:26px;padding:0;font-size:13px}
.btn--option{ width: 21px; height: 21px; background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-size: auto; background-position: -106px -540px;vertical-align:middle;text-indent:-9999px;margin:2px 0 0 3px;}
.btn--option.on{background-position: -80px -540px;}

.btn--hd button, .btn--hd a{margin:0 0 5px 5px}
.btn--ft button, .btn--ft a{margin:5px 0 0 5px}

.btn--help { overflow:visible;display: inline-block; margin: 0 3px;position: relative;width: 16px; height: 18px ;background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-size: auto; background-position: -80px -58px; vertical-align:middle;}
.btn--market{float:left;margin-bottom:5px;width:auto;padding-left:20px;}
/*.btn--help:after { content: "";position: absolute; top: 50%; right: -25px; width: 16px; height: 16px; margin-top: -8px; background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-size: auto; background-position: -80px -60px; vertical-align:middle;}*/

.btn--screener{width:100%;display:block;padding:9px 0;text-align:center;font-size:14px;border-top:1px solid #caced7;}
.btn--screener:after{content:'';display:inline-block;margin-left:8px;background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-position: 0 -240px; background-size: auto; width: 14px; height: 14px;vertical-align:middle; }
.btn--screener.on:after{background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-position: -20px -240px; background-size: auto; width: 14px; height: 14px; }

.tooltip--help{display:none;position:absolute;left:50%;top:150%;width:200px;margin-left:-100px;background:#fff;border:1px solid #798bff;border-radius:5px;box-shadow:1px 1px 3px 2px rgba(128,128,128,0.3);-webkit-box-shadow:1px 1px 3px 2px rgba(128,128,128,0.3);word-break:keep-all;z-index:3;text-align:left;padding:4px 10px;font-size:12px;}
.tooltip--help:before{display:block;content:'';position:absolute;left:50%;top:-6px;width:9px;height:6px;margin-left:-5px;background-image: url("../../Content/images/tooltip_arr.png"); background-repeat:no-repeat; background-position: 0 -5px; }
.tooltip--help em{display:block;padding:4px 10px;font-style:normal;}
.tooltip--help--tbl{width:660px;margin-left:-100px;padding:0;}
.tooltip--help--tbl:before{content:none}
.tooltip--help--tbl table th, .tooltip--help--tbl table td{font-size:11px !important;text-align:center !important;border-left:1px solid #e9e9e9 !important;border-bottom:1px solid #e9e9e9 !important;padding:5px 2px !important}
.tooltip--help--tbl table th:first-child, .tooltip--help--tbl table td:first-child{border-left:0 none !important}
.tooltip--help--tbl table td{background-color:#fff !important;}
.tooltip--option{width:305px;}
.tooltip--option:before{margin-left:-60px;}
.tooltip--market{width:355px;margin-left:-55px}
.tooltip--market:before{margin-left:-128px;}


/* Common */
#container{margin:26px auto;overflow: hidden; min-width:1200px;min-height: 735px;}
#container .contents { position: relative; width: 100%; padding-bottom: 50px; }
#container .contents:after{display:block;content:'';clear:both;}

#container .contents .title{position:relative;display:inline-block;}
#container .contents .title h2{position:relative;overflow:hidden;color:#454545;font-size:24px;padding-left:19px;text-indent:-19px;margin-bottom:4px;word-break:keep-all;font-weight:normal;}
#container .contents .title .btn--back{position:absolute;right:-35px;top:7px;display:inline-block;background:url("../../Content/images/btn.png"); background-repeat: no-repeat; background-size: auto; background-position: -75px -196px;border:1px solid #b7b7b7;width:27px;height:25px;padding:2px 0;border-radius:3px;background-color:#fff;opacity:0.8;}
#container .contents .title .btn--back:hover{opacity:1;}
#container .contents .title h2 span{position:relative;width:100%;background:transparent;padding:0 23px 0 15px;z-index:2}
#container .contents .title .sub_title{padding-top:15px}
#container .contents .title .txt{margin-bottom:12px}
#container .contents .row .sub_title{color:#617cf0;font-weight:bold;padding:5px 0;font-size:19px;border-bottom:1px solid #979797;margin-bottom:23px}
.title--type1{position:relative;font-size:16px;color:#000;padding:0 0 11px 13px;}
.title--type2{position:relative;font-size:16px;color:#000;font-weight:bold;padding:3px 11px 17px;}
.title--type1:before{content:'';display:block;position:absolute;left:0;top:5px;width:4px;height:15px;background-color:#798bff;}
.txt--result{position:absolute;left:8px;bottom:33px;color:#000;font-size:16px;}
.txt--result u{color:#4a57ac;font-weight:bold;}
.txt--result:before{content:'';display:inline-block;background:#798bff;width:4px;height:15px;vertical-align:middle;margin:0 6px 2px 0;}
.txt--result2{position:static;margin:26px 0 24px}
.bullet1:before{content:'';display:inline-block;background:url("../../Content/images/btn.png") no-repeat -160px -48px;width:3px;height:5px;vertical-align:middle;margin-right:7px;}


/**************************************************/
/*common*/
/**************************************************/
.items{float:left;margin-left:6px;}
.items .items--tit{float:left;font-size:14px;padding-top:3px;}
.items .items--checkbox{padding-top:3px;}
.items.fr{float:right}
.items:first-child{margin-left:0}

/*grid--header*/

.grid--opt{text-align:right;font-size:0;display:block;}
.grid--opt:after{content:'';display:block;clear:both;}
.grid--opt .tab{float:left;}
.grid--opt .ar1 { display: inline-block;font-size:0;margin:3px 0}
.grid--opt .ar1 .items .btn{margin:0 0 -2px 3px;height:26px;line-height:25px;padding:0 10px;}
.grid--opt .ar1 .items .items--checkbox .checks{font-size:14px;margin-left:0;margin-right:8px;}
.grid--opt .ar1 .items .items--checkbox .checks:after{content:none;}
.grid--opt .ar1 .items .checks{font-size:12px;margin-left:14px;}
.grid--opt .ar1 .items .checks:after{content:none;}
.grid--opt .ar1 .ranges{float:left}
.grid--opt .ar1 .opt--item{float:left;margin-left:10px;}
.grid--opt .ar1 .opt--item:before{content:'';display:none;}
.grid--opt .sel{font-size:0;width:100%;margin-bottom:5px;}
.grid--opt .sel > dd, .grid--opt .sel > dd >ul{width:100%}
.grid--opt .sel li{position:relative;display:inline-block;width:19.66%;height:30px;line-height:30px;font-size:13px;margin-left:5px;padding:0 25px 0 7px;border:1px solid #caced7;vertical-align:middle;background-color:#f7f7f7;border-radius:5px;color:#aaa}
.grid--opt .sel li span{display:block;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;color:#555}
.grid--opt .sel li:first-child:before{content:none;}
.grid--opt .sel li .btn--del{position:absolute;right:5px;top:50%;margin-top:-6px;}
.grid--opt .sel li:first-child{margin-left:0;}
.grid--opt2 > .ar1{margin-top:0}
.grid--opt2 .items{margin-bottom:3px}

.grid--header:after{display:block;content:'';clear:both;}
.grid--header {padding:5px 10px;}
.grid--header.isTab { margin-top: -6px; }
.grid--header.ty1 { border: none; background-color: #fff;padding:0; }
.grid--header.ty1 > .tit { float: left; line-height: normal; font-size:14px ;font-weight: normal; margin-left: 0;padding:6px 0}
.grid--header.ty1 > .tit:before{display:none;}
.grid--header > .tit { position:relative;float: left; line-height: 26px;padding-left:21px; }
.grid--header > .tit:before{content: ""; position: absolute; top: 5px; left: 0; width: 16px; height: 16px; background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-size: auto; background-position: -100px -140px;}
.grid--header > .tit--tbl:before{background-position:-80px -120px;}
.grid--header > .tit--search:before{background-position:-100px -159px;}
.grid--header > .tit--etc:before{background-position:-80px -640px;}
.grid--header > .tit--top:before{background-position:-80px -660px;}
.grid--header .opt--item:before{padding-left:0;}
.grid--header .opt--item button{border:1px solid #fff}
.grid--header .opt--item button:hover, .grid--header .opt--item button:focus{border: 1px solid #5a98ea; }
.grid--header > .items.ranges {font-weight: bold; margin-left: 10px; color: #000; margin-top: 3px; }
.grid--header > .items.ranges button { padding: 1px 7px; font-size: 11px; }
.grid--header .fundOpt { float: left; line-height: 27px; vertical-align: bottom; margin-left: 15px; color: #363636; }
.grid--header .date { float: left; line-height: 27px; vertical-align: bottom; margin-left: 15px; color: #a3a3a3; }
.grid--header .total { float: left; line-height: 27px; vertical-align: bottom; color: #363636; }
.grid--header .total:before { content: " | "; color: #e6e6e6; padding: 0 3px 0 5px; }
.grid--header .infoTxt { float: left; line-height: 27px; vertical-align: bottom; color: #2b40ab; font-size: 11px; }
.grid--header .infoTxt:before { content: " | "; color: #e6e6e6; padding: 0 3px 0 5px; }
.grid--header .icons { float: left; }
.grid--header .icons li { display: inline-block; margin-right: 15px; }
.grid--header .icons li > span { margin-right: 5px; }
.grid--header .lay--wrap { vertical-align: middle; margin-left: 5px; }
.grid--header .lay--wrap .btn--help { vertical-align: middle; }
.grid--header__sub{background-color:#f6f6f6;border-top:1px solid #e6e8e8;padding:0 10px;height:36px;line-height:36px;}
.grid--header__sub:after{content:'';display:block;clear:both;}
.grid--header__sub dl{float:left;margin-left:15px}
.grid--header__sub dl:first-child{margin-left:0}
.grid--header__sub dt{float:left;padding: 0 5px 0 0;color:#656565;}
.grid--header__sub dd{float:left}
.grid--header__sub dd .items{padding-top:4px}
.grid--header__sub .items .btn--normal{font-size:12px;}
.grid--header__sub .sel{font-size:0;width:100%;}
.grid--header__sub .sel > dd, .grid--header__sub .sel > dd >ul{width:100%}
.grid--header__sub .sel li{position:relative;display:inline-block;max-width:9.6%;height:26px;line-height:26px;font-size:12px;margin-left:5px;padding:0 20px 0 7px;vertical-align:middle;}
.grid--header__sub .sel li span{display:block;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.grid--header__sub .sel li:before{content:'';display:inline-block;position:absolute;left:0;top:50%;background:#caced7;width:1px;height:15px;vertical-align:middle;margin:-7px 6px 2px 0;}
.grid--header__sub .sel li:first-child:before{content:none;}
.grid--header__sub .sel li .btn--del{position:absolute;right:0;top:50%;margin-top:-7px;}
.grid--header__sub .sel li:first-child{margin-left:0;padding-left:0}

.sel--header { min-height: 27px; padding: 1px 0; background-color: #fbfbfb; border-left: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; line-height: 27px; vertical-align: bottom; color: #a3a3a3; }
.sel--header label { margin-left: 10px; color: #333; font-size: 11px; }
.sel--header select { padding: 1px 3px; margin-top: 3px; border: 1px solid #ddd; background: #fff; }
.sel--header .btn--ge { margin-top: 3px; margin-left: 10px; }
.sel--header .lay--wrap > * { line-height: 1.5; }

.grid--header .tit{padding-right:18px;}
.grid--header > .checks{float:left;padding-top:3px}

.opt { float: right; }
.opt .wr { display: inline-block; }
.opt--item { display: inline-block; vertical-align: middle; }
.opt--item:before{content: " | "; height:12px;overflow:hidden;display:inline-block;color: #d4d4d4; padding: 2px 1px 0;vertical-align:top;margin-top:4px;}
.opt--item:first-child:before{content:'';padding:0}
.opt--item button{min-height:20px;}
.opt--item .unit { color: #a3a3a3; margin-right: 10px; display: block; height: 27px; line-height: 27px; }
.opt--item .legend { margin-right: 10px; height: 27px; line-height: 27px; }
.opt--item .legend .td--bgc1, .opt--item .legend .td--bgc2 { display: inline-block; width: 10px; height: 10px; border: 1px solid #ddd; vertical-align: middle; margin-top: -2px; margin-left: 3px; }

.opt--item > .selectList {display:inline-block;margin:0 6px;vertical-align:middle;}

.btns--r { margin-top: 10px; float: right; }

.grid--result { margin-top: 40px; }

.btn--lay { text-decoration: underline; }

.grid--summ { margin: 5px 0 25px; background: #f5fcff; border-top: 2px solid #bdc5ce; border-bottom: 2px solid #bdc5ce; background-image: url("../../Content/images/cont_summ.png"); background-repeat: no-repeat; background-position: 60px 30px; background-size: auto; padding: 20px 0 20px 260px; }
.grid--summ > div { border-left: 1px solid #d5dadf; padding-left: 35px; }
.grid--summ > div p.text { color: #333; font-weight: bold; margin-bottom: 10px; }
.grid--summ > div dl:before, .grid--summ > div dl:after { display: block; content: ''; }
.grid--summ > div dl:after { clear: both; }
.grid--summ > div dl dt, .grid--summ > div dl dd { display: inline-block; vertical-align: middle; }
.grid--summ > div dl dt { padding: 0 5px 0 10px; background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -160px -40px; color: #3d69b8; }
.grid--summ > div dl dd { color: #333; }
.grid--summ > div dl dd:before { content: " | "; color: #d4d4d4; padding: 0; margin-right: 5px; vertical-align: top; }
.grid--summ > div dl dd:nth-of-type(odd) { width: 200px; }
.grid--summ > div dl dd:nth-of-type(even) { width: 430px; }
.grid--summ > div dl dd strong { font-weight: bold; }


.td--bgc1 { background-color: #f2fbff; }

.td--bgc2 { background-color: #fffbe6; }

.td--step1 { background-color: #e3ffeb; }

.td--step2 { background-color: #fffbe6; }

.td--step3 { background-color: #ffeaee; }

.bg--line_standard td{background-color:#fefedd !important;cursor:pointer;}
.bg--line td{background-color:#f2fbff !important;cursor:pointer}

.hashtag{color:#6372d7;font-size:0;padding-top:6px;}
.hashtag span{font-size:13px;margin-left:5px;}
.hashtag span:first-child{margin-left:0}

.msg li { padding-left: 10px; padding-bottom: 5px; background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -215px; font-size: 11px; color: #6c6c6c; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.list { margin-top: 5px; }
.list li { padding-left: 8px; padding-bottom: 3px; font-size: 11px; color: #363636; position: relative; }
.list li:before { content: ""; position: absolute; top: 6px; left: 0; background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 0; width: 3px; height: 3px; }

.code { display: inline-block; text-align: center;}

.col:after{content: " "; display: block; clear: both; }
.contBox{position:relative;border:1px solid #caced7;background-color:#fff;border-radius:5px;}
.contBox.w50{float:left;width:50%;border-radius:0;}
.contBox.w50:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px;border-right:0 none;}
.contBox.w50:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}
.contBox:after{content:'';display:block;clear:both;}
.grid--box:after { content: " "; display: block; clear: both; }
.grid--box .iframeBox{width:100%;height:770px;}
.grid--box .iframeBox iframe{border-radius:5px;}
.grid--box{position:relative;margin:0 -8px;}
.grid--box .col{padding:0 8px;box-sizing:border-box;width:100%;position:relative;margin-bottom:16px}


.grid--box .col50 {float:left; }
.grid--box:last-child .col .contBox:last-child{ margin-bottom:0  }
.grid--box .col50 { width:50%; }
.grid--box .col50:first-child .in{ margin-left: 0;}
.grid--box .col33{float: left; width:33.333%;}
.grid--box .col33 .in .opt--item button{text-indent:-9999px;padding:3px 1px 4px 25px}
.grid--box .col33:first-child .in{margin-left:0}
.grid--box .col40{float: left; width:40%;}
.grid--box .col40 .in .opt--item button{text-indent:-9999px;padding:3px 1px 4px 25px}
.grid--box .col40:first-child .in{margin-left:0}
.grid--box .col25{float: left; width:25%;}
.grid--box .col25 .in .opt--item button{text-indent:-9999px;padding:3px 1px 4px 25px}
.grid--box .col25:first-child .in{margin-left:0}
.grid--box .col20{float: left; width:20%;}
.grid--box .col20:first-child .in{margin-left:0}
.grid--box .col20 .in .opt--item button{text-indent:-9999px;padding:3px 1px 4px 25px}
.grid--box .col66{float:left;width:66.666%;}
.grid--box .col66:first-child .in{margin-left:0}
.grid--box .col66 .in .opt--item button{text-indent:-9999px;padding:3px 1px 4px 25px}
.grid--box .col60{float:left;width:60%;}
.grid--box .col60:first-child .in{margin-left:0}
.grid--box .col60 .in .opt--item button{text-indent:-9999px;padding:3px 1px 4px 25px}
.grid--box .colw390{float: left; width:390px;}
.grid--box .colw390 .in .opt--item button{text-indent:-9999px;padding:3px 1px 4px 25px}
.grid--box .colw390:first-child .in{margin-left:0}
.grid{padding:20px 30px;border-top:1px solid #caced7;background-color:#f5f5f5;}
.grid .tab--cont{background:#fff;border:1px solid #c8cbcc;border-radius:5px;padding:17px 30px}
.grid.grid--evaluation{border-top:0 none;border-radius:5px}
.grid--screener{display:none;min-height:186px;}
.grid--screener.on{display:block;}
.grid--title{font-size:20px;padding:12px 44px 13px;background-color:#f4f5f7;color:#333;}
.grid--title:before{content:'';display:inline-block;background:#3676cd;width:4px;height:22px;vertical-align:middle;margin:0 6px 3px 0;}
.grid--title__sub{font-size:18px;color:#000;padding:15px 0 8px;font-weight:normal;}
.grid .grid--title__sub{padding-top:0}
.grid--title__sub:before{content:'';display:inline-block;background: url("../../Content/images/btn.png?ver=1") no-repeat -160px -88px;width:4px;height:4px;vertical-align:middle;margin:0 9px 4px 0;}
.grid--title__sub span{color:#4a57ac;}
.grid--title__sub i{font-style:normal;}

/* 펀드 시장 동향 / Invest */
.grid--box__market{position:relative}
.market{padding:28px 10px;height:120px;}
.market:after{content:'';clear:both;display:block;}
.market > div{position:relative;float:left;width:33.333%;height:100%;border-left:1px solid #caced7;background:#fff;}
.market > div:first-child{border-left:0 none}
.market > div p{position:absolute;left:34px;top:0;width:60px;height:55px;padding-top:57px;background-image:url("../../Content/images/img_market.jpg");text-align:center;color:#aeaeae;font-size:12px;}
.market > .market1 p{background-position:0 0;}
.market > .market2 p{background-position:0 -55px;}
.market > .market3 p{background-position:0 -110px;}
.market > div dl{position:relative;margin:0 30px 2px 114px;}
.market > div dl:last-child{margin-bottom:1px}
.market > div dl:after{content:'';clear:both;display:block;background-repeat: no-repeat; }
.market > div dl dt{position:absolute;left:0;top:0;width:96px;font-size:13px;}
.market > div dl dd{padding-left:92px;}
.market > div dl dd li{float:left;width:52px;font-size:12px;color:#999;text-align:right;padding-top:1px;}
.market > div dl dd li:last-child{width:51px}
.market--top .chart--grid{clear:both;}

.grid--style{position:relative;background:#fff;border-top:0 none;border-radius:5px;padding:0/* 0 22px */;border-top-left-radius:0}
.grid--style .row{position:relative;padding:0 44px 39px}
.grid--style .row:first-child{margin-top:39px}
.grid--style .row:after{content:'';display:block;clear:both;}
.grid--style .row .opt{float:none;position:absolute;right:44px;top:21px}
.grid--style .row .opt--market{top:-9px}
.grid--style .row .opt--esg{top:0}
.grid--style .row .grid--cont{clear:both;border-top:1px solid #caced7;padding:14px 0 0 }
.grid--style .row .grid--cont:after{content:'';display:block;clear:both;}
.grid--style .row .grid--cont .chart--unit{padding:10px 0 4px;}
.grid--style .row .grid--cont.tbl--type2{border:0 none;padding:0}
.grid--style .news{float:left;width:20%;padding:0 5px;box-sizing:border-box;}
.grid--style .news dl{position:relative;height:150px;border:1px solid #ececec;border-radius:5px;padding:16px 10px;cursor:pointer;-webkit-transition: all .3s; transition: all .3s;}
.grid--style .news dt{position:relative;padding-bottom:10px;/*height:4.4em;max-height:4.4em;*/font-weight:bold;}
.grid--style .news:hover dl{border-color:#9ea3ff;  -webkit-box-shadow: 1px 4px 5px rgba(181, 181, 181, 0.6); -moz-box-shadow:1px 4px 5px rgba(181, 181, 181, 0.6); box-shadow: 1px 4px 5px rgba(181, 181, 181, 0.6); -ms-box-shadow: 1px 4px 5px rgba(181, 181, 181, 0.6);}
.grid--style .news:hover dl dt{color:#6372d7;}
.grid--style .news:hover dt:after{content:'';display:block;width:100%;position:absolute;left:0;bottom:0;background-color:#9ea3ff;height:3px;}
.grid--style .news dd{position:absolute;bottom:16px;overflow:hidden;color:#888;font-size:12px;}
.grid--style .news dd p{float:left;max-width:120px}
.grid--style .news dd p:before{content:'|';display:inline-block;overflow:hidden;vertical-align:top;padding-left:5px;margin-right:5px;height:15px;}
.grid--style .news dd p:first-child:before{content:none;}
.grid--style .news.nodata{width:100%;padding:0 4px;}
.grid--style .news.nodata p{width:100%;border:1px solid #ececec;padding:17px 0;color:#888;border-radius:5px;}

.more{top:0 !important}
.more a{display:block;color:#6372d7 !important;margin-top:9px;font-size:15px;}
.more a:hover{text-decoration:underline}
.more a i{background:url("../../Content/images/btn.png") no-repeat -160px -140px;display:inline-block;width:10px;height:11px;vertical-align:middle;margin-right:2px}

/* TDF, TDF 비교 */
.tdf--top{margin-bottom:12px}
.tdf--top:after{content:'';display:block;clear:both}
.tdf--top .col{margin:0;padding:0;width:400px}
.tdf--top .col .contBox{border-left:0 none;border-radius:0;}
.tdf--top .col:first-child .contBox{border-left:1px solid #caced7;border-bottom-left-radius:5px}
.tdf--top .col:last-child .contBox{border-top-right-radius:5px; border-bottom-right-radius:5px}
.img--tdf{position:absolute;left:44px;top:0;width:403px;height:229px;background-color:#f7f7f7;background-image:url("../../Content/images/img_tdf1.png");background-repeat:no-repeat;background-position:0 0;}
.txt--info{font-size:14px;line-height:175%;word-break:keep-all;}
.txt--info.txt--tdf{float:left;padding-left:440px;}
.txt--info .grid--title__sub{padding:23px 0 9px}
.txt--info .grid--cont{padding:20px 14px 0 !important;word-break:keep-all;}
.tbl--info th{padding:17px 0;font-weight:bold;font-size:16px;background-color:#f4f5f7;border-left:1px solid #caced7;}
.tbl--info tr:first-child th{border-radius:0}
.tbl--info th:first-child, .tbl--info td:first-child{border-left:0 none}
.tbl--info td{border-left:1px solid #caced7;border-bottom:1px solid #caced7;border-top:2px solid #617cf0;font-size:15px;padding:10px 14px;word-break:keep-all;vertical-align:top}
.tbl--info td i{display:block;padding:10px 30px;margin:0 auto 40px;}
.tbl--info.tdf td{line-height:130%;padding-left:10px;padding-right:10px;vertical-align:middle;}
.tbl--info.tdf td i{background-image:url("../../Content/images/img_tdf2.png");background-repeat:no-repeat;width:75px;height:74px;}
.tbl--info.tdf .tdf1 i{background-position:0 10px}
.tbl--info.tdf .tdf2 i{background-position:-75px 10px}
.tbl--info.tdf .tdf3 i{background-position:-150px 10px}
.tbl--info.tdf .tdf4 i{background-position:-225px 10px}
.tbl--row.tbl--info{border-bottom:1px solid #e2e2e2}
.tbl--row.tbl--info tr:first-child th, .tbl--row.tbl--info tr:first-child td{border-top:2px solid #617cf0}
.tbl--row.tbl--info tr th{font-size:13px;padding:12px 10px;vertical-align:top;border-left:0 none;}
.tbl--row.tbl--info tr td{border-top:0 none;font-size:14px;padding:12px 10px;}
.link--tdf{display:inline-block;background-image:url("../../Content/images/btn.png");background-repeat:no-repeat;background-position:-160px -160px;width:17px;height:17px;text-indent:-9999px;vertical-align:middle;}
.link--tdf:hover, .link--tdf:active{background-position:-160px -180px;}

.tdf--compList{position:absolute;left:0;top:0;width:236px;padding:14px 0;box-sizing:border-box;max-height:100%;overflow-y:auto;overflow-x:hidden;}
.tdf--compList li{position:relative;}
.tdf--compList li:first-child{padding-top:0}
.tdf--compList li a{position:relative;display:inline-block;font-size:16px;color:#678cc7;margin:0 10px 0 30px;padding:10px 4px 5px;}
.tdf--compList li.on:after{position:absolute;right:0;top:50%;margin-top:-7px;content:'';display:inline-block;background:url("../../Content/images/icn_common.png") no-repeat 0 -60px;width:8px;height:14px;}
.tdf--compList li.on a, .tdf--compList li a:hover{font-weight:bold;color:#272f66;}
.tdf--compList li.on a:after, .tdf--compList li a:hover:after{content:'';display:inline-block;position:absolute;left:0;bottom:0;background-color:#678cc7;width:100%;height:2px}
.tdf--compList li a .btn--exp{vertical-align:top;}
.tdf--compList li a .btn--exp:before{margin:-5px 0 0 -22px;}
.tdf--compList li.g--dep{text-indent:-10px;margin-left:20px;}
.tdf--compList li.g--dep a{color:#92aedb;padding:3px 0 0;font-size:15px}
.tdf--compList li.g--dep a:hover, .tdf--compList li.g--dep a.on{color:#617cf0;font-weight:normal;}
.tdf--compList li.g--dep a:hover:after{content:none;}
.tdf--comp{min-height:516px;margin-left:235px;padding:21px 30px;border-left:1px solid #ddd;}
.tdf--comp h3{font-size:28px;color:#678cc7;font-weight:100;margin-bottom:14px;}
.tdf--comp .tdf--compCont__top{position:relative;margin-bottom:27px;}
.tdf--comp .tdf--compCont__top .tdf--compCont{padding-right:345px;}
.tdf--comp .tdf--compCont__top .chart{position:absolute;right:0;top:0;width:315px;}
.tdf--comp .tdf--compCont__top .chart .chart--tit:before{content:'';display:inline-block;background:url("../../Content/images/btn.png") no-repeat -160px -48px;width:3px;height:5px;vertical-align:middle;margin-right:7px;}
.tdf--comp .tdf--compCont__bottom .grid--opt .ar1{margin-top:10px;}
.ranking.ranking--tdf li i{width:17px;display:inline-block;text-align:center;}
.ranking.ranking--tdf li i:before{content:none;}

.tdf--banner {position:absolute; top:0; right:-210px;}
.tdf--banner a {display:inline-block;}

.tdf--bottom .col{margin-bottom:0;padding:0 4px 0 8px;outline:none;width:21%}
.slider{float:left;width:79%;position:relative;outline:none;overflow:hidden}
.slick-arrow{position:absolute;top:50%;margin-top:-1.1%;background:url(../../Content/images/icn_common.png) no-repeat;width:22px;height:41px;text-indent:-9999px;z-index:11}
.slick-prev{left:8px;background-position:0 -100px;}
.slick-next{right:0;background-position:-86px -100px;}

/* TOP 운용사 */
.evaluation{padding:20px 30px}
.evaluation:after{content:'';display:block;clear:both;}
.evaluation dl{position:relative;float:left;width:50%;height:100%;border-right:1px solid #e6e6e6;padding:0 20px}
.evaluation dl:first-child{padding-left:0;}
.evaluation dl:last-child{border-right:0 none;}
.evaluation dl dt:before{background:#798bff;width:4px;height:15px;vertical-align:middle;margin:0 6px 4px 0;}
.evaluation dl dd{padding:5px 0 0 10px;text-indent:-10px;word-break:keep-all;}
.evaluation dl dd:before{content:'';display:inline-block;background:url("../../Content/images/btn.png") no-repeat -160px -48px;width:3px;height:5px;vertical-align:middle;margin-right:3px;}

/* TOP 판매사 */
.sparkline-header {font-size:13px;}
.sparkline-unit {font-size:11px; color:#888;}

/* 랭킹 검색 */
.tit--ranking{font-size:16px;border-bottom:1px solid #caced7;text-align:center;padding:6px;font-weight:normal;}
.tit--ranking.recent{color:#0083ca;}
.table_recent{border:2px solid #a4aab7;}
.ranking{color:#555;padding:8px 0}
.ranking li{overflow:hidden;position:relative;padding:9px 7px;border-bottom:1px solid #f4f4f4;}
.ranking li:after{content:'';display:block;clear:both}
.ranking.ranking--recent li:hover, .ranking li.on{background:#f3fcff;}
.ranking.ranking--recent li:hover{cursor:pointer}
.ranking.ranking--recent li:hover:after, .ranking li.on:after{position:absolute;left:0;top:0;width:100%;height:100%;border:2px solid #85dcf8;box-sizing:border-box;}
.ranking li p{float:left;max-width:73%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.ranking li.avg{background-color:#e2ecfd;color:#2b2b2b;font-weight:bold;}
.ranking li p:last-child{float:right;padding-right:10px}
.ranking li i{font-style:normal;margin-right:10px;}
.ranking li i:before{content:'';display:inline-block;width:5px;height:16px;background-color:#d7d7d7;margin:2px 9px 0 0;vertical-align:top;}
.ranking.ranking--recent i.ranking1:before, .ranking li.on i.ranking1:before{background-color:#85dcf8;}
.ranking.ranking--recent i.ranking2:before, .ranking li.on i.ranking2:before{background-color:#00bdf2;}
.ranking.ranking--recent i.ranking3:before, .ranking li.on i.ranking3:before{background-color:#0083ca;}
.ranking.ranking--recent i.ranking4:before, .ranking li.on i.ranking4:before{background-color:#83eec6;}
.ranking.ranking--recent i.ranking5:before, .ranking li.on i.ranking5:before{background-color:#23cb83;}
.ranking.ranking--recent i.ranking6:before, .ranking li.on i.ranking6:before{background-color:#ffdf4f;}
.ranking.ranking--recent i.ranking7:before, .ranking li.on i.ranking7:before{background-color:#fbad18;}
.ranking.ranking--recent i.ranking8:before, .ranking li.on i.ranking8:before{background-color:#f7901e;}
.ranking.ranking--recent i.ranking9:before, .ranking li.on i.ranking9:before{background-color:#f1b2f3;}
.ranking.ranking--recent i.ranking10:before, .ranking li.on i.ranking10:before{background-color:#dc4fe5;}

.ico--loading { position: absolute; left: 50%; top: 50%; margin-left: -45px; margin-top: -100px; width: 90px; height: 10px; color: #000; padding-top: 80px; font-weight: bold; text-align: center; }

.star--rating { display: inline-block; background-image: url("/Content/images/star_rating.png"); background-repeat: no-repeat; background-size: auto; width: 145px; height: 24px; vertical-align: top; text-indent:-9999px;}
.star0{background-position:0 0}
.star5{background-position:0 -30px}
.star4{background-position:0 -60px}
.star3{background-position:0 -90px}
.star2{background-position:0 -120px}
.star1{background-position:0 -150px}
.star--rating_small { display: inline-block; background-image: url("/Content/images/star_rating_small.png"); background-repeat: no-repeat; background-size: auto; width: 72px; height: 12px; vertical-align: middle; text-indent:-9999px;}
.star--rating_small.star0{background-position:0 0}
.star--rating_small.star5{background-position:0 -15px}
.star--rating_small.star4{background-position:0 -30px}
.star--rating_small.star3{background-position:0 -45px}
.star--rating_small.star2{background-position:0 -60px}
.star--rating_small.star1{background-position:0 -75px}
.star--rating__chk button{ display: inline-block; background-image: url("/Content/images/img_star.png"); background-repeat: no-repeat; background-size: auto; width: 25px; height: 25px; vertical-align: middle; text-indent:-9999px;background-position:0 0;margin:0 2px;}
.star--rating__chk button.on{background-position:0 -30px}

/* 추천펀드 */
.recommend{text-align:center;margin:1px 3px 3px;cursor:pointer;padding:14px 20px 23px;}
.recommend:first-child{margin:3px 3px 1px}
.recommend--type .recommend h5{font-size:22px;font-weight:bold;}
.recommend--type .recommend h5 span{display:inline-block;position:relative;}
.recommend--type .recommend h5 span:before{content:'';display:block;position:absolute;left:0;bottom:-7px;width:100%;height:1px;background-color:#fff;opacity:0.5}
.recommend > p{font-size:18px;margin-top:12px;height:54px;}
.recommend .recommend_info{display:inline-block;text-align:center;color:#252525}
.recommend .recommend_info p{width:100px;height:100px;margin:17px auto 10px;background-position:center;background-repeat:no-repeat;}
.recommend--type .recommend1, .recommend--type .recommend1 h5{color:#9d4729}
.recommend1:hover, .recommend1.on{border-color:#9d4729;}
.recommend1_1{background-color:#e5d9d0;border:3px solid #e5d9d0;}
.recommend1_2{background-color:#e5c5b9;border:3px solid #e5c5b9;}
.recommend--type .recommend2, .recommend--type .recommend2 h5{color:#3a80bc}
.recommend2:hover, .recommend2.on{border-color:#3a80bc;}
.recommend2_1{background-color:#d0e2f5;border:3px solid #d0e2f5;}
.recommend2_2{background-color:#c0d0f3;border:3px solid #c0d0f3;}
.recommend--type .recommend3, .recommend--type .recommend3 h5{color:#22955d}
.recommend3:hover, .recommend3.on{border-color:#22955d;}
.recommend3_1{background-color:#c3dec9;border:3px solid #c3dec9;}
.recommend3_2{background-color:#9dd8c0;border:3px solid #9dd8c0;}
.recommend--top{padding:14px 20px 23px;}
.recommend--top > div{padding:11px 0 9px}
.recommend--top .chart--danger__big{padding-right:30px}
.recommend--top .top--grade{clear:both;overflow:hidden;padd}
.recommend--top .top--grade dl dt{float:none;width:inherit;}
.recommend--top .top--grade dl dd{float:none;margin-top:12px}

/* 펀드비교 */
.fund--compare .col{border-left:1px solid #dadada;margin:0;padding:0}
.fund--compare .col:first-child{border-left:0 none}
.fund--compare .col > div{position:relative;height:56px;/*border:1px solid #dadada;*/margin:16px 34px;padding:15px}
.fund--compare .col > div p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px;color:#caced7;text-align:center;}
.fund--compare .col > div p.on{color:#000;}
.fund--compare .col > div button{content:'';display:inline-block;position:absolute;right:-1px;top:-1px;background:url("../../Content/images/btn.png") no-repeat -80px -420px;width:13px;height:13px;text-indent:-9999px;}


/**************************************************/
/*table*/
.tbl--type1{border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top:1px solid #caced7}
.tbl--type1 table{border-top:0 none}
.tbl--type2 .tbl--col thead th{padding-bottom:6px}
.tbl--type2 table{border-top:1px solid #caced7;border-bottom:1px solid #caced7}
.tbl--type3{border-bottom-left-radius:5px;border-bottom-right-radius:5px;height:340px;overflow-x:hidden; overflow-y:auto;}
.tbl--type3 table{border-top:0 none}

.tbl--sch tbody tr td{vertical-align:top;padding:0;border-left:1px solid #e9e9e9;}
.tbl--sch tbody tr td:first-child{border-left:0 none}
.tbl--sch tbody tr:last-child td{border-bottom:0 none}
.tbl--sch td > dl{border-top:1px solid #c8cbcc}
.tbl--sch td > dl:first-child{border-top:0 none}
.tbl--sch td > dl > dt{border-bottom:1px solid #c8cbcc;padding:8px 0;vertical-align:middle;font-weight:normal;text-align:center;font-size:14px}
.tbl--sch td > dl > dd > div{height:248px;overflow-y:auto;}
.tbl--sch td > dl.big{overflow:hidden}
.tbl--sch td > dl.big div{float:left;width:50%;border-left:1px solid #e9e9e9;}
.tbl--sch td > dl.big div.first{border-left:0 none;}
.tbl--sch td > dl.big div div{float:none;width:100%;border:0}
.tbl--sch td > dl.big div.last{overflow-y:auto;}
.tbl--sch td > dl.big div li.chk--sch{text-align:left;background-color:#fff;padding-top:6px;padding-left:18px;height:inherit;font-weight:normal;}
.tbl--sch td > dl > dd .chk--sch{border-bottom:1px solid #e9e9e9;padding:5px 8px;background-color:#f5f8ff;height:31px;font-weight:bold;}
.tbl--sch td > dl > dd li{overflow:hidden;padding:5px 0;margin:0 8px;min-height:31px;border-bottom:1px solid #f0f0f0;}
.tbl--sch td > dl > dd li.g--dep{border-style:dashed;}
.tbl--sch td > dl > dd li .checks{float:left;width:90%}
.tbl--sch td > dl > dd li .checks label{display:block;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.tbl--sch td > dl > dd li .btn--exp{float:right}
.tbl--sch td > dl > dd.chart{text-align:center;}
.tbl--sch td > dl > dd.chart > .chk--sch{text-align:left}


.tbl--market thead th, .tbl--market tbody td{border-left-style:dotted;vertical-align:top;}
.tbl--market thead th.solid, .tbl--market tbody td.solid{border-left:1px solid #caced7}
.tbl--market ol{padding:9px 0}
.tbl--market li{margin-top:9px;text-indent:-23px;padding-left:24px;}
.tbl--market li:first-child{margin-top:0}

.tbl--select tbody tr td{cursor:pointer}
.tbl--select tbody tr td.nodata{cursor:default}

.chrat--box{display:table;margin:auto;height:89px !important;overflow-y:inherit !important}
.chart--box__pos{display:table-cell;vertical-align:middle;}
.chart--bar{font-size:0;}
.chart--bar p{display:inline-block;padding:1px;width:29px;height:20px;border:1px solid #caced7;margin-left:1px;}
.chart--bar_small p{width:20px;height:13px;}
.chart--bar_small p button{cursor:default;}
.chart--bar p:first-child{margin-left:0}
.chart--bar button{display:inline-block;width:100%;height:100%;text-indent:-9999px;vertical-align:middle;}
.chart--bar .bar1.on{background-color:#69be7f;}
.chart--bar .bar2.on{background-color:#acc364;}
.chart--bar .bar3.on{background-color:#efc849;}
.chart--bar .bar4.on{background-color:#ed6724;}
.chart--bar .bar5.on{background-color:#d6310f;}
.chart--bar .bar6.on{background-color:#9c0404;}
.chart--bar .bar--blue.on{background-color:#319bff;}
.chart--bar__txt{margin-top:4px;}
.chart--bar__txt__small{font-size:12px;}
.chart--bar__txt:after{content:'';display:block;clear:both;}
.chart--bar__txt p.low{float:left;}
.chart--bar__txt p.high{float:right;}

/*chart*/

.chart--type { position: relative; clear: both; padding:20px; margin: 0 auto; border-bottom-left-radius:5px; border-bottom-right-radius:5px;border-top:1px solid #caced7}
.chart--type .chart--tit {padding-bottom:20px}
.chart--type .chart--tit:before{content:'';display:inline-block;width:3px;height:6px;background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-position:-160px -48px;vertical-align:middle;margin-right:8px;}
.chart--type .chart--tit > span{color:#4e67a4;}
.chart--type .chart { margin: 30px auto 0; width:100%;}
.chart--type .chart:first-child{margin-top:0}
.chart--type .chart--cont { position:relative;margin: 0 auto; }
.chart--type .chart--unit{ height:20px;}
.chart--grid{height:240px;}
.chart--txt{position:absolute;left:50%;bottom:0;margin-left:-91px;padding:0 5px;text-align:center;font-size:12px;color:#888;background-color:#f5f5f5;}
.chart--txt.dateonly {margin-left:-58px;}/* 20240422 TDF비교하기>운용사별>차트설정액 텍스트 제외로 위치 예외처리 */

.chart--type2 { position: relative; clear: both; padding:20px; margin: 0 auto; border-bottom-left-radius:5px; border-bottom-right-radius:5px;border-top:1px solid #caced7}
.chart--type2 .chart--tit { position: absolute; left: 0; top: 10px; width: 100%; text-align: center; }
.chart--type2 .chart--unit1 { position: absolute; left: 20px; top:10px; }
.chart--type2 .chart--unit2 { position: absolute; right: 20px; top: 10px; }
.chart--type2 .chart--cont { margin: 0 auto; }
.chart--type2 .chart { margin: 0 auto; width:100%;height:350px;}

.chart--info{float:right;margin:5px 16px 0;}
.chart--info ul{overflow:hidden}
.chart--info li{float:left}
.chart--info .color span{display:inline-block;width:14px;height:14px;vertical-align:middle;margin:0 5px 3px 15px;}
.chart--info .color:first-child span{margin-left:0}
.chart--info .color1 span{background-color:#f394b8;}
.chart--info .color2 span{background-color:#ca527a;}
.chart--info .color3 span{background-color:#3c5994;}
.chart--info .color4 span{background-color:#557bb3;}
.chart--info .color5 span{background-color:#81b5e3;}
.chart--info .color6 span{background-color:#d8dfeb;}

.chart--pattern__type .row{margin-top:16px}
.chart--pattern__type .row:first-child{margin-top:0}
.chart--pattern__type .row:after{display:block;content:'';clear:both;}
.chart--pattern__type dl{float:left;padding:12px 15px;}
.chart--pattern__type dl:hover, .chart--pattern__type dl.on{cursor:pointer;outline:1px solid #c0d3f6;background-color:#ebf2ff;}
.chart--pattern__type dt{font-size:12px;color:#4e67a4;margin-bottom:4px;}
.chart--pattern__type dl dd span{background:url("../../Content/images/img_pattern1.png") no-repeat;display:inline-block;width:155px;height:62px;}
.chart--pattern__type dl.type1 dd span{background-position:0 0;}
.chart--pattern__type dl.type2 dd span{background-position:-184px 0;}
.chart--pattern__type dl.type3 dd span{background-position:-368px 0;}
.chart--pattern__type dl.type4 dd span{background-position:0 -80px;}
.chart--pattern__type dl.type5 dd span{background-position:-184px -80px;}
.chart--pattern__type dl.type6 dd span{background-position:-368px -80px;}
.chart--pattern__type dl.type1.on dd span, .chart--pattern__type dl.type1:hover dd span{background-position:0 -160px;}
.chart--pattern__type dl.type2.on dd span, .chart--pattern__type dl.type2:hover dd span{background-position:-184px -160px;}
.chart--pattern__type dl.type3.on dd span, .chart--pattern__type dl.type3:hover dd span{background-position:-368px -160px;}
.chart--pattern__type dl.type4.on dd span, .chart--pattern__type dl.type4:hover dd span{background-position:0 -240px;}
.chart--pattern__type dl.type5.on dd span, .chart--pattern__type dl.type5:hover dd span{background-position:-184px -240px;}
.chart--pattern__type dl.type6.on dd span, .chart--pattern__type dl.type6:hover dd span{background-position:-368px -240px;}

.chart--pattern__type table{font-size:12px;color:#555}
.chart--pattern__type table thead th{padding-bottom:8px;}
.chart--pattern__type table td div{border:1px solid #caced7;height:34px;margin:3px 0 0 3px;text-indent:-9999px}
.chart--pattern__type table td div.on{border:3px solid #b0b0b0;background-color:#e8e8e8;}
.chart--pattern__type.pattern__user table{color:#4e67a4}
.chart--pattern__type.pattern__user table td div{cursor:pointer;}
.chart--pattern__type.pattern__user table td div.on{border-color:#7b9add;background-color:#ebf2ff}
.chart--pattern__type.pattern__user table td div:hover{border:3px solid #7b9add;background-color:#b2c5ed}

.chart--pattern__type table.tbl--fundList{border:0 none}
.chart--pattern__type table.tbl--fundList th, .chart--pattern__type table.tbl--fundList td{padding:0;}
.chart--pattern__type table.tbl--fundList td{border:0 none}
.chart--pattern__type table.tbl--fundList td div{height:13px;}
.chart--pattern__type table.tbl--fundList td div.on{border-width:2px}

.chart__rate > div{display:block;background:url("../../Content/images/img_pattern1.png") no-repeat;background-size:261px 151px;width:78px;height:31px;text-indent:-9999px;margin:auto;}
.chart__rate > div.type1{background-position:0 -80px;}
.chart__rate > div.type2{background-position:-91px -80px;}
.chart__rate > div.type3{background-position:-183px -80px;}
.chart__rate > div.type4{background-position:0 -120px;}
.chart__rate > div.type5{background-position:-91px -120px;}
.chart__rate > div.type6{background-position:-183px -120px;}

.chart--highbar{font-size:0}
.chart--highbar span{display:inline-block;width:6px;background-color:#b5b5b5;margin-left:2px;}
.chart--highbar span:first-child{margin-left:0}
.chart--highbar span.on{background-color:#319bff;}
.chart--highbar span.bar1{height:17px}
.chart--highbar span.bar2{height:25px}
.chart--highbar span.bar3{height:33px}
.chart--highbar span.bar4{height:25px}
.chart--highbar span.bar5{height:17px}

.chart--danger > div{width:50px;height:32px;background:url("../../Content/images/img_danger.png") no-repeat;text-indent:-9999px;margin:auto;}
.chart--danger > p{padding-top:5px;color:#777a84}
.chart--danger .danger6{background-position:0 0;}
.chart--danger .danger5{background-position:0 -50px;}
.chart--danger .danger4{background-position:0 -100px;}
.chart--danger .danger3{background-position:0 -150px;}
.chart--danger .danger2{background-position:0 -200px;}
.chart--danger .danger1{background-position:0 -250px;}

.chart--danger__big > div{width:92px;height:58px;background:url("../../Content/images/img_danger.png") no-repeat;text-indent:-9999px;margin:auto;}
.chart--danger__big > p{padding-top:3px;font-size:15px;color:#777a84;text-align:center;}
.chart--danger__big .danger6{background-position:-60px 0;}
.chart--danger__big .danger5{background-position:-60px -60px;}
.chart--danger__big .danger4{background-position:-60px -120px;}
.chart--danger__big .danger3{background-position:-60px -180px;}
.chart--danger__big .danger2{background-position:-60px -240px;}
.chart--danger__big .danger1{background-position:-60px -300px;}

.cont--type { position: relative; clear: both; padding:0; margin: 0 auto; border-bottom-left-radius:5px; border-bottom-right-radius:5px;border-top:1px solid #caced7}
.cont--type:after{content:'';clear:both;display:block;}
.cont--type h5, .cont--type h5 a{font-size:18px;color:#4a57ac;height:54px;}
.cont--type h5 a:hover{text-decoration:underline;}
.cont--type dl{margin:5px auto;text-align:left;font-size:15px}
.cont--type dl:after{content:'';clear:both;display:block;}
.cont--type dt{float:left;position:relative;width:50px;padding-left:7px}
.cont--type dt:before{content:'';display:inline-block;position:absolute;left:0;top:50%;width:3px;height:3px;margin-top:-2px;background-color:#6e6e6e;}
.cont--type dd{float:left}
.cont--type dd:before{content:'';display:inline-block;width:1px;height:13px;background-color:#848484;margin:0 8px 1px;vertical-align:middle;}

.grid--style > .chart--grid{padding:35px 0 9px}
.grid--style .chart{margin:0}
.grid--style .chart .chart--cont{margin:0}
.icn--num{display:inline-block;font-size:11px;border:1px solid #d4e2fb;font-style:normal;width:16px;height:16px;line-height:16px;text-align:center;margin-right:7px;font-family:dotum,'돋움';vertical-align:top;margin-top:2px;text-indent:0}


/**************************************************/
.tab--cont > div, .tab--cont .tabCont, .tab--cont > table{display:none}
.tab--cont > div.on, .tab--cont .tabCont.on, .tab--cont > table.on{display:block}

.tab--cont table td{padding:12px 10px;}
.tab--cont:after{content:'';display:block;clear:both;}
/*.tab--cont .col{padding:0;margin:0;}*/
/*.tab--cont .col .contBox{border:0 none;border-left:1px solid #caced7;border-radius:0;border-top-right-radius:5px; border-bottom-right-radius:5px}*/

/* 검색박스 */
.searchBox .row { position: relative; padding: 11px 20px; min-height: 28px; }
.searchBox .row:before, .searchBox .row:after { display: block; content: ''; }
.searchBox .row:after { clear: both; }
.searchBox .row2{display:none;background-color:#f9f9f9;border-top:1px solid #caced7;border-bottom-left-radius:5px;border-bottom-right-radius:5px }
.searchBox .row2.on{display:block;}
.searchBox .row dl{float:left;margin-left:8px}
.searchBox .row dl:first-child{margin-left:0}
.searchBox .row dl:after{display:block;content:'';clear:both;}
.searchBox .row dl dt {padding:3px 10px 4px 0;color: #4566b6;font-size:11px;}
.searchBox .row dl dd .items {vertical-align: middle; margin-right: 6px;margin-left:0;}
.searchBox .row dl dd .items .selectBox{position:relative;z-index:2;}
.searchBox .row dl dd .items .checks{margin-top:3px}
.searchBox .row dl dd .items label { margin-right: 10px; }
.searchBox .row dl dd .items .cp label { margin-right: 0; line-height: inherit; vertical-align: middle; }
.searchBox .row dl dd .items.one { width: 1000px; }
.searchBox .row dl dd .items.one > span { display: inline-block; width: 145px; margin: 0 10px 0 0; }
.searchBox .row dl dd button { vertical-align: top;}
.searchBox .row dl dd .idx--result { width: 950px; vertical-align: top; display: inline-block; margin-top: 3px; margin-left: 10px; }
.searchBox .row dl dd .idx--result strong { color: #3579d4; font-weight: bold; }
.searchBox .row dl dd .idx--result span { display: inline-block; margin-right: 8px; }
.searchBox .row dl dd .idx--result span .btn--del { vertical-align: middle; margin-left: 2px; }
.searchBox .row dl dd .idx--result.fixed { width: auto; }
.searchBox .row.ov { overflow: hidden; }
.searchBox .row.ty2 { padding: 0; }
.searchBox .row.narrow--ty1 > div { margin-right: 4px; }
.searchBox .row.narrow--ty2 > div { margin-right: 13px; }
.searchBox .row .comment { padding-top: 10px; }
.searchBox .row .stt { font-weight: bold; margin: 0 0 10px 10px; }
.searchBox .row > div { display: inline-block; vertical-align: middle; margin-right: 23px; }
.searchBox .row > div:last-child { margin-right: 0; }
.searchBox .row label { margin-right: 5px; }
.searchBox .row .t--label { display: inline-block; vertical-align: middle; margin-right: 15px; }
.searchBox .row .sel--wrap label { vertical-align: top; line-height: 28px; }
.searchBox .row .sel--wrap select:last-of-type { margin-right: 0; }
.searchBox .row .checks label, .searchBox .row .tbl--col .colEdit label, .tbl--col .searchBox .row .colEdit label, .searchBox .row .bodyChk label { margin-right: 5px; }
.searchBox .row .checks .clear--wrap, .searchBox .row .tbl--col .colEdit .clear--wrap, .tbl--col .searchBox .row .colEdit .clear--wrap, .searchBox .row .bodyChk .clear--wrap { display: inline-block; vertical-align: middle; }
.searchBox .btn--inquiry { float:left;vertical-align:bottom;}
.searchBox .btn--stepNext { position: absolute !important; right: 7px; top: 9px; }
.searchBox .btn--stepPrev { position: absolute !important; right: 85px; top: 9px; }

.board--search{text-align:center;background:#fff;border-top:1px solid #c1c4c9;border-bottom:1px solid #c1c4c9;margin-bottom:25px;}
.board--search:after{display:block;content:'';clear:both;}
.board--search .search{display:inline-block;vertical-align:middle;}
.board--search .selectBox, .board--search .board--chk, .board--search .searchBox, .faq--search .board--chk, .faq--search .searchBox{float:left}
.board--search .searchBox{margin-left:20px}
.board--search .board--chk label{vertical-align:middle;font-size:15px}
.board--search .clear--wrap{width:207px;}
.board--search .btns{float:left;margin:0}
.board--bottom{position:relative;margin-top:10px;}

/***********************************************************
						comment
***********************************************************/
.comment { padding: 16px;margin-top:24px; }
.comment li { padding-left:8px;text-indent:-8px; color: #777; margin-top: 6px;word-break:keep-all;font-size:12px;}
.comment li:before{display:inline-block;content:'';background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-size: auto; background-position: -160px -49px;width:3px;height:3px;margin-right:5px; vertical-align:middle;}
.comment li .td--bgc1, .comment li .td--bgc2 { display: inline-block; width: 15px; height: 15px; }
.comment.ty2 { border: 1px solid #bdc5ce; padding: 30px 20px 31px; }
.comment.ty2 li { background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -561px; font-size: 12px; color: #333; }
.comment p{position:relative;padding-left:22px;color:#3365a8}
.comment p:before{content: ""; position: absolute; top: 2px; left: 0; width: 13px; height: 16px; background-image: url("../images/btn.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: -80px -600px; }
.comment p span{color:#6e7681;padding-left:5px;}
.comment p span em{height:14px;overflow:hidden;color:#b5bbc2;padding:0 10px;}



/* Chart */

/* Account */
.mem__contents{max-width:510px;margin:auto;background:#fff;border:1px solid #c7c7c7;padding:49px;border-radius:5px}
.mem__contents .tab{margin-bottom:16px}
.mem__contents dl:after{display:block;content:'';clear:both;}
.mem__contents dl dt{padding-bottom:3px;font-weight:bold;color:#424d89;font-size:15px}
.mem__contents dl dd{position:relative;padding-bottom:24px;}
.mem__contents dl dd .btn{min-width:85px;height:40px;line-height:38px;}
.mem__contents .clear--wrap input[type=text], .mem__contents .clear--wrap input[type=password]{height:40px;line-height:40px;}
.mem__contents .clear--wrap input[type=text][disabled],
.mem__contents .clear--wrap input[type=password][disabled],
.mem__contents .clear--wrap input[type=text][readonly],
.mem__contents .clear--wrap input[type=password][readonly]{background:#F1F1F1; color:#999; cursor:default;}
.mem__contents ::-webkit-input-placeholder { color: #a98ff2; font-size:12px;font-weight:normal}
.mem__contents ::-moz-placeholder { color: #a98ff2; font-size:12px;font-weight:normal}
.mem__contents :-ms-input-placeholder { color: #a98ff2 !important; font-size:12px;font-weight:normal}
.mem__contents ::-ms-input-placeholder { color: #a98ff2; font-size:12px;font-weight:normal}
.mem__contents ::placeholder { color: #a98ff2; font-size:12px;font-weight:normal}
.mem__contents .logout a{color:#617cf0;font-weight:bold;}
.mem__contents .logout a:hover{text-decoration:underline;}


/* Account > Join */
.mem__contents .agree dd{padding:0}
.mem__contents .agree .sub_title{}
.mem__contents .agree .chk_policy dt{display:block;padding:5px 0;color:#555;font-size:13px;}
.mem__contents .agree .chk_box{background:#f9f9f9;padding:20px;margin-top:5px;}
.mem__contents .agree .chk_box{overflow:inherit}
.mem__contents .agree .chk_box div{margin-top:10px;}
.mem__contents .agree .chk_box div:after{display:block;content:'';clear:both;}
.mem__contents .agree .chk_box div:first-child{margin-top:0}
.mem__contents .agree .chk_box p{float:left}
.mem__contents .agree .chk_box p strong{color:#617cf0;font-weight:normal;font-size:12px;}
.mem__contents .agree .btn_agree{float:right;display:inline-block;font-size:12px;min-width:64px;height:22px;line-height:20px;padding:0;}
.mem__contents .btn--confirm{background:#617cf0;border:1px solid #617cf0;color:#fff;width:195px;height:45px;line-height:43px;font-size:17px;}
.mem__contents .btn--confirm:hover, .mem__contents .btn--confirm:focus, .mem__contents .btn--confirm.on{background:#4a6bee;border:1px solid #5c7bbb}
.mem__contents .btn--white{background:#fff;border:1px solid #b7b7b7;color:#555;width:195px;height:45px;line-height:43px;font-size:17px;}
.mem__contents .btn--white:hover, .mem__contents .btn--white:focus, .mem__contents .btn--white.on{ background: #46536d; color:#fff;border:1px solid #5e6471; text-decoration: none;}

/* Account > Login */
.mem__contents .login--area{font-weight:bold;color:#555;padding-top:20px;}
.mem__contents .login--area:after{display:block;content:'';clear:both;}
.mem__contents .login--area a{color:#555;}
.mem__contents .login--area a:first-child:after{display:inline-block;content:" | ";color:#bdbdbd;padding:0 8px;}
.mem__contents .btn_loginSns li{margin:20px auto;width:195px;}
.mem__contents .btn_loginSns li button{width:100%;height:45px;display:block;color:#fff;}
.mem__contents .btn_loginSns li button.btn_facebook{background-color:#1877f2;border-color:#1877f2;}
.mem__contents .btn_loginSns li button.btn_google{background-color:#e24939;border-color:#e24939;}
.mem__contents .btn_loginSns li button.btn_naver{background-color:#1ec800;border-color:#1ec800;}
.mem__contents .btn_loginSns li button.btn_kakao{background-color:#ffeb00;border-color:#ffeb00;color:#333;}

/* Mypage > UserInfo */
.mem__contents .user--info .input--user1{max-width:320px}
.mem__contents .user--info .input--user2{max-width:265px}
.mem__contents .user--info{border-top:1px solid #979797;padding-top:20px;margin-top:15px}
.mem__contents .user--info:after{display:block;content:'';clear:both;}
.mem__contents .user--info:first-child{border-top:0;margin:0;padding:0}
.mem__contents .user--info .title{font-size:19px;color:#272f66;font-weight:bold;margin-bottom:8px}
.mem__contents .user--info .txt{color:#617cf0;padding-bottom:16px}
.mem__contents .user--info dd{overflow:hidden;position:relative}
.mem__contents .user--info dd .btns{margin:0;padding:0}
.mem__contents .user--info dd .btn--user{position:absolute;right:0;top:0;}
.mem__contents .user--info dd .btn--user2{position:absolute;right:0;top:0;width:140px;}
.mem__contents .noti{display:block;margin-top:30px;font-size:13px;}
.mem__contents .noti a{font-weight:bold;color:#617cf0;}
.mem__contents .noti a:hover{text-decoration:underline;}

/* MyPage > MbsLeave */

.mem__contents .leave { display: inline-block; position: relative; text-align: left; padding: 30px 0; line-height: 22px; word-break:keep-all;}
.mem__contents .leave strong { font-weight: bold; }
.mem__contents .leave em { color: #6372d7; font-weight: bold; }
.mem__contents .leave a { font-weight: bold; }
.mem__contents .leave:before { content: ""; position: absolute; top: 60px; left: 0; }
.mem__contents .leave label{ color: #6372d7;font-weight:bold;}
.mem__contents .leave .txt--leave{display:block;text-indent:-8px;margin-left:8px;}
.mem__contents .leave .form--input{padding:20px 0;color:#6372d7;}
.mem__contents .leave .form--input dl{overflow:hidden;padding:5px 0;}
.mem__contents .leave .form--input dl:first-child{padding-top:0}
.mem__contents .leave .form--input dt{float:left;padding:2px 30px 0 0;font-weight:bold;}
.mem__contents .leave .form--input dd{float:left;}
.mem__contents .leave .form--input dd .clear--wrap{display:block;}
.mem__contents .leave .form--input dd .pwd-terms{padding-top:5px;}

/* Account > Find */
.mem__contents .user--info .input--find{float:left;max-width:282px;}
.mem__contents .user--info .btn--code{float:left;margin-left:5px;}
.mem__contents .user--info .result__list, .mem__contents .user--info .result__list li{color:#617cf0;font-size:14px;margin-left:8px;}
.mem__contents .user--info .result__list li{position:relative;padding-top:3px;}
.mem__contents .user--info .result__list li:before{content:'';display:inline-block;background:#617cf0;width:4px;height:4px;margin:8px 10px 0 0;vertical-align:top;}
.mem__contents .user--info .result__list li strong{display:inline-block;max-width:60%;}
.mem__contents .user--info .result__list li span{position:absolute;right:0;top:2px;color:#6f6f6f;font-size:13px;}

/* Customer */
.customer{border-top:0 none !important;}
.customer:after{content:'';clear:both;}

.tab{text-align:center}

/* Customer > Notice */
.tbl--custom{text-align:left;background:#fff;border-radius:5px;}
.tbl--custom tr th{border-right:1px solid #caced7}
.tbl--custom tr td{line-height:1.5;word-break:keep-all;}
.tbl--custom tr td a:hover{text-decoration:underline;}
.tbl--custom tr td.content__text{border-bottom:1px solid #caced7}
.tbl--write tr th i{color:#ca527a;font-style:normal;font-weight:normal;}
.tbl--write tr td .clear--wrap{float:left;width:100%;}
.tbl--write tr td:after{content:'';clear:both;}
.tbl--write tr td.w92 .clear--wrap{width:90px;}
.tbl--write tr td.w109 .selectBox{width:106px;}
.tbl--write tr td.name .clear--wrap{width:193px;}
.tbl--write tr td.email .clear--wrap{width:103px;}
.tbl--write tr td.email .selectBox{float:left;width:118px;margin-left:5px;}
.tbl--write tr td .select__email{display:inline-block;width:138px;vertical-align:middle;z-index:99;padding-left:4px;}
.tbl--write tr td .select__email .select{z-index:2;}
.ico--file { display: inline-block; background-image: url("../../Content/images/icn_common.png"); background-repeat: no-repeat; background-position: left -20px; background-size: auto; margin-right: 3px !important; width: 16px; height: 17px;vertical-align:bottom}
.noti td, .noti td a{font-weight:bold;}
.content__text{padding:0 !important}
.ql-container.ql-snow{border-bottom:0 !important}
.ql-toolbar.ql-snow{border-top:0 !important}
.content__text .editor{background:#FCFCFC;height:550px;overflow-y:auto;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.content__text .editor__view{height:550px;padding:20px;}
.admin .content__text .editor{background:#FCFCFC;height:255px;overflow-y:auto;}
.admin .content__text .editor__view{height:255px;padding:30px;}
.admin .image_wrap {position:relative;}
.admin .image_wrap .img_profile{position:absolute;left:0;top:0;width:68px;height:68px;border:1px solid #D6D6D6;border-radius:5px;}
.admin .image_wrap .img_profile span{display:inline-block;width:100%;height:100%;background-image:url(../../Content/images/bg_icon.png);background-repeat:no-repeat;background-position:center center;background-size:cover; border-radius:5px;}
.admin .image_wrap .img_profile span.empty_img{background-size:48px 42px;background-position:center 10px}
.admin .image_wrap .btn--user{position:absolute;right:0;top:0;width:85px;height:40px;line-height:40px;border:1px solid #6e6e73;font-size:14px;margin:0;font-weight:bold;}
.admin .image_wrap .btn--user2{position:absolute;right:0;top:0;width:140px;height:40px;line-height:40px;background-color:#d3d3d3;font-size:14px;margin:0;color:#fff;font-weight:bold;border:1px solid #d3d3d3}


/* Customer > faq  */
.tbl--faq{overflow:inherit;border-radius:5px}
.tbl--faq thead{ border-top-left-radius:5px; border-top-right-radius:5px;}
.tbl--faq thead tr:first-child th:first-child{border-left:0 none;border-top-left-radius:5px; border-top-right-radius:5px;}
.tbl--faq thead tr:first-child th:last-child{border-top-left-radius:5px; border-top-right-radius:5px;}
.tbl--faq tr td{border-left:0 none}
.tbl--faq tr td.icn_qna i{display:inline-block;font-style:normal;width:15px;height:18px;background:url(../../Content/images/icn_common.png) no-repeat -65px -18px;background-size:125px 246px;text-indent:-9999px;vertical-align:middle;}
.tbl--faq tr td.icn_qna.on i{background-position:-65px 0;}
.tbl--faq tr td.icn_a i{width:13px;height:17px;background-position:-65px -36px;}
.tbl--faq tr td.btn--faq{position:relative;width:100%;text-align:left;cursor:pointer;padding-right:50px;line-height:1.5}
.tbl--faq tr td.btn--faq:hover{text-decoration:underline;}
.tbl--faq tr td.btn--faq span{position:absolute;right:10px;top:50%;margin-top:-12px;background:url(../../Content/images/icn_common.png) no-repeat -65px -53px;background-size:125px 246px;margin-left:-12px;width:24px;height:24px;text-indent:-9999px;}
.tbl--faq tr td.btn--faq.on span{background-position:-65px -79px;}
.tbl--faq tr td.taL{padding-right:40px;}
.tbl--faq tr td .btn--edit{background-color:#a0a0a0;color:#fff;vertical-align:middle;font-size:12px;padding:0 8px;margin-left:10px;}
.tbl--faq tr td .btn--edit:before{content:none;}
.tbl--faq tr td .btn--edit:hover{background-color:#888}
.tbl--faq tr td .btn--del{display:inline-block;vertical-align:middle;margin-left:5px;}
.tbl--faq tr.faq--a{display:none;}
.tbl--faq tr.faq--a td{line-height:160%;word-break:keep-all;background-color:#fafafa !important;}
.tbl--faq tr.faq--a td.taL{padding-left:10px}

/* Customer > 펀드평가본부 소개 */
.business .contBox{float:left;width:539px;margin-left:32px;border-radius:0}
.business .contBox:after{content:'';display:block;clear:both;}
.business .contBox:first-child{margin-left:0}
.business .contBox li{padding-bottom:6px}
.business .tbl--info th{padding:13px 0}
.tbl--info.info{border-top:1px solid #caced7}
.tbl--info.info td{line-height:130%;padding:20px 10px 29px;}
.tbl--info.info td i{display:block;background-image:url("../../Content/images/img_‌info.png");background-repeat:no-repeat;width:60px;height:74px;padding:10px 30px;margin:0 auto 30px;}
.tbl--info.info .info1 i{background-position:0 10px}
.tbl--info.info .info2 i{background-position:-60px 10px}
.tbl--info.info .info3 i{background-position:-120px 10px;width:62px;}

/* Customer > 펀드평가본부 주요  실적 */
.history{padding:26px 70px}
.tab--cont--item{position:relative;}
.tab--cont--item dt {position:absolute;left:0;top:7px;font-size:28px;width:148px;padding-bottom:6px;border-bottom:2px solid #678cc7;color:#678cc7}
.tab--cont--item dd {padding:20px 0 24px;margin-left:179px;border-bottom:1px solid #d7d9dd;}
.tab--cont--item dd ul li {font-size:14px;padding-left:11px;margin-top:7px;}
.tab--cont--item dd ul li:first-child{margin-top:0}
.tab--cont--item dd ul li span {padding:0 41px 0 0;color:#617cf0;font-size:16px;}

/* Customer > 펀드방법론  */
.method h3{font-size:18px;color:#000;padding-bottom:8px;font-weight:normal;}
.method .btns{padding-top:50px}

/* Esg  */
.esg h3{color:#6372d7;font-size:15px;font-weight:normal;margin-bottom:10px}
.esg .email{position:relative;margin-top:10px;color:#000;padding-left:7px;}
.esg .email:before{content:'';display:inline-block;position:absolute;left:0;top:50%;width:3px;height:3px;margin-top:-2px;background-color:#6e6e6e;}
.esg .email a{color:#000;}
.esg .email a:link{color:#000}
.esg .email a:hover{text-decoration:underline;}
#resultList td a{}
#resultList td a span{position:relative;max-width:87%;display:inline-block;}
#resultList td a i{display:inline-block;background:url(/Content/images/img_esg1.png) no-repeat 0 0;width:48px;height:24px;text-indent:-9999px;margin-left:10px;vertical-align:top;}

/* Policy */
.service .link { border: 3px solid #caced7; background-color: #fffdf5; padding: 20px 40px 15px; overflow: hidden; }
.service .link .column { float: left; width: 25%; }
.service .link .column a { display: block; padding-bottom: 5px; color: #0668cb; font-weight: bold; }
.service .cont { line-height: 26px; }
.service .cont h2 { margin-top: 40px; font-size: 16px; font-weight: bold; padding-bottom: 25px; }
.service .cont h3 { font-weight: bold; padding-bottom: 15px;  font-size: 17px}
.service .cont .dep1 { padding-left: 30px; }
.service .cont .dep2 { padding-left: 20px; padding-bottom: 40px; }
.service .cont .dep3 { padding-left: 20px; }

/* Error */
.error{margin-top:100px}
.error .mem__txt{text-align:center}
.error .mem__txt .user--info{overflow:hidden;display:inline-block;margin:30px 0 20px;}

.dormant__txt .conf_txt .txt{padding-bottom:20px;}
.dormant__txt .conf_txt > div{word-break:keep-all;}
.dormant__txt .conf_txt > div > p{padding-top:5px;}
.dormant__txt .conf_txt > div > p:first-child{padding-top:0}

/************************************************
						FOOTER
************************************************/
#footer{position:relative;min-width:1200px;}
#footer .inside{text-align:center;}

#footer .service{background-color:#201f46;}
#footer .service .inside{height:392px;padding:54px 0;}
#footer .service .inside .content{text-align:center}
#footer .service .inside .hd{color:#fff;text-align:center;font-size:24px;}
#footer .service .inside .family{display:table;height:300px;margin:auto;}
#footer .service .inside ul{display:table-cell;vertical-align:middle;}
#footer .service .inside ul:after{display:block;content:'';clear:both;}
#footer .service .inside li{float:left;width:142px;text-align:center;padding-bottom:20px;}
#footer .service .inside li a{color:#fff;font-size:14px;}
#footer .service .inside li a span{display:block;margin:0 auto 20px;width:60px;height:60px;background-image:url("../../Content/images/m_service.png");background-repeat:no-repeat;}
#footer .service .inside li a:hover{text-decoration:underline;}
#footer .service .inside li.fm1 a span{background-position:0 0;}
#footer .service .inside li.fm1 a:hover span, #footer .service .inside li.fm1 a:focus span{background-position:-60px 0;}
#footer .service .inside li.fm2 a span{background-position:0 -60px;}
#footer .service .inside li.fm2 a:hover span, #footer .service .inside li.fm2 a:focus span{background-position:-60px -60px;}
#footer .service .inside li.fm3 a span{background-position:0 -120px;}
#footer .service .inside li.fm3 a:hover span, #footer .service .inside li.fm3 a:focus span{background-position:-60px -120px;}
#footer .service .inside li.fm4 a span{background-position:0 -180px;}
#footer .service .inside li.fm4 a:hover span, #footer .service .inside li.fm4 a:focus span{background-position:-60px -180px;}
#footer .service .inside li.fm5 a span{background-position:0 -240px;}
#footer .service .inside li.fm5 a:hover span, #footer .service .inside li.fm5 a:focus span{background-position:-60px -240px;}
#footer .service .inside li.fm6 a span{background-position:0 -300px;}
#footer .service .inside li.fm6 a:hover span, #footer .service .inside li.fm6 a:focus span{background-position:-60px -300px;}
#footer .service .inside li.fm7 a span{background-position:0 -360px;}
#footer .service .inside li.fm7 a:hover span, #footer .service .inside li.fm7 a:focus span{background-position:-60px -360px;}
#footer .service .inside li.fm8 a span{background-position:0 -420px;}
#footer .service .inside li.fm8 a:hover span, #footer .service .inside li.fm8 a:focus span{background-position:-60px -420px;}
#footer .service .inside li.fm9 a span{background-position:0 -480px;}
#footer .service .inside li.fm9 a:hover span, #footer .service .inside li.fm9 a:focus span{background-position:-60px -480px;}
#footer .service .inside li.fm10 a span{background-position:0 -540px;}
#footer .service .inside li.fm10 a:hover span, #footer .service .inside li.fm10 a:focus span{background-position:-60px -540px;}


#footer .info{background-color:#151733;padding-top:40px;}
#footer .info h3{display:none}
#footer .info ul{padding-top:8px;}
#footer .info ul > li:after{display:block;content:'';clear:both;}
#footer .info ul > li{display:inline-block;text-align:center;color:#979797;font-size:12px;}
#footer .info ul > li:first-child{margin:0;padding:0;border:0 none;}
#footer .info ul > li a{color:#979797;font-size:12px;}
#footer .info ul > li a:hover{color:#eae9e9;}
#footer .info ul > li:before{content:" | ";color:#979797;padding:0 8px;}
#footer .info ul > li:first-child:before{content:"";padding:0;}
#footer .info ul > li.last a{color:#efeed1;text-decoration:underline;}
#footer .info ul > li.last a:hover{color:#fff;text-decoration:none;}
#footer .copy{text-align:center;background-color:#171632;padding:8px 0 40px;color:#8d9098;font-size:13px;}
#footer .copy strong{color:#94243b;font-weight:bold;}


/* Layer */

/************************************************
							POPUP
************************************************/

.is-hidden { display: none; }

.lay--wrap { display: inline-block; position: relative; }

.pos--st { position: static !important; }

.lay--popWrap{display:none;position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;overflow:auto;}
/*lay--pop*/
.lay--pop{display:none;background:#fff;text-align:left;z-index:100;width:1028px;margin-left:-514px;position:fixed;left:50%;top:50%;outline:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
.lay--pop .lay--popHeader h3{font-size:15px;font-weight:normal;color:#fff;}

.lay--header { display:none;position: absolute;min-width:100px; background: #fff; text-align: left; z-index: 6; border:1px solid #798bff;border-radius:5px;  -webkit-box-shadow: 0px 0px 5px rgba(121, 139, 255, 0.6); -moz-box-shadow:0px 0px 5px rgba(121, 139, 255, 0.6); box-shadow: 0px 0px 5px rgba(121, 139, 255, 0.6); -ms-box-shadow: 0px 0px 5px rgba(121, 139, 255, 0.6); /*arrow*/ }
.lay--header:before { content: ""; position: absolute; left: 50%; top: -7px; margin-left: -3px; width: 10px; height: 7px; background-image: url("../../Content/images/tooltip_arr.png"); background-repeat: no-repeat; background-position: left top; background-size: auto; background-position: 0 -4px; z-index: 5; }
.lay--header.bread { left: -30px;padding:5px 0;min-width:135px;}
.lay--header.mng{left:0}
.lay--header.mng:before{content:none;}
.lay--header.bread ul li a { display: block;padding: 5px 15px; color: #000 }
.lay--header.bread ul li a:hover, .lay--header.bread ul li a:focus, .lay--header.bread ul li a.on { color: #6372d7; text-decoration: underline; }
.lay--header.acc { right: 0; padding: 15px; outline:none;}
.lay--header.acc div { color: #656565; line-height: 24px; }
.lay--header.acc div dl:after{display:block;content:'';clear:both;}
.lay--header.acc div dt{float:left;}
.lay--header.acc div dd {float:right;text-align:right;}
.lay--header.acc a { color: #656565;}
.lay--header.acc a:hover, .lay--header.acc a:focus, .lay--header.acc a.on{color:#6372d7;text-decoration:underline;}
.lay--header.acc a:before{content:'';display:inline-block;width:3px;height:8px;background:url("../../Content/images/btn.png") no-repeat -6px -200px;margin-right:5px}
.lay--header.acc a:hover:before, .lay--header.acc a:focus:before, .lay--header.acc a.on:before{background:url("../../Content/images/btn.png") no-repeat -26px -200px;}

.lay--pop .lay--popHeader { position: relative; padding: 7px 20px; background: #424e97;}
.lay--pop .lay--popHeader .tit { display: inline-block; color: #fff; font-size: 15px; font-weight:normal;}
.lay--pop .lay--popHeader .date { display: inline-block; font-size: 11px; color: #adadad; margin-left: 15px; }
.lay--pop .lay--popHeader .btn--x { position: relative; width: 17px; height: 17px; position: absolute; right: 15px; top: 9px; }
.lay--pop .lay--popHeader .btn--x:before { content: ""; position: absolute; top: 50%; left: 50%; width: 17px; height: 17px; margin-left: -8px; margin-top: -8px; background-image: url("../../Content/images/btn.png"); background-repeat: no-repeat;background-size: auto; background-position: -80px -80px; }


.lay--pop .lay--popContents{padding:30px 20px;max-height:600px;overflow-y:auto;}
.lay--pop .lay--popContents .cont--tit { text-align: center; color: #6c6c6c; margin-bottom: 10px; }
.lay--pop .lay--popContents .cont--tit strong { font-size: 16px; font-weight: bold; color: #000; }
.lay--pop .lay--popContents .grid--header { padding-top: 0 !important; overflow: hidden; min-height: inherit; }

.lay--pop .lay--popContents .pre_cont{word-break:keep-all;white-space:pre-line;text-align:left;}
.lay--pop .lay--popContents .pre_cont strong{font-size:15px;}
.lay--pop .lay--popContents .tab--type1 > ul li .btn--tab{color:#444;margin-bottom:0}
.lay--pop .lay--popContents .tab--type1 > ul li.on .btn--tab, .lay--pop .lay--popContents .tab--type1 > ul li:hover .btn--tab{color:#fff;}
.lay--pop .lay--popContents .sec--wrap{margin-top:0}
.lay--pop .lay--popContents .sec--wrap:after{content:'';display:block;clear:both}
.lay--pop .lay--popContents .sec--wrap .searchBox{border-radius:0}
.lay--pop .lay--popContents .sec--wrap .searchBox .row { padding: 8px 12px; border-top:1px solid #bdc5ce}
.lay--pop .lay--popContents .sec--wrap .searchBox .row:first-child{border-top:0 none}
.lay--pop .lay--popContents .sec--wrap .searchBox .row dl{position:relative}
.lay--pop .lay--popContents .sec--wrap .searchBox .row dl dt:before{content:'';display:inline-block;width:3px;height:3px;background-color:#b7b7b7;margin-right:5px;vertical-align:middle}
.lay--pop .lay--popContents .sec--wrap .searchBox .row dl dt label{color:#4566b6;margin:3px 10px 0 0;}
.lay--pop .lay--popContents .sec--wrap .searchBox .row dl dt, .lay--popContents .sec--wrap  .searchBox .row dl dd{display:inline-block;vertical-align:middle;}
.lay--pop .lay--popContents .sec--wrap .searchBox .row dl dd .items .clear--wrap input{width:170px;}
.lay--pop .lay--popContents .tbl--type1{border:1px solid #7885ca;border-radius:0}
.lay--pop .lay--popContents .tbl--col{border-top:1px solid #caced7;border-bottom:1px solid #caced7;border-radius:0;margin:0}
.lay--pop .lay--popContents .tbl--col .checks input[type=checkbox]:not(old) + label span.img_chk, .lay--popContents .tbl--col .checks input[type=checkbox]:not(old) + input + label span.img_chk{margin:auto;}
.lay--pop .lay--popContents .grid--opt {position:relative;} 
.lay--pop .lay--popContents .txt--result{left:0;top:3px}

.lay--pop .lay--popFooter { text-align: center; }
.lay--pop .lay--popFooter .btn--x{position:absolute;right:0;top:0;width:40px;height:37px;display:inline-block;}
.lay--pop .lay--popFooter .btn--x span{width:17px;height:17px;display:inline-block;background-image:url(../../Content/images/btn.png);background-repeat:no-repeat;background-position:-80px -80px;text-indent:-9999px;}
.dimmed, .blocker{display:none;position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background: #000;z-index:50;opacity:0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50) /*ie8*/}


.lay--pop.pop--allMenu {width:1200px;margin-left:-600px;}
.lay--pop.pop--allMenu .lay--popHeader{padding:13px 20px}
.lay--pop.pop--allMenu .lay--popHeader .tit{font-size:20px;}
.lay--pop.pop--allMenu .lay--popContents{padding:45px}
.lay--pop.pop--allMenu .lay--popContents .tab--type1 > ul li{width:14.37%;}
.lay--pop.pop--allMenu .lay--popContents .tab--type1 > ul li .btn--tab{font-size:16px;padding:8px 20px;}
.lay--pop.pop--allMenu .lay--popContents .sec--wrap > .col .row{padding:35px 0;}
.lay--pop.pop--allMenu .lay--popContents .sec--wrap > .col .row:after{display:block;content:'';clear:both;}
.lay--pop.pop--allMenu .lay--popContents .sec--wrap > .col .row h3{position:relative;font-size:16px;color:#000;padding:0 0 20px 13px;}
.lay--pop.pop--allMenu .lay--popContents .sec--wrap > .col .row h3:before{content:'';display:inline-block;width:4px;height:15px;position:absolute;left:0;top:5px;background-color:#798bff;}
.lay--pop.pop--allMenu .lay--popContents .sec--wrap > .col .row dl{ float:left;width:184px;min-height:240px;border-left:1px solid #eee;}
.lay--pop.pop--allMenu .lay--popContents .sec--wrap > .col .row dl dt{color:#6372d7;padding-left:15px;font-weight:bold;font-size:14px;}
.lay--pop.pop--allMenu .lay--popContents .sec--wrap > .col .row dl dd li{position:relative;margin-top:12px;padding-left:25px;}
.lay--pop.pop--allMenu .lay--popContents .sec--wrap > .col .row dl dd li:before{content:'';display:inline-block;position:absolute;left:15px;top:9px;width:3px;height:3px;background-color:#b7b7b7;margin-right:7px;vertical-align:middle;}
.lay--pop.pop--allMenu .lay--popContents .sec--wrap > .col .row dl dd li a:hover{color:#6372d7;text-decoration:underline;}
.lay--pop.pop--allMenu .lay--popContents .sec--wrap > .col .row dl dd li a label{color:#333}
.lay--pop.pop--allMenu .lay--popContents .tab--cont .list{margin:0;display:none;}
.lay--pop.pop--allMenu .lay--popFooter .btn--x{right:5px;top:10px;}

.lay--pop.pop--evaluation{}

.lay--pop.pop--screener {margin-top:-320px}
.lay--pop.pop--alert {top:224px;width:460px;margin-left:-230px;border:1px solid #575f72;box-shadow:1px 1px 4px 2px rgba(128,128,128,0.4);-webkit-box-shadow:1px 1px 4px 2px rgba(128,128,128,0.4);}
.lay--pop.pop--alert .lay--popHeader{background:url(../../Content/images/bg_title_alert.png) no-repeat 0 0;height:37px;line-height:37px;padding:0 20px;background-color:#eaecee;border-bottom:1px solid #c6c6c6;}
.lay--pop.pop--alert .lay--popHeader .btn--x:before{background-position:-100px -78px}
.lay--pop.pop--alert .lay--popContents{display:table;width:100%;height:190px;padding:0}
.lay--pop.pop--alert .lay--popContents .grid--container{display:table-cell;vertical-align:middle;text-align:center;}
.lay--pop.pop--alert .lay--popContents strong{font-weight:normal;color:#4a57ac;font-size:16px;margin-bottom:15px;}
.lay--pop.pop--alert .lay--popContents .txt{color:#444;font-size:15px;}
.lay--pop.pop--alert .lay--popFooter{overflow:hidden;border-top:1px solid #e0e0e0;padding:0}
.lay--pop.pop--alert .lay--popFooter button{width:100%;text-align:center;display:inline-block;font-size:16px;color:#6372d7;padding:13px 0px;}
.lay--pop.pop--confirm .lay--popFooter button{float:left;width:50%;border-left:1px solid #e0e0e0;box-sizing:border-box;}
.lay--pop.pop--confirm .lay--popFooter button:first-child{border-left:0 none;}
.lay--pop.pop--service{width:510px;margin-left:-255px;}
.lay--pop.pop--option{width:360px;margin-left:-180px}
.lay--pop.pop--option .option--list dl{position:relative}
.lay--pop.pop--option .option--list dl:after{content:'';clear:both;display:block;}
.lay--pop.pop--option .option--list dl dt{position:absolute;left:0;top:1px;z-index:1}
.lay--pop.pop--option .option--list dl dt .checks{vertical-align:middle;}
.lay--pop.pop--option .option--list dl dt .checks label span.img_chk{margin-right:10px}
.lay--pop.pop--option .option--list dl dd{position:relative;padding:0 0 25px 150px;box-sizing:border-box;}
.lay--pop.pop--option .option--list dl:last-child dd{padding-bottom:0}
.lay--pop.pop--option .option--list dl dd .ast{top:24px}

.lay--pop.pop--fund{position:absolute;left:0;right:0;top:0;width:1200px;border:1px solid #caced7;margin:0 auto}
.lay--pop.pop--fund .pop--header{position:absolute;left:0;right:0;top:0;}
.lay--pop.pop--fund .pop--header .lay--popHeader{position:fixed;top:0;width:1198px;z-index:2;background-color:#edf5f8;border-bottom:2px solid #738fcb;padding:25px 0;}
.lay--pop.pop--fund .pop--header .lay--popHeader:after{content:'';display:block;clear:both;}
.lay--pop.pop--fund .pop--header h2{float:left;font-size:24px;padding:0 0 0 30px;font-weight:normal;max-width:82%;}
.lay--pop.pop--fund .pop--header h2 strong{font-weight:normal;padding-right:10px;}
.lay--pop.pop--fund .pop--header h2 span{font-size:18px;color:#828282;word-break:keep-all;}
.lay--pop.pop--fund .pop--header i{position:absolute;top:15px;display:inline-block;background:url(/Content/images/img_esg2.png) no-repeat 0 0;width:62px;height:60px;text-indent:-9999px;margin-left:10px;vertical-align:top;}
.lay--pop.pop--fund .pop--header .lay--popHeader .desc{right:27px;bottom:5px}
.lay--pop.pop--fund .pop--container{padding-top:88px}
.lay--pop.pop--fund .pop--info .info{float:left;width:25%;height:90px;border-left:1px solid #caced7;border-bottom:1px solid #caced7;color:#828282;padding:6px 15px}
.lay--pop.pop--fund .pop--info .info:after{content:'';clear:both;display:block}
.lay--pop.pop--fund .pop--info .info:first-child{border-left:0 none}
.lay--pop.pop--fund .pop--info .info .sign{position:relative}
.lay--pop.pop--fund .pop--info .info .sign .color{position:absolute;left:115px;top:21px;background-image:url(/Content/images/img_color.png?20200824);background-position:-48px 0;width:16px;height:53px;}
.lay--pop.pop--fund .pop--info .info .sign .color.signal1{background-position:0 0;} /*red*/
.lay--pop.pop--fund .pop--info .info .sign .color.signal2{background-position:-16px 0;} /*yellow*/
.lay--pop.pop--fund .pop--info .info .sign .color.signal3{background-position:-32px 0;} /*green*/
.lay--pop.pop--fund .pop--info .info dt{font-size:14px;font-weight:bold;}
.lay--pop.pop--fund .pop--info .info dt span{float:right;font-size:13px;font-weight:normal;padding-top:1px;}
.lay--pop.pop--fund .pop--info .info dd{font-size:19px;text-align:right;margin:7px auto 0}
.lay--pop.pop--fund .pop--info .info dd span{font-size:13px;display:block;}
.lay--pop.pop--fund .pop--info .info dd.info--asset{padding-top:9px}
.lay--pop.pop--fund .pop--info .info dd.info--asset{padding-top:9px}
.lay--pop.pop--fund .pop--info .info dd.chart--danger{margin-top:0;text-align:center;font-size:inherit;}
.lay--pop.pop--fund .pop--info .info dd.chart--danger > p{padding-top:5px;font-size:13px;}
.lay--pop.pop--fund .pop--info .info dd.star--rating{display:block;text-align:left;margin-top:23px;background-size:97px auto;width:97px;height:16px;}
.lay--pop.pop--fund .pop--info .info dd.star--rating.star0{background-position:0 0;}
.lay--pop.pop--fund .pop--info .info dd.star--rating.star1{background-position:0 -20px;}
.lay--pop.pop--fund .pop--info .info dd.star--rating.star2{background-position:0 -40px;}
.lay--pop.pop--fund .pop--info .info dd.star--rating.star3{background-position:0 -60px;}
.lay--pop.pop--fund .pop--info .info dd.star--rating.star4{background-position:0 -80px;}
.lay--pop.pop--fund .pop--info .info dd.star--rating.star5{background-position:0 -100px;}
.lay--pop.pop--fund .pop--download{overflow:hidden;background-color:#f2f2f2;border-bottom:1px solid #caced7;padding:14px 30px}
.lay--pop.pop--fund .pop--download a{float:left;margin-left:43px;}
.lay--pop.pop--fund .pop--download a:hover{text-decoration:underline;}
.lay--pop.pop--fund .pop--download a i{display:inline-block;width:18px;height:19px;background-image: url(/Content/images/btn.png); background-repeat: no-repeat; background-position:-80px -680px;vertical-align:bottom;margin-right:4px;}
.lay--pop.pop--fund .pop--summary{position:relative;padding:22px 30px;}
.lay--pop.pop--fund .pop--summary .title{position:absolute;left:30px;top:28px;width:280px;font-size:18px;padding-left:16px;color:#000}
.lay--pop.pop--fund .pop--summary .title:before{content:'';display:inline-block;position:absolute;left:0;top:3px;width:6px;height:23px;background-color:#738fcb;}
.lay--pop.pop--fund .pop--summary .txt{margin-left:280px;}
.lay--pop.pop--fund .pop--summary .txt .tbl--fund tfoot th{font-size:13px;border:0 none;background-color:#f4f5f7;font-weight:bold;padding:5px 2px;}
.lay--pop.pop--fund .pop--summary .txt .tbl--fund td{border:0 none !important;padding-bottom:10px;}
.lay--pop.pop--fund .pop--summary .tab{padding:22px 0 20px}
.lay--pop.pop--fund .pop--summary .summ{width:60px;height:60px;background-image:url(/Content/images/img_summary.png?20200911);background-position:-300px 0;margin:auto;text-indent:-9999px;text-align:left;}
.lay--pop.pop--fund .pop--summary .summ1{background-position:0 0;}
.lay--pop.pop--fund .pop--summary .summ2{background-position:-60px 0;}
.lay--pop.pop--fund .pop--summary .summ3{background-position:-120px 0;}
.lay--pop.pop--fund .pop--summary .up1{background-position:0 -70px;}
.lay--pop.pop--fund .pop--summary .up2{background-position:-60px -70px;}
.lay--pop.pop--fund .pop--summary .up3{background-position:-120px -70px;}
.lay--pop.pop--fund .pop--summary .high1{background-position:-180px -70px;}
.lay--pop.pop--fund .pop--summary .high2{background-position:-240px -70px;}
.lay--pop.pop--fund .pop--summary .high3{background-position:-300px -70px;}
.lay--pop.pop--fund .pop--summary .summ_Y{background-position:-180px 0}
.lay--pop.pop--fund .pop--summary .summ_N{background-position:-240px 0;}
.lay--pop.pop--fund .tab ul{margin-left:0}
.lay--pop.pop--fund .tab li{width:25%;margin-left:0}
.lay--pop.pop--fund .tab li button{border:1px solid #a4aab7;border-left:0 none;padding:11px 20px}
.lay--pop.pop--fund .tab li:first-child button{border-left:1px solid #a4aab7}
.lay--pop.pop--fund .tab li button:hover, .lay--pop.pop--fund .tab li.on button, .lay--pop.pop--fund .tab li:first-child button:hover, .lay--pop.pop--fund .tab li:first-child.on button{border-color:#5c7bbb}
.lay--pop.pop--fund .tbl--col thead th{border-bottom:0 none;}
.lay--pop.pop--fund .tbl--row{border-top:1px solid #caced7;border-bottom:1px solid #caced7;}
.lay--pop.pop--fund .tbl--row > tbody > tr > th{text-align:left;font-size:16px;font-weight:bold;padding:18px 15px;vertical-align:top;background-color:#f4f5f7;color:#252525}
.lay--pop.pop--fund .tbl--row > tbody > tr > td{padding:20px 30px;font-size:14px;}
.lay--pop.pop--fund .tbl--row > tbody > tr > td .grid--box{margin:0}
.lay--pop.pop--fund .tbl--row .tbl--fund th{border-top:1px solid #caced7;font-size:13px;vertical-align:middle;border-radius:0;padding:8px 3px}
.lay--pop.pop--fund .tbl--row .tbl--fund tbody th{text-align:left;padding-left:4px;padding-right:4px;}
.lay--pop.pop--fund .tbl--row .tbl--fund td{border-bottom:1px solid #caced7;font-size:12px;padding:8px 3px;border-radius:0}
.lay--pop.pop--fund .chart--bar2{position:relative;width:100%;height:inherit;}
.lay--pop.pop--fund .chart--bar2 .chart--bar__info{position:absolute;left:0;top:0;font-size:11px;text-align:center;}
.lay--pop.pop--fund .chart--bar2 .chart--bar__info:after{content:'';display:block;clear:both;}
.lay--pop.pop--fund .chart--bar2 .chart--bar__info p{position:relative;display:inline-block;margin-left:20px;padding-left:13px;}
.lay--pop.pop--fund .chart--bar2 .chart--bar__info p:after{position:absolute;left:0;top:50%;margin-top:-4px;content:'';display:inline-block;border-radius:50%;width:8px;height:8px;background-color:#23cb83;}
.lay--pop.pop--fund .chart--bar2 .chart--bar__info p.bm:after{background-color:#f7901e;}
.lay--pop.pop--fund .chart--bar2 .chart--bar__info2{position:static;margin-top:10px;}
.lay--pop.pop--fund .chart--bar2 .chart--bar__info2 p.now:after{background-color:#00bdf2;}
.lay--pop.pop--fund .chart--bar2 .chart--bar__info2 p.bf:after{background-color:#f9a64b;}
.lay--pop.pop--fund .chart--bar2 fieldset legend{margin-bottom:10px;line-height:25px;font-size:16px;font-weight:bold}
.lay--pop.pop--fund .chart--bar2 fieldset .inner{width:100%;height:21px;background:#facd89;position:relative}
.lay--pop.pop--fund .chart--bar2 fieldset .inner .today{position:absolute;top:-35px;left:0;margin-left:-12px;/*width:9px;height:8px;background:#0096db;*/}
.lay--pop.pop--fund .chart--bar2 fieldset .inner .today i{display:block;font-style:normal;text-align:center;color:#bf3857;}
.lay--pop.pop--fund .chart--bar2 fieldset .inner .today i span{display:block;width:24px;color:#000;margin-bottom:-5px;}
.lay--pop.pop--fund .chart--bar2 fieldset .inline{position:relative;margin:69px 30px 0}
.lay--pop.pop--fund .chart--bar2 fieldset .inline li{position:absolute;top:50%;margin-top:-10px;padding:0;font-size:13px;}
.lay--pop.pop--fund .chart--bar2 fieldset .inline li.min-value{left:-31px;}
.lay--pop.pop--fund .chart--bar2 fieldset .inline li.max-value{right:-31px;}
.lay--pop.pop--fund .chart--bar2 fieldset .inline li.inner{position:relative;width:100%;margin:auto}
.lay--pop.pop--fund .chart--bar2 fieldset .rate-box{position:absolute;width:65px;height:30px;margin-left:-33px;border:1px solid #bfbfbf;background-color:#f4f5f7;font-size:11px;text-align:center;}
.lay--pop.pop--fund .chart--bar2 fieldset .rate-box i{font-style:normal;}
.lay--pop.pop--fund .chart--bar2 fieldset .rate-box i span{display:block;color:#454545;}
.lay--pop.pop--fund .chart--bar2 fieldset .rate-top{position:absolute;top:-47px;}
.lay--pop.pop--fund .chart--bar2 fieldset .rate-top em{position:absolute;left:50%;bottom:-73px;width:2px;height:35px;margin-left:-2px;display:inline-block;background-color:#f7901e;text-indent:-9999px;}
.lay--pop.pop--fund .chart--bar2 fieldset .rate-top.fund{top:-30px;border:2px solid #798bff;background-color:#fff;width:39px;height:18px;line-height:13px;margin-left:-20px;text-align:center;}
.lay--pop.pop--fund .chart--bar2 fieldset .rate-top.fund em{background-color: #798bff;width:4px;bottom:-40px;}
.lay--pop.pop--fund .chart--bar2 fieldset .rate-top.fund:before{
    content: '';
    display: block;  
    position: absolute;
    left: 50%;
	margin-left:-5px;
    top: 100%;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #798bff;}
.lay--pop.pop--fund .chart--bar2 fieldset .rate-top.fund:after{
    content: '';
    display: block;  
    position: absolute;
    left: 50%;
    top: 100%;
    width: 0;
    height: 0;
	margin-left:-2px;
    border: 2px solid transparent;
    border-top-color: #fff;}
.lay--pop.pop--fund .chart--bar2 fieldset .rate-top.fund i{font-style:normal;color:#000;font-size:13px;font-weight:bold;}
.lay--pop.pop--fund .chart--bar2 fieldset .rate-top.avg em{background-color: #23cb83;}
/*.lay--pop.pop--fund .chart--bar2 fieldset .rate-top:before{
    content: '';
    display: block;  
    position: absolute;
    left: 50%;
	margin-left:-5px;
    top: 100%;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #bfbfbf;}
.lay--pop.pop--fund .chart--bar2 fieldset .rate-top:after{
    content: '';
    display: block;  
    position: absolute;
    left: 50%;
    top: 100%;
    width: 0;
    height: 0;
	margin-left:-4px;
    border: 4px solid transparent;
    border-top-color: #f7901e;}*/
.lay--pop.pop--fund .chart--bar2 fieldset .rate-top i span{margin-bottom:-4px}
.lay--pop.pop--fund .chart--bar2 fieldset .rate-bottom{bottom:-50px}
.lay--pop.pop--fund .chart--bar2 fieldset .rate-bottom em{position:absolute;left:50%;top:-15px;width:2px;height:8px;margin-left:-1px;display:inline-block;background-color:#bfbfbf;text-indent:-9999px;}
.lay--pop.pop--fund .chart--bar2 fieldset .rate-bottom:before{
    content: '';
    display: block;  
    position: absolute;
    left: 50%;
	margin-left:-5px;
    bottom: 100%;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom-color: #bfbfbf;}
.lay--pop.pop--fund .chart--bar2 fieldset .rate-bottom:after{
    content: '';
    display: block;  
    position: absolute;
    left: 50%;
    bottom: 100%;
    width: 0;
    height: 0;
	margin-left:-4px;
    border: 4px solid transparent;
    border-bottom-color: #f4f5f7;}
.lay--pop.pop--fund .chart--bar2 fieldset .rate-bottom i span{margin-top:-4px}
.lay--pop.pop--fund .chrat--box{height:55px !important}
.lay--pop.pop--fund .chrat--box .chart--bar{margin:20px 0 0;text-align:center}
.lay--pop.pop--fund .chrat--box .chart--bar p{width:25px;height:17px;}
.lay--pop.pop--fund .chrat--box .chart--bar button{cursor:default}
.lay--pop.pop--fund .chrat--box .chart--bar__txt{font-size:11px;margin:0}
.lay--pop.pop--fund .chrat--box .chart--bar__num{position:absolute;left:0;right:0;top:7px;font-size:18px;color:#005dde;font-weight:bold;text-align:center;}
.lay--pop.pop--fund .chrat--box .chart--bar__txtCont{font-size:17px;color:#738fcb;text-align:center;padding-top:3px}
.lay--pop.pop--fund .btn--x{right:27px;top:12px;width:25px;height:25px}
.lay--pop.pop--fund .btn--x:before{background-position:0 -260px;width:25px;height:25px;margin:-12px 0 0 -12px}

.lay--pop .tbl--fund th{/*font-size:14px;*/font-weight:normal;text-align:center;border-left:1px solid #caced7;border-bottom:1px solid #caced7;border-radius:0;}
/*.lay--pop .tbl--fund th:first-child{border-left:0 none}*/
.lay--pop .tbl--fund td{/*padding:36px 10px;*/text-align:right;border-bottom:0 none;border-width:1px}
.lay--pop .tbl--fund tbody tr:first-child th, .lay--pop .tbl--fund tbody tr:first-child td{border-top:1px solid #617cf0 !important}
/*.lay--pop .tbl--fund2 th, .lay--pop .tbl--fund2 td{font-size:12px;color:#252525}*/
/*.lay--pop .tbl--fund2 td{padding:8px}*/
.lay--pop .tbl--basicInfo{color:#828282}
.lay--pop .tbl--result .tbl--fund td{text-align:right}
.lay--pop .tbl--result .grid--box{margin:0}
.lay--pop .tbl--result .chart--tit{position:relative;padding-left:10px;color:#252525}
.lay--pop .tbl--result .chart--tit:before{position:absolute;left:0;top:50%;content:'';display:inline-block;width:3px;height:3px;margin-top:-1px;background-color:#cdcdcd;}
.lay--pop .tbl--result .chart--type:after{display:block;content:'';clear:both;}
.lay--pop .tbl--result .chart--type .chart{margin:0 auto}
.lay--pop .tbl--result .chart--type .chart--txtBox{float:left;width:26%;font-weight:bold;color:#000;text-align:center;font-size:13px}
.lay--pop .tbl--result .chart--type .chart--txtBox .chart--txt{position:static;margin:0;color:#000;}
.lay--pop .tbl--result .chart--type .chart--txtBox .num{font-size:22px;margin:30px 0 -4px}
.lay--pop .tbl--result .chart--type .chart--bar2{float:left;width:69%;margin-left:5%}
.lay--pop .tbl--portfolio > tbody > tr  > td .grid--box{margin:0 -15px}
/*.lay--pop .tbl--portfolio .col{padding:0 15px}*
*.lay--pop .tbl--portfolio .col{padding:0}
.lay--pop .tbl--portfolio .col:first-child{padding-left:0}*/
.lay--pop .tbl--portfolio td > .chart.chart--bar{position:relative;margin-top:10px;}
.lay--pop .tbl--portfolio td > .chart.chart--bar:first-child{margin-top:0}
.lay--pop .tbl--portfolio td > .chart.chart--bar span{position:absolute;left:0;top:50%;margin-top:-11px;font-size:14px;}
.lay--pop .tbl--portfolio td > .chart.chart--bar > div{padding-left:70px;}
.lay--pop .tbl--portfolio .chart--tit{position:relative;padding-left:10px;margin-bottom:10px;}
.lay--pop .tbl--portfolio .chart--tit:before{content:'';display:inline-block;position:absolute;left:0;top:50%;margin-top:-1px;width:3px;height:3px;background-color:#b7b7b7;}.
.lay--pop .tbl--portfolio .chart--type{border:1px solid #caced7;margin-bottom:20px;border-radius:0;padding:10px;}
.chart--type .chart--year__type td{height:73px}
.chart--type .chart--year__type1 td{height:55px}
.chart--year{padding:0 15px}
.chart--year:after{content:'';clear:both;display:block}
.chart--year .year{position:relative;float:left;text-align:center;font-size:13px;margin-left:98px;}
.chart--year .year:first-child{margin-left:0}
.chart--year .year:after{content:'';display:inline-block;position:absolute;right:-54px;top:20px;background-image:url(/Content/images/icn_common.png);background-repeat: no-repeat;background-position:-85px -100px;width:23px;height:42px;}
.chart--year__type{margin-bottom:4px;height:100%;}
.chart--year__type table{margin:auto;width:inherit;}
.chart--year__type table th{background:none !important;padding:9px 0 16px;font-size:15px;border-left:0 none !important;}
.chart--year__type tbody th{padding:0 22px 0 0 !important;border-bottom:0 none;}
.chart--year__type td{border:1px solid #caced7 !important;padding:0 !important;height:20px;}
.chart--year__type1 tbody th{text-align:right;}
.chart--year__type1 td{height:15px;}
/*.chart--year__type td:first-child{border-left:0 none}
.chart--year__type tr:first-child td{border-top:0 none}*/
.chart--year__type td.on{background-color:#7b9add;}
.chart--txtCont{font-size:25px;color:#738fcb;text-align:center;padding:4px 0 10px 54px}
.lay--pop .tbl--portfolio tr.style th{padding:26px 8px}

.lay--pop.pop--fundCompare{position:absolute;left:0;right:0;top:0;width:1200px;margin:0 auto;font-size:14px}
.lay--pop.pop--fundCompare .pop--header{position:absolute;left:0;right:0;top:0;}
.lay--pop.pop--fundCompare .lay--popHeader{position:fixed;width:1200px;z-index:2;}
.lay--pop.pop--fundCompare .pop--container{height:100%;border:1px solid #caced7;margin-top:36px;}
.lay--pop.pop--fundCompare .title{font-size:20px;color:#383838;text-align:center;}
.lay--pop.pop--fundCompare .tbl--row tbody tr th{background:#fff;color:#828282;font-size:14px;}
.lay--pop.pop--fundCompare .tbl--row tbody tr.line th:first-child{border-right:1px solid #e9e9e9;border-left:0 none;}
.lay--pop.pop--fundCompare .tbl--row tbody tr.line table{border:1px solid #caced7}
.lay--pop.pop--fundCompare .tbl--row tbody tr.line th{border-bottom-color:#e9e9e9}
.lay--pop.pop--fundCompare .tbl--row tbody tr.line td{border-bottom-color:#e9e9e9}
.lay--pop.pop--fundCompare td{border-color:#caced7;border-left:1px solid #caced7;text-align:center;padding:13px 15px;}
.lay--pop.pop--fundCompare td table.tbl--row{font-size:15px;border:1px solid #caced7;}
.lay--pop.pop--fundCompare td table th{background-color:#f2f2f2;border-color: #e9e9e9;border-left-color:#caced7;border-radius:0;padding:7px 20px}
.lay--pop.pop--fundCompare td table td{border-color:#e9e9e9;padding:7px 20px}
.lay--pop.pop--fundCompare td table td:first-child{border-left:0 none}
.lay--pop.pop--fundCompare .category td{background-color:#edf5f8;color:#333;font-size:16px;border-left:0 none;text-align:left}
.lay--pop.pop--fundCompare .category td .desc{float:right}
.lay--pop.pop--fundCompare .chart--year__type table{margin:0}
.lay--pop.pop--fundCompare .tbl--row tbody tr.summary td table, .lay--pop.pop--fundCompare .tbl--row tbody tr.summary td table th, .lay--pop.pop--fundCompare .tbl--row tbody tr.summary td table td{border:0 none !important;}


.lay--pop.pop--fundCompare .tbl--row tbody tr .tbl--fund{border:1px solid #caced7;}
.lay--pop.pop--fundCompare .tbl--row tbody tr .tbl--fund th{font-size:11px;background-color:#f4f5f7;padding:5px 2px;color:#828282}
.lay--pop.pop--fundCompare .tbl--row tbody tr .tbl--fund td{font-size:11px;padding:5px 2px;color:#828282}
.lay--pop.pop--fundCompare .tbl--row tbody tr.summary td{padding-bottom:10px}
.lay--pop.pop--fundCompare .tbl--row tbody tr .tbl--fund td div{min-height:50px}
.lay--pop.pop--fundCompare .tbl--fund .summ_small{width:50px;height:50px;background-image:url(/Content/images/img_summary.png?20200911);background-position:-151px -140px;margin:auto;text-indent:-9999px;text-align:left;}
.lay--pop.pop--fundCompare .tbl--fund .summ_small1{background-position:0 -140px;}
.lay--pop.pop--fundCompare .tbl--fund .summ_small2{background-position:-51px -140px;}
.lay--pop.pop--fundCompare .tbl--fund .summ_small3{background-position:-101px -140px;}
.lay--pop.pop--fundCompare .tbl--fund .up_small1{background-position:0 -200px;}
.lay--pop.pop--fundCompare .tbl--fund .up_small2{background-position:-51px -200px;}
.lay--pop.pop--fundCompare .tbl--fund .up_small3{background-position:-101px -200px;}
.lay--pop.pop--fundCompare .tbl--fund .high_small1{background-position:-151px -200px;}
.lay--pop.pop--fundCompare .tbl--fund .high_small2{background-position:-202px -200px;}
.lay--pop.pop--fundCompare .tbl--fund .high_small3{background-position:-252px -200px;}
.lay--pop.pop--fundCompare .tbl--row tbody tr .tbl--portfolio > tbody > tr > th{border-top:1px solid #e9e9e9}
.lay--pop.pop--fundCompare .tbl--row tbody tr .tbl--portfolio > tbody > tr:first-child > td{border-top-color:#caced7}
.lay--pop.pop--fundCompare .tbl--row tbody tr .tbl--portfolio th{border-left:1px solid #e9e9e9;}
.lay--pop.pop--fundCompare .tbl--row tbody tr .tbl--portfolio tr:first-child th{border-top-color:#caced7;border-left:1px solid #e9e9e9;}
.lay--pop.pop--fundCompare .tbl--row tbody tr .tbl--portfolio tr th:first-child{border-left:0 none}
.lay--pop.pop--fundCompare .tbl--row tbody tr .tbl--portfolio td{border-top:1px solid #e9e9e9}
/*.lay--pop.pop--fundCompare .tbl--row tbody tr .tbl--portfolio tr th{border-top:1px solid #e9e9e9;}
.lay--pop.pop--fundCompare .tbl--row tbody tr .tbl--portfolio tr:first-child th{border-top-color:#caced7}
.lay--pop.pop--fundCompare .tbl--row tbody tr .tbl--portfolio table{border:0 none}
.lay--pop.pop--fundCompare .tbl--row tbody tr .tbl--portfolio .tbl--col tr:last-child > td{border-bottom:1px solid #e9e9e9;}
.lay--pop.pop--fundCompare .tbl--row tbody tr .tbl--portfolio table tr:first-child th{border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}*/
/*.lay--pop.pop--fundCompare .tbl--row tbody tr .tbl--portfolio table tr td{border-bottom:1px solid #e9e9e9;}
.lay--pop.pop--fundCompare .tbl--row tbody tr .tbl--portfolio table tr:last-child td{border-bottom:0 none;}*/

/*차트 툴팁 */
table.chart-tooltip {border-collapse: collapse;border: 0;table-layout: auto;}
table.chart-tooltip tr {border: none !important;}
table.chart-tooltip td {height: 12px !important;line-height: 12px !important;white-space: nowrap;border: none !important;padding: 2px 4px !important;}
table.chart-tooltip tr td.al-left {text-align: left;}
table.chart-tooltip tr td.pd {padding-top: 5px !important;padding-bottom: 5px !important;}


/************************/
/** Privacy *******/
/************************/
/*
.termTit {margin-bottom:20px;}
.service {width: 1000px; height: 600px; background-color: #F3F3F3; padding: 7pt; line-height: 150%; text-align: left; font-family: 돋움; font-size: 9pt; font-style: normal; color: #666; border: 1px solid #B4B4B4; white-space: pre-line; word-break:keep-all; overflow-y:auto;box-sizing:border-box;}
    
.service > span.term_tit{font-weight:bold;}
.service > span.term_subtit {display:inline-block;text-decoration:underline;margin-bottom:5px;}
.enforcement_wrap{padding:20px 0}
.enforcement_wrap label{display:inline-block;padding-right:5px}*/

/* service */

.pre_cont pre{white-space:pre-line;color:#343434;font-size:14px;line-height:175%;}
.pre_cont table{border:1px solid #caced7}
.pre_cont .btn--text-ty3 { border: 1px solid #b7b7b7; background-color: #fcfcfc; padding: 0 5px; font-size: 11px; color: #6c6c6c; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -ms-border-radius: 2px; }
.pre_cont .btn--text-ty3.on { border: 1px solid #5e6471; background-color: #5e6471; color: #fff; }
.pre_cont .btn--text-ty3.on:hover, .pre_cont .btn--text-ty3.on:focus { color: #fff !important; }
.pre_cont .btn--text-ty3:hover, .pre_cont .btn--text-ty3:focus { color: #6c6c6c !important; }