@charset "utf-8";


html,
body {
	height: 100%;
    
    font-size: 14px;
  
}
img{vertical-align:middle}
input{outline:none;}
/* vue js */
[v-cloak] { display: none; }

/* 공통 */
* {
    box-sizing: border-box;
}
.clear_float:after {
	content: "";
	clear: both;
	display: block;
}
.pos_relative,.pos_rel {
	position: relative;
}

/* margin */
.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mt35 {
	margin-top: 35px;
}
.mt40 {
	margin-top: 40px;
}
.mt50 {
	margin-top: 50px;
}
.mt70 {
	margin-top: 70px;
}
.mr10 {
	margin-right: 10px;
}
.mr15 {
	margin-right: 15px;
}

.mr20 {
	margin-right: 20px;
}
.mb10 {
	margin-bottom: 10px;
}
/* button style */
.btn_dark_blue {
	width: 170px;
	height: 50px;
	background: #333C64;
	font-size: 18px;
	color: #fff;
	cursor:pointer;
}
.btn_dark_blue:hover {
	background: #192248;
}
.btn_dark_blue:disabled,.btn_big_blue:disabled {
	opacity: 0.4;cursor:default;
}
.btn_dark_blue:disabled:hover,.btn_dark_blue:disabled:hover {
	background: #333C64;
}

.btn_big_blue {
	width: 300px;
	height: 50px;
	background: #333C64;
	font-size: 18px;
	color: #fff;
	cursor:pointer;
}
.btn_big_blue:hover {
	background: #192248;
}

.btn_light_blue {
	width: 200px;
	height: 50px;
	background: #34BACC;
	font-size: 18px;
	color: #fff;
	cursor:pointer;
}

.btn_light_blue.small {
	width: 80px;
	height: 25px;
	font-size: 13px;
	font-weight:500
	
}

.btn_light_blue.small.w110 {width:110px}

.btn_light_blue:hover {
	background: #15A2B5;
}

.btn_big_blue2 {
	width: 200px;
	height: 50px;
	background: #333C64;
	font-size: 18px;
	color: #fff;
	cursor:pointer;
}
.btn_big_blue2:hover {
	background: #192248;
}

.btn_big_blue3 {
	width: 200px;
	height: 50px;
	background: #007B8B;
	font-size: 18px;
	color: #fff;
	cursor:pointer;
}
.btn_big_blue3:hover {
	background: #005A65;
}

.btn_big_blue4 {
	width: 300px;
	height: 50px;
	background: #007B8B;
	font-size: 18px;
	color: #fff;
	cursor:pointer;
}
.btn_big_blue4.off {
	opacity: 0.3; cursor:default;
}
.btn_big_blue4.off:hover {
	background: #007B8B;
}

.btn_big_blue4:hover {
	background: #005A65;
}

.btn_check {
	width: 360px;
	height: 50px;
	margin-top: 25px;
	background: #34BACC;
	font-size: 18px;
	color: #fff;
	cursor:pointer;
}
.btn_check:hover {
	background: #15A2B5;	
}

/* 좋아요 button */
.btn_good {
	position: relative;
	width: 170px;
	height: 50px;
	padding-left: 70px;
	background: #34BACC;
	border-radius: 40px;
	text-align: left;
	font-size: 18px;
	color: #fff;
	cursor:pointer;
}
.btn_good i {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
	padding-top: 10px;
	background: #15A2B5;
	border-radius: 50%;
	text-align: center;
	font-size: 25px;
	cursor:pointer;
}
/*
.btn_good:hover {
	background: #15A2B5;
}
.btn_good:hover i {
	background: #008395;
}
*/
.btn_good:disabled {
	background: #E2E2E2;
}
.btn_good:disabled i {
	background: #c9c9c9;
}

/* 인식 button */
.btn_function {
	position: relative;
	width: 200px;
	height: 50px;
	padding-left: 70px;
	background: #9553FF;
	border-radius: 40px;
	text-align: left;
	font-size: 18px;
	color: #fff;	
	cursor: pointer;
}
.btn_function .btn_inner_icon {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
	padding-top: 14px;
	background: #7B2FF5;
	border-radius: 50%;
	text-align: center;
}

/* 인식 성공 button */
.btn_function2 {
	position: relative;
	width: 200px;
	height: 50px;
	padding-left: 70px;
	background: #00D95C;
	border-radius: 40px;
	text-align: left;
	font-size: 18px;
	color: #fff;	
	cursor: pointer;	
}
.btn_function2 .btn_inner_icon {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
	padding-top: 14px;
	background: #00B74E;
	border-radius: 50%;
	text-align: center;
}

.btn_set {
	position: relative;
	width: 170px;
	height: 50px;
	padding-left: 70px;
	background: #73757E;
	border-radius: 40px;
	text-align: left;
	font-size: 18px;
	color: #fff;	
}
.btn_set>span {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;	
	padding: 5px 0 0 5px;
	background: #4E4F58;
	border-radius: 50%;	
}
.btn_set:hover {
	background: #4E4F58;
}
.btn_set:hover>span {
	background: #2F3038;
}

/* input */
.input_style {
	width: 360px;
	height: 50px;
	padding-left: 10px;
	border: 1px solid #E2E2E2;
	font-size: 16px;
}

/* select style */
.select_style {
	width: 360px;
	height: 50px;
	padding-left: 10px;
	background: url(/images/game/bg_select.png) right 18px no-repeat;
	border: 1px solid #E2E2E2;
	font-size: 16px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
select::-ms-expand {
    display: none;
}

/* checkbox */
.checklabel {
	display: inline-block; 
	position: relative; 
	padding-left: 28px; 
	cursor: pointer; 
	line-height: 16px; 
    -webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none;
}
.checklabel input {
	position: absolute; 
	opacity: 0; 
	height: 0; 
	width: 0;
}
.checklabel .checkmark {
	position: absolute; 
	top: -2px; 
	left: 0; 
	height: 20px; 
	width: 20px; 
	background-color: #fff;
	border: 1px solid #D0D0D0;
}
.checklabel:hover input ~ .checkmark {
	background-color: #fff;
}
.checklabel input:checked ~ .checkmark {
	background-color: #fff;
}
.checklabel .checkmark:after {
	content: ""; 
	position: absolute; 
	display: none;
}
.checklabel input:checked ~ .checkmark:after {
	display: block;
}
.checklabel .checkmark:after {
	left: 5px; 
	top: 0; 
	width: 6px; 
	height: 12px; 
	border: solid #575757; 
	border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg); 
	-ms-transform: rotate(45deg); 
	transform: rotate(45deg);
}

.checklabel2 {
	display: inline-block; 
	position: relative;  
	width: 20px;
	height: 20px;
	cursor: pointer; 
	line-height: 16px; 
    -webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none;
}
.checklabel2 input {
	position: absolute; 
	opacity: 0; 
	height: 0; 
	width: 0;
}
.checklabel2 .checkmark2 {
	position: absolute; 
	top: -2px; 
	left: 0; 
	height: 20px; 
	width: 20px; 
	background-color: #fff;
	border: 2px solid #707070;
	border-radius: 50%;
}
.checklabel2:hover input ~ .checkmark2 {
	background-color: #fff;
}
.checklabel2 input:checked ~ .checkmark2 {
	background-color: #007B8B;
	border: 2px solid #007B8B;
}
.checklabel2 .checkmark2:after {
	content: ""; 
	position: absolute; 
	display: none;
}
.checklabel2 input:checked ~ .checkmark2:after {
	display: block;
}
.checklabel2 .checkmark2:after {
	left: 5px; 
	top: 1px; 
	width: 5px; 
	height: 10px; 
	border: solid #fff; 
	border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg); 
	-ms-transform: rotate(45deg); 
	transform: rotate(45deg);
}

/* device_check_design */
.state_check {
	position: relative;
}
.state_check.check_true {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: #007B8B;
	border: 2px solid #007B8B;
	border-radius: 50%;	
}
.state_check {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: #fff;
	border: 2px solid #73757E;
	border-radius: 50%;
}
.state_check.check_true:after {
	content: ""; 
	position: absolute; 
	left: 5px; 
	top: 1px; 
	width: 5px; 
	height: 10px; 
	border: solid #fff; 
	border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg); 
	-ms-transform: rotate(45deg); 
	transform: rotate(45deg);	
}

/* radio */
.checks {
	position: relative;
}
.checks input[type="radio"] { 
	position: absolute; 
	width: 1px; 
	height: 1px; 
	padding: 0; 
	margin: -1px; 
	overflow: hidden; 
	clip:rect(0,0,0,0); 
	border: 0; 
}
.checks input[type="radio"] + label { 
	display: inline-block; 
	position: relative; 
	padding-left: 30px; 
	cursor: pointer; 
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
}
.checks input[type="radio"] + label:before { 
	content: ''; 
	position: absolute; 
	left: 8px; 
	top: -15px; 
	width: 20px; 
	height: 20px; 
	text-align: center; 
	background: #fafafa; 
	border: 2px solid #73757E; 
	border-radius: 100%; 
}
.checks input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { 
	/*box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); */
}
.checks input[type="radio"]:checked + label:before { 
	background: #fff; 
	border-color: #46bcd0; 
}
.checks input[type="radio"]:checked + label:after { 
	content: ''; 
	position: absolute; 
	top: -9px; 
	left: 14px; 
	width: 12px; 
	height: 12px; 
	background: #46bcd0; 
	border-radius: 100%; 
}

/* interviewer select radio */
.check_interviewer {
	position: relative;	
}
.check_interviewer input[type="radio"] { 
	position: absolute; 
	width: 1px; 
	height: 1px; 
	padding: 0; 
	margin: -1px; 
	overflow: hidden; 
	clip:rect(0,0,0,0); 
	border: 0; 
}
.check_interviewer input[type="radio"] + label { 
	display: inline-block; 
	position: relative; 
	width: 332px;
	height: 122px;
	cursor: pointer; 
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 

}
.check_interviewer input[type="radio"]#male + label {
	margin-right: 36px;
}
.check_interviewer input[type="radio"]#male + label:before { 
	content: ''; 
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 330px; 
	height: 120px; 
	text-align: center; 
	background: url(/images/game/btn_male.png) left top no-repeat; 
}
.check_interviewer input[type="radio"]#female + label:before { 
	content: ''; 
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 330px; 
	height: 120px; 
	text-align: center; 
	background: url(/images/game/btn_female.png) left top no-repeat; 
}
.check_interviewer input[type="radio"]#male:checked + label:before { 
	background: url(/images/game/btn_male_on.png) left top no-repeat;
}
.check_interviewer input[type="radio"]#female:checked + label:before { 
	background: url(/images/game/btn_female_on.png) left top no-repeat;
}

.check_interviewer span label{animation: shadow-pulse-gender 1s infinite;border:1px solid #d1d1d1; box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.05);}

.no_animation { 
	animation:none !important
}

/* reward select radio */
.check_reward {
	position: relative;	
}

.check_reward .round_info {
	position:absolute;top:-40px;left:395px;color:#fff;font-size:20px
}

.check_reward input[type="radio"] { 
	position: absolute; 
	width: 1px; 
	height: 1px; 
	padding: 0; 
	margin: -1px; 
	overflow: hidden; 
	clip:rect(0,0,0,0); 
	border: 0; 
}
.check_reward input[type="radio"] + label { 
	display: inline-block; 
	position: relative; 
	width: 400px;
	height: 260px;
	cursor: pointer; 
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	box-shadow: none;
	border:5px solid transparent
}
.check_reward input[type="radio"]#chioceNow + label {
	margin-right: 50px;
}
.check_reward input[type="radio"]#chioceNow + label:before { 
	content: ''; 
	position: absolute; 
	left: 0; 
	top: 0; 
	width:390px; 
	height: 250px; 
	text-align: center; 
	background: url(/images/game/bg_choiceA.png) left top no-repeat; 
}

.check_reward input[type="radio"]#chioceNow + label:hover { 
	width: 400px; 
	height: 260px; 
	border:5px solid red;
	transition: all 0.3s;
}
.check_reward input[type="radio"]#choiceAfter + label:before { 
	content: ''; 
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 390px; 
	height: 250px; 
	text-align: center; 
	background: url(/images/game/bg_choiceB.png) left top no-repeat; 
}
.check_reward input[type="radio"]#choiceAfter + label:hover { 
	width: 400px; 
	height: 260px; 
	border:5px solid #2db000;
	transition: all 0.3s;
}
.check_reward input[type="radio"]#chioceNow:checked + label:before { 
	box-shadow: 4px 4px 8px 10px rgba(0,0,0,0.1);
	position: absolute; 
	left: -5px; 
	top: -5px; 
	width:390px; 
	height: 250px; 
	border:5px solid red;
}
.check_reward input[type="radio"]#choiceAfter:checked + label:before { 
	box-shadow: 4px 4px 8px 10px rgba(0,0,0,0.1);
	position: absolute; 
	left: -5px; 
	top: -5px; 
	width:390px; 
	height: 250px; 
	border:5px solid #2db000;
}

/* layout */
#wrapIntro {
    width: 100%;
	height: 100%;
	padding-top: 300px;
	background: url('/images/game/img_BG.png') left top no-repeat;
	background-size: cover;	
}
.btn_start_inface {
	width: 440px;
	margin: 0 auto;
}
.btn_start_inface button {
	cursor: pointer;
}

#wrapInterview {
    width: 100%;
	background: url('/images/ari/img_BG.png') left top no-repeat;
	background-size: cover;
	height:140px;box-shadow:1px 2px 8px 1px #807d7d;

}
#wrapHd {
	position: relative;
	width: 100%;
	height: 90px;
	padding-top: 30px;
	background: url(/images/ari/step_bar.png) repeat-x bottom;
}
#wrapHd .logo_ari{position:absolute;top:10px;right:10px;max-height:20px}

#wrapHd .logo_title{position:absolute;top:30px;left:40px;font-size:27px;color:#ffffff;font-weight:500;background:url(/images/icon/edit_w.png) 0px 2px no-repeat;background-size:24px;padding-left:32px}

#wrapHd .step_box {
	display:block;
	font-size:13px;
	line-height:27.5px;
	background: url(/images/ari/step_level_off.png) no-repeat center bottom;
	position:absolute;width:100%;height:28px;
	font-family: 'Montserrat';
	color:#b9ddf7;
	top:45px;
}

#wrapHd .step_box.on {	
	background: url(/images/ari/step_level_on.png) no-repeat center bottom;	
	color: #157db5;
    font-weight: 700;
    font-size: 15px;
}
.header.ie1 .step_box {
	left:60px
	
}
.header.ie2 .step_box {
	left:0px
	
}

.header {
	width: 1120px;
	margin: 0 auto;
	min-width: 1120px;
}

.header.article {
	width:480px;
	margin: 0 auto;
	min-width:480px
}

.header.ari_write {
	width:800px;
	margin: 0 auto;
	min-width:800px
}

.header ul{
	position:relative
}

.header ul li {
	position:relative;
	float: left;
	width: 160px;
	text-align: center;
	font-size: 18px;
	font-weight:500;
	line-height: 20px;
	height: 90px;cursor:pointer;  color: #fff; transition: all 0.3s;
	padding-top:10px;
}

.header.new ul li {width:200px}

.header ul li:hover {
	background-color:rgb(0,0,0,0.2);border-radius:10px; transition: all 0.3s
}

.header ul li.dis_filter:hover {
	background-color:unset;border-radius:0px; transition: all 0.3s
}


.header ul li p {
	width: 160px;
	height: 28px;
	font-size: 11px;
	opacity: 0.5;
}

.header.ie1 ul li {
	width: 280px;
	
}
.header.ie1 ul li p {
	width: 280px;

}

.header ul li:first-child p {
	opacity: 1;
}
.header ul li a {
	color:#ffffff;
    display: inline-block;
    width: 100%;
}

.header .step_help {
	color:#ffffff;position:absolute;right:-134px;top:84px;font-size:13px;
	background:url(/images/ari/tick_w.png) 0px 0px no-repeat;padding-left:20px;
	height:18px;background-size:14px;    border-bottom: 1px solid rgb(255,255,255,0.6);

}

.dis_none_abs{display:none;position:absolute;z-index:3}
.dis_none{display:none}
.dis_none_imp{display:none !important}
.dis_filter span.tit{opacity:0.50}
.dis_filter{cursor:default !important}

.header ul li span.tit.on{font-size:25px;color:#faffd0}

.btn_setting {
	position: absolute;
	top: 25px;
	right: 20px;
	cursor: pointer;
}

.footer {
	width: 100%;
	height: 80px;
	padding-top: 30px;
	background-color: rgba(0,0,0,0.2);
	text-align: center;
	font-size: 16px;
}

.footer span {
	margin-left: 30px;color:#fff;
}

.footer a{
	color:#fff;
}


.phone {
	padding-left: 25px;
	background: url(/images/game/icon_exclamation2.png) left 3px no-repeat;
}
.cs_center {
	padding-left: 25px;
	background: url(/images/game/icon_headset.png) left 3px no-repeat;
}

/* animate */
.animated.ani_delay04 {
	animation-delay: 400ms;
}
.animated.ani_delay08 {
	animation-delay: 800ms;
}
.animated.ani_delay12 {
	animation-delay: 1200ms;
}
.animated.ani_duration800 {
	animation-duration: 800ms;
}
.animated.ani_duration600 {
	animation-duration: 600ms;
}
.animated.ani_duration400 {
	animation-duration: 400ms;
}
.animated.ani_duration300 {
	animation-duration: 300ms;
}

.btn_admin_pass {
	margin-left:10px;
	width: 220px;
	height: 50px;
	background: #ff6600;
	font-size: 18px;
	color: #fff;
	cursor:pointer;
}
.btn_admin_pass:hover {
	background: #ff3300;
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

 .stepTxtArea{   width:100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;}

.stepTxtArea .step_q{ line-height:25px; font-size:27px; padding-bottom:50px;}

.stepTxtArea .step_q u,.stepTxtArea .step_e u{font-weight:500;text-decoration: none;background-image: linear-gradient(1deg, #89d118 0%, #89d118 100%);
    background-repeat: no-repeat;
    background-size: 100% 7px;
    background-position: 0 100%;}

.stepTxtArea .step_e{ line-height:35px; font-size:25px; padding-bottom:50px;background:url(/images/m_sec3_01.jpg) center no-repeat}
.stepTxtArea .step_e span{ display:block; color:#f00; padding-top:330px;}

.stepTxtArea ul li #title{ width:630px; height:55px; font-size:20px; font-weight:300; padding:0px 25px;line-height:55px; border:1px solid #dfdfdf; border-radius: 2.2rem;   outline: none}
.stepTxtArea ul li #title:hover{ border:1px solid #b3b3b3}
.stepTxtArea ul li #title::placeholder { color:#999; text-align:center;}

.stepTxtArea li a{ display:inline-block; }

.stepTxtArea a.btn_start{background-image:url(/images/ari/start_btn_on.jpg); background-repeat:no-repeat; background-size:195px 69px; background-position:center;width: 195px;height: 69px;opacity: 0.8;display: inline-block;}
.stepTxtArea a:hover.btn_start{opacity: 1}

.stepTxtArea a.btn_next{background-image:url(/images/ari/next_btn.jpg); background-repeat:no-repeat; background-size:195px 69px; background-position:center;width: 195px;height: 69px;opacity: 0.8;;display: inline-block;}
.stepTxtArea a:hover.btn_next{opacity: 1}

.stepTxtArea a.btn_pre{background-image:url(/images/ari/pre_btn.jpg); background-repeat:no-repeat; background-size:195px 69px; background-position:center;width: 195px;height: 69px;opacity: 0.8;;display: inline-block;}
.stepTxtArea a:hover.btn_pre{opacity: 1}


.step6_btn_area{text-align:center;padding-top:60px}
.step6_btn_area a.btn_home{background-image:url(/images/ari/home_btn.jpg); background-repeat:no-repeat; background-size:195px 69px; background-position:center;width: 195px;height: 69px;opacity: 0.8;display:inline-block;display: inline-block;}
.step6_btn_area a:hover.btn_home{opacity: 1}

.pt60{padding-top:60px}
.pt80{padding-top:80px}

.pt50{padding-top:50px}
.pb100{padding-bottom:100px}

.subContents02{ width:100%; padding-top: 72px;min-height:520px;margin:0 auto}
.subContents02.pt0{padding-top:0px}
.subContents02.pt20{padding-top:20px}
.subContents02.pt30{padding-top:30px}
.center{text-align:center;}

.mr20i{margin-right:20px !important}

.stepTxtArea .step_find{ width:100%;}
.stepTxtArea .step_find ul.wid475{ width:475px; margin-left:auto; margin-right:auto;}
.stepTxtArea .step_find ul.wid230{ width:230px; margin-left:auto; margin-right:auto;}
.stepTxtArea .step_find ul:after{ content:""; display:block; clear:both;}
.stepTxtArea .step_find ul li{ float:left; margin-right:35px; width:219px; height:52px;}
.stepTxtArea .step_find ul li:last-child{ margin-right:0;}

.stepTxtArea .step_find ul li a{font-weight:300;display: inline-block;background-color: #fff;width: 100%;height: 100%;line-height: 52px;font-size: 20px;color: #0e98bc;background-image: url(/images/ari/box_arrow.png);background-repeat: no-repeat;background-size: 16px 16px;background-position: center right 20px;text-align: left;padding-left: 20px;border: 1px solid #d6d6d6;}
.stepTxtArea .step_find ul li a:hover{color:#ff7f04;background-image:url(/images/ari/box_arrow_on.png);border: 1px solid #ff7f04;text-decoration:none}

.stepTxtArea .step_find ul li a.find{background-image: url(/images/ari/box_find.png);background-repeat: no-repeat;background-size: 17px 16px;}
.stepTxtArea .step_find ul li a.find:hover{color:#ff7f04;background-image:url(/images/ari/box_find_on.png);border: 1px solid #ff7f04;text-decoration:none}

.stepTxtArea .guide{ display:block; font-size:15px; padding-top:148px;font-weight:300;color:#000000}
.stepTxtArea .guide span{font-weight:700;font-size:18px;padding-left:5px; padding-right:5px; line-height:32px;}
.stepTxtArea .guide strong{color:red;font-weight:300}

.stepTxtArea .guide.user2{padding-top:100px;border-bottom: 1px solid #e3e3e3; padding-bottom: 20px; width: 510px; margin: 0 auto;}

.stepTxtArea ul div#select_company_doc{font-size:20px;padding-top:30px;font-weight:300}
.stepTxtArea ul div#select_company_doc span strong{font-size:24px;font-weight:600;color:#1fa7a7}
.stepTxtArea ul div#select_company_doc span{border-bottom:2px solid #2eb8b8}
.stepTxtArea ul div#select_company_doc img.reset{vertical-align:middle;margin-top:-4px;margin-left:8px;cursor:pointer}

.stepTxtArea ul div#select_app_doc{font-size:20px;padding-top:30px;font-weight:300}
.stepTxtArea ul div#select_app_doc span strong{font-size:24px;font-weight:600;color:#1fa7a7}
.stepTxtArea ul div#select_app_doc span{border-bottom:2px solid #2eb8b8}
.stepTxtArea ul div#select_app_doc img.reset{vertical-align:middle;margin-top:-4px;margin-left:8px;cursor:pointer}


a.allview{background: url(/images/ari/tr-arrow.png) 90% 15px no-repeat #da3474;opacity: 0.8;display: inline-block;padding: 13px 70px 13px 16px;font-size:14px;font-weight:300;color: #ffffff;text-align: left;vertical-align: top;text-decoration: none;box-shadow:1px 8px 10px 2px #da347433}
a:hover.allview{opacity: 1}

a.exit{background: url(/images/ari/tr-arrow.png) 90% 15px no-repeat #494949;opacity: 0.8;display: inline-block;padding: 13px 70px 13px 16px;font-size:14px;font-weight:300;color: #ffffff;text-align: left;vertical-align: top;text-decoration: none;box-shadow:1px 8px 10px 2px #c7c7c7;margin-right: 10px;}
a:hover.exit{opacity: 1}

a.blue_btn_new{background: url(/images/ari/tr-arrow.png) 90% 15px no-repeat #1a92f3;opacity: 0.8;display: inline-block;padding: 13px 70px 13px 16px;font-size:14px;font-weight:300;color: #ffffff;text-align: left;vertical-align: top;text-decoration: none;box-shadow:1px 8px 10px 2px #c4dbee;margin-right: 10px;}
a:hover.blue_btn_new{opacity: 1}



a.button_pink{background: url(/images/ari/tr-arrow.png) 90% 15px no-repeat #da3474;opacity: 0.8;display: inline-block;padding: 13px 70px 13px 16px;font-size:14px;font-weight:300;color: #ffffff;text-align: left;vertical-align: top;text-decoration: none;box-shadow:1px 8px 10px 2px #da347436;margin-right: 10px;}
a.button_bgreen{background: url(/images/ari/tr-arrow.png) 90% 15px no-repeat #0fb3ae;opacity: 0.8;display: inline-block;padding: 13px 70px 13px 16px;font-size:14px;font-weight:300;color: #ffffff;text-align: left;vertical-align: top;text-decoration: none;box-shadow:1px 8px 10px 2px #badfe7;margin-right: 10px;}
a.button_blue{background: url(/images/ari/tr-arrow.png) 90% 15px no-repeat #1a92f3;opacity: 0.8;display: inline-block;padding: 13px 70px 13px 16px;font-size:14px;font-weight:300;color: #ffffff;text-align: left;vertical-align: top;text-decoration: none;box-shadow:1px 8px 10px 2px #0fb3ae3d;margin-right: 10px;}

a.button_red{background: url(/images/ari/tr-arrow.png) 90% 15px no-repeat #ff3300;opacity: 0.8;display: inline-block;padding: 13px 70px 13px 16px;font-size:14px;font-weight:300;color: #ffffff;text-align: left;vertical-align: top;text-decoration: none;box-shadow:1px 8px 10px 2px #ffe4df;margin-right: 10px;}


a:hover.button_pink,a:hover.button_bgreen,a:hover.button_blue,a:hover.button_red{opacity: 1}
.nor{width:88px}
.mr20i{margin-right:20px !important}

.ml40{margin-left:40px}


/* modal */
.wrap_modal {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%;
    overflow: auto;
    padding-top: 130px;
    background-color:rgba(0,0,0,0.5);
    z-index: 200;        
}
.cont_modal {
    position: relative;
    width: 550px;
    height: 580px;    
	margin: 0 auto;
    background-color: #fff;   
    overflow: hidden;
    outline:0;
	box-shadow:1px 1px 6px 1px #363636;
}
.hd_modal {
	position: relative;
	height: 60px;
    padding: 18px 0 0 25px;
    background: #34BACC;
	font-size: 26px;
	font-weight: 600;
    color: #fff;
}
.btn_close {
	position: absolute;
	top: 18px;
	right: 20px;
	cursor: pointer;
}
.body_modal {
	padding: 35px 15px 40px 15px;
	text-align: center;
	font-size: 16px;
	color: #000419;
}

.logoArea .logo_m .main_topMenu a{ color:#333; display:block; padding-left:8px; padding-right:8px;}
.logoArea .logo_m .main_topMenu li.admin a{color:#ff6600;font-weight:700}

.popup.radius{border-radius:5px}
.popup .pop_tit.radius{border-radius:5px 5px 0px 0px}
.popup .pop_txt .popTxt_info.login{padding-bottom:15px;}
.popup .pop_txt .popTxt_info input{height:30px;padding:5px 5px 5px 8px;font-size:16px;border:1px solid #b7b7b7;width:200px}
.popup .pop_txt .popTxt_info input:hover{background-color:#f4f7f9;border:1px solid #000000}
.popup .pop_txt .popTxt_info input#login_id{border-bottom:1px solid #fff}
.popup .pop_txt .popTxt_info input#login_id:hover{border-bottom:1px solid #000000}
.popup .pop_txt .pop_btn1 input.login_btn{border:0px; display:block; color:#fff; background-color:#666;padding:7px 0px;width:214px;text-align:center;margin:0 auto;cursor:pointer;font-size:17px;margin-bottom:30px}
.popup .pop_txt .pop_btn1 input.login_btn:hover{background-color:#505050; }



.popup{ background-color:#fff; min-width:350px; box-shadow:1px 3px 12px 1px #363636;}
.popup li p{display:block; }
.popup .pop_tit{ position:relative; width:100%; border-bottom:1px solid #b3dbe8;background: linear-gradient(to right,#2b94d5,#2dbccc);}
.popup .pop_tit:after{ content:""; display:block; clear:both;}
.popup .pop_tit p{ float:left; box-sizing:border-box; padding:15px 0px;}
.popup .pop_tit .pop_t{ width:100%; text-align:center; font-size:20px;color:#ffffff}
.popup .pop_tit .pop_c a{ display:block; top:14px;right:12px; padding:5px; position:absolute;width:30px;  background:url(/images/button/close_white.png) no-repeat center right 0px;background-size:30px 30px;text-indent:-9999px;}

.popup .pop_txt{ padding:20px 0px;}
.popup .pop_txt p{ display:block;}
.popup .pop_txt .popTxt_info{ text-align:center; width:100%; font-size:18px; line-height:25px; padding-bottom:50px; padding-top:30px;}
.popup .pop_btn1 a{ display:block; color:#fff; background-color:#666; width:100px;padding:7px 30px;  text-align:center;margin-left:auto; margin-right:auto; font-weight:500;cursor:pointer;font-size:20px}
.popup .pop_btn1 a:hover{ background-color:#505050;}

.popup .pop_txt .popTxt_tit{ text-align:center; font-weight:bold; font-size:18px;}
.popup .pop_txt .popTxt_notice{ width:90%; margin-left:auto; margin-right:auto; background-color:#e6e0ec; margin-top:20px; padding:10px; font-size:14px;}
.popup .pop_txt .popTxt_txt{ margin:30px 20px 50px 20px;}
.popup .pop_txt .pop_btn2{ width:350px; margin-left:auto; margin-right:auto;}
.popup .pop_txt .pop_btn2:after{ content:""; display:block; clear:both;}
.popup .pop_txt .pop_btn2 a{ display:block; float:left;color:#fff; background-color:#666; padding:7px 30px; margin-right:15px; width:100px; text-align:center; margin-bottom:30px;}

.popup ul li.searchResult{padding:20px 20px 40px 20px;min-height:300px}
.popup ul li.searchResult table.searchBox{border-top:4px solid #c2c6d3;border-bottom:4px solid #c2c6d3}

.popup ul li.searchResult table.searchBox tr td{padding:0px}
.popup ul li.searchResult table.searchBox tr td ul.com{ padding-left:10px;overflow-x:hidden; 	overflow-y:scroll; 	margin:0px;height:260px}
.popup ul li.searchResult table.searchBox tr td ul.com li{float:left;width:33%;text-align:left;line-height:28px}
.popup ul li.searchResult table.searchBox tr td ul.com img{vertical-align:middle;margin-right:5px;margin-bottom:1px}
.popup ul li.searchResult table.searchBox tr td ul.com a{font-size:14px;color:#5a5a5a;font-weight:300}
.popup ul li.searchResult table.searchBox tr td ul.com a:hover{font-size:14px;color:#7f7f7f;text-decoration:underline;color:#30475c}
.popup ul li.searchResult h3{font-size:18px;font-weight:500;padding:0px 0px 18px 10px;text-align:center;color:#ff6600}

.popup ul li.searchResult table.searchBox tr td.cate{padding:0px}
.popup ul li.searchResult table.searchBox tr td h4{font-weight:700;vertical-align:middle;margin-left:32px;margin-top:3px;color:#2c587c}

.popup ul li.searchResult table.searchBox tr td.cate.line{border-top:1px solid #e1e1e1}
.popup ul li.searchResult table.searchBox tr td.cate.first{padding:0px 0px 0px 10px;}
.popup ul li.searchResult table.searchBox tr td.cate ul.cate.line{border-bottom:1px solid #e1e1e1}

.popup ul li.searchResult table.searchBox tr td.cate ul.cate li{float:left;width:none;text-align:left;line-height:30px;}
.popup ul li.searchResult table.searchBox tr td.cate ul.cate img{vertical-align:middle;margin-right:5px;margin-bottom:1px;margin-left:15px;}
.popup ul li.searchResult table.searchBox tr td.cate ul.cate a{font-size:14px;color:#5a5a5a;font-weight:300}
.popup ul li.searchResult table.searchBox tr td.cate ul.cate a:hover{font-size:14px;color:#7f7f7f;text-decoration:underline;color:#30475c}

.popup ul li.searchResult#searchAppResult ul li.biglist{float:left;width:25%}
.popup ul li.searchResult#searchAppResult ul li.biglist:nth-child(5){clear:both}

.popup ul li.searchResult#searchAppResult ul li.biglist h3{font-size:13px;width:92%;background-color:#3179c5;padding:5px 2px 5px 6px;color:#fff}
.popup ul li.searchResult#searchAppResult ul li.biglist h3 img{vertical-align:middle;margin-top:-3px;margin-right:3px}
.popup ul li.searchResult#searchAppResult ul li.biglist ul{padding:5px 5px 15px 5px}
.popup ul li.searchResult#searchAppResult ul li.biglist ul li a{font-size:13px;font-weight:300;color:#333333;}
.popup ul li.searchResult#searchAppResult ul li.biglist ul li a:hover{text-decoration:underline;cursor:pointer}

.popup ul li.searchResult#searchAppResult ul li.biglist ul li div.selcate{display:none;position:relative;}
.popup ul li.searchResult#searchAppResult ul li.biglist ul li div.selcate ul{width:370px;position:absolute;left:-4px;border:1px solid #0066cc;border-radius:10px;padding:3px 10px 10px 10px;background-color:#f5f5f8}
.popup ul li.searchResult#searchAppResult ul li.biglist ul li div.selcate ul li{float:left;width:24%;padding:3px 0px 3px 0px;line-height:15px}
.popup ul li.searchResult#searchAppResult ul li.biglist ul li div.selcate ul div.tit{border-bottom:1px solid #bfbfbf}
.popup ul li.searchResult#searchAppResult ul li.biglist ul li div.selcate ul img.close{position:absolute;right:10px;top:5px;vertical-align:middle;cursor:pointer}
.popup ul li.searchResult#searchAppResult ul li.biglist ul li div.selcate ul li a{font-size:12px;letter-spacing:-1px}

.popup ul li.searchResult#searchAppResult ul li.biglist ul li div.selcate ul.bottom{bottom:0px;}
.popup ul li.searchResult#searchAppResult ul li.biglist ul li div.selcate ul.top{top:-20px}

.popup ul li.searchResult#searchAppResult ul.part_list{border-top:4px solid #c2c6d3}
.popup ul li.searchResult#searchAppResult ul.part_list li{float:left;width:32%;padding:3px 0px 3px 10px;border:1px solid #ffffff;border-radius:5px}
.popup ul li.searchResult#searchAppResult ul.part_list li span.title{margin-left:8px;font-weight:700;font-size:14px}
.popup ul li.searchResult#searchAppResult ul.part_list li:nth-child(3n+1){clear:both}
.popup ul li.searchResult#searchAppResult ul.part_list li div.desc{margin-left:35px;font-size:13px;font-weight:300;letter-spacing:-1px;}
.popup ul li.searchResult#searchAppResult ul.part_list li label{margin-top:7px}

.popup ul li.searchResult#searchAppResult .end{clear:both;border-top:4px solid #c2c6d3;text-align:center;padding-top:20px}

.input_search{border:1px solid #b8b8b8;font-weight: 300;font-size:17px;margin:0 auto;height:34px; width:90%;padding-left:10px}
.input_search:hover{border:1px solid #000000}



input[type="checkbox"] {
    display: none;
}

input[type="checkbox"] + label {
    width: 25px;
    height: 25px;
    background: #fff url(/images/ari/ch_off.png) no-repeat center;
    border: 1px solid #d5d5d5;
    cursor: pointer;
    float: left;
}

input[type="checkbox"]:checked + label {
    background: url(/images/ari/ch_on.png) #73d1f7 no-repeat center;
    border: 1px solid #5ebbe1;
    float: left;
    color:#048ecb
}

input[type="checkbox"]:checked + label.full {
    color:#fff
}

input[type="checkbox"] + label span {
    display: block;
    padding-left: 30px;
    padding-top: 4px;
    width: 100px;
}

input[type="radio"] {
    display: none;
}

input[type="radio"] + label {
    width: 25px;
    height: 25px;
    background: #fff;
    border: 1px solid #d5d5d5;
    cursor: pointer;
    border-radius: 50%;
    float: left;
}

input[type="radio"]:checked + label {
    background: url(/images/ari/radio_on.png) #fff no-repeat center/15px 15px;
    border: 1px solid #d5d5d5;
    float: left;
}

input[type="radio"] + label span {
    display: block;
    padding-left: 30px;
    padding-top: 4px;
    width: 100px;
}

.scroll{overflow-x:hidden; 	overflow-y:scroll;}

.footer{width:100%;background-color:#0b1425;color:#fff;height:70px;padding:0px;margin-top:90px}
.footer .company{width:450px;margin:0 auto;font-size:12px;font-weight:500;text-align:center;padding-top:22px;color:#7a7a7a}

.preview{width:100%;}
.preview .topline{border-top:6px solid #505765}
.preview .area{padding:15px}
.preview .area .header h2{color:#0099cc;font-weight:900}
.preview .area .header h2 img{vertical-align:midde;margin-right:10px;margin-top:-3px}

.preview .area .header h2 a.edit_btn{margin-left:10px;border:1px solid #616161;font-size:15px;line-height:17px;font-weight:300;vertical-align:middle;border-radius:4px;padding:0px 5px 1px 5px;color:#ffffff;background-color:#565c67}





.articleList{padding-top:70px; padding-bottom:50px; margin-top:80px; border-top:1px solid #dfdfdf; background-color:#f7f7f7;}

.articleList.article{padding-top:20px; padding-bottom:0px; margin-top:20px;background-color:#ffffff ;border-top:1px solid #ffffff; }




.articleList ul.item{background:url(/images/ari/icn_list.png) left 10px top 57px no-repeat; padding:10px;width:85%;margin:0 auto;border:1px solid #f7f7f7;cursor:move}
.articleList ul.item:hover{border:1px dotted #ff0000;background:url('/images/ari/vertical-resizing-option.png') left center no-repeat #ffffff }
.articleList ul:after{ content:""; display:block; clear:both;}
.articleList li{ float:left;}
.articleList .article_tit{ width:20%; font-weight:bold; font-size:20px; line-height:105px;}
.articleList .article_txt{ width:70%;}
.articleList .article_txt div{background-color:#ffffff}
.articleList .article_txt ul{border:1px solid #999;}

.articleList .article_txt li{border-bottom:1px solid #999; width:100%;}
.articleList.article .article_txt li{border-bottom:1px solid #999; width:100%;    background-color: #f4f7fb;}
.articleList .article_txt li:last-child{border-bottom:none;}
.articleList .article_txt li p{ display:inline-block; float:left; font-size:15px; border-right:1px solid #999; box-sizing:border-box; line-height:50px;}
.articleList .article_txt li p:last-child{ border-right:none;}
.articleList .article_txt li p.tit{ width:30%;color:#0e98bc;font-weight:500 }
.articleList .article_txt li p.txt{ width:70%; text-align:left; box-sizing:border-box; padding-left:10px;}
.articleList .article_txt li p.txt span{ font-weight:bold; }

.questionArea{width:1200px;margin:0 auto;padding-top:20px;}
.questionArea ul:after{ content:""; display:block; clear:both;padding:5px 0px}
.questionArea li{ float:left; font-size:17px; font-weight:bold;  line-height:24px;}
.questionArea li.num{ width:50px;color:#717171;font-weight:500;vertical-align:middle;line-height:48px;}
.questionArea li.title{ width:210px; text-align:left;font-weight:500;vertical-align:middle;line-height:48px;}
.questionArea textarea{ width:580px; height:20px; font-size:16px; font-weight:300; line-height:19px; border: 1px solid #dfdfdf;border-radius: 2.2rem;outline: none;padding:14px 25px}




.questionArea textarea:hover{ border:1px solid #333;}
.questionArea textarea::placeholder { color:#999; text-align:center;}
.questionArea .button{ margin-left:15px;}
.questionArea .button a{ background-color:#F63; height:48px; line-height:48px; font-size:20px; font-weight:500; color:#fff; display:block; padding-left:10px; padding-right:10px;}
.questionArea .button a:hover{ background-color:#ff480b}

.questionArea .button a.write_now{border-radius:2px;background:#0099cc url(/images/ari/icn_writeGuide.png) 8px 12px no-repeat;padding-left:34px}


#articleListView{width:1200px;margin:0 auto;}

.writeArea_btn{ position:relative; width:100%;text-align: center;height:78px;margin-top:20px;     background: linear-gradient(to bottom, #fff, #fbfbfb,#f7f7f7,#f7f7f7,#f7f7f7);padding:18px 0px 0px 0px;border-bottom:6px solid #0fd0cd}

.writeArea_btn a{cursor:default;margin-right:6px;display:inline-block;text-decoration:none;vertical-align:top}
.writeArea_btn a span.title{cursor:pointer;font-size:18px;font-weight:600;color:#494949;letter-spacing:-1px;display:block;line-height:18px;text-decoration:none;padding:11px 13px 9px 13px;transition: all 0.3s}

.writeArea_btn a .arrow{text-align:center;height:19px;display:block}
.writeArea_btn a .arrow img{vertical-align:bottom}

.writeArea_btn a span.title.on,.writeArea_btn a span.title:hover{display:block;color:#ff6600;font-weight:600;border-radius:8px;box-shadow:1px 2px 4px 1px #dbdbdb;padding:11px 13px 9px 13px;background-color:#ffffff;text-decoration:none;transition: all 0.3s}


.writeArea_btn ul{ width:1220px}
.writeArea_btn ul:after{ content:""; display:block; clear:both;}
.writeArea_btn ul li{ transition: all 0.3s;float:left; height:38px;margin-bottom:10px }
.writeArea_btn ul li:last-child{ margin-right:0;}


.writeArea_btn ul li a{ text-decoration:none;display:inline-block; color:#fff; font-size:17px; line-height:38px; padding-left:12px; padding-right:12px;}
.writeArea_btn ul li a span.txt_limit{white-space:nowrap; overflow:hidden; margin-top:-5px;vertical-align:middle;line-height:20px;text-overflow:ellipsis;max-width:190px;display:inline-block}
.writeArea_btn ul li:hover{text-decoration:none; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);opacity:0.80; -moz-opacity:0.80;transition: all 0.3s} 

.writeArea .write_tit .shadow_bar{height:17px;position:relative;   background: url(/images/ari/write_bar.png) no-repeat;background-size:100%;padding-bottom: 50px;}
.writeArea .write_tit .shadow_bar img{position:absolute;top:-76px;right:0px;box-shadow:1px 3px 7px 0px #c9c9c9e3;}


.writeArea .write_tit .part_info{padding-bottom:5px}

.writeArea .write_tit .part_info img.imp{margin-top:-2px;margin-right:5px;vertical-align: middle;}


.writeArea .write_tit .part_info h3{display:inline-block;margin-right:15px;line-height:16px}
.writeArea .write_tit .part_info h3.part{color:#b27700;font-weight:500;font-size:14px;}
.writeArea .write_tit .part_info h3 span{color:#b27700;font-weight:300;font-size:14px;}

.help_write_main{color: #676767;padding: 14px 5px 14px 5px; font-size: 13px;text-align: center;font-weight: 400;letter-spacing: -1px;min-height: 15px;;background-color:#f7f7f7}
.help_write_main strong{color:#0532d6;font-weight:500}
.help_write_main img:first-child{vertical-align:middle;margin-top:-2px;margin-right:5px}
.help_write_main img.arrow{vertical-align:middle;margin-right:3px;margin-top:-3px;margin-left:8px}

.help_write_right{background-color:#ffffff;color:#444444;font-size:13px;font-weight:500;letter-spacing: -1px;min-height: 15px;border-top: 2px solid #413f3f;display:block;width:100%;line-height: 40px;margin-bottom: 10px;border-bottom: 1px solid #c0c0c0;border-left: 1px solid #f1f1f1;border-right: 1px solid #f1f1f1;}
.help_write_right strong{color:#fd0000;font-weight:500}
.help_write_right u{text-decoration: none;background-image: linear-gradient(1deg, #9ae727 0%, #9ae727 100%);background-repeat: no-repeat;background-size: 100% 4px;background-position: 0 100%;}
.help_write_right img:first-child{vertical-align:middle;margin-top:-2px;margin-right:5px;margin-left:10px}


.btn_bgRed{ background-color:#eb2910;}
.btn_bgDeepgray{ background-color:#484848; padding-right:10px;
background-image:url(/images/ari/icn_arrow_white.png); background-repeat:no-repeat; background-size:7px 12px; background-position:center right 10px;}
.btn_bgMint_view{ position:absolute; right:0; background-color:#10aaaa; padding-right:10px;
background-image:url(/images/ari/icn_arrow_white.png); background-repeat:no-repeat; background-size:7px 12px; background-position:center right 10px;}
.btn_bgMint_add{ position:absolute; right:0; background-color:#10aaaa; padding-left:10px;
background-image:url(/images/ari/icn_more_white.png); background-repeat:no-repeat; background-size:12px 12px; background-position:center left 8px;}

.row_data div.hide_area{position:relative;display:none}
.row_data div.hide_area div.box{position:absolute;background-color:#fff;z-index:2;width:100%;height:58px}
.row_data div.hide_area span.undo_btn{position:absolute;z-index:2;left:50%;top:14px;transform:translateX(-50%);vertical-align:middle;text-align:center;font-size:20px;font-weight:500;color:#999999;cursor:pointer}
.row_data div.hide_area span.undo_btn img{margin-right:12px}
.row_data .add_title{border:0px;border-bottom:1px solid #fff;text-align:center;font-size:18px;padding:5px;width:80%;height:30px;line-height:20px;vertical-align:middle;background-color: transparent;outline:none;color:#ffffff;margin-left: 136px;}


.row_data .add_title::placeholder { color:#ffffff; text-align:center;}


.row_data .add_title_span{display:none}

/* 작성 타이틀 리스트 */
.write_list{ width:100%;}
.write_list h3{ display:block; font-size:35px; color:#0c98a4; text-align:center; padding:25px 0px 20px 0px; text-decoration:underline;text-underline-position: under;font-weight:700}
.write_list .wl_t .row_data{transition: all 0.3s}
.write_list .wl_t{ width:1370px; margin-left:auto; margin-right:auto; }
.write_list .wl_t ul.list{border-bottom:1px solid #d9d9d9;}
.write_list .wl_t ul.list.on{background: url(/images/ari/title_bg1.jpg);box-shadow:0px 3px 8px 1px #95a1ad}

/*.write_list .wl_t ul{ height:100px; }*/
.write_list .wl_t ul:after{ content:""; display:block; clear:both;}
.write_list .wl_t .row_data:hover ul.list{box-shadow:0px 0px 38px 3px #dddddd inset;transition: all 0.3s}
.write_list .wl_t .row_data:hover ul.list.on{box-shadow: 0px 3px 5px 1px #95a1ad}

.write_list .wl_t .row_data .sub_title,.write_list .wl_t .row_data .add_title_span{color:#ababab;cursor:default}

.write_list .wl_t .row_data:hover .write.modify{ color:#ffffff}

.write_list .wl_t .row_data:hover .sub_title{color:#121212}
.write_list .wl_t .row_data:hover .add_title_span{color:#121212}
.write_list .wl_t .row_data:hover h5{background-color:#444444}

.write_list .wl_t .row_data:hover .wl_t_list{opacity:1.0}


.write_list .wl_t ul.list li,.write_list .wl_t .writeGuide ul li{ float:left;  }

.write_list .wl_t_list{opacity: 0.3;width:10%; line-height:60px;background:url(/images/ari/order_write_btn.png) right 50px top 18px no-repeat;text-align:center;font-size:20px;font-weight:700;text-indent:-9999px }
.write_list .wl_t_list span{ font-weight:300 }
.write_list .wl_t_list_none{ width:20%; line-height:60px; text-align:center;}
.write_list .wl_t_list_none span{ text-align:center;color:#ff3300;padding-left:115px;font-size:11px;font-weight:700;letter-spacing:1px}
.write_list .drag-handle{cursor:move}

.write_list .wl_t_title{ width:75%; font-size:22px; font-weight:bold; text-align:center;line-height:60px;cursor:default}

.write_list .wl_t ul.list.on .wl_t_title{width:90%;text-align:left;padding-left:20px;}
.write_list .wl_t ul.list.on .wl_t_btn{width:8%}

.write_list .wl_t ul.list.on .wl_t_title .sub_title{color:#ffffff}

.write_list .wl_t ul.list.on{border-bottom: 0px solid #d9d9d9}



.write_list .wl_t_title span.tit_pos h5{display: inline-block;text-align: center;color: #ffffff;font-size: 10px;font-weight:300;letter-spacing: 1px;vertical-align: middle;border-radius: 25px;background-color: #ababab;height: 14px;line-height: 14px;padding: 1px 6px;margin-right:6px}
.write_list .wl_t_btn{width:15%;text-align:center}
.write_list .wl_t_btn:after{ content:""; display:block; clear:both;}
.write_list .wl_t_btn a{ font-size:13px; display:block; float:left; margin-right:10px;margin-top:18px;text-decoration:none}
.write_list .wl_t_btn .write{transition: all 0.3s;background-color:#ffffff;padding:6px 25px;color:#9b9b9b;border:1px solid #cacaca;font-weight:500}
.write_list .wl_t_btn .write.modify{ background-color:#000000;color:#fff}

.write_list .wl_t_btn .write:hover{transition: all 0.3s;color:#ff6600;border:1px solid #ff6600 !important;color:#ff6600 !important;font-weight:500}
.write_list .wl_t_btn .write.modify:hover{ background-color:#ffffff}
.write_list .wl_t_title .r_title{padding-right:35px;}


.write_list .wl_t .row_data:hover .write{border:1px solid #7c7c7c;color:#2b2b2b;}


.write_list .wl_t_btn .disNone{ transition: all 0.3s;background-color:#ffffff;padding:6px 14px;color:#9b9b9b;border:1px solid #cacaca;font-weight:500}
.write_list .wl_t_btn .disNone:hover{transition: all 0.3s;color:#ff6600;border:1px solid #ff6600 !important;color:#ff6600 !important;font-weight:500}

.write_list .wl_t .row_data:hover .disNone{border:1px solid #7c7c7c;color:#2b2b2b;}

.write_list .wl_t_disNone{ width:1400px; margin-left:auto; margin-right:auto;}
.write_list .wl_t_disNone a{ display:block; width:100%; text-align:center; border-bottom:1px solid #d9d9d9; padding:15px 0;}



.write_part{margin: 0 auto;box-shadow:1px 4px 8px 0px #c3c3c3;background-color:#fbfbfb}
.write_part .write_part_bottom{height:20px;background: url(/images/ari/title_bg1.jpg) 0px -300px}
.writeArea{ width:100%; border-top:1px solid #dddddd; background-color:#fff;}

.writeTap{width:1320px; margin-left:auto; margin-right:auto;}

/* 작성법 */
.writeTap select {width:166px; height:47px; background-color:#fff; font-size:17px; letter-spacing:-1px; font-weight:bold; margin-top:30px; margin-bottom:15px; border:none; border-bottom:1px solid #000;}
.wl_top{ display:block;height:8px;background: linear-gradient(to bottom,#adb7bdb5,#fbfbfb)}
.wl_tit{ display:block; padding-top:20px; font-size:18px; font-weight:500; color:#000; }
.writeGuide{ position:relative; clear:both; width:100%; }
.writeGuide ul{margin-left:auto; margin-right:auto; padding-top:10px; margin-left:30px;}
.writeGuide li{color:#fff; }
.writeGuide .wgTit{ padding-left:10px; font-size:16px; font-weight:bold; padding-left:28px;
background-image:url(/images/ari/icn_writeGuide.png); background-repeat:no-repeat; background-image:18px 20px; background-position:top 3px left 5px;}
.writeGuide .wgTxt{ padding-left:20px;line-height:22px}
.writeGuide .img_pop{ position:absolute; right:-32px; top:-14px; z-index:100;}
.writeGuide .img_pop.ver2{ right:380px !important; top:240px !important}
.writeGuide .help_pop{cursor:pointer; position:absolute;right:70px; top:140px; z-index:100;box-shadow:0px 2px 20px 0px #413d3e}
.writeGuide .help_pop .close{background-color:#ffffff;font-size:12px;text-align:center;padding:5px;font-weight:700;color:#3366cc}
.writeArea_txt{ position:relative; width:1400px; margin-left:auto; margin-right:auto;}
.writeArea_txt p{ display:block; clear:both;}
.writeArea_txt .article_q{ position:absolute; top:-30px; background-color:#fff; width:100%; height:60px; border:1px solid #b2b2b2; font-size:20px; line-height:60px;
box-shadow:5px 5px 10px rgba(0,0,0,.2);}
.writeArea_txt .article_q span{ padding-left:20px;}

.writeArea_txt select{ width:166px; height:47px; background-color:#fff; font-size:17px; letter-spacing:-1px; font-weight:bold; margin-top:30px; margin-bottom:15px;
border-bottom:1px solid #000; border-top:none; border-right:none; border-left:none;}
.textnexample{ width:1320px;max-height:670px;padding-top:20px;}
.textnexample:after{ content:""; display:block; clear:both;}
.textnexample div{ }

.textArea{width:586px;float:left;}
.textArea.tt{width:652px}

.textArea h2{display:block;color:#413f3f;font-size:18px;font-weight:600;width:100%;padding-bottom: 5px}
.textArea .ari_compact{display:block;color:#0164b9;border-top:2px solid #413f3f;font-size:14px;width:100%;font-weight:500;margin-bottom:10px;background-color:#ffffff;border-bottom:1px solid #c0c0c0;border-left:1px solid #f1f1f1;border-right:1px solid #f1f1f1}
.textArea .explain .num{color:#ed1a3b;}

.textArea .sub_titles::placeholder { color:#999; text-align:center;padding-top:150px;font-size:16px;}
.textArea .sub_titles2::placeholder { color:#999; text-align:center;padding-top:150px;font-size:16px;}

.textnexample.mt10{margin-top:10px !important}


.search_bar{float:none !important;display:none;width:716px;position:relative;}
.search_bar ul.main{position: absolute;top:26px;width:708px;left: 0px;border: 5px solid #ff6c00;background-color: #ffffff;    box-shadow: 1px 3px 10px 2px #7b7b7b}
.search_bar .close_search{position:absolute;right:8px;top:6px;cursor:pointer}

.key_find { position:relative;  height:60px; text-align:center; border-bottom:1px solid #c0c0c0;}

.key_find li{ float:left; }
.key_find li .key_sel{position:absolute;letter-spacing:-1px;font-weight:500; left:105px; width:205px;top:-13px;font-size:14px;line-height:15px;height:28px ;border:1px solid #000}
.key_find li .key_sel.cur{width:80px}
.key_find li input.input{position:absolute; left:170px; width:452px; border-bottom:2px solid #000; border-top:none; height:26px;border-right:none; border-left:none; margin-top:16px;font-size:16px;outline:none}
.key_find li input.input.cur{position:absolute; left:170px; width:472px; }
.key_find .tit{ position:absolute; left:15px; font-weight:bold; font-size:17px; letter-spacing:-1px;line-height:64px;}
.key_find .search{ width:39px;position:absolute; right:44px; margin-top:16px; }
.key_find .search a{color:#fff; line-height:32px; text-align:center; width:100%; background-color:#3f3f3f; padding:5px 15px;}
.key_find .search img{cursor:pointer}
.key_find .close a{ position:absolute; right:0px; line-height:60px; width:45px; height:100%;
background-image:url(/images/ari/icn_close.png); background-repeat:no-repeat; background-size:16px; background-position:center; text-indent:-9999px;  border-left:1px solid #c0c0c0;}

.key_recom{ position:relative;/*height:65px; overflow:hidden;border-bottom:1px solid #c0c0c0; ;border-top:1px solid #ffffff;border-left:1px solid #ffffff;border-right:1px solid #ffffff*/}

.key_recom ul{ padding-top:10px;overflow: hidden;max-height: 105px;}

.key_recom li{float:left;}
.key_recom .tit{width:105px;float:left;font-weight:bold; font-size:17px; letter-spacing:-1px;margin-left:15px;}

.key_recom .keywordBox{padding:0px 15px 10px 15px;text-align:center}
.key_recom .keywordBox p{ display:inline-block;border:1px solid #c9c9c9; border-radius:20px; margin-right:10px; margin-bottom:10px; }
.key_recom .keywordBox p a{ display:block; color:#000; padding:3px 10px;font-size:13px }
.key_recom .keywordBox p.active{ background-color:#ed1a3b; border:1px solid #ed1a3b;}
.key_recom .keywordBox p.active a{ color:#fff;}

.key_recom .keywordBox p.active:hover a{color:#ffffff}

.key_recom .keywordBox p:hover{}
.key_recom .keywordBox p:hover a{color:#ed1a3b}

.writing textarea{width:565px; height:367px; display:block; border:none; overflow:scroll;letter-spacing:1px}
.writing textarea.tt{width:632px;height:308px;}
.writing textarea.sc{height:520px}

.writing textarea.noresize{ resize:none; font-size:13px;padding:10px;line-height:20px;overflow-x:hidden; border:1px solid #fff;letter-spacing:-1px;border:1px solid #c0c0c0;outline:none}
.writing textarea.noresize:hover{ border:1px solid #7d7d7d}
.textArea .write_help_pop{margin-bottom:10px}


/* 예시 단락 */
.exArea{width:718px;max-height:670px;margin-right:15px;float:left;}
.exArea.tt{width:652px}


.exArea h2{display:block;color:#ed1a3b;font-size:18px;font-weight:600;width:100%;padding-bottom: 5px}
.exArea .explain{display:block;text-align:center;color:#0164b9;border-top:2px solid #ed1a3b;font-size:14px;font-weight:500;line-height:40px;margin-bottom:10px;background-color:#ffffff;border-bottom:1px solid #c0c0c0;border-left:1px solid #f1f1f1;border-right:1px solid #f1f1f1}
.exArea .explain .num{color:#ed1a3b;}

.exArea .explain .keword-btn{float:right;margin-right:5px;margin-top:3px}
.exArea .explain .arrow{margin-top: -1px;margin-right:3px}

/*.ex_board{ position:relative;}
.img_pop{ position:absolute; right:30px; top:-85px; z-index:100;}*/
.ex_board{ width:100%}
.ex_board p{ display:block; background-color:#f04862; font-size:16px; color:#fff; text-align:left; padding:4px 0 4px 12px;font-weight:500}
.ex_view{ background-color:#fff; box-sizing:border-box; width:100%; padding:10px; height:520px;overflow-x:hidden;overflow-y:scroll;border:1px solid #ccc;}
.ex_view.title{height:375px}
.ex_view li{ padding-bottom:2px;font-size:13px;letter-spacing:-1px}
.ex_view span{ display:inline-block; font-weight:500; font-size:14px; padding-bottom:2px;color:#ed1a3b; margin-bottom: 6px;border-bottom:1px solid #ed1a3b}
.ex_view a.view_all{transition: all 0.3s;font-size:12px;font-weight:500;line-height:12px;color:#474747; text-align:center; padding:2px; margin-left:1px;vertical-align: middle;text-decoration:none;border-bottom:1.5px solid #636363;margin-right:4px}
.ex_view a.view_all.st{margin-left:0px;margin-right:5px}
.ex_view a.view_all_title{transition: all 0.3s;border-radius:2px;background-color:#f04862; font-size:11px;line-height:12px; color:#fff; text-align:center; padding:4px 5px 3px 5px; margin-left:1px;vertical-align: middle;text-decoration:none;margin-left:0px;margin-right:5px}

.ex_board .mt0{margin-bottom:0px !important}

/*.ex_view a.view_all:hover{transition: all 0.3s;background-color:#f04862}*/
.ex_view .title_class{clear:both;padding:2px 5px 3px 3px;border:1px solid #fff;display:block;line-height:20px;margin-bottom: 20px;}
.ex_view .title_class.pointer{cursor:pointer}
.ex_view .title_class.pointer h4{display:inline-block}
.ex_view .tit_div:hover~.title_class,.ex_view .title_class:hover{border:1px solid #ef3450;border-radius:1px;color:#ef3450}
/*
.ex_view:hover{border:1px solid #bcbcbc }
*/
.ex_view .tit_div{width:499px}
.ex_view .ex_view_in {clear:both}
.ex_view .ex_view_in .more_pos div.more{margin:0 auto;width:100px;text-align:center;float:none;font-size:15px;font-weight:700;padding:3px 10px;border:1px solid #a8a8a8;cursor:pointer;}

.ex_view .ex_view_in .more_pos{padding:10px 0px 80px 0px; float:none}

.ex_view .btn_area{width: 100%;border-top: 1px solid #d8d8d8;padding:4px 0px 2px 0px;margin-top: 5px;background-color:#ffffff}
.ex_view .btn_area .use_word_btn{float:right;margin-top:3px;margin-right:2px}

.ex_view a.input_txt{transition: all 0.3s;border-radius:2px;background-color:#ffffff; font-size:11px;line-height:10px;color:#f04862; border:1px solid #f04862;text-align:center; padding:3px 5px 2px 5px; margin-left:6px;vertical-align: middle;}
.ex_view a.input_txt:hover{transition: all 0.3s;background-color:#cbf3f3}



.ex_view div.summary{border:1px solid #d8d8d8;padding:5px 8px}
.ex_view div.full{float:none;display:none;border:1px solid #d8d8d8;padding:8px}


.ex_view_none{color:#626262;font-size:16px;font-weight:300; text-align:center;background-color:#fff; box-sizing:border-box; width:100%; padding:220px 10px 10px 10px; height:542px;overflow-x:hidden;border:1px solid #ccc;}
.ex_view_none img{vertical-align:middle;margin-top:-3px}
/* 예시 리스트 */
.ex_list{ width:536px; border:1px solid #c0c0c0; margin-top:10px;}
.ex_list ul{ background-color:#fff; padding:4px 0 4px 10px;height:75px;overflow-x:hidden;}
.ex_list li{ font-size:14px;}
.ex_list li p{ vertical-align:middle;display:inline-block; width:370px; max-width:370px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size:13px ;line-height:22px; }
.ex_list li span{vertical-align:middle;display:inline-block;margin-left:5px}
.ex_list li span a{ color:#000; font-size:11px;  line-height:22px}
.ex_list li span a:hover{ text-decoration:underline;}
.ex_list:hover{border:1px solid #330033}


.ari_compact{ position:relative; width:100%; height:110px}
.ari_compact ul:after{ content:""; display:block; clear:both;}
.ari_compact li{ float:left;}
.ari_compact li a{cursor:pointer; position:absolute; display:block; left:24px; top:26px; width:180px; height:55px; font-size:15px; line-height:55px; color:#fff; background-color:#00aacc; border-radius:2px;text-align:center; 
background-image:url(/images/ari/favicon.png); background-repeat:no-repeat; background-position:12px 19px; padding-left:22px;    text-decoration: none;box-shadow: 1px 8px 10px 2px #c4dbee;opacity:0.8}
.ari_compact li a:hover{opacity: 1}
.ari_compact .ari_compact_notice{ position:absolute; left:226px;top: 22px;font-size: 15px;letter-spacing:0px;color:#0790ad;font-weight:300;margin-right:10px;line-height: 22px}

.ari_compact .ari_compact_notice u{text-decoration: none;background-image: linear-gradient(1deg, #18d12ca3 0%, #18d12ca3 100%);background-repeat: no-repeat;background-size: 100% 4px;background-position: 0 100%;}

.btn_tempSave{ width:1400px; margin-left:auto; margin-right:auto; clear:both; padding-top:50px;}
.btn_tempSave a{ display:block; width:220px; background-color:#fff; text-align:center;line-height:50px; color:#059097; font-size:17px; border:1px solid #059097;
 background-image:url(/images/ari/icn_arrow_mint.png); background-repeat:no-repeat; background-size:7px 12px; background-position:center right 20px; margin-left:auto; margin-right:auto;}
.btn_tempSave a:hover{ display:block; width:220px; background-color:#059097; text-align:center;line-height:50px; color:#fff; font-size:17px; border:1px solid #059097;
 background-image:url(/images/ari/icn_arrow_white.png); background-repeat:no-repeat; background-size:7px 12px; background-position:center right 20px; margin-left:auto; margin-right:auto;}

/* 작성란 하단 버튼 (작성완료 / 나가기) */
.btn_save2{ clear:both; width:580px; margin-left:auto; margin-right:auto; margin-top:30px; padding-bottom:30px;}
.btn_save2:after{ content:""; display:block; clear:both;}
.btn_save2 p{ box-sizing:border-box; float:left;margin-right:10px}
.btn_save2 p a.complete{transition: all 0.3s;display:block;width: 150px;padding-right:35px;background-color:#fe7200; text-align:center;line-height:40px; color:#fff; font-size:17px; border-radius:10px;
 background-image:url(/images/ari/icn_button.png); background-repeat:no-repeat; background-size:40px 10px; background-position:center right 10px; margin-left:auto; margin-right:auto;}
.btn_save2 p a.complete:hover{transition: all 0.3s; background-color:#ff4a1e;}

.btn_save2 p a.compact{transition: all 0.3s;display:block; width:170px;letter-spacing:-1px; padding-right:40px; background-color:#3987c6; text-align:center;line-height:40px; color:#fff; font-size:17px; border-radius:10px;
 background-image:url(/images/ari/icn_button.png); background-repeat:no-repeat; background-size:40px 10px; background-position:center right 8px; margin-left:auto; margin-right:auto;}
.btn_save2 p a.compact:hover{transition: all 0.3s; background-color:#3071a5;}
.compact_reset{position:absolute;top:30px;left:10px;display:none}
.compact_reset a.compact_reset_btn{border:1px solid #ff3300;padding:3px 10px;background-color:#ffffff;border-radius:2px;color:red}


.btn_save2 p a.getout{transition: all 0.3s;display:block; width:140px; padding-right:15px; background-color:#6c6c6c; text-align:center;line-height:40px; color:#fff; font-size:17px; border-radius:10px;
 background-image:url(/images/ari/icn_button.png); background-repeat:no-repeat; background-size:40px 10px; background-position:center right 10px; margin-left:auto; margin-right:auto;}
.btn_save2 p a.getout:hover{transition: all 0.3s; background-color:#525252;}

/* 글쓰기 리스트 하단 버튼 ( 현재까지 작성보기 / 다음 항목 작성 / 홈으로)#72cfc8 */
.btn_save3{ clear:both; width:100%;text-align:center; padding-bottom:18px; padding-top:8px;position:fixed;bottom:0px;background-color:#e8f00f;border-top:1px solid #c8cc0d}
.btn_save3:after{ content:""; display:block; clear:both;}
.btn_save3 .btn_save3_in{ box-sizing:border-box;}
.btn_save3 .btn_save3_in a{height:40px;margin-right:5px }
.btn_save3 .btn_save3_in a.allview{transition: all 0.3s;box-shadow:1px 0px 4px 0 #2a2a2a;display:inline-block; width:200px; padding-right:15px; background-color:#ff3300; text-align:center;line-height:40px;  color:#fff; font-size:17px; border-radius:30px; background-image:url(/images/ari/icn_button.png); background-repeat:no-repeat; background-size:30px 10px; background-position:center right 15px; }
.btn_save3 .btn_save3_in a.allview:hover{transition: all 0.3s; background-color:#ff0000;}


.btn_save3 a.menu{position:absolute;left:0px;bottom:0px;box-shadow:1px 0px 4px 0 #2a2a2a;display:inline-block; width:210px; padding-left:42px;background-color:#abaa00; text-align:center;line-height:72px;  color:#fff; font-size:22px; border-radius:0px;background-image:url(/images/button/icn_list.png); background-repeat:no-repeat; background-size:35px 26px; background-position:center left 40px; }
/*box-shadow:0px 2px 8px 0 #2a2a2a;*/
.btn_save3 #view_menu{display:none;position:absolute;bottom:70px;left:6px;background-color:#dcf3f1;border:1px solid #318e87;padding:10px 5px 10px 15px;border-radius:10px 10px 0px 0px;width:220px;line-height:30px}
.btn_save3 #view_menu li{text-align:left;}
.btn_save3 #view_menu li.on a{font-weight:500}
.btn_save3 #view_menu li a{color:#0e2926;font-size:15px;font-weight:300}


.btn_save3 .btn_save3_in a.gonext{transition: all 0.3s;box-shadow:1px 0px 3px 0 #2a2a2a;display:inline-block; width:180px; padding-right:15px; background-color:#fff; text-align:center;line-height:40px; color:#000; font-size:17px; border-radius:30px; border:1px solid #666; background-image:url(/images/ari/icn_button_black.png); background-repeat:no-repeat; background-size:30px 10px; background-position:center right 20px;}

.btn_save3 .btn_save3_in a.gohome{transition: all 0.3s;box-shadow:1px 0px 3px 0 #2a2a2a;display:inline-block; width:160px; padding-right:15px; background-color:#fff; text-align:center;line-height:40px; color:#000; font-size:17px; border-radius:30px; border:1px solid #666; background-image:url(/images/ari/icn_button_black.png); background-repeat:no-repeat; background-size:30px 10px; background-position:center right 20px}

.btn_save3 .btn_save3_in a:hover.gonext{transition: all 0.3s;display:inline-block; padding-right:15px; background-color:#6c6c6c; text-align:center;line-height:40px; color:#fff; font-size:17px; border-radius:30px;
 background-image:url(/images/ari/icn_button.png); background-repeat:no-repeat; background-size:30px 10px; background-position:center right 20px}

.btn_save3 .btn_save3_in a:hover.gohome{transition: all 0.3s;display:inline-block; padding-right:15px; background-color:#6c6c6c; text-align:center;line-height:40px; color:#fff; font-size:17px; border-radius:30px;
 background-image:url(/images/ari/icn_button.png); background-repeat:no-repeat; background-size:30px 10px; background-position:center right 20px}



#saveDone{
	color:#1c3144;
	font-weight:300;
	font-size:13px;
	padding:0px 0px 30px 0px;
}

#saveDone span{
	color:#ff3300;
	font-weight:700;
}

#ajaxLayer,.ajaxLayer  {
	position: absolute;
	z-index:1999;
	display:none;
}



.write_tit{ width:1400px; margin-left:auto; margin-right:auto;border-bottom: 3px solid #ababab}
.write_tit ul:after{ content:""; display:block; clear:both;}
.write_tit .pos_rel h3.part_tit{position:absolute;left:0px;top:26px;font-size:17px;color:#43404a;font-weight:500} /*color:#1fa7a7*/
.write_tit .pos_rel h3.part_tit span{font-size:17px;color:#ff6600;font-weight:500}

.write_tit li{ float:left; min-height:32px; box-sizing:border-box; text-align:center;margin:20px 0px 10px 0px}
.write_tit select{ width:105px; height:47px; text-align:center; font-size:17px; letter-spacing:-1px; font-weight:bold;
background-color:transparent; border:none;}
.write_tit .wTitle{ width:80%;}
.write_tit .wTitle h2{line-height:34px;font-size:30px; letter-spacing:-1px;color:#121212;vertical-align:middle;display:inline-block;font-weight:500;text-decoration: none;margin-right:70px;
background-image: linear-gradient(1deg, #89d118 0%, #89d118 100%);
    background-repeat: no-repeat;
    background-size: 100% 8px;
    background-position: 0 100%;

}

.write_tit .wModify{ width:10%; text-align:right;}
.write_tit .wModify a{font-size:14px; border:1px solid #666; padding-left:15px; padding-right:15px; color:#000;vertical-align:middle;margin-top:16px;display:inline-block;text-decoration:none}
.write_tit ul li.select{ width:10%;}

.writeArea .title_gubun{width:1370px;height: 5px;background-color: #e9e9e9;margin: 0 auto;border-bottom:1px solid #d9d9d9}

.write_notice{ width:1400px; margin-left:auto; margin-right:auto; padding-top:20px; 
 background-image:url(/images/ari/bg_shadow.png); background-repeat:repeat-x; background-position:bottom;}
.write_notice ul{ padding-bottom:45px; padding-left:150px;}
.write_notice ul:after{ content:""; display:block; clear:both;}
.write_notice li{ float:left;}
.write_notice .noti_t{ border:1px solid #a3e2e2;width:80px; height:80px; border-radius:50%; background-color:#cbefef; color:#1f8fa3; font-size:20px; text-align:center; line-height:80px; margin-right:30px;}
.write_notice .noti_e{color:#000; }
.write_notice .noti_e p{ display:block;}
.write_notice .noti_e .e1{font-size:18px; padding-bottom:10px; padding-top:10px;}
.write_notice .noti_e .e1 span{ background-color:#ffb2b2; border:1px solid #ff5e5e; padding-left:5px; padding-right:5px;}
.write_notice .noti_e .e2{font-size:15px; }

.write_guide_btn{ position:relative; width:1400px; margin-left:auto; margin-right:auto; margin-top:30px;}
.write_guide_btn p{ display:block;}
.changeLow{ position:absolute;left:35px;top:-10px}
.changeLow:after{ content:""; display:block; clear:both;}
.changeLow span{ display:inline-block; color:#595959 }
.changeLow span.help{ font-size:13px;}
.write_guide_btn .addLow{ position:absolute; right:40px;top:-13px}
.write_guide_btn .addLow a{opacity:0.80;transition: all 0.3s;border-radius:3px;display:block;}

.write_guide_btn .addLow a:hover{opacity:1.0}

.allViewPrint{ position:relative; width:100%; margin-left:auto; margin-right:auto; }
.allViewArea{ z-index:999;background-color:#ffffff;position:relative; width:1080px; margin-left:auto; margin-right:auto; border:1px solid #999;box-shadow:1px 2px 10px 3px #413d3e;transition: all 0.5s}
.allViewTit{ width:100%; height:105px; border-bottom:1px solid #dddddd; background-image:url(/images/ari/sub_bg03.jpg); background-repeat:no-repeat; background-position:center;}

.allViewTit div.close_btn{position:relative}
.allViewTit div.close_btn a{position:absolute;right:8px;top:8px}


.allViewTit:after{ content:""; display:block; clear:both;}
.allViewTit p{ padding-top:43px; float:left; font-size:30px; text-align:center; margin-left:30px;}
.allViewTit .allViewTitBtn{position:absolute; right:15px; top:37px;}
.allViewTit .allViewTitBtn:after{ content:""; display:block; clear:both;}
.allViewTit .allViewTitBtn a{ display:block; float:left; color:#000; font-size:12px;border:1px solid #000; padding:2px 0 3px 0px; width:70px; text-align:center;}
.allViewTit .allViewTitBtn a:hover{ color:#fff; background-color:#666;border:1px solid #666; }
.allViewTxt ul{margin:50px 30px;}
.allViewTxt li:after{ content:""; display:block; clear:both;}
.allViewTxt li { padding-bottom:50px;}
.allViewTxt li p{ display:block; float:left;}
.allViewTxt li .txt_t{ font-size:18px; margin-bottom:10px;font-weight:500}
.allViewTxt li .txt_m{ margin-bottom:10px;}
.allViewTxt li .txt_m a{ display:block; font-size:11px;  background-color:#666; color:#fff; padding:3px 10px 2px 10px; letter-spacing:-1px; margin-left:10px;border-radius:3px;letter-spacing:-1px;vertical-align:middle;margin-top:5px}
.allViewTxt li .txt_x{clear:both;min-height:10px; font-size:13px;word-break: keep-all}

.allViewTxt li .txt_x strong{line-height:30px}

.allViewBtn{position:relative; width:100%;z-index:999;}
.allViewBtn ul.wid230{ width:230px; margin-left:auto; margin-right:auto;}
.allViewBtn ul:after{ content:""; display:block; clear:both;}
.allViewBtn ul li{ float:left; margin-right:15px; width:219px; height:52px; border:1px solid #2eb8b8;}
.allViewBtn ul li:last-child{ margin-right:0;}
.allViewBtn ul li a{ display:block; background-color:#fff; width:100%; height:100%; line-height:52px; font-size:20px; color:#189696; text-align:center;
background-image:url(/images/ari/icn_arrow_mint.png); background-repeat:no-repeat; background-size:7px 12px; background-position:center right 20px;}
.allViewBtn ul li a:hover{ background-color:#2eb8b8; color:#fff;
background-image:url(/images/ari/icn_arrow_white.png); background-repeat:no-repeat; background-size:7px 12px; background-position:center right 20px;}

.low1{    background-color: #fff;
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #ccc;}

	.overflowy{overflow-y:hidden}


	.pos_rel img.aribot_help{position:absolute;top:10px;left:-220px;z-index:10;display:none;transition: all 0.3s;}


.pos_rel img.aribot_help2{position:absolute;top:0px;left:-240px;z-index:10;display:none;transition: all 0.3s;}



/*개발 추가*/
#mask
{
	 position:absolute;
	 top:0px;
	 left:0px;
	 width:100%;
	 height:100%;
	 display:none;
	 z-index:100;
	 background-color:#222222;
	 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	 opacity:0.40; -moz-opacity:0.40;
}

#loading_area
{
	 position:absolute;
	 top:0px;
	 left:0px;
	 width:100%;
	 height:100%;
	 display:none;
	 z-index:100;
	 background-color:#494949;
	 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
	 opacity:0.20; -moz-opacity:0.20;
}


#loading_icon {
  display:none;
  position:absolute;
  width: 80px;
  height: 80px;
  border: 12px solid rgba(255,255,255,.7);
  border-radius: 50%;
  border-top-color: #77c8ca;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
   z-index:300;
}

#loading_icon_correct1 {
  display:none;
  position:absolute;
   z-index:300;
   border:3px solid #ff6600;
   background-color:#ffffff;
   border-radius:6px;
   text-align:center;
   padding:20px 30px 40px 30px;
  box-shadow:0px 2px 8px 1px #3d3839;
  height:120px;margin-top:-90px
}

#loading_icon_correct1 div.pos{
	position:relative;
	margin:0 auto;width:100px;padding-top:20px
}
#loading_icon_correct1 div.pos img{position:absolute;top:35px;left:10px}

#loading_icon_correct1 div.pos div.loading {
	 text-align:center;
  width: 50px;
  height: 50px;
  border: 12px solid #fde4bb;
  border-radius: 50%;
  border-top-color: #ff860f;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
 
}

#loading_icon_correct1 h2{
 color:#ff6600;font-weight:700
}

#loading_icon_correct {
  display:none;
  position:absolute;
   z-index:300;
   border:3px solid #ff6600;
   background-color:#ffffff;
   border-radius:6px;
   text-align:center;
   padding:20px 30px 40px 30px;
  box-shadow:0px 2px 8px 1px #3d3839;
  height:165px;margin-top:-90px
}

#loading_icon_correct div.pos{
	position:relative;
	margin:0 auto;width:100px;padding-top:20px
}
#loading_icon_correct div.pos img{position:absolute;top:35px;left:10px}

#loading_icon_correct div.pos div.loading {
	 text-align:center;
  width: 50px;
  height: 50px;
  border: 12px solid #fde4bb;
  border-radius: 50%;
  border-top-color: #ff860f;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
 
}

#loading_icon_correct h2{
 color:#ff6600;font-weight:500;
     line-height: 40px;
}

@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}

.loading_s_layer{
	margin:0 auto;min-width:260px;padding-left:60px;color:#0ec2be;font-weight:500;padding-top:5px;font-size:17px;line-height:20px;display: inline-flex;
}

.loading_s_layer.no_data{width: 330px;padding-left: 40px;display: inline-block;padding-top:80px}

.loading_more{
	margin:0 auto;padding:15px 0px 80px 0px
}

.loading_s_layer .loading_s {
  text-align:center;
  width: 20px;
  height: 20px;
  border: 4px solid #d7ecec;
  border-radius: 50%;
  border-top-color: #14cad3;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}
.btn_search_pass{opacity:0.8;transition: all 0.3s;box-shadow:0px 4px 9px 0px #98bdcf;display:inline-block; width:170px; padding-right:15px; background-color:#0eb4b2; text-align:center;line-height:40px;  color:#fff; font-size:17px; background-image:url(/images/ari/icn_button.png); background-repeat:no-repeat; background-size:30px 10px; background-position:center right 10px; }
.btn_search_pass:hover{transition: all 0.3s;color:#ffffff;opacity:1;text-decoration:none}


.input_textarea2 {

	font-size: 12px; 
	color:#444444;
	background-color:#FFFFFF;	
	height:150px;
	border:0px solid #d8d8da;
	padding:0px;
	overflow:hidden;width:100%;word-break: break-all;line-height:150%;min-height:150px;outline: none
}

.input_textarea2_correct {

	font-size: 12px; 
	color:#444444;
	background-color:#FFFFFF;	
	height:150px;
	border:0px solid #d8d8da;
	padding:0px;
	overflow:hidden;width:100%;word-break: break-all;line-height:150%;min-height:150px
}

.input_textarea_non2 {

	font-size: 12px; 
	color:#313131;
	background-color:#FFFFFF;

	line-HEIGHT: 16px;
	height:100px;
	padding-top:50px;
	border:0px solid #d8d8da;
	padding:0px;

}
.red{color:#ff0000}
.green{color:#338001}
.gray{color:#a1a1a1}
.font_normal{font-weight:normal}
.wid1000{width:1000px}
.wid800{width:800px}
.ari_write_main{margin:0 auto;width:1140px;}

.bt_open {transition: all 0.3s;display:block; width:162px; height:29px; background:url(/images/ari/my_ari_load.png) 0px center no-repeat; text-indent:-10000px;box-shadow: 0px 2px 3px 0px #c9c9c9;}

.bt_open:hover{transition: all 0.3s;color:#fff;}

.mystorage{position:relative}
.mystorage span{position:absolute;top:22px;right:30px}

.mystorage span.main{top:65px;right:8px}

.pt10{padding-top:10px}


.popup{width:500px; background-color:#ffffff; border-radius:5px;border:1px solid #02a2c4;box-shadow:2px 15px 20px 5px #544e4f;transition: all 0.5s}
.popup img.close{position:absolute;top:9px;right:8px;cursor:pointer;padding:5px}
.popup02{margin:0 auto; width:90%; border:1px solid #02b4db;}
.popup .popTit{ border-radius:4px 4px 0px 0px;background: linear-gradient(to right,#2b94d5,#2dbccc);height:50px; color:#ffffff; font-size:20px; padding-top:12px;  padding-left:20px;    line-height: 26px; font-weight:bold;}
.popup .popTit img{vertical-align:middle;margin-right:5px;margin-bottom:3px}
.popup_tit{background-color:#d8eaf1; height:50px;border-top:1px solid #95c6d9;border-bottom:1px solid #95c6d9}
.popup_tit ul li.menu{text-align:center; float:left; width:10%;  font-size:15px; margin-top:15px; font-weight:bold;}

.popup_txt{background-color:#ffffff; }
.popup_txt ul{min-height:50px; border-bottom:1px solid #d9ecf0;}
.popup_txt ul li.numBox{text-align:center; float:left; font-size:15px; margin-top:15px;}
.popup_txt ul li.filename{float:left; border-right:1px solid #c6c6c6; margin-top:15px; letter-spacing:-1px; font-size:14px;}
.popup_txt ul li.filename a{ color:#454545;}
.popup_txt ul li.date{text-align:center; float:left; font-size:13px; margin-top:15px;}
.popup_txt ul li.ticketNaim{ float:left; text-align:center; border-right:1px solid #c6c6c6; margin-top:15px; letter-spacing:-1px; font-size:14px;}
.popup_txt ul li.ticketNum{float:left; text-align:center; border-right:1px solid #c6c6c6; margin-top:15px; letter-spacing:-1px; font-size:14px;}
.popTxtype01{font-size:18px; text-align:center; margin-top:50px; letter-spacing:-1px; line-height:30px;}
.popTxtype02{width:80%; font-size:13px; text-align:center; margin:0 auto; margin-top:30px; margin-bottom:30px; padding-top:15px; padding-bottom:15px;}

.popBtn{height:100%; overflow:hidden; padding-top:50px; padding-bottom:50px; margin:0 auto;}
.popBtn ul li a span.btn{border:1px solid #018aa7;padding:8px 20px; text-align:center;font-size:17px; font-weight:500;border-radius:3px;}
.popBtn ul li a:hover span.btn{background-color:#02c7f0;color:#ffffff;;box-shadow:0px 1px 3px 0px #544e4f;transition: all 0.3s}

.txt_center {
    text-align: center;
}

.bac_violet{background-color:#02b4db}
.col_white{color:#ffffff;}
.col_black{color:#000;}
.col_blue{color:#5b87d2;}
.col_blue1{color:#3966cd;}
.col_blue2, .col_blue2 a, .col_blue2:hover{color:#6487CD;}
.col_blue3{color:#a7c1d6;}
.col_blue4 {color:#2380e8;}
.col_pink{color:#e44b62;}
.col_yellow{color:#f6da1a;}
.col_red{color:#ff4200;}
.col_gray, .col_gray a, .col_gray:hover {color:#858585;}
.col_gray1{color:#b4b4b4;}
.col_oran{color:#fb7b2d;}
.col_violet{color:#6c006d;}
.btn_blue{color:#ffffff;background-color:#02b4db;border-top:1px solid #02b4db;border-left:1px solid #02b4db;border-right:1px solid #02b4db;border-bottom:1px solid #02b4db;vertical-align:middle}
.btn_blue:hover{background-color:#02b4db;color:#ffffff;box-shadow:0px 1px 3px #544e4f;transition: all 0.3s}
.btn_blue:active{color:#ffffff;}
.btn_blue:link{color:#ffffff;}
.btn_blue:visited{color:#ffffff;}
.mr5{margin-right:5px}

.lh24{line-height:24px}

.pt20{padding-top:20px}
.bold500{font-weight:500}
.blue {
    color: #01a8cc;
}

.mb30{margin-bottom:30px}
.fw500{font-weight:500}