/*firefox select 모양 수정*/
@supports (-moz-appearance:none) {
	SELECT {
		-moz-appearance: none !important;
		background: transparent url('data:image/gif;base64,R0lGODlhBgAGAKEDAFVVVX9/f9TU1CgmNyH5BAEKAAMALAAAAAAGAAYAAAIODA4hCDKWxlhNvmCnGwUAOw==') right center no-repeat !important;
		background-position: calc(100% - 5px) center !important;
	}
}

/*스크롤바 모양 수정*/
::-webkit-scrollbar {width: 6px; height:6px;}
::-webkit-scrollbar-track {background-color: transparent;}
::-webkit-scrollbar-thumb {border-radius: 3px; background-color: #bbb;}
::-webkit-scrollbar-button {width: 0; height: 0;}


:root {
	--main-color:#6cbfe0;
	--main-th:#dcf0f7;
	--main-bg-color: #f9f9f9;
	--main-popup-border:#c9eaf6;
	--main-popup-th:#f1f9fc;
	--kt-check:#6cbfe0;
	--title-color: #222;
	--text-color: #636363;
	--charts-color: #848484;
	--table-bg-color: rgb(247, 247, 247);
	--black-color: #222;
	--darkgray-color: #636363;
	--lightgray-color: #848484;
	--beige-color: #e2e2e2;
	--left-hover-color:#91d9f6;
}

* {margin: 0; padding: 0; box-sizing: border-box;}

body {background-color: var(--main-bg-color); overflow:visible;}
ul,li {list-style: none; text-decoration: none; box-sizing: border-box;}
span {font-family: 'Noto Sans KR', sans-serif;}
a {color: #000; text-decoration: none;}
button{cursor:pointer;}
aside {width: 76px;  height: 100%; position: fixed; transition: transform 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);  z-index: 10;  top: 0; overflow: hidden;} /*20211105 zindex 8->10*/
main {width: calc(100% - 76px); height: 100%; margin-left: 76px; background-color: #f9f9f9;}
input:focus {outline: none;}
textarea:focus { outline: none;}
button:focus { outline: none; }
nav a, nav label {	width: 264px;}
aside > nav{left:-280px; z-index:8;}
summary{cursor:pointer;}
.apexcharts-menu-icon{display:none;}
.icon_dot{display:inline-block; width:8px; height:8px; border-radius:15px;}
.dot_gray{background-color:#e5e5e5;}
.dot_green{background-color:#24a148;}
.dot_orange{background-color:#ff8600;}

.abs-mid{width:100%; height:100%;}
.abs-mid img{width:30px; position:absolute; top:50%; left:90%; transform:translate(-50%,-50%);}
.translate{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.left_on{background-color:#fff !important; border-radius:50px 0 0 50px !important; padding:10px 20px;}
.left_on p{color:var(--main-color) !important;}
.left_on > ul > li{background-color:var(--main-color); color:#fff;}
.cl-main{color:var(--main-color)!important;}

/*top*/
.top_account{width:20vw !important; cursor:pointer;}
.top_area{padding-left:1%; padding-right:1%; margin:0 auto; height:80px;}
.top_area p {font-size: 22px; padding: 10px 20px 0 20px; font-weight: bold; color: var(--title-color);}
.top_buttons {width: 100%; display: flex; position: relative; justify-content:space-between; padding-left:1.5%; padding-right:1.5%; top:25px;}

.btn_top_cloud{
	width: 14vw;
	height: 46px;
	border-radius: 50px;
	box-shadow: 2px 5px 11px 2px rgba(0, 0, 0, 0.15);
	display: flex;
	align-items: center;
	background-color: #fff;
	box-sizing: border-box;
}

.btn_top_account {
	width:33%;
	height: 46px;
	border: 1px solid #ccc;
	border-radius: 50px;
	box-shadow: 2px 5px 11px 2px rgba(0, 0, 0, 0.15);
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
}
.btn_top_account p { text-align: center; font-size: 18px; color: var(--text-color); }

.top_aws img { width: 3.5vw; border-radius: 50px; display: block; margin: 0 auto; }
.top_kt img { width: 5vw; display: block; margin: 0 auto; }
.top_naver img { width: 8vw; border-radius: 50px; display: block; margin: 0 auto; }
.top_nhn img { width:9vw; border-radius: 50px; display: block; margin: 0 auto; }

.drop-down {  width:100%; height:100%; position: relative;margin:0 auto; text-align:center; border-radius:50px; }
.drop-down .selected {
	width: 95%;
	height:100%;
	margin:0 auto;
	background: #fff no-repeat scroll right center;
	display: block;
	border-radius:50px;
	text-decoration: none;
	color: #999;
	font-size: 14px;
	box-sizing: border-box;
	line-height: 45px;
	text-overflow:ellipsis;
	overflow:hidden;
	padding:0 20px;
	white-space:nowrap;
}
.drop-down .selected:after{position:absolute; right:20px; font-size:11px; content:' \25BC';}
.drop-down .options ul {
	width: 100%;
	background: #fff none repeat scroll 0 0;
	display: none;
	list-style: none;
	padding: 0px 0px;
	position: absolute;
	top: 100%;
	left: 0;
	box-sizing: border-box;
	border: 1px solid #363636;
	margin-top:-46px;
	border-radius:25px;
	border:none;
	box-shadow: 2px 5px 11px 2px rgba(0, 0, 0, 0.15);
	overflow:hidden;
	max-height:360px;
	overflow-y:auto;
}
.drop-down .options ul li {padding: 5px; display: block; text-decoration: none; color: #363636; box-sizing: border-box; padding: 12px 20px;}
.drop-down .options ul li:hover { background: #363636; color: #fff; transition: 0.2s ease; }

/*left 메뉴 관련*/

nav { width: 100%; height: 100%; background-color: var(--main-color); border-radius: 0 70px 0 0; position:relative; }
nav > a, nav label{padding:7px 24px;}
nav a, nav label {width: 264px; display: block; text-decoration: none; color: #fff; cursor: pointer; font-weight: 500; transition: none; margin-left: 16px; font-size: 20px;}
nav a:hover,nav label:hover { background: #fff; border-radius: 50px 0 0 50px; color: var(--main-color);}
nav label:before { transform: rotate(50deg); }
nav label:after { transform: rotate(-50deg) translate(-6px, 1px);}

.logo-area {width: 100%; height: 124px; display: flex; align-items: center; justify-content: center; color: #525252; position: relative;}
.logo-area img {width: 68%;}

.l_menu{width:76px;	background-color:var(--main-color);	height:100%; position:absolute;	left:0;	top:0;}
.l_menu ul, .l_menu li{	width:100%;	border:none; position:static; left:0; transform:translateX(0);}
.l_menu img{ width:70%; padding:5px; margin-top:5px; margin-bottom:5px; max-width:210px;}
.l_menu img:nth-child(1){ margin-top:20px;}
.l_menu .icons{	width:100%; 	margin:0 auto;	text-align:center; position:relative;	height:100%;}
.l_menu .icons li{cursor:pointer;}
.l_menu .icons li:hover{background-color:var(--left-hover-color);}
.l_menu .result{ width:auto;	height:100%; position:absolute;	left:76px;	background-color:red;}
.l_menu .area{width:auto; height:100%; background-color:var(--main-color); position:fixed; left:76px; top:0; border-left:2px solid #fff; z-index:9; display:none;}
.l_menu .area img{ position:absolute; bottom:20px; left:50px;}
.l_menu .rel-area{ width:100%; height:100%; display:flex;}
.l_menu .rel-area>ul{width:300px; height:100%;}
.l_menu .area li{width:100%; background-color:var(--main-color); padding:16px 0; text-align:center; font-size:18px; color:#fff; font-weight:600; cursor:pointer;}
.l_menu .area li:hover:not(:first-child){ background-color:var(--left-hover-color);}
.l_menu .area li:first-child{ font-size:40px; text-align:right; padding:0 20px;}
.l_menu .choose{width:300px; height:100%; display:none;border-right:2px solid #fff;}
.clause{position:absolute !important; bottom:78px;}
.clause img{width:80%;}
.logout{ position:absolute !important; bottom:2px;}
.logout img{ width:60%;}
.l_menu .area>ul:nth-child(1){ display:none;}
.l_menu .area>ul:nth-child(2){ display:none;}
.l_on{background-color:var(--left-hover-color) !important;}

/*left 메뉴 반응형*/
.m_left_wrap{text-align:center;}
.m_left_wrap > div{width:94%; background-color:var(--main-color); height:60px; font-size:40px; margin:0 auto; border-radius:20px; cursor:pointer; display:flex; justify-content:center; align-items:center;}
.m_left_wrap > div > p{color:#fff; font-size:22px; font-weight:600; width:80%; text-align:left;} 
.m_left_wrap > ul > li{width:90%; color:#fff; font-size:22px; background-color:var(--main-color); margin:0 auto; cursor:pointer;}
.m_left_wrap > ul > li > p{width:85%; font-size:20px; font-weight:500; padding:10px 0; position:relative; margin-left:15%; text-align:left;}
.m_left_wrap > ul > li > p.m_after:after{content:'\25BC'; position:absolute;  right:16px; bottom:14px; font-size:12px;}
.m_left_wrap > ul > li > ul > li{
	width:60%;
	margin:0 auto;
	margin-top:8px;
	margin-bottom:8px;
	padding:3px;
	font-size:18px;
	text-align:left;
}

.l_left_on{transition: background 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), color 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); background: #fff; color: var(--main-color); border-radius: 50px 0 0 50px;}

#m_kt_left_open{padding:0 !important;}
#m_aws_left_open{padding:0 !important;}
#m_notice_left_open{padding:0 !important;}
#m_support_left_open{padding:0 !important;}

/*hamburger menu*/
#responsive-nav { display: none; }
#responsive-nav+label {
	display: none;
	position: fixed;
	top: 37px;
	left: 24px;
	padding: 18px 27px;
	font-size: 20px;
	background: white;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 8px 0 rgba(0, 0, 0, 0.12);
	cursor: pointer;
	z-index: 9;
	transition: background 0.3s cubic-bezier(0.64, 0.09, 0.08, 1), color 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
}

.menu-wrapper {width: 45px; height: 45px; position: absolute; top: 2px; left: -2px; right: 0; bottom: 0; margin: auto; cursor: pointer;}
.hamburger-menu, .hamburger-menu:after, .hamburger-menu:before { width: 22px; height: 3px; }
.hamburger-menu.on,
.hamburger-menu.on:before,
.hamburger-menu.on:after{background-color:#fff;}
.hamburger-menu.on{background-color:var(--main-color) !important;}
.hamburger-menu.on:before{
	background-color:#fff !important;
	-webkit-transform: translateY(6px) rotate(45deg);
	-ms-transform: translateY(6px) rotate(45deg);
	-o-transform: translateY(6px) rotate(45deg);
	transform: translateY(6px) rotate(45deg);
}
.hamburger-menu.on:after{
	background-color:#fff !important; 
	-webkit-transform: translateY(-6px) rotate(-45deg);
	-ms-transform: translateY(-6px) rotate(-45deg);
	-o-transform: translateY(-6px) rotate(-45deg);
	transform: translateY(-6px) rotate(-45deg);
}
.hamburger-menu {position: relative; transform: translateY(19px); background: var(--main-color); left: 11px;}
.hamburger-menu.animate {background: rgba(255, 255, 255, 0);}
.hamburger-menu:before {content: ""; position: absolute; left: 0; bottom: 6px; background: var(--main-color); transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);}
.hamburger-menu:after {content: ""; position: absolute; left: 0; top: 6px; background: var(--main-color); transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);}
.hamburger-menu.animate:after {top: 0; transform: rotate(45deg); transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1); background-color: white;}
.hamburger-menu.animate:before {bottom: 0; transform: rotate(-45deg); transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1); background-color: white;}


/*명명한 클래스들*/

.numbers {font-family: 'Righteous', sans-serif;}
.krw {font-family: 'Nanum Gothic', sans-serif;}
.noto {font-family: 'Noto Sans KR', sans-serif;}
.hidden {font-size: 0;}
.red{color:red;}
.disabled{pointer-events:none;}
.notborder{	border:none !important; }
.nb14{ padding:10px 14px 0 14px !important; }
.n_deco table tr td{text-decoration:none !important; cursor:auto !important;}
.must{color:red;}
.bdt th, .bdt td{border-top:1px dashed #ccc;}
.bdb th, .bdb td{border-bottom:1px dashed #ccc;}
.bdt63 th, .bdt63 td{border-top:1px dashed #636363;}
.bg63{background-color:#636363;}
.ptb{border:1px solid #636363;}
.l20{left:20px;}
.protocol{width:auto; margin:0 5px;}
.flexwrap{display:flex; flex-wrap:wrap;}
.bs-n{box-shadow:none !important;}
.pe-n{pointer-events: none !important;};
.ab-md{position:absolute !important; left:50% !important; top:50% !important; transform:translate(-50%,-50%) !important;}
.pd7-0{padding:7px 0 !important;}
.pd7-14{padding:7px 14px !important;}
.pd0-15{padding:0 15px !important;}
.g_btn_001{height:27px; line-height:25px; border:1px solid #d5d5d5; background-color:#f8f8f8; padding:0 10px; border-radius:4px; font-size:14px; cursor:pointer;}
.tdbd td{border:1px solid #ccc; padding:6px 14px !important;}
.tdbd_b td{border-bottom:1px solid #ccc; padding:6px 14px !important;}
.tdpd14-7 tr td{padding:14px 7px !important;}
.dis-non{display:none;}
.dis-blo{display:block !important;}
.dis-inb{display:inline-block !important;}
.over-auto{overflow:auto;}
.overx-hid{overflow-x:hidden;}
.overy-auto{overflow-y:auto !important;}
.dis-fle{display:flex !important;}
.pos-rel{position:relative;}
.pos-abs{position:absolute !important;}
.pos-fix{position:fixed;}
.cur-poi{cursor:pointer;}
.fl{float:left !important;}
.fr{float:right !important;}
.justify-sa{justify-content:space-around};
.th-pd0 tr th{padding:0 !important;}
.td-pd0 tr td{padding:0 !important;}
.bdn{border:none !important;}
.bdc{border-collapse:collapse;}
.color-aaa{color:#aaa;}
.bg-fff{background-color:#fff !important;}
.cl-fff{color:#fff !important; }
.bd-ccc{border:1px solid #ccc;}
.bdr30{border-radius:30px;}
.underline{text-decoration:underline}
.separate{border-collapse:separate !important; border-spacing:0 !important;}
.scroll table:last-child tr th{ position:sticky; top:0;	z-index:5; }
.p_scroll table tr th{position:sticky !important; top:0 !important; z-index:26 !important;}
.p_scroll table tbody{overflow-y:auto;}
.tl{text-align:left !important;}
.tr{text-align:right !important;}
.tc{text-align:center !important;}
.pd5-40{padding:5px 40px;}
.th-bg{border:1px solid #777;}
.th-bg th{background-color:#777; text-align:center; color:#fff;}
.dummy_relative{width:100%; height:100%; position:relative;}
.bottom_4{margin-top:38px !important; margin-bottom:38px !important;}
.bottom_4 table tr td{padding:16px 7px !important};
.bottom_5{margin-top:23px !important; margin-bottom:23px !important;}
.bottom_5 table tr td{padding:14px 7px !important;}
.bottom_6{margin-top:28px !important; margin-bottom:28px !important;}
.bottom_6 table tr td{padding:9px 7px !important;}
.bottom_7{margin-top:24px !important; margin-bottom:24px !important;}
.bottom_7 table tr td{padding:7px !important;}
.answer_phone{width:159px !important; background-color:#fff !important; border:3px solid var(--main-th) !important; margin-left:5px;}
.chart_wrap > div{width:25%; padding:10px; position:relative;}
.disconnect_server{width:100%; height:85%; position:absolute; bottom:0; border-top:1px solid #ccc; display:flex; justify-content:center; align-items:center;}
.tr_btn_off{ color:#afafaf !important; border:1px solid #afafaf !important; }
.close img{ width:20px;}
.p_input{width:70%; height:35px; padding:0 10px;}
table.sticky tr th{position:sticky; top:0; z-index:5;}
.pink{background-color:rgb(255,171,199);}
.yellow{background-color:yellow;}
.f-center{display:flex; justify-content:center; align-items:center;}
label {	margin-bottom: 0;}
.zindex{position:absolute; width:auto !important; height:auto !important; z-index:6;}
.top_area { width:inherit; height: 10vh;}
.td_bgec td{background-color:#ececec !important; position:sticky; z-index:5; top:35px;}
.billing .apexcharts-yaxis-title{display:none !important;}
table.td_bdbt tr td{border-bottom:1px solid #ccc;}
.br-ccc{border-right:1px solid #ccc;}
.use{color:#16822e; font-weight:500; display:inline-block;}
.n_use{color:#c82c2c; font-weight:500; display:inline-block;}
.waf_text{width:100%; height:70px; display:flex; align-items:center; flex-wrap:wrap;}
.searchFilter01{height:27px; float:left; line-height:27px; margin:0 10px 6px 0; padding: 0 0 0 0.5%; border:1px solid #ccc; border-radius:5px; background-color:#f8f8f8; cursor:pointer;}
.searchFilter01 div.filterText{height:27px; display:block; float:left; line-height:27px; font-size:12px; color:#333; font-weight:400;}
.searchFilter01 a.filterClose{width:25px; height:27px; display:block; float:left; background:url('/img/filterClose01.png') 10% center no-repeat;}
a.filterClose{display:block; background:url(/img/filterClose01.png) 10% center no-repeat;}
.blue{color:#235285 !important;}
.dspn{display:none;}
.border-top-radius{border-top-left-radius:5px; border-top-right-radius:5px;}
.icon_tooltip{width:22px; position:relative; top:6px; left:4px;}
.row_bottom_pd_13 > tbody > tr > td{padding:13px 7px !important}
.row_bottom_pd_20 > tbody > tr > td{padding:20px 7px !important}


/*팝업 관련*/


#layer_mypage_enter input{width:90%; height:34px; padding:0 10px; border:1px solid #ccc;}
#layer_mypage_enter .title{padding:10px 0 5px 20px;}
#layer_mypage_enter table.t02{border:0; border-top:2px solid var(--main-popup-border); border-bottom:2px solid var(--main-popup-border);}
#layer_mypage_enter table.t02 tr th{background-color:var(--main-popup-th); color:#000; border:0;}
#layer_mypage_enter table.t02 tr td{border:0;}

.popup{display:none; font-size:14px; border:1px solid var(--main-color);}
.popup label{position:relative; top:-1px; left:0; padding:0 5px;}
.popup table{border-collapse:collapse;}
.popup table tr td label{ margin:0; cursor:pointer;}
.popup textarea{ width:100%; height:100px; border:1px solid #ccc; border-radius:10px; padding:10px; }
.popup select{ width:200px; height:34px; border-radius:5px; }
.popup input{ border-radius:5px; border:1px solid rgb(118,118,118); }
.popup input[type="radio"]:not(:first-child){margin-left:5px;}
.popup a{ display:inline-block; color:blue; margin:0 10px; }
.popup .title{font-size:20px !important;}
.popup .title img{width:20px;}
.popup_cover{width:100%; height:100%; padding:0; background-color:rgba(0,0,0,0.2); position:absolute; top:0; left:0; z-index:9999; border-radius:20px; display:none;}
.popup table tr td span label { position:relative;top:-1px;left:0; padding:0 5px;}
.popup table tr td div.loader { position:absolute;top:0px;}
.popup table tr td div.loader img{width:30px;} 
.popup .close img{width:20px;}
.popup_d1{border-collapse:separate !important;}

.p01{width:500px; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); padding-bottom:2px; z-index:25; background-color:#fff; border-radius:15px;}
.p01 > p{padding:0 20px; font-size:17px; text-align:center;}
.p01 .t01{ width:100%; height:36px; background-color:#fff; border-bottom:3px solid var(--main-color); border-radius:15px 15px 0 0;}
.p01 .title{width:456px; font-family:'Roboto','Sans-serif'; line-height:34px; font-size:18px; font-weight:bold; color:#000; padding:10px 0 10px 20px; clear:both; margin-bottom:20px; }
.p01 .t01 td.close{width:44px; text-align:right; padding:3px 10px 0 5px; }
.p01 .t02{ width:100%;}
.p01 .t02 td{ text-align:center; padding:20px 0;}
.p01 .t02 input[type=text]{width:70%; height:35px; padding:0 10px;}
.p01 .t02 td.p01_cont{height:auto; padding:15px 20px;}
.p01 .t02 td button{margin:0 10px;}

.p02{width:600px; height:600px; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:25; background-color:#fff; border-radius:20px; padding:20px 20px 0 20px;}
.p02 .title{ width:100%; height:34px; border-bottom:3px solid var(--main-color); font-size:20px; font-weight:bold;}
.p02 .center{width:100%; height:470px; overflow-y:auto;}
.p02 .center table{width:100%; border-collapse:collapse;}
.p02 .center > table > tbody > tr > th,
.p02 .center > table > tbody > tr > td{border-bottom:1px dashed #777;}
.p02 .center table tr th{padding:10px; text-align:left;}
.p02 .center table tr td{padding:14px;}
.p02 .main {width:100%; border:1px solid #777;}
.p02 .main table{width:100%; border-collapse:collapse; text-align:center;}
.p02 .main table tr th{background-color:#777; color:#fff; text-align:center !important;}
.p02.wd700 .main{height:250px; overflow-y:auto;}
.p02 .bottom{width:100%; height:75px; margin:0 auto; padding:20px 0; display:flex; justify-content:center;}
.p02 .buttons{width:250px;display:flex; justify-content:space-between;}
.p02.scroll .center .main table tr td{border-bottom:1px solid #ccc; padding:8px 14px;}
.p02 .center .t01 tr th{text-align:center;}
.p02 .center .t01 tr td{text-align:left;}
.p02 .center .t01 tr td input[type="text"]{width:100%; height:34px; padding:0 5px;}
.p02 .file_upload{display:flex; justify-content:center; align-items:center; text-align:center; padding:20px; border:1px dotted #000; margin:20px 0;}

.p03{width:800px; height:700px; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:25; background-color:#fff; border-radius:20px; padding:20px;}
.p03 .title{ width:100%; height:34px; border-bottom:3px solid var(--main-color); }
.p03 .title p{ font-size:20px; font-weight:bold; }
.p03 .center{ width:100%; height:571px; overflow-y:auto; }
.p03 .center table{ width:100%; }
.p03 .center > table > tbody > tr > th,
.p03 .center > table > tbody > tr > td{ border-bottom:1px dashed #ccc;}
.p03 .center table tr th{ padding:10px; text-align:left; position:static; }
.p03 .center table tr td{ padding:14px; }
.p03 .center p{display:inline-block;}
.p03 .tableWrap{ width:100%; border:1px solid #777; }
.p03 .tableWrap table{ width:100%; border-collapse:collapse; text-align:center;}
.p03 .tableWrap table tr th{ background-color:#777; color:#fff; text-align:center; }
.p03 .bottom{ width:100%; height:75px; margin:0 auto; padding:20px 0; display:flex; justify-content:center; }
.p03 .buttons{width:250px; display:flex; justify-content:space-between;}
.p03 .sw135 select{width:135px !important; height:28px; border-bottom:1px solid #ccc;}
.p03 .sw135 table tr td{padding:7px 14px; border-bottom:1px solid #ccc;}
.p03 .sw135 button.btn_duplication{width:50px;}

.p04{width:650px; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); padding-bottom:2px; z-index:25; background-color:#fff; border-radius:15px;}
.p04 > p{padding:0 20px; font-size:17px; text-align:center;}
.p04 .t01{width:100%; height:36px; background-color:#fff; border-bottom:3px solid var(--main-color); border-radius:15px 15px 0 0;}
.p04 .title{width:456px; font-family:'Roboto','Sans-serif'; line-height:34px; font-size:18px; font-weight:bold; color:#000; padding:10px 0 10px 20px; clear:both; margin-bottom:20px; text-align:left;}
.p04 .t01 td.close{width:44px; text-align:right; padding:3px 10px 0 5px;}
.p04 .t02{ width:80%; margin:0 auto; margin-top:10px; border-collapse:collapse;}
.p04 .t02 tr:first-child td{border:1px solid #777;}
.pth .t02 tr th, .pth .t02 tr:not(:last-child) td{border:1px solid #999;}
.p04 .t02 tr:first-child td:first-child{background-color:#777; font-size:14px; color:#fff; font-weight:500;} /*20210906 font 18px->14px;*/
.p04 .t02 tr th{background-color:#777; color:#fff; font-weight:500; border:1px solid #777;}
.p04 .t02 tr td{ text-align:center; padding:18px 0; border:1px solid #777;}
.p04 .t02 td.p01_cont{ height:auto; padding:15px 20px;}
.p04 .t02 input[type=text]{width:90%; padding:0 10px;}
.pth .t02.tb tr:nth(:last-child) th{border:1px solid #777;}
.p04 .t02.tb tr:not(:last-child) td{border:1px solid #777;}
.p04 .t02.tb tr:not(:last-child) td:first-child{background-color:#777; color:#fff; font-weight:500;} /* font-size:18px;*/
.p04table{background-color:#777; color:#fff; font-weight:500;} /*font-size:18px; */
.p04border{border:1px solid #777;}
.p04 .buttons{width:250px; display:flex; justify-content:space-between; margin:0 auto; padding:20px 0;}

.popup input[type="text"]{width:100%; height:34px; padding:0 5px;}
.pth .t02 tr th{background-color:#777; color:#fff; font-weight:500;}
.center table tr th{text-align:center;}

.p05{width:500px; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); padding-bottom:2px; z-index:250; background-color:#fff; border-radius:15px; border:2px solid var(--main-color); box-sizing:border-box;}
.p05 > p{padding:0 20px; font-size:17px; text-align:center;}
.p05 .t01{ width:100%; height:36px; background-color:#fff; border-bottom:3px solid var(--main-color); border-radius:15px 15px 0 0;}
.p05 .title{width:456px; font-family:'Roboto','Sans-serif'; line-height:34px; font-size:18px; font-weight:bold; color:#000; padding:10px 0 10px 20px; clear:both; margin-bottom:20px; }
.p05 .t01 td.close{ text-align:right; padding:3px 10px 0 5px; width:44px;}
.p05 .t02{ width:100%;}
.p05 .t02 td{ text-align:center; padding:25px 0;}
.p05 .t02 input[type=text]{width:70%; height:35px; padding:0 10px;}
.p05 .t02 input[type=button]{border:1px solid var(--main-color); -webkit-border-radius:20px;} /*border:1px solid #dd1a1a;*/
.p05 .t02 td.p01_cont{height:auto; padding:15px 20px;}

/*answer*/
.answer {width: 50%; height: 90vh; margin: 0 auto; position: fixed; background-color: #fff; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 26; padding: 1%; border-radius: 30px; box-shadow: 2px 5px 11px 5px rgb(0 0 0 / 15%); overflow-y:auto;}
.answer .title { width: 100%; height: 16%; background:var(--main-th); border-radius: 30px 30px 0 0; }
.answer .title p { font-size: 30px; font-weight: 600; padding: 6%; }
.answer .main .tableWrap { width: auto; height: 100%; background: #fff; overflow: hidden; }
.answer .main .tableWrap select {width:180px; height: 40px; }
.answer .main .tableWrap table tr:first-child td:nth-child(2){display:flex; align-items:center; justify-content:space-between;}
/*.answer .main .tableWrap table tr td.tog01{display:flex; align-items:center;}*/
.answer .main { width: 100%; height: 84%; }
.answer .main table { width: 96%; height: auto; margin:0 4% 0 6%;}
.answer .main table tr:nth-child(4) input { width: 80%; }
.answer .main table tr:nth-child(5) input { width: 80%; height: 200px;}
.answer .main table tr td textarea{width:80%; height:200px; border-radius:5px; border:none; padding:20px; background-color:var(--main-th); resize:none;}
.answer .main table tr th,
.answer .main table tr td { height: 80px; font-size: 14px; font-weight: 600; }
.answer .main table tr input {width: 65%; height: 40px; border-radius: 5px; border: none; padding: 0 20px; background-color:var(--main-th);}
.answer .main table tr:last-child input { width: 70%; background-color: transparent; }
.answer .main table tr:first-child td:nth-child(2) { width:50%; min-width:300px;}
.answer .main table p { font-size: 12px; font-weight: 400; }
.answer select {border-radius: 5px; border:3px solid var(--main-th); padding: 0 20px; background-color:#fff;}
.answer .main .tableWrap .buttons { width: 60%; margin: 0 auto; display: flex; justify-content: space-evenly; margin-top: 2.5%; }
.answer .main .tableWrap .buttons button {width: 40%; height: 40px; align-items: center; border-radius: 30px; cursor: pointer; }

/* width */
.wd50{width:50px;}
.wd70{width:70px !important;}
.wd80{width:80px !important;}
.wd100{width:100px !important;}
.wd105{width:105px !important;}
.wd110{width:110px !important;}
.wd120{width:120px !important;}
.wd125{width:125px !important;}
.wd130{width:130px !important;}
.wd135{width:135px !important;}
.wd140{width:140px !important;}
.wd150{width:150px !important;}
.wd152{width:152px !important;}
.wd160{width:160px !important;}
.wd170{width:170px !important;}
.wd180{width:180px !important;}
.wd185{width:185px !important;}
.wd190{width:190px !important;}
.wd200{width:200px !important;}
.wd210{width:210px !important;}
.wd215{width:215px !important;}
.wd220{width:220px !important;}
.wd230{width:230px !important;}
.wd240{width:240px !important;}
.wd245{width:245px !important;}
.wd250{width:250px !important;}
.wd270{width:270px !important;}
.wd300{width:300px !important;}
.wd310{width:310px !important;}
.wd320{width:320px !important;}
.wd330{width:330px !important;}
.wd350{width:350px !important;}
.wd360{width:360px;}
.wd400{width:400px !important;}
.wd460{width:460px !important;}
.wd500{width:500px !important;}
.wd540{width:540px !important;}
.wd600{width:600px !important;}
.wd650{width:650px !important;}
.wd700{width:700px !important;}
.wd730{width:730px;}
.wd750{width:750px !important;}
.wd760{width:760px !important;}
.wd770{width:770px !important;}
.wd780{width:780px !important;}
.wd800{width:800px !important;}
.wd820{width:820px;}
.wd850{width:850px !important;}
.wd900{width:900px !important;}
.wd1000{width:1000px !important;}
.wd1200{width:1200px !important;}
.wd1300{width:1300px !important;}

.wd3p{width:3%;}
.wd4p{width:4%;}
.wd5p{width:5% !important;}
.wd6p{width:6%;}
.wd7p{width:7%;}
.wd8p{width:8%;}
.wd10p{width:10% !important;}
.wd12p{width:12% !important;}
.wd13p{width:13%;}
.wd15p{width:15% !important;}
.wd16p{width:16% !important;}
.wd20p{width:20% !important;}
.wd22p{width:22% !important;}
.wd25p{width:25% !important;}
.wd27p{width:27% !important;}
.wd30p{width:30% !important;}
.wd31p{width:31% !important;}
.wd32p{width:32% !important;}
.wd36p{width:36% !important;}
.wd39p{width:39% !important;}
.wd40p{width:40% !important;}
.wd41p{width:41% !important;}
.wd42p{width:42% !important;}
.wd43p{width:43% !important;}
.wd44p{width:44% !important;}
.wd45p{width:45% !important;}
.wd47p{width:47% !important;}
.wd48p{width:48% !important;}
.wd49p{width:49% !important;}
.wd50p{width:50% !important;}
.wd52p{width:52% !important;}
.wd54p{width:54% !important;}
.wd55p{width:55% !important;}
.wd57p{width:57% !important;}
.wd60p{width:60% !important;}
.wd61p{width:61% !important;}
.wd62p{width:62% !important;}
.wd65p{width:65% !important;}
.wd70p{width:70% !important;}
.wd72p{width:72% !important;}
.wd75p{width:75% !important;}
.wd77p{width:77% !important;}
.wd80p{width:80% !important;}
.wd85p{width:85%;}
.wd87p{width:87% !important;}
.wd90p{width:90% !important;}
.wd95p{width:95% !important;}
.wd96p {width:96% !important;}
.wd97p {width:97% !important;}
.wd98p{width:98% !important;}
.wd100p{width:100% !important;}

.wd-auto{width:auto !important;}
.hg-auto{height:auto !important;}

.hg28{height:28px !important;}
.hg30{height:30px !important;}
.hg45{height:45px !important;}
.hg50{height:50px !important;}
.hg60{height:60px !important;}
.hg70{height:70px !important;}
.hg80{height:80px !important;}
.hg90{height:90px !important;}
.hg100{height:100px !important;}
.hg109{height:109px !important;}
.hg110{height:110px !important;}
.hg115{height:115px !important;}
.hg120{height:120px !important;}
.hg130{height:130px !important;}
.hg134{height:134px;}
.hg135{height:135px !important;}
.hg138{height:138px !important;}
.hg140{height:140px !important;}
.hg145{height:145px !important;}
.hg150{height:150px !important;}
.hg160{height:160px !important;}
.hg170{height:170px !important;}
.hg175{height:175px !important;}
.hg180{height:180px !important;}
.hg190{height:190px !important;}
.hg195{height:195px !important;}
.hg200{height:200px !important;}
.hg210{height:210px !important;}
.hg220{height:220px !important;}
.hg225{height:225px !important;}
.hg230{height:230px !important;}
.hg235{height:235px !important;}
.hg240{height:240px !important;}
.hg245{height:245px !important;}
.hg250{height:250px !important;}
.hg260{height:260px !important;}
.hg270{height:270px !important;}
.hg280{height:280px !important;}
.hg290{height:290px !important;}
.hg295{height:295px !important;}
.hg300{height:300px !important;}
.hg310{height:310px !important;}
.hg320{height:320px !important;}
.hg325{height:325px !important;}
.hg330{height:330px !important;}
.hg340{height:340px !important;}
.hg350{height:350px !important;}
.hg360{height:360px !important;}
.hg370{height:370px !important;}
.hg375{height:375px !important;}
.hg380{height:380px !important;}
.hg385{height:385px !important;}
.hg390{height:390px !important;}
.hg400{height:400px !important;}
.hg410{height:410px !important;}
.hg415{height:415px !important;}
.hg420{height:420px !important;}
.hg430{height:430px !important;}
.hg440{height:440px !important;}
.hg450{height:450px !important;}
.hg455{height:455px !important;}
.hg460{height:460px !important;}
.hg470{height:470px !important;}
.hg485{height:485px !important;}
.hg490{height:490px !important;}
.hg495{height:495px !important;}
.hg500{height:500px !important;}
.hg510{height:510px !important;}
.hg520{height:520px !important;}
.hg530{height:530px !important;}
.hg540{height:540px !important;}
.hg550{height:550px !important;}
.hg560{height:560px !important;}
.hg570{height:570px !important;}
.hg580{height:580px !important;}
.hg590{height:590px !important;}
.hg600{height:600px !important;}
.hg620{height:620px !important;}
.hg635{height:635px !important;}
.hg650{height:650px !important;}
.hg665{height:665px !important;}
.hg670{height:670px !important;}
.hg680{height:680px !important;}
.hg690{height:690px !important;}
.hg720{height:720px !important;}
.hg735{height:735px !important;}
.hg750{height:750px !important;}
.hg780{height:780px !important;}
.hg800{height:800px !important;}
.hg810{height:810px !important;}
.hg820{height:820px !important;}
.hg850{height:850px !important;}

.hg17p{height:17%;}
.hg34p{height:34%;}
.hg65p{height:65% !important;}
.hg77p{height:77% !important;}
.hg82p{height:82%;}
.hg85p{height:85% !important;}
.hg90p{height:90% !important;}
.hg94p{height:94% !important;}
.hg96p{height:96%;}
.hg100p{height:100% !important;}
.hg90vh{height:90vh;}

.mhg175{max-height:175px;}
.mhg195{max-height:195px;}
.mhg275{max-height:275px;}
.mhg300{max-height:300px;}

.min-h200{min-height:200px;}
.mihg56{min-height:50px;}
.mihg57{min-height:50px;}
.max-wd1200{max-width:1200px;}

.mg0{margin:0 !important;}
.mg5{margin:5px !important;}
.mg0auto{margin:0 auto;}
.mgl10{margin-left:10px;}
.mgl20{margin-left:20px;}
.mgl1p{margin-left:1%;}
.mgr3p{margin-right:3%;}
.mgr13p{margin-right:13% !important;}
.mgr20{margin-right:20px;}
.mgr25{margin-right:25px;}
.mgr85{margin-right:85px;}
.mgt50{margin-top:50px;}
.mgt10{margin-top:10px;}
.mgt15{margin-top:15px;}
.mgt0{margin-top:0 !important;}
.mg8-0{margin:8px 0;}
.mg10-0{margin:10px 0;}
.mg0-5{margin:0 5px;}
.mg0-10{margin:0 10px;}

.pd0{padding:0 !important;}
.pd2{padding:2px;}
.pd5{padding:5px !important;}
.pd6{padding:6px;}
.pd7{padding:7px !important;}
.pdb10{padding-bottom:10px;}
.pd10{padding:10px;}
.pd14{padding:14px !important;}
.pd3-14{padding:3px 14px !important;}
.pd10-0{padding:10px 0 !important;}
.pd11-0{padding:11px 0 !important;}
.pd14-0{padding:14px 0 !important;}
.pd12{padding:12px;}
.pd0-10{padding:0 10px !important;}
.tdpd15 tr td{padding:15px !important;}
.pdlr10 { padding:0 10px !important; }
.f-s12{font-size:12px !important;}
.f-s13{font-size:13px !important;}
.f-s14{font-size:14px !important;}
.f-s16{font-size:16px;}
.f-s22{font-size:22px;}

.f-w400{font-weight:400;}
.f-w500{font-weight:500;}
.f-w600{font-weight:600;}
.fw600{font-weight:600; background-color:var(--main-td);}

.keep-all{word-break:keep-all;}

.g_btn_02 {
	height:27px;
	line-height:25px;
	border:1px solid #3f516b;
	padding:0 20px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background-color:#3f516b;
	font-family:'meiryo-bold','hiragino_sans_gbw6','MicrosoftYaheiBold','NanumGothicBold', Sans-serif;
	font-size:1.0em;
	cursor:pointer;
	color:#f8f8f8;
}
.g_btn_02:hover { background-color:#333e4e;border:1px solid #333e4e; }

input[type="submit"].g_btn_02 {
	height:27px;
	line-height:25px;
	border:1px solid #3f516b !important;
	padding:0 20px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background-color:#3f516b !important;
	font-family:'meiryo-bold','hiragino_sans_gbw6','MicrosoftYaheiBold','NanumGothicBold', Sans-serif !important;
	font-size:1.0em !important;
	cursor:pointer;
	color:#f8f8f8 !important;
}
input[type="submit"].g_btn_02:hover { background-color:#333e4e !important;border:1px solid #333e4e !important; }

.g_btn_02-2 {
	height:24px;
	line-height:22px;
	border:none !important;
	padding:0 20px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background-color:#e05b5b;
	font-family:'meiryo-bold','hiragino_sans_gbw6','MicrosoftYaheiBold','NanumGothicBold', Sans-serif;
	font-size:1.0em;
	cursor:pointer;
	color:#f8f8f8;
}
.g_btn_02-2:hover { background-color:#d43535;border:1px solid #d43535; }

input[type="submit"].g_btn_02-2 {
	height:24px;
	line-height:22px;
	border:1px solid #e05b5b !important;
	padding:0 20px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background-color:#e05b5b !important;
	font-family:'meiryo-bold','hiragino_sans_gbw6','MicrosoftYaheiBold','NanumGothicBold', Sans-serif !important;
	font-size:1.0em !important;
	cursor:pointer;
	color:#f8f8f8 !important;
}
input[type="submit"].g_btn_02-2:hover { background-color:#d43535 !important;border:1px solid #d43535 !important; }

.g_btn_03 {
	height:27px;
	line-height:25px;
	border:1px solid #5996e1;
	padding:0 20px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background-color:#5996e1;
	font-family:'meiryo-bold','hiragino_sans_gbw6','MicrosoftYaheiBold','NanumGothicBold', Sans-serif;
	font-size:1.0em;
	cursor:pointer;
	color:#f8f8f8;
}
.g_btn_03:hover { background-color:#2f6ebc;border:1px solid #2f6ebc; }

input[type="submit"].g_btn_03 {
	height:27px;
	line-height:25px;
	border:1px solid #5996e1 !important;
	padding:0 20px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background-color:#5996e1 !important;
	font-family:'meiryo-bold','hiragino_sans_gbw6','MicrosoftYaheiBold','NanumGothicBold', Sans-serif !important;
	font-size:1.0em !important;
	cursor:pointer;
	color:#f8f8f8 !important;
}
input[type="submit"].g_btn_03:hover { background-color:#2f6ebc !important;border:1px solid #2f6ebc !important; }

.g_btn_03-2 {
	border:none !important;
	height:24px;
	line-height:22px;
	padding:0 10px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background-color:#5996e1;
	font-family:'meiryo-bold','hiragino_sans_gbw6','MicrosoftYaheiBold','NanumGothicBold', Sans-serif;
	font-size:1.0em;
	cursor:pointer;
	color:#f8f8f8;
}
.g_btn_03-2:hover { background-color:#2f6ebc;border:1px solid #2f6ebc; }

input[type="submit"].g_btn_03-2 {
	height:24px;
	line-height:22px;
	border:1px solid #5996e1 !important;
	padding:0 10px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background-color:#5996e1 !important;
	font-family:'meiryo-bold','hiragino_sans_gbw6','MicrosoftYaheiBold','NanumGothicBold', Sans-serif !important;
	font-size:1.0em !important;
	cursor:pointer;
	color:#f8f8f8 !important;
}
input[type="submit"].g_btn_03-2:hover { background-color:#2f6ebc !important;border:1px solid #2f6ebc !important; }


/*로딩 관련*/
.layer_innerLoading {
	width:64px;
	height:64px;
	background-image:url('/img/loading.gif');
	background-repeat:no-repeat;
	position:absolute;
	left:50%;
	top:65%;
	transform:translate(-50%,-50%);
	margin:auto;
	display:none;
	z-index:999;
}
.layer_innerLoading2 {
	width:64px;
	height:64px;
	background-image:url('/img/loading.gif');
	background-repeat:no-repeat;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	margin:auto;
	display:none;
	z-index:999;
}
.layer_innerLoading3 {
	width:100%;
	height:100%;
	background-image:url('/img/loading.gif');
	background-position:center;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	opacity:.5;filter:alpha(opacity=50);
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:auto;
	display:none;
}

.layer_innerLoading3_opacity {
	width:100%;
	height:100%;
	background-image:url('/img/loading_06_b.gif');
	background-position:center;
	background-color:#000;
	background-repeat:no-repeat;
	opacity:0.2;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:auto;
	display:none;
}
.layer_innerLoading3_b {
	width:100%;
	height:100%;
	background-position:center;
	background-color:#000000;
	background-repeat:no-repeat;
	opacity:0.2;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:auto;
	display:none;
}
.layer_innerLoading3_b img{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	z-index:26;
}
.layer_innerLoading4{
	width:100%;
	height:100%;
	display:none;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	background-color:rgba(0,0,0,0.2);
	z-index:999;
}
.layer_innerLoading4 div{
	width:64px;
	height:64px;
	background-image:url('/img/loading_06_b.gif');
	background-repeat:no-repeat;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	margin:auto;
	z-index:9999;
}

.loading_box{width:56%; height:35px; position:relative; float:right;}

/*버튼 관련*/
.btn_answer_submit { background-color:var(--main-color); color: #fff; border: none; }
.btn_answer_close { background-color: #fff; border: 1px solid #ccc; }
.btn_close{height:34px; line-height:25px; border:1px solid #d5d5d5; padding:0 42px; -webkit-border-radius:20px; background-color:#f8f8f8; font-family:'Roboto','Sans-serif'; font-size:1.0em; cursor:pointer;}
.btn_submit{height:34px; line-height:25px; border:1px solid var(--main-color); padding:0 42px; -webkit-border-radius:20px; background-color:var(--main-color); font-family:'Roboto','Sans-serif'; font-size:1.0em; cursor:pointer; color:#fff;}
.certificatebtn01 { position:relative;top:0;left:0;padding:0 14px 0 33px; }
.certificatebtn01:before { content:url('/img/icon/icon_certificatebtn_01.png');position:absolute;top:3px;left:16px; }
.certificatebtn01:hover:before { content:url('/img/icon/icon_certificatebtn_01_on.png'); }
.certificatebtn02 { position:relative;top:0;left:0;padding:0 12px 0 27px !important; }
.certificatebtn02:hover{color:#1d71d9;}
.certificatebtn02:before { content:url('/img/icon/icon_certificatebtn_02.png');position:absolute;top:8px;left:8px; }
.certificatebtn02:hover:before { content:url('/img/icon/icon_certificatebtn_02_on.png'); }
.certificatebtn03 { position:relative;top:0;left:0;padding:0 12px 0 31px; }
.certificatebtn03:before { content:url('/img/icon/icon_certificatebtn_02.png');position:absolute;top:3px;left:16px; }
.certificatebtn03:hover { border:1px solid #ff4848;color:#ff4848; }
.certificatebtn03:hover:before { content:url('/img/icon/icon_certificatebtn_02_red.png'); }
.initialization{position:relative; top:0; left:0; padding:0 24px 0 38px !important;}
.initialization:hover{background-color:#fff; border:1px solid #5996e1 !important; color:#1d71d9;}
.initialization:before{content:url('/img/icon/icon_initialization_black.png'); position:absolute; top:8px; left:20px;}
.initialization:hover:before{content:url('/img/icon/icon_initialization_blue.png');}
.changepw{position:relative; top:0; left:0; padding:0 24px 0 40px !important;}
.changepw:hover{background-color:#fff; border:1px solid #5996e1 !important; color:#1d71d9;}
.changepw:before{content:url('/img/icon/icon_changepw_black.png'); position:absolute; top:8px; left:24px;}
.changepw:hover:before{content:url('/img/icon/icon_changepw_blue.png');}
.prdChange{position:relative; top:0; left:0; padding:0 24px 0 40px !important;} /*20231027 padding 0 24px 0 43px*/
.prdChange:hover{border:1px solid #5996e1 !important; color:#1d71d9; background-color:#fff;}
.prdChange:before{content:url('/img/icon/icon_prdChange_gray.png'); position:absolute; top:8px; left:20px;}
.prdChange:hover:before{content:url('/img/icon/icon_prdChange_blue.png');}
.connect{position:relative; top:0; left:0; padding:0 24px 0 37px !important;}
.connect:hover{background-color:#fff; border:1px solid #5996e1 !important; color:#1d71d9;}
.connect:before{content:url('/img/icon/icon_connect_gray.png'); position:absolute; top:8px; left:20px;}
.connect:hover:before{content:url('/img/icon/icon_connect_blue.png');}
.disconnect{position:relative; top:0; left:0; padding:0 24px 0 37px !important;}
.disconnect:hover{border:1px solid #ff4848 !important; color:#ff4848; background-color:#fff !important;}
.disconnect:before{content:url('/img/icon/icon_disconnect_black.png'); position:absolute; top:8px; left:20px;}
.disconnect:hover:before{content:url('/img/icon/icon_disconnect_red.png');}
.generate1{position:relative; top:0; left:0; padding:0 24px 0 37px !important;}
.generate1:hover{border:1px solid #5996e1 !important; color:#1d71d9; background-color:#fff;}
.generate1:before{content:url('/img/icon/icon_generate1_gray.png'); position:absolute; top:8px; left:20px;}
.generate1:hover:before{content:url('/img/icon/icon_generate1_blue.png');}
.generate2{position:relative; top:0; left:0; padding:0 24px 0 37px !important;}
.generate2:hover{border:1px solid #5996e1 !important; color:#1d71d9; background-color:#fff;}
.generate2:before{content:url('/img/icon/icon_generate2_gray.png'); position:absolute; top:8px; left:20px;}
.generate2:hover:before{content:url('/img/icon/icon_generate2_blue.png');}
.upload{position:relative; top:0; left:0; padding:0 24px 0 42px !important; border:1px solid #5996e1; background-color:#5996e1; font-size:0.8em; color:#f8f8f8;}
.upload:hover{background-color:#2f6ebc; border:1px solid #2f63bc;}
.upload:before{content:url('/img/icon/icon_upload.png'); position:absolute; top:2px; left:22px;}
.download{width:120px; height:26px; position:relative; top:0; left:0; padding:0 24px 0 40px !important;}
.download:before{content:url('/img/icon/icon_download.png'); position:absolute; top:6px; left:22px;}
.excel{position:relative; top:0; left:0; padding-left:30px !important;}
.excel:hover{border-color:#1d7044; color:#1d7044;}
.excel:before{content:url('/img/icon/icon_excel.png'); position:absolute; top:3px; left:10px;}
a.link_modify{padding-bottom:1px; position:relative; top:0px; left:0;}
a.link_modify:after{width:12px; height:12px; content:url('/img/icon/icon_modify_off.png'); position:absolute; top:3px; right:-15px;}
a.link_set{padding-bottom:1px; position:relative; top:0; left:0;}
a.link_set:after{width:12px; height:12px; content:url('/img/icon/icon_set_gray.png'); position:absolute; top:3px; right:-15px;}
a.link_set_th{padding-bottom:1px; position:relative; top:0; left:0;}
a.link_set_th:after{width:12px; height:12px; content:url('/img/icon/icon_set_gray.png'); position:absolute; top:1px; right:-19px;}
a.link_move_th{padding-bottom:1px; position:relative; top:0; left:0;}
a.link_move_th:after{width:12px; height:12px; content:url('/img/icon/icon_link_gray.png'); position:absolute; top:1px; right:-19px;}
.g_btn_02{border:1px solid #e05b5b !important; background-color:#e05b5b !important; color:#f8f8f8 !important;}
.g_btn_02:hover{border:1px solid #d43535 !important; background-color:#d43535 !important;}
.g_btn_01.on, .g_btn_01.on:hover{background-color:#797979 !important; border:1px solid #797979 !important; color:#fff !important;}
.btn_duplication{background-color:#dd1a1a; color:#fff; padding:4px 10px; border:none; border-radius:15px !important; margin:0 6px; font-size:14px; font-weight:bold; cursor:pointer;}

.b_cont{
	width:90px;
	height:27px;
	position:relative;
	top:0;
	left:0;
	line-height:25px;
	border-radius:4px;
	-webkit-border-radius: 4px;
	font-family: 'meiryo-bold', 'hiragino_sans_gbw6', 'MicrosoftYaheiBold', 'NanumGothicBold', Sans-serif;
	font-size: 0.8em;
	cursor:pointer;
}

.b_contw{
	width:auto;
	height:27px;
	position:relative;
	top:0;
	left:0;
	line-height:25px;
	border-radius:4px;
	-webkit-border-radius: 4px;
	font-family: 'meiryo-bold', 'hiragino_sans_gbw6', 'MicrosoftYaheiBold', 'NanumGothicBold', Sans-serif;
	font-size: 0.8em;
	cursor:pointer;
}

.btn_create { border: 1px solid #5996e1 !important; background-color: #5996e1 !important; font-size: 0.8em !important; color: #f8f8f8; padding:0 24px !important;}
.btn_create:before { content: url('/img/icon_plus.png'); position: absolute; top: -1px; left: 14px; }
.btn_create:hover {background-color: #2f6ebc !important; border: 1px solid #2f6ebc !important;}
.btn_create.inact:before { content: url('/img/icon_plus_inact.png');}

.btn_start { border: 1px solid #6fac4b !important; background-color: #fff !important; color: #6fac4b !important; padding-left:15px;}
.btn_start:before { content: url('/img/icon_start_green.png'); position: absolute; left: 15px; }
.btn_start:hover { background-color: #6fac4b !important; border: 1px solid #6fac4b !important; color: #fff !important;}
.btn_start:hover:before { content: url('/img/icon_start_white.png'); }
.btn_start.inact:before { content: url('/img/icon_start_inact.png') !important; }

.btn_stop { border: 1px solid #da3d3d !important; background-color: #fff !important; color: #da3d3d !important; padding-left:20px; }
.btn_stop:before { content: url('/img/icon_stop_red.png'); position: absolute; left: 17px; }
.btn_stop:hover { background-color: #da3d3d !important; border: 1px solid #da3d3d !important; color: #fff !important; }
.btn_stop:hover:before { content: url('/img/icon_stop_white.png'); }
.btn_stop.inact:before { content: url('/img/icon_stop_inact.png') !important; }

.btn_shutdown { border: 1px solid #777 !important; background-color: #fff !important; color: #777 !important; padding-left:20px; }
.btn_shutdown:before { content: url('/img/icon_exit_gray.jpg'); position: absolute; left: 17px; }
.btn_shutdown:hover { background-color: #777 !important; border: 1px solid #777 !important; color: #fff !important; }
.btn_shutdown:hover:before { content: url('/img/icon_exit_white.png'); }

.btn_restart { border: 1px solid #4b97cd !important; background-color: #fff !important; color: #4b97cd !important; padding-left:20px; }
.btn_restart:before { content: url('/img/icon_restart_blue.png'); position: absolute; top: 0; left: 15px; }
.btn_restart:hover { background-color: #4b97cd !important; border: 1px solid #4b97cd !important; color: #fff !important; }
.btn_restart:hover:before { content: url('/img/icon_restart_white.png'); }
.btn_restart.inact:before { content: url('/img/icon_restart_inact.png') !important; }

.btn_delete { border: 1px solid #dd1a1a !important; background-color: #fff !important; color: #dd1a1a !important; padding-left:15px;}
.btn_delete:before { content: url('/img/icon_trash_on.png'); position: absolute; left: 17px; }
.btn_delete:hover { background-color: #dd1a1a !important; border: 1px solid #dd1a1a !important; color: #fff !important; }
.btn_delete:hover:before { content: url('/img/icon_trash_white.png'); }
.btn_delete.inact:before { content: url('/img/icon_trash_inact.png') !important; }

.btn_delete_d1 { border: 1px solid #dd1a1a !important; background-color: #dd1a1a !important; color: #f8f8f8 !important; padding-left:15px;}
.btn_delete_d1:before { content: url('/img/icon_trash_white.png'); position: absolute; left: 17px; }
.btn_delete_d1:hover { background-color: #891400 !important; border: 1px solid #891400 !important; color: #fff !important; }
.btn_delete_d1:hover:before { content: url('/img/icon_trash_white.png'); }
.btn_delete_d1.inact:before { content: url('/img/icon_trash_inact.png') !important; }

.btn_associate{border: 1px solid #4b97cd !important; background-color: #fff !important; color: #4b97cd !important;}
.btn_associate:hover{background-color: #4b97cd !important; border: 1px solid #4b97cd !important; color: #fff !important;}

.btn_disassociate{border: 1px solid #da3d3d !important; background-color: #fff !important; color: #da3d3d !important;}
.btn_disassociate:hover{background-color: #da3d3d !important; border: 1px solid #da3d3d !important; color: #fff !important;}

.midBtn { display:inline-block;margin:5px 0; }
.midBtn button {
	display:inline-block;
	height:26px;
	line-height:20px;
	margin:3px 0 0 5px;
	padding:0 18px;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border:1px solid #b0b0b0;
	background-color:#fff;
	font-family:'NanumGothicBold', Sans-serif;
	font-size:1.0em;
	cursor:pointer;
	color:#b0b0b0;
	overflow:hidden;
}
.midBtn button:hover,
.midBtn button.on { background-color:#fff !important;border:1px solid #5996e1;color:#5996e1; }

.midBtn2 {
	height:26px;
	line-height:20px;
	padding:0 18px;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border:1px solid #b0b0b0;
	background-color:#fff;
	font-family:'NanumGothicBold', Sans-serif;
	font-size:1.0em;
	cursor:pointer;
	color:#b0b0b0;
	overflow:hidden;
}
.midBtn2:hover,
.midBtn2 button.on { background-color:#fff !important;border:1px solid #5996e1;color:#5996e1; }

.midBtn3 {
	display:inline-block;
	height:26px;
	line-height:20px;
	margin:3px 0 0 5px;
	padding:0 18px;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border:1px solid #008600 !important;
	background-color:#fff;
	font-family:'NanumGothicBold', Sans-serif;
	font-size:1.0em;
	cursor:pointer;
	color:#008600 !important;
	overflow:hidden;
}

.midBtn4 {
	display:inline-block;
	height:26px;
	line-height:20px;
	margin:3px 0 0 5px;
	padding:0 18px;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border:1px solid #dd1a1a !important;
	background-color:#fff;
	font-family:'NanumGothicBold', Sans-serif;
	font-size:1.0em;
	cursor:pointer;
	color:#dd1a1a !important;
	overflow:hidden;
}

.pagination{display:flex; justify-content:center; margin-top:15px;}
.pagination div a{
	width:30px;
	height:28px;
	display:inline-block;
	line-height:25px;
	background-color:#d5d5d5;
	text-decoration:none;
	font-size:17px;
	color:#797979;
	cursor:pointer;
	margin:0 2px;
	padding:0;
	text-align:center;
}
.pagination div b{
	width:30px;
	height:28px;
	display:inline-block;
	line-height:25px;
	background-color:var(--main-color) !important; 
	color:#fff !important; 
	font-weight:bold;
	text-decoration:none;
	font-size:17px;
	cursor:pointer;
	margin:0 2px;
	padding:0;
	text-align:center;
}
.pagination div b font{color:#fff !important;}
.pagination div a:hover,
.pagination div a.on{background-color:var(--main-color) !important; color:#fff;font-weight:bold;}
.pagination div a.prev{
	width:18px;
	height:18px;
	-webkit-border-radius:20px;
	line-height:18px;
	color:#b9b9b9;
	font-size:0.9em;
	background-color:#ececec;
	position:relative;
	left:0;
	top:2px;
	background-image:url('/img/icon/icon_pagination_arr_prev.png');
}
.pagination div a.next{
	width:18px;
	height:18px;
	-webkit-border-radius:20px;
	line-height:18px;
	color:#b9b9b9;
	font-size:0.9em;
	background-color:#ececec;
	position:relative;
	left:0;
	top:2px;
	background-image:url('/img/icon/icon_pagination_arr_next.png')
}
.pagination div a.prev:hover{background-image:url('/img/icon/icon_pagination_arr_prev_hover.png') !important; background:#797979; color:#fff;}
.pagination div a.next:hover{background-image:url('/img/icon/icon_pagination_arr_next_hover.png') !important; background:#797979; color:#fff;}

.chart_area{padding:10px;}
.apexcharts-toolbar{display:none;}
a.refresh{
	width:18px;
	height:17px;
	display:inline-block;
	content:url('/img/icon/icon_dash_refresh_off.png');
	background-repeat:no-repeat;
	margin:4px 10px 0 0;
}
a.refresh:hover{background-image:url('/img/icon/icon_dash_refresh_on.png');}

/*20230602 D1 버튼 테스트*/
.btn_top_d1{
	margin:0 auto;
}
.top_kt_buttons{
	width:100%;
	display:flex;
	margin:0;
}
.top_kt_buttons img{ width:5vw; object-fit:contain;}
.btn_top_d1_main span,
.btn_top_d1_sub span{
/*	min-width:110px;*/
	min-width:5vw;
	font-size:22px;
	font-weight:bold;
	display:inline-block;
	text-align:center;
}
.btn_top_d1_main::after{
	content: '';
	width: 10px;
	height: 10px;
	border-top: 4px solid var(--kt-check);
	border-right: 4px solid var(--kt-check);
	display: inline-block;
	transform: rotate(135deg);
	position:relative;
	bottom:5px;
}
#btn_kt{
	display:flex;
	flex-wrap:wrap;
	z-index:1;
}

.kt_zone_selected{
	width: 95%;
	height:100%;
	margin:0 auto;
	background: #fff no-repeat scroll right center;
	display: block;
	border-radius:50px;
	text-decoration: none;
	color: #999;
	font-size: 14px;
	box-sizing: border-box;
	line-height: 45px;
	text-overflow:ellipsis;
	overflow:hidden;
	padding:0 20px;
	white-space:nowrap;
}

.kt_zone_dropdown img{
	 width:5vw; object-fit:contain;
}

.kt_zone_selected{
	display:flex;
	justify-content:space-evenly;
	align-items:center;
	font-size:22px;
	color:#363636;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
}
.kt_zone_selected:after{
	position:absolute; right:20px; font-size:11px; content:' \25BC';
}

.kt_zone_dropdown{
	width:14vw;
	height:46px;
	position:relative;
	text-align:center;
	border-radius:50px;
/*	overflow:hidden;*/
	white-space:nowrap;
}

.kt_zone_options ul{
	display:none;
	width:102%;
	background-color:#fff;
	position:absolute;
	top:100%;
	left:-1%;
	margin-top:-46px;
	overflow:hidden;
/*	height:92px;*/
	border:4px solid var(--main-color);
	border-radius:20px;
	z-index:1;
}
.kt_zone_options ul li{

	width:100%;
	height:46px;
	display:flex;
	justify-content:space-evenly;
	align-items:center;
	text-decoration:none;
	color:#363636;
	min-width:5vw;
	font-size:22px;
	font-weight:bold;
	text-align:center;
	position:relative;
/*	right:20px;*/
	cursor:pointer;
}
.kt_zone_options ul li:hover{
	background-color:#eee;
}

.left_kt_zone{
	display:flex;
	justify-content:space-between;
	padding:0 !important;
}
.left_kt_zone > div:first-child{
	width:70%;
	background-color:#fff;
	color:var(--main-color);
	text-align:left;
	padding:2px 10px;
}
.left_kt_zone > div:first-child > p{
	height:100%;
	line-height:50px;
	font-size:28px;
}
.left_kt_zone > div:first-child > p > span{ font-size:14px }
.left_kt_zone > div:nth-child(2){
	width:30%;
	text-align:center;
}
.firewall_insert select{
	width:100px;
	margin:0 5px;
}
.firewall_insert input[type="text"]{
	width:133px;
	margin:0 5px;
}

.d1_firewall select{width:105px;}
.firewall_tr > td{padding:8px 0 !important;}

#btn_close_volume_detach,
#btn_submit_volume_detach,
#btn_submit_volume_delete,
#btn_close_volume_delete,
#btn_submit_move_to_server,
#btn_close_move_to_server{ margin:0 10px; }

.left_buttons_admin{
	width: 90%;
	height: 30px;
	outline: 0;
	font-weight: bold;
	margin: 2px 0;
	font-family: sans-serif;
}
.admin_left{ bottom:86px; }
.admin_left:hover{ background-color:inherit !important; }


.multiselect select[multiple], .multiselect select[size]{height:190px;}
.multiselect .form-control{
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px; 
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.multiselect .row{display:flex; flex-wrap:wrap; margin:50px 0;}
.multiselect .col-xs-5{width:45%;}
.multiselect .col-xs-2{width:10%;}
.multiselect .acg_search{width:100%; height:40px; display:flex; justify-content:space-between; align-items:center; color:var(--main-color); font-weight:bold; padding-left:10px;}
.multiselect .acg_search input[type="text"]{width:200px;}
.multiselect .check_all{width:100%; font-weight:bold; padding:3px 5px; background-color:#777;}
.multiselect .check_all{border:1px solid #e5e5e5; border-bottom:0; color:#fff;}
.multiselect ul{height:190px; border:1px solid #e5e5e5; overflow-y:auto;}
.multiselect ul li{padding:7px 5px; border-bottom:1px solid #e5e5e5; cursor:pointer;}
.multiselect ul li button{float:right; margin:0 5px;}
.multiselect .button_wrap{width:100%; height:190px; display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center; align-items:center;}
.multiselect .btn-block{width:60%; height:40px;}
.multiselect .btn{
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	font-weight:bold;
}

.multiselect .btn-block+.btn-block { margin-top: 5px; }

.file_drag_area{
	width:80%;
	height:200px;
	margin:0 auto;
	display:flex;
	justify-content:center;
	align-items:center;
	border:1px solid #ccc;
	border-radius:15px;
	font-weight:bold;
	font-size:15px;
	color:#777;
}

.uploaded_file_list{
	width:80%;
	margin:0 auto;
	border:1px solid #ccc;
	padding:7px 14px;
	margin-bottom:10px;
	text-align:left;
	display:flex;
	justify-content:space-between;
}

.search_filter input[type="radio"]{
	position:relative;
	top:2px;
}
.search_filter span{ margin-left:5px; }
.filter_loading_box{
	width:20px;
	display:inline-block;
	position:relative;
	left:4px;
	top:4px;
}
.filter_loading_box img{ width:16px; }
.row_scroll_title{
	width:100%;
	height:30px;
	border:1px solid #ccc;
	font-weight:bold;
	border-bottom:0;
	line-height:30px;
	padding:0 20px;
}
.row_scroll_content{
	width:100%;
	height:150px;
	border:1px solid #ccc;
	overflow-y:auto;
}
.row_scroll_content table tr td{
	font-weight:normal !important;
	padding:4px 20px !important;
}
.popup_padding{
	padding:20px 20px 0 20px;
}
.btn_popup_delete{
	width:24px !important;
	height:24px !important;
	border-radius:5px !important;
	line-height:22px !important;
}
.btn_my_ip{
	width:70px !important;
	height:28px !important;
	line-height:28px;
	border-radius:0 !important;
	background-color:#eee;
	border:1px solid rgb(118,118,118) !important;
	margin-top:3px;
}
.btn_my_ip:hover{
	background-color:#ccc;
}
.btn_detail{
	width:70px;
	height:28px;
	line-height:24px;
	border-radius:0;
	background-color:#fff;
	border:2px solid #5996e1;
	color:#5996e1;
}
.btn_detail::after{
	content:url('/img/icon/icon_tooltip.png');
	content:'';
	width:22px;
	display:inline-block;
	margin-left:5px;
	vertical-align:center;
}

.route_table_input{
	display:flex;
	justify-content:flex-start;
	align-items:center;
	margin-left:10px;
	margin-bottom:12px;
}
.route_table_input > p{
	height:30px;
	line-height:26px;
	padding:0 10px;
}
.route_table_input > select{
	width:300px !important;
	height:30px;
	border-radius:0;
}
.popup_refresh{
	position:relative;
	top:3px;
	margin:0 !important;
}
.route_table_input > button{
	height:30px !important;
}

.nhn_project_detail{
	width:500px;
	height:170px;
	border:3px solid var(--main-color);
	position:absolute;
	right:24%;
	top:9%;
	background-color:#fff;
	border-radius:15px;
	overflow:hidden;
}
.nhn_project_detail table{
	width:100%;
	height:100%;
	border-collapse:collapse;
}
.nhn_project_detail table tr th{
	background-color:var(--main-color);
	color:#fff;
}
.nhn_project_detail table tr:nth-child(2) th{
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}
.nhn_project_detail table tr td{
	text-align:center;
	padding:4px;
}
.nhn_project_detail table tr:nth-child(2) td{
	border-top:1px solid var(--main-color);
	border-bottom:1px solid var(--main-color);
}
.nhn_project_detail table span{
	word-break:keep-all;
}
.detail_list_table{
	width: 85%;
	margin: 0 auto;
	margin-top:20px;
	padding: 12px;
	border-collapse: collapse;
	border:1px solid #999;
}
.detail_list_table tr th{
	background-color:#999;
	color:#fff;
	padding:6px;
}
.detail_list_table tr td{
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	text-align:center;
}
.detail_list_th{
	background-color:#999;
	color:#fff;
	padding:6px;
}
.bottom_1px{
	position:relative;
	bottom:1px;
}

@media screen and (max-width:1366px){
	.answer{height:95vh;}
	.answer .main table tr th,
	.answer .main table tr td{height:55px;}
}

@media screen and (max-width:1330px){
	body{overflow-y:auto;}
	main {width: 100%; margin-left: 0;}
	aside {width:280px !important; transform: translateX(-100%); background: none;}
	aside > nav{position:relative;}
	nav a,
	nav label {width: 274px; text-align: center; margin-left: 6px;}

	.logo-area {height: 100px;}
	.logo-area img {width: 57%;	position: absolute;	top: 13px; left: 84px;}

	#responsive-nav+label {display: block;}
	#responsive-nav+label {display: block; border: 2px solid var(--main-color); border-radius: 50%; box-sizing: border-box; padding: 20px; top: 17px;}
	#responsive-nav:checked+label {color: white; background: none; box-shadow: none; border: 2px solid white; z-index: 11;}
	#responsive-nav:checked~aside {transform: translateX(0);}

	.m_clause{position:absolute; bottom:80px; left:50%; transform:translateX(-50%);}
	.m_logout{position:absolute; bottom:20px; left:50%; transform:translateX(-50%);}
}

@media screen and (max-width:1280px){
	.answer{height:90vh;}
	.answer .main table tr th,
	.answer .main table tr td{height:54px;}
}

@media screen and (max-width:1024px){
	.answer.popup{min-height:956px;}
	.btn_top_cloud{width:22vw; height:55px; position:absolute; top:8vh;}
	.top_aws{left:2%;}
	.top_kt{left:27%;}
	.top_naver{left:51%;}
	.top_nhn{left:75%;}
	.btn_top_account{width:45vw !important; position:absolute; left:53%; bottom:37%;}
	.top_account{width:32vw !important; top:1vh !important; right:2vw;}
	.drop-down .options ul{top:85%;}
	.top_area{height:14vh;}
	.bill_main_area{top:8vh;}
	.top_aws img{width:7vw;}
	.top_kt img{width:10vw;}
	.top_naver img{width:17vw;}
	.top_nhn img{width:16vw;}
	.modal_support{width:90%;}
	.modal_support_main table tr td{justify-content:flex-start;}
	.drop-down .selected{padding:5px 20px;}
	.answer{width:80%; height:70vh;}
	.answer .title p{padding:9% 6%;}
	.answer .main table{margin-top:50px;}
	.answer .main .tableWrap .buttons{margin-top:130px;}
}

@media screen and (max-width:834px){
	.answer{width:90%; min-height:850px !important;}
	.answer .main table{margin-top:0;}
	.answer .main .tableWrap .buttons{margin-top:80px;}
	.kt_zone_selected{font-size:12px;}
	.kt_zone_options ul{
		width:104%;
		top:85%;
		left:-2%;
	}
	.kt_zone_options ul li{font-size:17px;}
	.pad_width{max-width:800px !important;}
}

@media screen and (max-width:768px){
	.answer{min-height:770px !important;}
	.answer .main .tableWrap .buttons{margin-top:40px;}
	.answer .main table tr td textarea{height:180px;}
	.pad_width{max-width:700px !important;}
}