@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');
/*@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');*/
/*@import url("../../common/css/font.css");*/
body,div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,h7,h8,h9,h10,form,td,th,span,select {margin:0;padding:0;}
html, body {font-family: 'Pretendard', sans-serif;  color:#202020 ;height:100%; font-size: 15px; background: #fbfbfb;/*overflow-x: hidden;*/}
a {color:#202020; text-decoration:none;}
img {border:0;vertical-align:top;}
ul,li {list-style:none;}
input {font-size: 15px; font-weight: bold; font-family: 'Pretendard'}
textarea {font-size: 15px; font-family: 'Pretendard'}
select {font-size: 15px; font-family: 'Pretendard'}

.slt {float: left;margin:0 0 0 10px;padding:0 10px;height: 30px;border-radius: 6px;}
.tac {text-align: center;}
.mbr {display: none;}


/*input*/
.normal_ipt01 {padding:0 10px; width: 100%; height:40px;font-size:15px;color:#202020; border:1px solid #cfcfcf; border-radius: 6px; box-sizing: border-box;}
.normal_ipt01::placeholder {color:#b9b9b9;}
.normal_ipt02 {padding:0 10px; width: 100%; height:40px;font-size:15px;color:#202020; border:1px solid #cfcfcf; border-radius: 6px; box-sizing: border-box;}
.normal_ipt02::placeholder {color:#b9b9b9;}
.normal_ipt03 {padding:0 10px; width: 100%; height:40px;font-size:15px;color:#202020; border:1px solid #cfcfcf; border-radius: 6px; box-sizing: border-box;}
.normal_ipt03::placeholder {color:#b9b9b9;}
.normal_ipt04 {padding:0 10px; width: 100%; height:40px;font-size:15px;color:#202020; border:1px solid #cfcfcf; border-radius: 6px; box-sizing: border-box;}
.normal_ipt04::placeholder {color:#b9b9b9;}

/*텍스트*/
.fts20 {font-size: 20px;font-weight:bold;}
.fwb {font-weight:bold;}


/*로그인*/
.mask {width:100%;height: 100%;background:#000;opacity:0.8;position: absolute;top:0;left:0;z-index: 1;}
.bg-crop {width:100%;height: 100%;overflow: hidden;position: relative;}
.bg-cat {width:100%;top:50%;left:50%;	transform: translate(-50%, -50%);position: absolute;}

.login_join_btn {padding: 20px 0 0 0; text-align: center;}
.login_join_btn a {font-size: 17px; font-weight: bold; text-decoration: underline;}
	
@media only screen and (max-width:1670px)
{		
	.bg-crop {width: -webkit-fill-available;position: relative;	height: 100%;}
	.bg-cat {width: fit-content;position: absolute;height: 100%;top: 50%; left: 50%;transform: translate(-50%, -50%);}
}

.login_copy {padding:20px 0 0 0;color:#202020;text-align: center;}
.login_copy font {color: #39b6ff;}
.login_cts_bg {width:490px;height: 480px; position: absolute;top: 50%;left: 50%;border-radius: 16px; transform: translate(-50%, -50%);opacity:0.8;background:#fff;z-index: 2}
.login_cts {width:370px; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 3}
.login_top_img {padding:0 0 10px 0;text-align: center;}
.login_bi {padding:10px 0 0 0;}
.agency_name {padding:10px 0 0 0;font-size: 13px;color:#202020;text-align: center;letter-spacing: 0.3em;}
.login_ipt_set {padding:30px 0 0 0;}
.login_ipt_box01 {margin:10px 0 0 0; padding: 0 0 0 30px; width:100%;height: 50px; border-radius: 6px; border:1px solid #fff; background: url(../../images/login_id_ico.png) no-repeat;background-color:#fff;background-position: left 10px bottom 15px; box-sizing: border-box;}
.login_ipt_box02 {margin:10px 0 0 0; padding: 0 0 0 30px; width:100%;height: 50px; border-radius: 6px; border:1px solid #fff; background: url(../../images/login_pw_ico.png) no-repeat;background-color:#fff;background-position: left 10px bottom 15px; box-sizing: border-box;}
.login_ipt_box01 input, .login_ipt_box02 input {padding:0px 0 0 10px;width:100%;height:46px;font-size: 20px;color:#202020;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:0; box-sizing: border-box ; border-radius: 6px;background:#fff;outline:none;}
.login_ipt_box01 input::placeholder, .login_ipt_box02 input::placeholder {font-size: 14px; color:#39b6ff;}
.login_btn_box {padding:30px 0 0 0; width: 100%; display: table;}
.login_btn {width:100%;height: 48px;font-size: 20px;color:#fff;text-align: center;border-radius: 6px; border: 1px solid #39b6ff; background:#39b6ff;display: table-cell;vertical-align: middle;cursor: pointer;transition: 0.5s;}
.login_btn:hover {color: #39b6ff; border: 1px solid #39b6ff; background:#fff;}

/*라디오버튼*/
input[type="radio"].chk_ssm_01{margin:0;-webkit-appearance: none; position: relative; width: 16px; height: 16px; cursor: pointer; outline: none !important; border-radius: 6px; background-color: #fff;border-radius: 60px;border: 1px solid #b9d7ff;}
input[type="radio"].chk_ssm_01::before{content: ""; display: block; width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; overflow: hidden; transform: scale(0) translate(-50%, -50%); background: url(../../images/icon_radio.png) no-repeat center; background-size: 60%;}
input[type="radio"].chk_ssm_01:checked::before {padding:0;border-radius: 2px; transform: scale(1) translate(-50%, -50%)}

/*체크박스*/
input[type="checkbox"].chk_ssm_02{margin:2px 0 0 0;-webkit-appearance: none; position: relative; width: 16px; height: 16px; cursor: pointer; outline: none !important; border-radius: 6px; border-radius: 6px;border: 1px solid #b9d7ff;background:#fff;}
input[type="checkbox"].chk_ssm_02::before{content: ""; display: block; width: 16px; height: 16px; position: absolute; top: 50%; left: 50%; overflow: hidden; transform: scale(0) translate(-50%, -50%); background: url(../../images/icon_checkbox.png) no-repeat center; background-size: 60%;background-color: #b9d7ff;}
input[type="checkbox"].chk_ssm_02:checked::before {padding:0;border-radius: 2px; transform: scale(1) translate(-50%, -50%); border-radius: 6px;}

/*헤더*/
header {width:100%;height: 95px;background:#fff;/*position: fixed;top:0;z-index: 10;*/min-width: 1650px;position: relative; box-shadow: 0px 5px 10px rgb(0, 0, 0, 0.05);z-index: 2;}
.header {padding:0 55px;}

.logo_set {display: table;}
.logo_box {float: left;display: table;}
.logo {height: 95px;display: table-cell;vertical-align: middle;}
.logo img {width: 140px;vertical-align: middle;}
.logo_txt {padding:0 0 0 10px;height: 95px;font-size: 20px;font-weight: bold;display: table-cell;vertical-align: middle;}

.user_info_box {position: absolute;top:0;right:50px;display: table;}
.user_info {height: 95px;display: table-cell;vertical-align: middle;}
.ui_name {float: left;padding:8px 0 0 0;font-size: 14px;}
.ui_name a {text-decoration: underline;}
.ui_name a:hover {color:#b9d7ff;transition: 0.5s;}
.ui_name font {font-weight: bold;}
.ui_btn {float: left;margin:0 0 0 10px;display: table;}
.ui_logout_btn {width:80px;height: 30px;display: table-cell;vertical-align: middle;font-size: 14px;font-weight: bold;color:#fff;;text-align: center;border:1px solid #39b6ff; border-radius: 6px; background:#39b6ff;cursor: pointer;transition: 0.5s;}
.ui_logout_btn:hover {color:#39b6ff;background:#fff;}
.ui_login_btn {width:80px;height: 30px;display: table-cell;vertical-align: middle;font-size: 14px;font-weight: bold;color:#354052;text-align: center;border:1px solid #354052; border-radius: 6px; background:#fff;cursor: pointer; transition: .5s;}
.ui_login_btn:hover {color:#fff;background:#354052;}


/*텍스트*/
.fts20 {font-size: 20px;font-weight:bold;}
.fwb {font-weight:bold;}
.clr_coral {color:#39b6ff;}
.clr_blue {color:#39b6ff;}

/*버튼*/
.nr_btn_set {padding: 30px 0 0 0; margin: 0 auto; display: table;}
.nr_btn_box {float: left; width: 150px; display: table; box-sizing: border-box;}
.nr_btn_box02 {float: left; padding: 0 7px; width: 150px; display: table; box-sizing: border-box;}
.nr_btn {height: 40px; font-size: 15px; text-align: center; display: table-cell; vertical-align: middle; border-radius: 6px; }
.bg_blue {font-weight: bold; color: #fff; border: 1px solid #39b6ff; background: #39b6ff; transition: .5s; cursor: pointer;}
.bg_blue:hover {color: #39b6ff; border: 1px solid #39b6ff; background: #fff;}
.bg_black {font-weight: bold; color: #fff; border: 1px solid #202020; background: #202020; transition: .5s; cursor: pointer}
.bg_black:hover {color: #202020; border: 1px solid #202020; background: #fff;}

/*왼쪽영역*/
aside {padding:115px 0 0 0; width:250px; height: 100%; position: fixed; top:0; left: 0;box-shadow: 5px 0px 10px rgb(0, 0, 0, 0.05);	background:#fff;z-index: 1; transition: .5s;}
.aside_bg {padding:115px 0 0 0; width:250px; height: 100%; position: fixed; top:0; left: 0;box-shadow: 5px 0px 10px rgb(0, 0, 0, 0.05);	background:#fff;z-index: 1;}
.lmn_ttl_box {width:100%;display: table;}
.lmn_ttl {height: 100px;color:#fff;text-align: center;display: table-cell;vertical-align: middle;background:url(../../images/lmn_ttl_bg.png) no-repeat;background-color:#082843;}
.ltl_txt {font-size: 30px;font-weight: bold;}
.lts_txt {padding: 10px 0 0 0; font-size: 14px;}
.lmn_ico {padding:16px 10px 0 0;}
.dr_cts {width:100%; position: relative;}

.dr_cts_ttl01_off {margin:0 12px 0 12px; padding: 0 0 0 40px; height: 40px; background:url(../../images/lmn_ico01_off.png) no-repeat; background-position: top 11px left 15px; display: block; transition: 0.5s; cursor: pointer;}
.dr_cts_ttl02_off {margin:0 12px 0 12px; padding: 0 0 0 40px; height: 40px; background:url(../../images/lmn_ico02_off.png) no-repeat; background-position: top 11px left 15px; display: block; transition: 0.5s; cursor: pointer;}
.dr_cts_ttl03_off {margin:0 12px 0 12px; padding: 0 0 0 40px; height: 40px; background:url(../../images/lmn_ico03_off.png) no-repeat; background-position: top 11px left 15px; display: block; transition: 0.5s; cursor: pointer;}
.dr_cts_ttl04_off {margin:0 12px 0 12px; padding: 0 0 0 40px; height: 40px; background:url(../../images/lmn_ico04_off.png) no-repeat; background-position: top 11px left 15px; display: block; transition: 0.5s; cursor: pointer;}
.dr_cts_ttl05_off {margin:0 12px 0 12px; padding: 0 0 0 40px; height: 40px; background:url(../../images/lmn_ico05_off.png) no-repeat; background-position: top 11px left 15px; display: block; transition: 0.5s; cursor: pointer;}

.dr_cts_ttl01_off:hover {font-weight: bold; background:url(../../images/lmn_ico01_on.png) no-repeat; background-position: top 11px left 15px; background-color: #ecf8ff;}
.dr_cts_ttl02_off:hover {font-weight: bold; background:url(../../images/lmn_ico02_on.png) no-repeat; background-position: top 11px left 15px; background-color: #ecf8ff;}
.dr_cts_ttl03_off:hover {font-weight: bold; background:url(../../images/lmn_ico03_on.png) no-repeat; background-position: top 11px left 15px; background-color: #ecf8ff;}
.dr_cts_ttl04_off:hover {font-weight: bold; background:url(../../images/lmn_ico02_on.png) no-repeat; background-position: top 11px left 15px; background-color: #ecf8ff;}
.dr_cts_ttl05_off:hover {font-weight: bold; background:url(../../images/lmn_ico05_on.png) no-repeat; background-position: top 11px left 15px; background-color: #ecf8ff;}

.dr_cts_ttl01_on {margin:0 12px 0 12px; padding: 0 0 0 40px; height: 40px; font-weight: bold; background:url(../../images/lmn_ico01_on.png) no-repeat; background-color: #ecf8ff; background-position: top 11px left 15px; display: block; transition: 0.5s;}
.dr_cts_ttl02_on {margin:0 12px 0 12px; padding: 0 0 0 40px; height: 40px; font-weight: bold; background:url(../../images/lmn_ico02_on.png) no-repeat; background-color: #ecf8ff; background-position: top 11px left 15px; display: block; transition: 0.5s;}
.dr_cts_ttl03_on {margin:0 12px 0 12px; padding: 0 0 0 40px; height: 40px; font-weight: bold; background:url(../../images/lmn_ico03_on.png) no-repeat; background-color: #ecf8ff; background-position: top 11px left 15px; display: block; transition: 0.5s;}
.dr_cts_ttl04_on {margin:0 12px 0 12px; padding: 0 0 0 40px; height: 40px; font-weight: bold; background:url(../../images/lmn_ico04_on.png) no-repeat; background-color: #ecf8ff; background-position: top 11px left 15px; display: block; transition: 0.5s;}
.dr_cts_ttl05_on {margin:0 12px 0 12px; padding: 0 0 0 40px; height: 40px; font-weight: bold; background:url(../../images/lmn_ico05_on.png) no-repeat; background-color: #ecf8ff; background-position: top 11px left 15px; display: block; transition: 0.5s;}

.dr_cts_ttl_on {height: 40px; font-weight: bold; display: table-cell; vertical-align: middle; }
.dr_cts_ttl_on:hover {background:#ecf8ff;transition: 0.5s;}
.dr_cts_ttl_off {height: 40px; font-weight: bold; display: table-cell; vertical-align: middle; }

nav {}
.dr_cts_img {position: absolute;top:20px; right: 20px; }
.lsmn_on {padding:15px 0 0 20px;color:#39b6ff;/*line-height: 40px; height: 40px;*/background:url(../../images/dot_on.png) no-repeat 10px 23px;display: block; transition: 0.5s;}
.lsmn_off {padding:15px 0 0 20px;color:#202020;/*line-height: 40px; height: 40px;*/background:url(../../images/dot_off.png) no-repeat 10px 23px;display: block; transition: 0.5s;}
.lsmn_on:hover {color:#39b6ff;}
.lsmn_off:hover { color:#39b6ff; background:url(../../images/dot_on.png) no-repeat 10px 23px;}
.pp {margin:0 0 0 53px;padding:0 10px 15px 10px; display: none; text-align: left;}
.pps {margin:0 0 0 22px;padding:0 10px 15px 10px;display: block; ;text-align: left;}

.tdc_txt_width {float: left;padding:5px 0 0 10px;position: relative;}
.tdc_txtr {float: left;padding:3px 0 0 5px;position: relative;}


/*콘텐츠 타이틀*/
section {padding:35px 50px 60px 300px;}
.category_ttl_if {padding:0 0 0 40px; font-size: 30px; font-weight: bold; background:url(../../images/ttl_ico00.png) no-repeat 0 4px;position: relative;}
.category_ttl_da {padding:0 0 0 40px; font-size: 30px; font-weight: bold; background:url(../../images/ttl_ico01.png) no-repeat 0 4px;position: relative;}
.category_ttl_na {padding:0 0 0 40px; font-size: 30px; font-weight: bold; background:url(../../images/ttl_ico02.png) no-repeat 0 4px;position: relative;}
.category_ttl_re {padding:0 0 0 40px; font-size: 30px; font-weight: bold; background:url(../../images/ttl_ico03.png) no-repeat 0 4px;position: relative;}
.category_ttl_bl {padding:0 0 0 40px; font-size: 30px; font-weight: bold; background:url(../../images/ttl_ico04.png) no-repeat 0 4px;position: relative;}
.category_ttl_op {padding:0 0 0 40px; font-size: 30px; font-weight: bold; background:url(../../images/ttl_ico05.png) no-repeat 0 4px;position: relative;}
.ct_mn {padding:5px 10px 0 10px;}

.ct_txt {font-size: 13px; color:#b9d7ff; position: absolute;bottom:20px;right: 0;}
.ct_txt02 {font-size: 13px; color:#b9d7ff; position: absolute;top:20px;right: 0;}

.category_sttl {padding:60px 0 25px 0;background:url(../../images/ttls_ico.png) no-repeat;background-position: bottom 13px left 0;position: relative;}
.category_sttl img {padding:0 0 0 25px;}
.category_sttl img {padding:0 0 6px 30px;vertical-align: middle;}
	
/*테이블타입*/
/*가로형*/
.table_set {padding:15px 0 0 0;position: relative;}
.table_type_hrz_normal {border-radius: 6px; background:#fff; box-shadow: 0px 5px 10px rgb(0, 0, 0, 0.05);}
.table_type_hrz_normal > div:last-child {border-bottom:0;}
.table_type_hrz_normal div:last-child {border-bottom:0;border-right: 0;}
			
/*타이틀*/
.tth_ttl {width:100%;font-weight: bold;display: table;text-align: center;border-bottom: 1px solid #e7e7e7;background:#f3f3f3;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.tth_ttl div:last-child {border-right:0;}
.tth_ttl .ttht100ud:last-child {border-bottom:0;}

.ttht15 {padding: 5px 10px; width:15%;height: 40px; display: table-cell;border-right: 1px solid #e7e7e7; vertical-align: middle;}
.ttht85 {padding: 5px 10px; width:85%;height: 40px; display: table-cell;border-right: 1px solid #e7e7e7; vertical-align: middle;}

/*리스트*/
.tth_list {width:100%;display: table;}
.tthl100ud {width:100%;display: table;border-bottom: 1px solid #e7e7e7; position: relative;}
.tthl100l div:last-child {border-right: 0;}
.tthl100ud div:last-child {border-right: 0;}
.tthl100ud div:last-child {border-bottom: 0;}
				
.tthl100l {width:100%; display: table;}
.tthl100l_da {width:100%;height: 60px;  display: table;}
				
.tthl15 {padding: 5px 10px; width:15%; height: 30px; display: table-cell;border-right: 1px solid #e7e7e7; vertical-align: middle; box-sizing: border-box}
.tthl25 {padding: 5px 10px; width:15%; height: 30px; display: table-cell;border-right: 1px solid #e7e7e7; vertical-align: middle; box-sizing: border-box}
.tthl50 {padding: 5px 10px; width:50%; height: 30px; display: table-cell;border-right: 1px solid #e7e7e7; vertical-align: middle; box-sizing: border-box}
.tthl85 {padding: 5px 10px; width:85%; height: 30px; display: table-cell;border-right: 1px solid #e7e7e7; vertical-align: middle; box-sizing: border-box}

/*세로형*/
.table_type_vtc {border-radius: 6px;background:#fff;box-shadow: 0px 5px 10px rgb(0, 0, 0, 0.05);}
.table_type_vtc > div:first-child {border-top-left-radius: 4px;border-top-right-radius: 4px;}
.table_type_vtc > div:first-child > div {border-top-left-radius: 4px;}
.table_type_vtc > div:last-child {border-bottom:0;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.table_type_vtc > div:last-child > div {border-bottom-left-radius: 4px;}

.td_wrap {width:100%;display: table;border-bottom: 1px solid #e7e7e7;position: relative;}
.td_wrap_width {width:100%;display: table;border-bottom: 1px solid #e7e7e7;}
.td_wrap_box {float: left;width:50%;display: table;position: relative;}
.td_ttl_set {width:200px;height: 100%; position: absolute;left: 0;border-right: 1px solid #e7e7e7; background: #f3f3f3;}
.td_ttl_set_width {width:200px;height: 100%; position: absolute;left: 0;border-left:1px solid #e7e7e7;border-right: 1px solid #e7e7e7; background: #f3f3f3;}
.td_ttl_box {height: 100%; position: relative;}
.td_ttl {padding:0 0 0 25px;font-weight: bold;position: absolute;top:50%;left: 0;transform: translate(0,-50%);display: table;}
.td_cts_set {padding:0 0 0 200px;}
.td_cts_box {width:100%;display: table;}

.td_cts_set  div {border-bottom: 0;}

.td_cts {padding:5px 15px; line-height: 21px; display: table-cell; vertical-align: middle; border-bottom: 1px solid #e7e7e7; position: relative;}
.td_cts > div:first-child {padding-left:0;}
.td_cts_pop  {padding:5px 10px;height: 24px;line-height: 17px; display: table-cell;vertical-align: middle;border-bottom: 1px solid #e7e7e7;}
.td_cts_pop > div:first-child {padding-left:0;}
.td_cts02 {padding:5px 25px;line-height:  21px;display: table-cell;vertical-align: middle;border-bottom:0;}
.td_cts02 > div:first-child {padding-left:0;}
.td_cts_ex {padding:10px;line-height: 21px; display: table-cell;vertical-align: middle;border-bottom: 1px solid #e7e7e7;}
.td_cts_ex > div:first-child {padding-left:0;}

.tdc {float: left;padding:0 0 0 10px;position: relative;}

/*모바일*/
.m_left_mn {z-index: 13;position: relative;text-align: left;}
@media only screen and (min-width:1024px){.m_left_mn {display: none;}}
.mlm_btm {width:100%; color:#fff;font-size: 12px; text-align: center;position: absolute; left:0;bottom:0;background:#202020; display: table; z-index: 15;}
.mlm_logo {padding:20px 0 0 0; height: 40px; text-align: center;}
.mlm_logo img {width:110px;}
.m_mn {padding:30px 0 0 0;letter-spacing: 0.1em;}
.m_mn a { display: block;}
.mlm_x_btn {position: fixed;right:10px;top:10px;z-index: 12;display: none;}
.mlm_x_btn img {width:20px;}
.m_mn_btn {position: fixed;left:14px;top:16px;z-index: 13;}
.m_mn_btn img {width:30px;}

/*모바일 헤더*/
.m_header_set {position: fixed;z-index: 12;}
@media only screen and (min-width:1024px){.m_header_set {display: none;}}
.m_header_bg {width:100%;height: 60px;background:#1f1f1f;opacity: 0.8;position: fixed;top:0;}
.m_header_box {width:100%;height: 60px;position: fixed;}
.m_header {height: 60px;text-align: center;border-bottom: 1px solid #2c7be5;position: relative;}
.m_header a {display: inline-block}
.m_mn_btn {position: fixed;left:14px;top:16px;z-index: 13;}
.m_mn_btn img {width:30px;}
.m_ci {padding:15px 0 0 0; width:110px;}

@media only screen and (max-width:768px){.w_svc {display: none;}}
@media only screen and (min-width:769px){.m_svc {display: none;}}

.mhm_on { border-bottom: 2px solid #2c7be5;}
.mhm_off {color:#fff;}

/*모바일 왼쪽 메뉴*/
#sidebar {
padding:0 14px;
width: 80%;
position: fixed;
top: 0;
left: -100%;
height: 100%;
z-index: 14;
background: #333;
color: #fff;
transition: all 0.3s;
font-size:20px;
}	
#sidebar.active {
left: 0;
}

.sd_mask {
position: fixed;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.7);
z-index: 13;
	cursor: pointer;
	display: none;
}

.ppa {padding: 10px 0 10px 10px; display: none; border-bottom: 1px solid #494949;}
.ppa a {padding: 5px 0; font-size: 15px; color:#fff;}
.vwp_tg {margin:30px 0 0 0;}
.dr_ctsa {padding: 10px 0 10px 10px; width:100%; font-size:15px; font-weight: bold; color:#fff; border-bottom: 1px solid #494949; position: relative;}
.dr_ctsa img { width: 15px; height: 15px; position: absolute; top: 50%; right: 10px; transform: translate(0, -50%);}
.dr_ctsb {padding: 10px 0 10px 10px; width:100%; font-size:15px; font-weight: bold; color:#fff; border-bottom: 1px solid #494949; position: relative;}

/*모바일 유저정보*/
.usera_info_box {position: absolute;top:0;right:50px;display: table;}
.usera_info {height: 90px;display: table-cell;vertical-align: middle;}
.uia_name {font-size: 14px;}
.uia_name a {color: #fff; text-decoration: underline;}
.uia_name a:hover {color:#b9d7ff;transition: 0.5s;}
.uia_name font {font-weight: bold;}
.uia_btn {margin: 0 auto; padding: 15px 0 0 0;display: table;}
.uia_logout_btn {width:80px;height: 30px;display: table-cell;vertical-align: middle;font-size: 14px;font-weight: bold;color:#fff;;text-align: center;border:1px solid #354052; border-radius: 6px; background:#354052;cursor: pointer;transition: 0.5s;}
.uia_logout_btn:hover {color:#354052;background:#fff;}
.uia_login_btn {width:80px;height: 30px;display: table-cell;vertical-align: middle;font-size: 14px;font-weight: bold;color:#354052;text-align: center;border:1px solid #354052; border-radius: 6px; background:#fff;cursor: pointer; transition: .5s;}
.uia_login_btn:hover {color:#fff;background:#354052;}


/*셀렉트박스*/
.tdc_slt {padding:0 10px;height:30px;border-radius: 6px;}

/*라디오버튼*/
.tdc_radio {float: left;padding:5px 0 0 10px;position: relative;}
.tdc_radio_width {float: left;padding:8px 0 0 10px;position: relative;}

/*대시보드*/
.dsb_top_box {width: 100%; display: table;}
.dsb_top_box > div:first-child {padding: 20px 7px 0 0;}
.dsb_top01 {float: left; padding: 20px 7px 0 7px; width: 60%; font-size: 15px; box-sizing: border-box; display: table; position: relative;}
.dsb_top02 {float: left; padding: 20px 7px 0 7px; width: 20%; font-size: 15px; box-sizing: border-box; display: table; position: relative;}
.dsb_top03 {float: left; padding: 20px 7px 0 7px; width: 20%; font-size: 15px; box-sizing: border-box; display: table; position: relative;}
.dsbt {padding: 20px; height: 100px; font-size: 17px; display: table-cell; vertical-align: middle; border-radius: 6px; box-shadow: 0px 5px 10px rgb(0, 0, 0, 0.05); background: #fff; position: relative;}
.dsbt_txt {padding: 10px 0 0 0; font-size: 25px; font-weight: bold;}
.naver_ico {padding: 0 0 5px 0; width: 12px;  vertical-align: middle;}
.popular_ico {padding: 0 0 0 10px; width:30px; vertical-align: middle;}
.date_ico {padding: 0 0 5px 0;  vertical-align: middle;}
.dsbt_txtc {font-size: 25px; color:#39b6ff}
.tabs {width: 100%; display: table; border-left: 1px solid #cfcfcf; border-bottom: 1px solid #000; box-sizing: border-box;}
.tabs .active{width: 198px; line-height: 39px; height: 40px; color: #202020; text-align: center; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; background: #fff;position: absolute; top: 0; left: 0;  z-index: 1;}
.act {float: left; width: 200px; line-height: 40px; height: 40px; color: #868686; text-align: center; border-top: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; background: #f1f1f1; position: relative; cursor: pointer;}
.nts_ico {vertical-align: middle;}
.mkt_news_ttl {padding: 15px 20px; font-size: 17px; font-weight: bold; border-bottom: 1px solid #202020;}
.mkt_news_cts {padding: 20px; line-height: 26px;}
.rst_news {padding: 20px; line-height: 26px;}
.sch_news_ttl {padding: 0 0 0 20px; line-height: 60px; font-size: 20px; font-weight: bold;}
.sch_news_btm_box {width: 100%; display: table;}
.sch_news_btm {height: 60px; display: table-cell; vertical-align: middle;}
.snb_ttl {float: left; padding: 2px 0 0 20px; font-size: 20px; font-weight: bold;}
.snb_btn {float: left; margin: 0 0 0 10px; padding: 5px 10px; width: 100px; font-weight: bold; color:#fff; text-align: center; border-radius: 100px; background: url(images/btn_arr.png) no-repeat; background-position: right 10px top 9px; background-color: #39b6ff;}

.sub_ttl {padding: 30px 0 0 0; font-size: 25px; font-weight: bold;}
.sub_txt {margin: 15px 0 0 0; padding: 0 0 0 15px; font-size: 17px; background: url(../../images/dot_off.png) no-repeat 5px 8px;}

.dsbt_time {padding: 10px 0 0 0;}
.dsbta {float: left;}
.dsbtb {float: left; padding: 0 0 0 50px; display: table;}
.dsbt_info {line-height: 30px; height: 100px; display: table-cell; vertical-align: middle;}
.dsbti {padding: 0 0 0 10px; background: url(../../images/dot_off.png) no-repeat 0 50%;}
.dsbt_btn {padding: 10px; position: absolute; right: 0; top: 0; cursor: pointer;}
.dsbt_btn img {width: 4px;}
.dsbt_mn {width: 150px; border-radius: 6px; border: 1px solid #ddd; background: #fff; position: absolute; right: 0; z-index: 10; box-sizing: border-box; box-shadow: 0px 0px 10px 2px rgba(204, 204, 204, 0.5);}
.dm {padding: 0 10px; line-height: 36px; height: 36px; cursor: pointer; display: block;}
.dm:hover {background: #f7f7f7;}

.dsm_ttl {padding: 0 100px 0 0; width: 100%; display: table; background: #f3f3f3; box-sizing: border-box; position: relative;}
.dsmt_txt {padding: 5px 10px; height: 30px; font-weight: bold; text-align: center; display: table-cell; vertical-align: middle; border-right: 1px solid #e7e7e7;}
.dsmt_date {width: 100px; position: absolute; right: 0; top: 0; display: table;}
.dsmtd {padding: 5px 10px; height: 30px; font-weight: bold; text-align: center; display: table-cell; vertical-align: middle;}
.dsm_list {padding: 0 100px 0 0; width: 100%; display: table; background: #fff; box-sizing: border-box; position: relative; border-bottom: 1px solid #d7d7d7;}
.dsml_txt {padding: 5px 10px; height: 30px; display: table-cell; vertical-align: middle; border-right: 1px solid #e7e7e7;}
.dsml_date {width: 100px; position: absolute; right: 0; top: 0; display: table;}
.dsmld {padding: 5px 10px; height: 30px; text-align: center; display: table-cell; vertical-align: middle;}

/* 네이버순위 & 검색량 */
.naver_rank_search {padding: 10px 0 0 0; display: table;}
.nrs_tag {float: left; display: table;}
.nrst_ttl {padding: 0 10px 0 0; height: 30px; font-size: 17px; border-radius: 100px; display: table-cell; vertical-align: middle;}
.nrst_cts {padding: 0 10px; height: 30px; font-size: 17px; font-weight: bold; color: #fff; border-radius: 100px; display: table-cell; vertical-align: middle; background: #202020;}
.nrs_ttl {padding: 30px 0 0 0; font-size: 20px; font-weight: bold;}
.nrs_cts {margin: 15px 0 0 0;}
.nrs_img {width: 100%;}
.nrs_kw_ttl {margin: 30px 0 0 0; padding: 0 0 0 20px; background: url(../../images/search.png) no-repeat 0 2PX; background-size: 15px;}
.nrs_kw_txa {margin: 15px 0 0 0; padding: 10px; width: 100%; height: 100px; border-radius: 6px; box-sizing: border-box;}

/* 리워드/트래픽/백링크 */
.analyze_box {margin: 15px 0 0 0; position: relative}
.analyze {height: 50px; position: relative;}
.ana_ttl_box {width: 150px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; background: #f3f3f3; position: absolute; left: 0; top: 0; display: table;}
.ana_ttl {height: 50px; font-weight: bold; color: #202020; text-align: center; display: table-cell; vertical-align: middle;}
.ana_ipt {padding: 5px 460px 5px 160px;}
.ana_ipt input {padding: 0 10px; width: 100%; height: 40px; border-radius: 6px; border: 1px solid #ddd; box-sizing: border-box;}
.ana_btn_box {position: absolute; right: 0; top: 0; display: table;}
.ana_btn {float: left; width: 150px; display: table; cursor: pointer;}
.ana_btn01 {height: 50px; font-weight: bold; color: #fff; text-align: center; display: table-cell; vertical-align: middle; background: #39b6ff;}
.ana_btn02 {height: 50px; font-weight: bold; color: #fff; text-align: center; display: table-cell; vertical-align: middle; background: #529f91;}
.ana_btn03 {height: 50px; font-weight: bold; color: #fff; text-align: center; display: table-cell; vertical-align: middle; border-top-right-radius: 6px; border-bottom-right-radius: 6px; background: #2f7f83;}

/* 네이버 블로그 & 작업 TOOL */
/* 실방문자수 */
.vst_box {margin: 15px 0 0 0; width: 600px; position: relative;}
.vst_ipt {padding: 5px 90px 5px 160px;}
.vst_ipt input {padding: 0 10px; width: 100%; height: 40px; border-radius: 6px; border: 1px solid #ddd; box-sizing: border-box;}
.vst_btn_box {width: 80px; position: absolute; right: 0; top: 0; display: table;}
.vst_btn {height: 48px; font-weight: bold; color: #fff; text-align: center; display: table-cell; vertical-align: middle; border-top-right-radius: 6px; border-bottom-right-radius: 6px; border: 1px solid #202020; background: #202020; cursor: pointer; transition: .5s;}
.vst_btn:hover {color: #202020; background: #fff;}

/* SEO검사 */
.seo_edit {margin: 15px 0 0 0; padding: 10px; width: 100%; height: 300px; border: 1px solid #ddd;  box-sizing: border-box; background: #fff;}
.seo_rst {margin: 15px 0 0 0; padding: 10px; height: 300px; border-radius: 6px; border: 1px solid #ddd; background: #fff; box-sizing: border-box;}

/*블로그 키워드 밀도*/
.bkm_txta {padding: 15px 0 0 0;}
.bkm_txta textarea {padding: 10px; width: 100%; height: 400px; border-radius: 6px; box-sizing: border-box;}
.search_labs {padding: 15px 0 0 0; width: 725px;}
.sl_img {width: 100%;}

/*AI원고작성*/
.ba_txta {padding: 15px 0 0 0;}
.ba_txta textarea {padding: 10px; width: 100%; height: 400px; border-radius: 6px; box-sizing: border-box;}
.ba_slt {font-size: 15px; height: 40px; border-radius: 6px;}

/*블로그 스크랩*/
.nbs_box {padding: 15px 0 0 0;}
.nbs {padding: 20px; border-radius: 6px; border: 1px solid #ddd; background: #fff;}
.nbs_ttl {padding: 0 0 0 30px; font-size: 20px; font-weight: bold; background: url(../../images/caution.png) no-repeat 0 2px; background-size: 20px; cursor: pointer; position: relative;}
.nbs_ttl img {position: absolute; right: 0px; top: 5px; width: 15px; height: 15px;}
.nbs_cts {display: none;}

/*기타*/
/*키워드 조합기*/
.kbm_txta {padding: 15px 0 0 0;}
.kbm_txta textarea {padding: 10px; width: 100%; height: 100px; border-radius: 6px; box-sizing: border-box;}
.normal_ipt01 {padding:0 10px; width: 100%; height:40px;font-size:15px;color:#202020; border:1px solid #cfcfcf; border-radius: 6px; box-sizing: border-box;}
.kbm_slt {width: 150px;  font-size: 15px; height: 40px; border-radius: 6px;}

.kbm_btn_box {position: absolute; right: 15px; top: 5px; display: table;}
.kbm_btn_p {width: 40px; height: 38px; font-size: 20px; font-weight: bold; color: #fff; text-align: center; border: 1px solid #868686; display: table-cell; vertical-align: middle;  transition: .5s; background: #868686; cursor: pointer;}
.kbm_btn_p:hover {color: #202020; border: 1px solid #ddd; background: #fff;}
.kbm_btn_m {width: 40px; height: 38px; font-size: 20px; font-weight: bold; color: #fff; text-align: center; border: 1px solid #868686; display: table-cell; vertical-align: middle;  transition: .5s; background: #868686; cursor: pointer; border-top-right-radius: 6px; border-bottom-right-radius: 6px;}
.kbm_btn_m:hover {color: #202020; border: 1px solid #ddd; background: #fff;}

/*가입요청*/
.join_wrap {padding: 30px 0 0 0;}
.join {margin: 0 auto; display: table; padding: 30px; width: 840px; border-radius: 6px; background: #fff; box-shadow: 0px 5px 10px rgb(0, 0, 0, 0.05);}
.jw_logo {text-align: center;}
.jw_ttl {padding: 10px 0 0 0; font-size: 36px; font-weight: bold; text-align: center;}
.jw_ttls {padding: 20px 0 0 0; font-size: 17px; font-weight: bold; text-align: center;}
.jw_info_box {padding: 30px 0 0 0;}
.jw_info {margin: 10px 0 0 0; padding: 0 0 0 140px; position: relative;}
.jw_ipt {border-radius: 6px; border: 1px solid #ddd;}
.jw_ipt input {padding: 0 10px; width: 100%; height: 40px; border: 0; border-radius: 6px; box-sizing: border-box;}
.jw_ipt input::placeholder {color:#aaaaaa;}
.jwi_ttl_box {width: 120px; position: absolute; left: 0; top: 0; display: table;}
.jwi_ttl {height: 40px; font-weight: bold; display: table-cell; vertical-align: middle;}
.jw_pi {padding: 10px; position: absolute; right: 0; bottom: 2px; cursor: pointer;}
.jw_pi img {width: 18px;}
.join_btn_box {padding: 30px 0 0 0; margin: 0 auto; display: table; width: 150px;}
.join_btn {height: 40px; color: #fff; text-align: center; display: table-cell; vertical-align: middle; border-radius: 6px; border: 1px solid #202020; background: #202020; cursor: pointer; transition: .5s;}
.join_btn:hover {height: 40px; color: #202020; text-align: center; display: table-cell; vertical-align: middle; border-radius: 6px; border: 1px solid #202020; background: #fff; cursor: pointer;}


@media only screen and (max-width:1023px){
	body {min-width: none;}
	header {display: none;}
	aside {display: none;}
	section {padding:80px 14px 14px 14px; }
	.dsb_top01 {width: 100%;}
	.dsb_top02 {width: 50%;}
	.dsb_top03 {width: 50%;}
}
@media only screen and (max-width:900px){
	.ana_btn_box {padding: 20px 0 0 0; width: 100%; position: inherit; right: inherit; top: inherit;}
	.ana_ipt {padding: 5px 5px 5px 130px;}
	.ana_btn {padding: 0 7px; width: 33.33%; box-sizing: border-box;}
	.ana_btn_box > div:nth-child(1) {padding: 0 7px 0 0;}
	.ana_btn_box > div:nth-child(3) {padding: 0 0 0 7px;}
	.ana_btn01,.ana_btn02,.ana_btn03 {border-radius: 6px;}
	.search_labs {width: 100%;}
	.join {padding: 30px 14px; width: 90%; box-sizing: border-box;}
}
@media only screen and (max-width:640px){
	.category_ttl_da {padding: 0 0 0 30px; font-size: 26px; background-size: 23px;}
	.dsbt_txt {font-size: 20px;}
	.dsb_top_box > div:first-child {padding: 15px 0 0 0;}
	.dsb_top02 {padding: 15px 0 0 0; width: 100%;}
	.dsb_top03 {padding: 15px 0 0 0; width: 100%;}
	.dsbt {padding: 10px; height: 50px;}
	.dsbtb {padding: 0;}
	.mkt_news_ttl {padding: 14px;}
	.mkt_news_cts {padding: 14px;}
	.category_sttl {padding: 30px 0 15px 0;}
	.act {padding: 0 0 0 1px; width: 50%; box-sizing: border-box;}
	.tabs .active {width: 100%;}
	.tabs > li:nth-child(5) {width: 100%;}
	.td_ttl {padding: 0; left: 50%; width: max-content; transform: translate(-50%, -50%);}
	.td_cts {padding: 5px;}
	.td_ttl_set {width: 140px;}
	.td_cts_set {padding: 0 0 0 140px;}
	.mbr {display: block;}
	.vst {width: 100%;}
	.vst_box {margin: 15px 0 0 0; width: 100%; position: relative;}
	.vst_btn_box {margin: 0 auto; display: table; padding: 30px 0 0 0; width: 100%; position: inherit; right: inherit; top: inherit;}
	.vst_btn {height: 40px; border-radius: 6px;}
	.ana_ttl_box {width: 140px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; background: #f3f3f3; position: absolute; left: 0; top: 0; display: table;}
	.vst_ipt {padding: 5px 5px 5px 145px;}
	.ba_slt {width: 100%;}
	.kbm_btn_box {right: 5px;}
	.td_wrap_box {width: 100%;}
	.kbm_slt {width: 100%;}
	.nbs {padding: 10px;}
	.nr_btn_set {width: 100%;}
	.nr_btn_box {width: 100%;}
	.nr_btn_box02 {width: 50%;}
	.nr_btn_set > .nr_btn_box02:nth-child(1) {padding: 0 7px 0 0;}
	.nr_btn_set > .nr_btn_box02:nth-child(2) {padding: 0 0 0 7px;}
	.login_cts_bg {width: 90%}
	.login_cts {padding: 0 20px; width: 90%; box-sizing: border-box;}
	.jwi_ttl_box {width: 100px;}
	.jw_info {padding: 0 0 0 100px;}
	
}