@charset "utf-8";
/*-------------------------------------------------
Common Style Sheet
Version : 1.0
Author : lodev - lee hyun ju
Create date : 2019. 03. 25.
-------------------------------------------------*/
*, *::before, *::after { box-sizing: border-box;	}
html {margin: 0;padding: 0;font-size: 10px;overflow-y: scroll;	-webkit-text-size-adjust: none; 	-moz-text-size-adjust: none;	-ms-text-size-adjust: none;}
body {margin: 0;	padding: 0;	color: #333;line-height: 1.6;	vertical-align: baseline;	font-size: 1.7rem;font-family: Noto, "맑은 고딕", Malgun Gothic, "돋움", Dotum, "굴림", Gulim, Tahoma, Verdana, AppleGothic, UnDotum, sans-serif;    font-weight: 300;}

header, footer, article, section, aside, nav, main {display: block;}
a {color: #464646;	text-decoration: none;}
a:hover {text-decoration: none;}
a[href*=tel]{   color:inherit;}
img {border: none;}
select, input, textarea {background-color: transparent;	border: 1px solid #dae0e6;	color: #454545;	box-sizing:  border-box;transition: border-color .15s ease-in-out,background-color .15s ease-in-out;
	-webkit-transition: border-color .15s ease-in-out,background-color .15s ease-in-out;	font-family: Noto,"맑은 고딕", Malgun Gothic, arial, helvetica, clean, sans-serif;	font-size: 1.6rem;vertical-align: middle;}
select {position: relative;	height: 40px;	padding: 7px 25px 7px 10px;	background: url(../../images/common/bbs/select_arrow.png) no-repeat right 50%;  	border-radius: 0;	appearance: none;	-webkit-appearance: none;-moz-appearance: none;}
select[multiple="multiple"]	 {height: auto;}
select::-ms-expand {display: none;	}
select:focus,input:focus,textarea:focus  {border-color: #4d90fe !important;}	
input[type="submit"],input[type="button"] {cursor: pointer;}
input[type="radio"], input[type="checkbox"] { width: 17px;  height: 17px;  margin: 0;  padding: 0;	}	
input[type="text"],
input[type="tel"],
input[type="search"],
input[type="number"],
input[type="date"],
input[type="email"],
input[type="password"] {height: 40px;	padding: 8px;-webkit-appearance: none;	-webkit-border-radius: 0;}
textarea {padding: 8px;font-size: 1.5rem;}
select:focus,	input:focus,textarea:focus  {border-color: #4d90fe;}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #333; font-weight: 200;	}
::-webkit-input-placeholder { /* Webkit browsers */
	color: #333; font-weight: 200;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #333; font-weight: 200;}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #333; font-weight: 200;}

hr {display: block; margin: 0; padding: 0;	border: none;}	
* button {position: relative;display: inline-block;margin: 0;padding: 0;	background: none;	border: 0;	cursor: pointer; 	_cursor: hand;	 text-decoration: none;
	overflow: visible;	font-size: 1rem; font-family:Noto, "맑은 고딕", Malgun Gothic, "돋움", Dotum, "굴림", Gulim, Tahoma, Verdana, AppleGothic, UnDotum, sans-serif;
	font-weight: 300;	white-space: nowrap;}	
h1, h2, h3, h4, h5, h6 {	margin: 0;	padding: 0;	line-height: 1.4;	font-weight: 700;	}
ul, ol, li, dl, dt, dd {margin: 0; padding: 0; list-style: none;}	
ol, ul{ list-style:none; }
p {margin: 0;	padding: 0;}
strong {	margin: 0; padding: 0;	font-weight: 500; _color:#000}
address, em {font-style: normal;	}
form  {margin: 0;	padding: 0;}		
fieldset  {margin: 0;	padding: 0;	border: none;}	
legend  {width: 100%;	height: 1px; text-indent: -9999px;	overflow: hidden;}
/*iframe {width:1px; min-width:100%; margin: 0;	padding: 0; border: currentcolor; border-image-source: none;	overflow: auto; -webkit-overflow-scrolling:touch;}*/
/* 테이블 STYLE */	
caption  {width: 100%;	height: 1px; text-indent: -9999px; overflow: hidden;}	
table  {width: calc(100% + 2px);margin: 0 -1px;border-collapse: collapse; border-spacing: 0; }
table th  {padding: 13px 20px; font-weight: 300; white-space: nowrap;}
table td  {padding: 13px 20px; color: #707070;	white-space: normal; word-break: break-all; line-height:1.8}

/* skip */
#accessibility {position: relative; width: 100%; margin: 0 auto; font-size: 1.3rem; z-index: 200;}
#accessibility dt {width: 100%; height: 0; font-size:  0; line-height: 0;}
#accessibility a {display:block; position: absolute; top: -10000px; left: 0; width: 100%; height: 0; text-align:center; font-size: 1rem;z-index: 200;}
#accessibility a:hover, #accessibility a:focus, #accessibility a:active{position: absolute; top: 0; padding: 10px 0 25px;background: #1d60a7;color: #fff; z-index: 200;}
.skip {display: block; width: 100%; height: 1px; margin-top: -1px; color: transparent; font-size: .5rem; overflow: hidden;}

/*여백*/
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px !important;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px !important;}
.mb100 {margin-bottom:100px !important;}
.mr2 {margin-right:2%}

.pt20 {padding-top:20px}
.pb0 {padding-bottom:0 !important}
.pb10 {padding-bottom:10px}
.pb50 {padding-bottom:50px !important}
.pl20 {padding-left:20px !important;}
.pr20 {padding-right:20px}

.temp_button_sec { margin-top: 50px;}
.f_left {float:left;}
.f_right {float:right;}
.t_right {text-align:right;}
.point_b {color:#2450bf;}
.point_b2 {color:#00a0e9}
.point_b3 {color:#ff0000}
.color1 {color: #e60012 !important;}
.txt0 {font-size:1rem; color: #000; line-height: 24px;}
.color2 {color:#f6921e !important}
.orange { color: #f78c0f;}
.aqua {color: #26b6ee;}
.blue {color: #0e347c;}
.clear {clear:both;}
.t_left {text-align:left !important;}
.f_center {text-align:center}

h3 {font-size:2.3rem; text-align:center; padding:30px 0; font-weight:500}
h4 {margin-top: 40px; margin-bottom: 10px; font-size: 1.2rem; _color: #f88f10;position:relative;}
h5 {margin-top: 15px; margin-bottom: 15px; color: 333; font-size: 1.1rem; font-weight:500; padding-left:10px; position:relative;}
h5:after {content: ""; display: block; position: absolute; width:3px; height:15px; background: #8923df; top:4px; left:0}

.ph3 {_font-weight:600; font-size:1.1rem; padding:10px 0}
.ph4 {padding-left: 10px; padding-right: 10px; padding-bottom:15px;}
.ph5 {padding-left: 15px; padding-right: 10px; padding-bottom:15px;}
.txt0 span {font-size: 1.1rem; font-weight: 600;}
.txtc {text-align: center !important;}
.smt {font-size:0.9em;}
.img_100 {width:100%;}

/*UI*/
.ul0{ margin-top:10px; margin-bottom:10px; margin-left:10px;}
.ul0 > li{ padding-left:10px; color:#666666; font-size:1rem; line-height:22px; position:relative;}
.ul0 > li > ul{ margin-top:5px; }
.ul0 > li + li{ margin-top:5px; }
.ul0 > li:before{background:#a0a0a0;border-radius:100%;width:5px;height:5px;position:absolute;top:8px;left:0px;content:'';display:inline-block;}

.ul1{ margin-top:10px; margin-bottom:10px; }
.ul1 > li{ padding-left:10px; color:#333; font-size:1rem; line-height:1.5; position:relative;  padding-bottom:10px;}
.ul1 > li {font-weight:500}
.ul1 > li > ul{ margin-top:5px; }
.ul1 > li > ul li {padding-left:10px; font-weight:300}
.ul1 > li + li{ margin-top:5px; }
.ul1 > li:before{background:#333;border-radius:100%;width:5px;height:5px;position:absolute;top:8px;left:0px;content:'';display:inline-block;}

.ul2{ margin-top:10px; margin-bottom:10px; }
.ul2 > li{ padding-left:10px; color:#333; font-size:1rem; line-height:1.5; position:relative;  padding-bottom:10px;}
.ul2 > li {font-weight:500}
.ul2 > li:before{background:#333;border-radius:100%;width:5px;height:2px;position:absolute;top:8px;left:0px;content:'';display:inline-block;}
.ul2 > li strong {display:inline-block; width:100px;}
.ul2 > li span {font-weight:400}

.ul3{ margin-bottom:10px; }
.ul3 > li{ padding-left:10px; color:#333; font-size:1rem; line-height:1.5; position:relative;  padding-bottom:10px;}
.ul3 > li:before{background:#333;border-radius:100%;width:5px;height:2px;position:absolute;top:8px;left:0px;content:'';display:inline-block;}
.ul3 > li strong {display:inline-block; width:100px;}
.ul3 > li span {font-weight:400}

.ul4{ margin-top:10px; margin-bottom:10px; }
.ul4 > li{ padding-left:10px; color:#666; font-size:1rem; line-height:1.5; position:relative;  padding-bottom:5px;}
.ul4 > li:before{background:#666;border-radius:100%;width:5px;height:2px;position:absolute;top:11px;left:0px;content:'';display:inline-block;}

.ol1 {margin:10px 0 20px 10px;}
.ol1 > li {list-style: decimal; margin-left:20px; line-height:1.8}
.ol2 {margin:10px 0 20px 10px;}
.ol2 > li {list-style: decimal-leading-zero;; margin-left:20px; line-height:1.8}
.ol3 {margin:0 0 0 30px }
.ol3 > li {list-style: decimal-leading-zero;line-height:2.5; }
.ol3 > li strong {padding-right:5px;}

/*pc 모바일*/
.pc {display:block;}
.mob {display:none;}

/*top_btn*/
#top_btn { width: 52px; height: 52px; font-size:0.9rem; position: fixed; bottom: 50px; right:10px; display: none; z-index: 3; background:#520096; border-radius:50px; color:#fff; padding-top:5px;}
#top_btn:after {position: absolute; top:30%; right: 18px; color:#fff; transform: translateY(-50%); font-size: 1.1rem; font-family: "xeicon"; content: "\e945";}

/*button*/
.btn_bas {padding:10px 30px; text-align:center; border:2px solid #5614cf; font-size:1.2rem; border-radius:50px; display:inline-block; margin:10px; color: #5614cf;}
.btn_bas:hover {background:#5614cf; color:#fff}
.box {padding: 20px; border: 1px solid #673ab7; border-radius: 20px; margin: 30px 0;}

/*페이지 오류*/
.error_wrap {width:964px; margin:0 auto; padding:180px 0 100px}
.error_wrap .logo {width: 840px;  margin: 0 3%;padding: 0 6px 20px;}
.error_wrap #container {width: 964px; margin: 0 auto ; border-top:3px solid #000; border-bottom:3px solid #000; background:url('../img/note_ca.png') no-repeat 70px center; padding:40px 0 40px 400px;}
.error_wrap #container h2 {font-size:30px; line-height:1.5; font-weight:500; padding-bottom:20px;}
.error_wrap #container p {font-size:15px; border-top:1px solid #000; padding:15px 0; font-weight:600}
.error_wrap .btnarea {margin:20px; text-align:center;}
.error_wrap .btnarea .btn {background:#003964; padding:12px 0; text-align:center; margiN:0 20px; color:#fff; border-radius:10px;font-weight:600; display: inline-block; width:30%}
@media screen and (max-width: 600px) {
	.error_wrap {width:100%; padding-top:60px}
	.error_wrap .logo  {width:85%; margiN:0 7%;}
	.error_wrap .logo img {width:270px}
	.error_wrap #container  {width:100%; padding:180px 3% 5% ;  background:url('../img/note_ca.png') no-repeat center 20px / 150px; }
	.error_wrap #container h2 {font-size:25px; text-align:center;}
	.error_wrap .btnarea {margiN:5% 10%}
	.error_wrap .btnarea .btn {width:100%; margiN:10px 0;}	
	.pc {display:none;}
	.mob {display:block;}
}

@media screen and (max-width: 400px) {
	.ol3 > li {line-height:1.8; padding-bottom:15px;}
}