@charset "utf-8";

/*
 * Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: bold;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}


html {height:auto;overflow-y:scroll; font-size:10px !important;}
@media(max-width:992px){
	html {font-size:9px !important;}
}
@media(max-width:767px){
	html {font-size:8px !important;}
}
html,body {}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	padding:0;
	margin:0;
}
body, input, textarea, select, table, button {
	color:#666666;
	font-family:'Nanum Gothic',sans-serif;
	font-size:12px;
	box-sizing:border-box;
}
select {padding-left:10px !important}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	font-size:100%;
}

ol, ul, li { list-style:none; }

/* anchor - 지정순서 link, visited, hover, active */
a { text-decoration:none; color:#666666;}
a:link, a:visited { text-decoration:none; }
a:hover, a:active { text-decoration:none;color:#000000; }

/* 숨김영역 */
#accessibility, #accessibility_footer, .skip, hr, legend {
	position:absolute;
	width:0;
	height:0;
	font-size:0;
	line-height:0;
	overflow:hidden;
	visibility:hidden;
}
caption { display:none; }

/* skipNavi*/
#skipNavi{display:block;height:0; }
#skipNavi a{display:block; position:absolute; top:-500px; left:0; overflow:hidden; width:100%; z-index:1000000000000; font-weight:bold;}
#skipNavi a:active, #skipNavi a:focus{position:absolute;top:0; left:0; display:block;width:100%; height:30px; line-height:30px;background:#222; color:#fff; font-size:1.3em; text-align:center;}

/* ie6에서 이미지 공백 0으로 조절 */
img {
	border:0;
	margin:0;
	padding:0;
}

/* 이미지 인풋등 세로중앙정렬 */
input, textarea, select, img {vertical-align: middle; }

/* ie6 png 파일 투명처리 */
.png24 { tmp:expression(setPng24(this)); }

/* table caption 숨김*/
table caption { display:none; }
table {border-collapse:collapse; border-spacing:0;}
.clearFix{*zoom:1;*display:block;}
.clearFix:after{content:"";display:block;clear:both;}

.cf{*zoom:1;*display:block;}
.cf:after{content:"";display:block;clear:both;}
.fl {float:left !important;}
.fr {float:right !important;}
.cl {clear:both;}
.al {text-align:left !important;}
.ar {text-align:right !important;}
.at {vertical-align:top;}
.ab {vertical-align:bottom;}
.am {vertical-align:middle !important;}
.ac {text-align:center !important;}
.b {font-weight:bold !important;}
.u {text-decoration: underline !important;}
.underline {border-bottom:1px solid #000;display:inline-block; padding-bottom:4px;}



.animate02{
	transition:all 0.2s ease !important;
	-moz-transition:all 0.2s ease !important;
	-webkit-transition:all 0.2s ease !important;
	-o-transition:all 0.2s ease !important;
}
.animate03{
	transition:all 0.3s ease !important;
	-moz-transition:all 0.3s ease !important;
	-webkit-transition:all 0.3s ease !important;
	-o-transition:all 0.3s ease !important;
}
.animate04{
	transition:all 0.4s ease !important;
	-moz-transition:all 0.4s ease !important;
	-webkit-transition:all 0.4s ease !important;
	-o-transition:all 0.4s ease !important;
}
.animate1{
	transition:all 1s ease !important;
	-moz-transition:all 1s ease !important;
	-webkit-transition:all 1s ease !important;
	-o-transition:all 1s ease !important;
}


/* font-size */
.fs00 {font-size:0px;line-height:0px;}
.fs11 {font-size:11px;}
.fs12 {font-size:12px;}
.fs14 {font-size:14px;}
.fs16 {font-size:16px;}
.fs18 {font-size:18px;}
.fs20 {font-size:20px;}

.f_spac1 {letter-spacing:-1px;}
.f_spac2 {letter-spacing:-2px;}

/* 폰트기본컬러 */
.bla {color:#000000;}
.whi {color:#ffffff;}
.red {color:#ff0e0e;}
.blue {color:#2b8af4;}

/* line-height */
.ln14 {line-height:14px;}
.ln16 {line-height:16px;}
.ln18 {line-height:18px;}
.ln20 {line-height:20px;}
.ln22 {line-height:22px;}
.ln24 {line-height:24px;}


/* margin */
.mt05 {margin-top:5px;}
.mt08 {margin-top:8px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt55 {margin-top:55px;}
.mt60 {margin-top:60px;}
.mt80 {margin-top:80px;}

.mb03 {margin-bottom:3px;}
.mb05 {margin-bottom:5px;}
.mb08 {margin-bottom:8px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb55 {margin-bottom:55px;}
.mb60 {margin-bottom:60px;}
.mb80 {margin-bottom:80px;}

.ml05 {margin-left:5px;}
.ml08 {margin-left:8px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.ml55 {margin-left:55px;}
.ml60 {margin-left:60px;}
.ml70 {margin-left:70px;}
.ml80 {margin-left:80px;}


.mr05 {margin-right:5px;}
.mr08 {margin-right:8px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}
.mr50 {margin-right:50px;}
.mr55 {margin-right:55px;}
.mr60 {margin-right:60px;}
.mr80 {margin-right:80px;}

/* padding */
.pl03 {text-align:left; padding-left:3px;}
.pl05 {text-align:left; padding-left:5px;}
.pl10 {text-align:left; padding-left:10px;}
.pl15 {text-align:left; padding-left:15px;}
.pl20 {text-align:left; padding-left:20px;}
.pl25 {text-align:left; padding-left:25px;}
.pl30 {text-align:left; padding-left:30px;}


.pr03 {text-align:right; padding-right:3px;}
.pr05 {text-align:right; padding-right:5px;}
.pr10 {text-align:right; padding-right:10px !important;}
.pr15 {text-align:right; padding-right:15px !important;}
.pr20 {text-align:right; padding-right:20px !important;}
.pr25 {text-align:right; padding-right:25px;}
.pr30 {text-align:right; padding-right:30px;}

.pt01  {vertical-align:top; padding-top:1px;}
.pt02  {vertical-align:top; padding-top:2px;}
.pt03  {vertical-align:top; padding-top:3px;}
.pt04  {vertical-align:top; padding-top:4px;}
.pt05  {vertical-align:top; padding-top:5px;}
.pt06  {vertical-align:top; padding-top:6px;}
.pt07  {vertical-align:top; padding-top:7px;}
.pt08  {vertical-align:top; padding-top:8px;}
.pt09  {vertical-align:top; padding-top:9px;}
.pt10  {vertical-align:top; padding-top:10px;}
.pt11  {vertical-align:top; padding-top:11px;}
.pt12  {vertical-align:top; padding-top:12px;}
.pt13  {vertical-align:top; padding-top:13px;}
.pt14  {vertical-align:top; padding-top:14px;}
.pt15  {vertical-align:top; padding-top:15px;}
.pt20  {vertical-align:top; padding-top:20px;}
.pt25  {vertical-align:top; padding-top:25px;}
.pt30  {vertical-align:top; padding-top:30px;}
.pt40  {vertical-align:top; padding-top:40px;}
.pt50  {vertical-align:top; padding-top:50px;}

.pb01  { padding-bottom:1px;}
.pb02  { padding-bottom:2px;}
.pb03  { padding-bottom:3px;}
.pb04  { padding-bottom:4px;}
.pb05  { padding-bottom:5px;}
.pb06  { padding-bottom:6px;}
.pb07  { padding-bottom:7px;}
.pb08  { padding-bottom:8px;}
.pb09  { padding-bottom:9px;}
.pb10  { padding-bottom:10px;}
.pb11  { padding-bottom:11px;}
.pb12  { padding-bottom:12px;}
.pb13  { padding-bottom:13px;}
.pb14  { padding-bottom:14px;}
.pb15  { padding-bottom:15px;}
.pb20  { padding-bottom:20px;}
.pb30  { padding-bottom:30px;}
.pb40  { padding-bottom:40px;}
.pb50  { padding-bottom:50px;}




/*공통 체크박스*/
.checkbox_type1,
.radio_type1{
	margin-right:25px;
	vertical-align:top;
}
.checkbox_type1.middle,
.radio_type1.middle{
	vertical-align:middle;
}


.checkbox_type1:last-child,
.radio_type1:last-child{
	margin-right:0;
}

p[class^="checkbox_"]{
	overflow:hidden;
	display:inline-block;
	color:#666;
	font-size:1.6rem;
}
p[class^="checkbox_"] > input{
	position:absolute;
	width:0;
	height:0;
	opacity:0;
	left:-100%;
}

.checkbox_type1 > label{
	display:block;
	padding:5px 0;
	padding-left:30px;
	position:relative;
	cursor:pointer;
}
.checkbox_type1 > label::after{
	content:"";
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	width:22px;
	height:22px;
	overflow:hidden;
	background:url('/theme/theme_1/pages/images/icon_checkbox_type1.png') no-repeat left top / 22px auto;
	transition:all .1s ease-in-out;
}
.checkbox_type1 > input:checked + label::after{
	background:url('/theme/theme_1/pages/images/icon_checkbox_type1.png') no-repeat left -22px / 22px auto;
}






/*공통 라디오박스*/
p[class^="radio_"]{
	overflow:hidden;
	display:inline-block;
	color:#666;
	font-size:1.6rem;
	
}
p[class^="radio_"] > input{
	position:absolute;
	width:0;
	height:0;
	opacity:0;
	left:-100%;
}

.radio_type1 > label{
	display:block;
	padding:5px 0;
	padding-left:30px;
	font-weight: 400;
	position:relative;
	cursor:pointer;
}
.radio_type1 > label::after,
.radio_type1 > label::before{
	content:"";
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	transition:all .1s ease-in-out;
	border-radius:100%;
	
}
.radio_type1 > label::after{
	width:20px;
	height:20px;
	overflow:hidden;
	border:1px solid #444;
}
.radio_type1 > input:checked + label::before{
	width:12px;
	height:12px;
	background:#444;
	left:4px;
}

p[class^="radio_"].sm,
p[class^="checkbox_"].sm{
	font-size:1.4rem;
}
.checkbox_type1.text_none,
.radio_type1.text_none{
	margin-left:0;
}
.checkbox_type1.text_none > label{
	padding-left:0px;
	width:22px;
	height:22px;
	font-size:0;
	text-indent:-100px;
}

.checkbox_type1.right > label,
.radio_type1.right > label{
	padding-left:0;
	padding-right:30px;
}
.checkbox_type1.right > label::after,
.radio_type1.right > label::after{
	left:auto;
	right:0;
}


.checkbox_type1.sm > label,
.radio_type1.sm > label{
	padding-left:24px;
}
.checkbox_type1.right > label,
.radio_type1.right > label{
	padding-left:0;
	padding-right:24px;
}
.checkbox_type1.sm > label::after{
	margin-left:0;
	background:url('/theme/theme_1/pages/images/icon_checkbox_type1.png') no-repeat left top / 18px auto;
	width:18px;
	height:18px;
}
.checkbox_type1.sm > input:checked + label::after{
	background:url('/theme/theme_1/pages/images/icon_checkbox_type1.png') no-repeat left -18px / 18px auto;
}

.radio_type1.sm > label::after{
	width:18px;
	height:18px;
	overflow:hidden;
	border:1px solid #444;
}
.radio_type1.sm > input:checked + label::before{
	width:10px;
	height:10px;
	background:#444;
	left:4px;
}

.checkbox_type2 > label{
	display:block;
	padding:5px 0;
	padding-left:30px;
	font-weight: 400;
	position:relative;
	cursor:pointer;
}
.checkbox_type2 > label::after,
.checkbox_type2 > label::before{
	content:"";
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	transition:all .1s ease-in-out;
}
.checkbox_type2 > label::after{
	width:20px;
	height:20px;
	overflow:hidden;
	border:1px solid #444;
}
.checkbox_type2 > input:checked + label::before{
	width:12px;
	height:12px;
	background:#444;
	left:4px;
}


i.terms_necessary {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 5px;
    height: 10px;
}


i.terms_necessary:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 5px;
    height: 5px;
    background: red;
    border-radius: 100%;
}


.textarea_basic{
	width:100%;
	height: 200px;
	padding:15px !important;
	overflow-y:scroll;
	margin:0 !important;
	white-space:pre-line !important;
	text-align: left !important;
}