@charset 'utf-8';

@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 300;
   src: url(../../font/NotoSansKR-Light.woff2) format('woff2'),
        url(../../font/NotoSansKR-Light.woff) format('woff'),
        url(../../font/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(../../font/NotoSansKR-Regular.woff2) format('woff2'),
        url(../../font/NotoSansKR-Regular.woff) format('woff'),
        url(../../font/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(../../font/NotoSansKR-Medium.woff2) format('woff2'),
        url(../../font/NotoSansKR-Medium.woff) format('woff'),
        url(../../font/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(../../font/NotoSansKR-Bold.woff2) format('woff2'),
        url(../../font/NotoSansKR-Bold.woff) format('woff'),
        url(../../font/NotoSansKR-Bold.otf) format('opentype');
}

/* CSS Document */
* {margin:0; padding:0;}
html{ height: 100%; font-size: 13px; }
body,h1,h2,h3,h4,th,td,input,select,textarea,button {font-size:13px;font-weight:400;color:#000;font-family: 'Noto Sans KR', 'malgun gothic', '맑은 고딕', 'Helvetica Neue', 'Arial', sans-serif;line-height:1.5}
li{	list-style: none; }
svg{font-family: 'Noto Sans KR' !important;}

.Main_wrap {max-width:1920px; min-width:1280px; height:100%; margin:0px; padding:0px;}
.Main_TPAuth_logo {width:165px; height:50px; margin-top:5px; margin-left:15px; float:left;}
.Main_top_menu_box_wrap {max-width:1920px; min-width:1280px; height:64px; background:#f6f6f6; font-family:'나눔고딕'; font-weight:600; font-size:13px;}
.Main_top_menu_box {max-width:800px; min-width:680px; margin:auto; margin-top:24px; margin-left: 30px; float:left; position:relative;}
.Main_top_menu_text_box_01 {text-align:center; position:relative; border-right:1px dotted #a2a2a2; float:left; padding-left: 16px; padding-right: 16px;    padding-top: 4px; padding-bottom: 4px; top: -8px;}
.Main_top_menu_text_box_01.last {border-right:0px;}
.Main_top_menu_text_box_01.on{background-color: #0a1450; border-radius: 8px;}
.Main_top_menu_text_box_01.on a{color: #FFFFFF;}

.Main_top_menu_text_box_02 {text-align:center; position:relative; float:left; padding-left: 16px; padding-right: 16px;}
.Main_top_menu_deco_none {text-decoration:none; color:#4C4C4C;}
.Main_top_menu_deco_none:hover{text-decoration:none; color:#244CCC;}
.Main_top_redline {border-bottom:3px solid #0a1450;}

.Main_User_menu_box {float:right; padding-top:18px; font-size:12px; width:390px;}
.Main_User_txt {width:160px; height:15px; padding-top:1px; letter-spacing:0.05em; text-align:center; clear:both;}

.Main_User_txt a {text-decoration:none; color:#4C4C4C;}
.Main_User_txt a:Hover {color:#000;}
.Main_bt a {float:left; background:#898989; width:70px; height:20px; padding-top:6px; text-align:center; border-bottom-left-radius:3px; text-decoration:none; color:#FFFFFF;
				border-top-left-radius:3px; border-bottom-right-radius:3px;  border-top-right-radius:3px; border:1px solid #838383; font-size:12px; margin-right:10px;}
.Main_bt a:Hover {float:left; background:#bc0000; width:70px; height:20px; padding-top:6px; text-align:center; border-bottom-left-radius:3px;  text-decoration:none; color:#FFFFFF;
				border-top-left-radius:3px; border-bottom-right-radius:3px;  border-top-right-radius:3px; border:1px solid #950000; font-size:12px; margin-right:10px;}
.Main_bt a:active {float:left; background:#880000; width:70px; height:20px; padding-top:6px; text-align:center; border-bottom-left-radius:3px;  text-decoration:none; color:#FFFFFF;
				border-top-left-radius:3px; border-bottom-right-radius:3px;  border-top-right-radius:3px; border:1px solid #650000; font-size:12px; margin-right:10px;}

.Main_left_menu_wrap {width:200px; height:100%; background:#F0F0F0; font-family:'나눔고딕'; font-weight:600; font-size:14px; text-align:left; float:left; position:relative;}
.Main_left_menu_wrap .Menu_title {height:33px; padding-top:17px; border-bottom:1px solid #D5D5D5;  background-color:#686868; color:#ffffff; padding-left:20px; clear:both;}
.Main_left_menu_wrap .menu_box {height:33px; padding-top:17px; border-bottom:1px solid #D5D5D5; background-color:#F0F0F0; padding-left:20px; clear:both; cursor:pointer;}
.Main_left_menu_wrap .menu_box:hover {background-color:#beeef0;}
.Main_left_menu_wrap .menu_box:active {background-color:#ffb0b0;}

.Main_left_menu_wrap .menu_box.on {background-color:#0a1450; color:#ffffff;}
.Main_left_menu_wrap .menu_box.on:active {background-color:#b20000; color:#ffffff; padding-left:20px; clear:both;}
.Main_left_menu_wrap .menu_box.on a {text-decoration:none; color:#ffffff;}
.Main_left_menu_wrap .menu_box.on a:Hover {text-decoration:none; color:#ffffff;}
.Main_left_menu_wrap a {text-decoration:none; color:#4C4C4C;}
.Main_left_menu_wrap a:hover {text-decoration:none; color:#244CCC;}

.Main_left_menu_wrap ul {margin:0px; padding:0px; list-style-type:disc; list-style-position:inside;}
.Main_left_menu_wrap li {width:90; height:35px; padding-top:16px; padding-left:20px; border-bottom:1px solid #D5D5D5; font-weight:400; text-align:left; background:#F9F9F9; position:relative;}
.Main_left_menu_wrap li:hover {background-color:#d7eaea;}
.Main_left_menu_wrap li a {text-decoration:none; color:#111111;}
.Main_left_menu_wrap li a:hover {text-decoration:none; color:#c82222;}


.sub_group {display:none; top:-200px; box-shadow:0px 0px 8px #CCCCCC;}
.sub_group.on {display:block;}
.sub_group.over {display:block;}

.menu_sub{cursor:pointer;}
.menu_sub::before{ content:'-'; font-size: 1px; color: #000; margin-right:4px;}
.menu_sub.on a{ font-weight:bold; color:#0a1450;}

header{top: 0; width: 100%; height: 69px; font-size: 15px; float: left; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e7e7e7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#e7e7e7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#e7e7e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
    position: relative; transition: top 0.5s ease-in-out; -webkit-transition: top 0.5s ease-in-out;}
nav{position: absolute; left: 0; top: 73px; width: 200px; height: 100%; background: #f5f5f5; transition: left 0.3s ease-in-out; -webkit-transition: left 0.3s ease-in-out;}
nav > div{width: 100%; color: #fff; background: #555555; font-weight: bold; font-size: 18px; padding: 6px 0 11px 0; text-indent: 10px;}
nav > ul{ width: 100%;}
nav > ul > li{width: 100%; color: #484848; background: #f5f5f5; font-weight: bold; border-bottom: 1px solid #dcdcdc; padding: 8px 0 12px 0; font-size: 13px; cursor: pointer; position: relative; text-indent: 10px;}
.nav_open{ position: absolute; top: 450px; left: 20px; cursor: pointer; padding: 0; display: none; box-shadow: 0px 5px 8px #888;}
.nav_close{width: 20px; text-indent: 0; position: absolute; padding: 0; top: 450px; left: 180px; cursor: pointer; z-index: 1; background: none; box-shadow: 0px 5px 8px #888;}

/** 사용안함 : 코딩적용후 삭제 **/
.Main_Content {width:82%; left:208px; height:100%; float:left; font-family:'나눔고딕'; padding:15px; padding-left:20px; position:relative;}

footer{ width:100%; clear:both; background:#E7E7E7; position:relative; padding:10px 15px 10px; position: fixed; left: 0; bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: none !important; }
footer.abs{position: relative;}
footer .logo{margin-top:10px; margin-left:20px; margin-right:30px; float:left;}
footer .description{margin-top:13px; font-family:'돋움', '굴림'; font-size:12px; line-height:18px; letter-spacing:0.05em;}

/***** 프레임워크 내용 반용 *****/
article {width:81%; left:10px; height:100%; float:left; font-family:'나눔고딕'; padding:15px; padding-left:20px; position:relative;}
article.main_contents{left:208px; min-height:600px;}
section {padding: 0;}

.modal {width: 60%;	min-width:680px; position: absolute; background:#454545; border-radius:5px;  margin:auto; left: 0; right: 0; top: 1px; padding: 10px 6px;	border: 1px solid #ddd; font-family:'나눔고딕'; z-index: 1000; }
.modal-backdrop {position: absolute; top: 0; right: 0; left: 0; background-color: #000; filter: alpha(opacity = 50); opacity: .5; position: fixed; z-index: 900; width: 100%; height: 100%;}
.modal .buttons {text-align: center;}

/** 레이어 팝업  **/
.modal .pop_title {color:#FFFFFF; font-size:14px; font-weight:bold; display:table; margin-bottom:10px;}
.modal .pop_title::before{ content: '▶'; font-size: 13px; color: #c82222; margin-right:4px;}
.modal .pop_content {display:table; width:97%; left:0; right:0; padding:10px; background:#FFFFFF; border-radius:4px; margin:auto;}

.modal .pop_content_subtxt {font-size:16px; font-weight:bold; color:#a50000;}
.modal .pop_content_explain {font-size:13px; font-weight:bold; color:#606060; margin-top:20px;}
.modal .input_box {margin-top:13px; width:655px; height:408px; border:1px solid #b4b4b4; border-radius:5px; display:table;}
.modal .input_box_txt {font-family:'돋움', '굴림'; font-size:14px; color:#303030; margin:13px; display:table;}
.modal .pop_button_wrap {padding-top:17px; margin:auto; clear:both; width:250px;}


/** 로딩 이미지 **/
.loading_pop_wrap {width:300px; height:190px; position:absolute; left:0px; right:0px; bottom:0px; top:-300px; margin:auto; background-color:#FFFFFF; border:3px solid #3a7fb8; border-radius:5px; margin:auto;}
.loading_pop_wrap .logo_box {border:1px solid #CECECE; width:220px; height:98px; margin:auto; margin-top:18px; border-radius:5px;}
.loading_pop_wrap .txt {font-family:'나눔고딕'; font-size:14px; text-align:center; padding-top:12px; color:#383838;}
.loading_pop_wrap .pop_logo {text-align:center; padding-top:10px;}
.loading_pop_wrap .Loading_img_box {margin:auto; width:220px; margin-top:5px;}

.messagetext { display:none; position: fixed; bottom: 0; right: 0; z-index:9999; padding: 5px; text-align: center; background-color: #bafff2;
				border: solid 4px #c3c3c3; padding: 50px; border-radius: 10px 10px 0px 0px; margin-right: 14px; font-size: 15px;}