@import url(/source/css/nanumgothic.css);
@import url(/source/css/nanummyeongjo.css);
@import url(/source/css/nanumpenscript.css);
@import url(/source/css/nanumbrushscript.css);
@import url(/source/css/notosanskr.css);
@import url(/source/css/jejugothic.css);
@import url(/source/css/jejuhallasan.css);
@import url(/source/css/jejumyeongjo.css);
@import url(/source/css/hanna.css);
@font-face {font-family: '¼­¿ï³²»êÃ¼';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/SeoulNamsanM.woff') format('woff');font-weight: normal;font-style: normal; } 
@font-face {font-family: '¼­¿ïÇÑ°­Ã¼';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/SeoulHangangM.woff') format('woff');font-weight: normal;font-style: normal; } 

A:link {text-decoration:none; color:#535353;}
A:visited {text-decoration:none; color:#535353;}
/*A:hover {  text-decoration:none;  color:#0076AE;}*/
p,br,body,td,table,tr,input,select,textarea { font-size:9pt;font-family:Malgun Gothic,"¸¼Àº °íµñ",AppleGothic,Dotum,"µ¸¿ò",sans-serif;}

body, h1, h2, h3, h4, h5, h6,
div, p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td,
form, fieldset, legend,
hr {
	margin:0;
}

.sinput { height:31px; padding:0 10px; background:#fff; border:1px solid #d9d9d9;margin:5px 0; font-size:9pt; }
.sinput2 { height:18px; background:#fff; border:1px solid #d9d9d9;margin:5px 0; font-size:9pt; }
.sbjstyle {color : #2791A1;font-weight : bold;text-decoration : underline;}

.td01 {
	font-family:Malgun Gothic,"¸¼Àº °íµñ",AppleGothic,Dotum,"µ¸¿ò",sans-serif;
	font-size: 12px;line-height:18px;color: #535353;text-decoration:none;}

.subtitle {
	font-family:Malgun Gothic,"¸¼Àº °íµñ",AppleGothic,Dotum,"µ¸¿ò",sans-serif;
	font-size: 12px;line-height:18px;color: #FFFFFF;text-decoration:none;}

.tm01 {
	font-family:Malgun Gothic,"¸¼Àº °íµñ",AppleGothic,Dotum,"µ¸¿ò",sans-serif;
	font-size: 11px;font-style: normal;line-height: 14px;color: #000000;text-decoration: none;}

.lm01 {
	font-family:Malgun Gothic,"¸¼Àº °íµñ",AppleGothic,Dotum,"µ¸¿ò",sans-serif;
	font-size: 12px;font-style: normal;line-height: normal;color: 6F6F6F;
}
.rollist01 {
	font-family:Malgun Gothic,"¸¼Àº °íµñ",AppleGothic,Dotum,"µ¸¿ò",sans-serif;
	font-size: 12px;font-style: normal;line-height: 18px;color: FFCC00;}

.lrlist01 {
    padding-top: 2px;font-family:Malgun Gothic,"¸¼Àº °íµñ",AppleGothic,Dotum,"µ¸¿ò",sans-serif;
	font-size: 13px;line-height: 17px;color: 6F6F6F;}

.tds {
	font-family:Malgun Gothic,"¸¼Àº °íµñ",AppleGothic,Dotum,"µ¸¿ò",sans-serif;
	font-size: 12px;font-style: normal;line-height: 17px;color: 7C7D7D;
}
.tds2{
	font-family:Malgun Gothic,"¸¼Àº °íµñ",AppleGothic,Dotum,"µ¸¿ò",sans-serif;
	font-size: 11px;font-style: normal;line-height: 14px;color: #7C7D7D;}

.tds2 span{font-weight:bold;}

.stit {padding:25px 0 16px; font-weight:bold; color:#000;font-size:20px;}
.stit2 {padding:25px 0 16px; font-weight:bold; color:#fe3652; font-size:20px;}

table.myinfo-add {
  width: 100%; border :0; border-collapse:collapse;
  font-family : "ÂµÂ¸Â¿Ã²"; font-size: 12px; text-decoration: none; color : #000;
}

table.myinfo-add th {
  border-top:1px solid #e0e0e0; border-spacing:0;
  border-bottom:1px solid #e0e0e0; border-spacing:0;}

table.myinfo-add td {
  background : #fff; padding:0 5px 0 5px;
  border-bottom:1px solid #e0e0e0; border-spacing:0;
  text-align: center;}

.navi {
	font-family:Malgun Gothic,"¸¼Àº °íµñ",AppleGothic,Dotum,"µ¸¿ò",sans-serif;
	font-size: 11px;font-style: normal;line-height: normal;text-decoration: none;color: #999999;}

.listm {
	font-family:Malgun Gothic,"¸¼Àº °íµñ",AppleGothic,Dotum,"µ¸¿ò",sans-serif;
	font-size: 12px; line-height: 18px; color:#6C99C5; text-decoration: none;}

.prod01 {
	font-family:Malgun Gothic,"¸¼Àº °íµñ",AppleGothic,Dotum,"µ¸¿ò",sans-serif;
	font-size: 12px; line-height: 14px; color:#5B5B5B;}

.tm02 {
	font-family:Malgun Gothic,"¸¼Àº °íµñ",AppleGothic,Dotum,"µ¸¿ò",sans-serif;
	font-size: 12px; font-style: normal; line-height:18px; color: #FFFFFF;}

blockquote
{
	font-style: italic;
	font-family: Dotum, Georgia, Times, "Times New Roman", serif;
	padding: 2px 0;
	border-style: solid;
	border-color: #ccc;
	border-width: 0;
}

.cke_contents_ltr blockquote
{
	padding-left: 20px;
	padding-right: 8px;
	border-left-width: 5px;
}

.cke_contents_rtl blockquote
{
	padding-left: 8px;
	padding-right: 20px;
	border-right-width: 5px;
}

.m_social{margin-left:-10px !important;}
.m_social ul.menu li {float:left;padding-bottom:10px;font-size:0;line-height:0;vertical-align:top;}
.m_social ul.menu li:last-child {padding-right:0;float:left;}
.m_social ul.menu li img{padding-left:10px;}

/* input ¼Ò½º*/

.txt-field {height:30px; padding:0 10px; background:#fff; border:1px solid #d9d9d9;margin:5px 0;}
.txt-field2 {height:30px; padding:0 10px; background:#fff; border:1px solid #d9d9d9;margin:5px 0;opacity: 0.8;}
.txt-field3 {height:18px; padding:0 10px; background:#fff; border:1px solid #d9d9d9;margin:5px 0;opacity: 0.8;}
/*
input[type=checkbox]{
-webkit-appearance: none;appearance: none;width: 20px;height: 20px;margin: 0;cursor: pointer;vertical-align: bottom;background: #fff;
border: 1px solid #555555;border-radius: 1px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;box-sizing: border-box;position: relative;opacity: 0.5;}

input[type=checkbox]:active{border-color: #555555;background: #fff;-webkit-appearance: none;}
input[type=checkbox]:hover {border-color: #555555;-webkit-appearance: none;}
input[type=checkbox]:checked{background: #fff;}
input[type=checkbox]:checked::after {
width: 17px;height: 17px;content: url(/templates/skin/images/button/check.png);display: block;background: #fff;-webkit-appearance: none;
position: relative;top: 1px;right: 0px;left: 1px;display: inline-block;-moz-appearance:none;
-webkit-appearance:none;opacity: 0.5;
}
*/

.phone_n{
	font-size: 12px; height:30px;line-height:30px;padding: 0 0 0 8px;
    display: inline-block;
    width: 65px;
    height: 30px;
    position: relative;
    top: 0;
    right: 0;
    background: url(/templates/skin/images/button/tmp_form.png) no-repeat 47px -59px;
    cursor: pointer;
    opacity: 0.8;
	border: 1px solid #d0d0d0;appearance:none;
	-moz-appearance:none;
-webkit-appearance:none;
	color:#000000;
}
.phone_s{
	font-size: 12px; height:30px;line-height:30px;padding: 0 0 0 8px;
    display: inline-block;
    width: 175px;
    height: 30px;
    position: relative;
    top: 0;
    right: 0;
    background: url(/templates/skin/images/button/tmp_form.png) no-repeat 157px -59px;
    cursor: pointer;
    opacity: 0.8;
	border: 1px solid #d0d0d0;appearance:none;
	-moz-appearance:none;
-webkit-appearance:none;
	color:#000000;
}
.phone_b{
	font-size: 12px; height:30px;line-height:30px;padding: 0 0 0 8px;
    display: inline-block;
    width: 575px;
    height: 30px;
    position: relative;
    top: 0;
    right: 0;
    background: url(/templates/skin/images/button/tmp_form.png) no-repeat 557px -59px;
    cursor: pointer;
    opacity: 0.8;
	border: 1px solid #d0d0d0;appearance:none;
	-moz-appearance:none;
-webkit-appearance:none;
	color:#000000;
}

.phone_p{
	font-size: 12px; height:30px;line-height:30px;padding: 0 0 0 8px;
    display: inline-block;
    width: 220px;
    height: 30px;
    position: relative;
    top: 0;
    right: 0;
    background: url(/templates/skin/images/button/tmp_form.png) no-repeat 200px -59px;
    cursor: pointer;
    opacity: 0.8;
	border: 1px solid #d0d0d0;appearance:none;
	-moz-appearance:none;
-webkit-appearance:none;
	color:#000000;
}

.phone_k{
	font-size: 12px; height:30px;line-height:30px;padding: 0 0 0 8px;
    display: inline-block;
    width: 75px;
    height: 30px;
    position: relative;
    top: 0;
    right: 0;
    background: url(/templates/skin/images/button/tmp_form.png) no-repeat 57px -59px;
    cursor: pointer;
    opacity: 0.8;
	border: 1px solid #d0d0d0;appearance:none;
	-moz-appearance:none;
-webkit-appearance:none;
	color:#000000;
}

select::-ms-expand { display: none; }

/*
.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: -1;
  top: -5px;
  width: 21px;
  height: 21px;
  text-align: center;
  background: #fafafa;
  border: 1px solid #d0d0d0;
  border-radius: 100%;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
}
.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: #ffffff;
  border-color: #d0d0d0;
}
.checks input[type="radio"]:checked + label:after {
  content: '';
  position: absolute;
  top: 1px;
  left: 5px;
  width: 11px;
  height: 11px;
  background: #99a1a7;
  border-radius: 100%;
  box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
}*/

/* radio size */
/*.checks.small input[type="radio"] + label {
  font-size: 12px;
  padding-left: 25px;
}
.checks.small input[type="radio"] + label:before {
    top: -2px;
  width: 18px;
  height: 18px;
}
.checks.small input[type="radio"]:checked + label:after {
    top: 4px;
  width: 8px;
  height: 8px;
}*/


.check {margin-left:10px;position:relative}

.check input[type="checkbox"] + label {background:url('/source/image/checks.gif') no-repeat 0 0;cursor:pointer;display:inline-block;height:28px;left:0;padding-left:32px;line-height:29px;margin-left:-23px;.margin-left:-23px}/*°¡Â¥ Ã¼Å©¹Ú½º*/
.check input[type="checkbox"]:checked + label{background-position: 0 -39px;}

.check input[type="radio"] + label {background:url('/source/image/radio.gif') no-repeat 0 0;cursor:pointer;display:inline-block;height:26px;left:0;padding-left:29px;line-height:25px;margin-left:-23px}/*°¡Â¥ ¶óµð¿À¹öÆ°*/
.check input[type="radio"]:checked + label{background-position: 0 -50px;}

table.detail_page_table table {margin:0 auto}