@font-face { font-family: 'nanumgothic'; 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: 'nanumgothic'; font-style: normal; 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'); } @font-face {font-family: 'nanumgothic'; font-style: normal; font-weight: 800; src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot); src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype'); }
html, body, div, span, object, iframe, 
{
 font-family: ³ª´®°íµñ, nanumgothic ,"nanumgothic", '¸¼Àº °íµñ', 'Malgun Gothic',"Apple SD Gothic Neo", µ¸¿ò, ±¼¸², Dotum, Gulim, sans-serif; 
 font-size:9pt;
 font-weight:400;
 color:#5d5d5d;
 letter-spacing: -0.5pt;
 text-decoration: none;
}
table,tr,td,li,ul,a{
 font-family: ³ª´®°íµñ, nanumgothic ,"nanumgothic", '¸¼Àº °íµñ', 'Malgun Gothic',"Apple SD Gothic Neo", µ¸¿ò, ±¼¸², Dotum, Gulim, sans-serif; 
 font-size:9pt;
 font-weight:400;
 color:#5d5d5d;
 text-align:;
 letter-spacing: -0.5pt;
 text-decoration: none;
}


/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
     /*your rules for chrome*/
     #divid{ 
         position:relative;
         top:-2px; 
     }
}

@media screen and (max-width: 1046px){
div.ad {display: none;overflow:hidden;}
}

A:link.tls01 {color: #ffffff; text-decoration:none;cursor:hand }
A:visited.tls01 {color: #ffffff; text-decoration:none;cursor:hand }
A:active.tls01 {color: #ffffff;text-decoration:none;cursor:hand }
A:hover.tls01 { color: #ffffff; font-weight:normal;cursor:hand }

body{
scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #C7C5C5;
scrollbar-highlight-color: #C7C5C5;
scrollbar-3dlight-color: #ffffff; 
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #9E9C9C;
overflow-x:hidden; 
} 

img{border:0}

a:link{text-decoration: none;color:#5d5d5d;}
a:active{text-decoration: underline;color:#009FA8;}
a:visited{text-decoration: none;color:#5d5d5d;}
a:hover{text-decoration: none;color:#009FA8;}

input:hover[readOnly] {
 --background:url(./image/noblock.png) no-repeat 50% 50% !important;
 cursor: not-allowed;
 ---pointer-events:none;
 opacity:0.9;
 }

a:hover[readOnly] {
 --background:url(./image/noblock.png) no-repeat 50% 50% !important;
 cursor: not-allowed;
 ---pointer-events:none;
 opacity:0.9;
 }

select:hover[disabled] {
 --background:url(./image/noblock.png) no-repeat 50% 50% !important;
 cursor: not-allowed;
 ---pointer-events:none;
 opacity:0.8;
 }

a { outline:none; select-dummy: expression(this.hideFocus=true); }

alert{
 font-family:nanumgothic,sans-serif;
 font-size: 9pt;
 border-radius:4px 4px 4px 4px;
 box-shadow:0px 1px 2px Gainsboro;
 color: black;
}

.fr{width:250;height:25;padding:0 7 12 0;float:right;visibility:hidden;}

.span0 {
 font-weight:bold;
 color:#009FA8;
 text-shadow: 1px 1px 2px white;
}

.span1 {
 font-weight:bold;
 color:#009FA8;
 line-height:250%;
}

.span2 {
 font-weight:bold;
 color:#009FA8;
 line-height:180%;
}


.span2_11 {
 font-weight:600;
 font-size: 11pt;
 letter-spacing: -0.3pt;
 color:black;
 line-height:180%;
}

.span3 {
 font-weight:bold;
 color:#009FA8;
 line-height:90%;
}

.span_b {
 font-weight:bold;
 color:black;
 line-height:90%;
}

.span_b2 {
 font-weight:600;
 font-size: 10pt;
 letter-spacing: -1.1pt;
 color:black;
 line-height:180%;
}

.span_b3 {
 font-weight:400;
 letter-spacing: -1.1pt;
 color:black;
 line-height:180%;
}

.span_t {
 text-align:center;
 font-size:8pt;
 font-weight:400;
 letter-spacing:-0.5pt;
 text-shadow:1px 1px 1px gray;
 color:#FFFFFF;
 background-color:#009FA8;
 border:0px solid white;
 padding:2 5 2 5; 
 box-shadow:1px 1px 2px Gainsboro;
 opacity:0.9;
 }

.span_t:hover{
 font-weight:600;
 box-shadow:2px 2px 3px Gainsboro;
 opacity:1.0;
 }

.b_title {
 font-weight:600;
 font-size:10.5pt;
 color:black;
}

.ct{
 text-overflow:ellipsis;
 overflow:hidden;
 }

.checks {position: relative;} .checks input[type="checkbox"] { /* ½ÇÁ¦ Ã¼Å©¹Ú½º´Â È­¸é¿¡¼­ ¼û±è */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 } .checks input[type="checkbox"] + label { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .checks input[type="checkbox"] + label:before { /* °¡Â¥ Ã¼Å©¹Ú½º */ content: ' '; display: inline-block; width: 21px; /* Ã¼Å©¹Ú½ºÀÇ ³Êºñ¸¦ ÁöÁ¤ */ height: 21px; /* Ã¼Å©¹Ú½ºÀÇ ³ôÀÌ¸¦ ÁöÁ¤ */ line-height: 21px; /* ¼¼·ÎÁ¤·ÄÀ» À§ÇØ ³ôÀÌ°ª°ú ÀÏÄ¡ */ margin: -2px 8px 0 0; text-align: center; vertical-align: middle; background: #fafafa; border: 1px solid #cacece; border-radius : 3px; 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="checkbox"] + label:active:before, .checks input[type="checkbox"]: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="checkbox"]:checked + label:before { /* Ã¼Å©¹Ú½º¸¦ Ã¼Å©ÇßÀ»¶§ */ content: '\2714'; /* Ã¼Å©Ç¥½Ã À¯´ÏÄÚµå »ç¿ë */ color: #99a1a7; text-shadow: 1px 1px #fff; background: #e9ecee; border-color: #adb8c0; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); }


.check {
 font-size: 12pt;
 background:#fdfdfd;
 border-radius:1px 1px 1px 1px;
 box-shadow:0px 1px 2px Gainsboro;
 border:1px solid sliver;
 padding:2 0 0 0px;
}

.check:hover{
 border:1px solid #009FA8;
 background:#009FA8;
}


.x {
 font-family:Nanum Brush Script;
 font-size:25pt;
 font-weight:600;
 color:#FF9900;
 text-align:;center
 text-decoration: none;
}

.line2 { 
background-color:black;
color:black;filter:progid:DXimageTransform.Microsoft.Shadow
(direction=135,color=#006400,strength=3);
height:1px;
width:100%;
border:none;
border-bottom:0px;
margin:1 0 6 0;
}

.top_line { 
background-color:#009FA8;
color:black;filter:progid:DXimageTransform.Microsoft.Shadow(direction=135,color=#006400,strength=3);
height:2px;
width:10px;
border:none;
border-bottom:0px;
margin:0 3 0 0;
}

.linetop_b { 
border-top:6px solid #009FA8;
padding-top:5px;
}

.linetop { 
border-top:1px solid #5d5d5d;
padding-top:5px;
}

.linetop1 { 
border-top:2px solid #009FA8;
padding-top:5px;
}

.bg:hover{
background:#FCFCFC;
color:black;
font-weight:600;
}

.bg_x:hover{
background:black;
color:white;
font-weight:600;
}

.bg2:hover{
background:white;
color:black;
font-weight:600;
}


.bg3_1 {
 border:1px;
 text-align:left;
 line-height:180%;
 padding:0 0 0 0;
 border-top: 1px solid white;
 border-left: 1px solid white;
 border-right: 1px solid white;
 border-bottom: 1px dotted black;
 background-color:white;
 padding:15;
  -background:url(/image/arrow_image10_x.png) no-repeat 99% 50%; 
-background:url(/image/main_back5.png) repeat;
 }
.bg3_1:hover{
 background: linear-gradient(to top, #ffffff 95%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
 border:1px solid #009FA8;
 border-radius:3px 3px 3px 3px;
 box-shadow:0px 0px 2px Gainsboro;
}

.onLoad{
 -webkit-animation:bounceIn 2s;
}

.bg3 {
 border:1px;
 text-align:left;
 line-height:180%;
 padding:0 0 0 0;
 border-top: 1px solid white;
 border-left: 1px solid white;
 border-right: 1px solid white;
 border-bottom: 1px dotted black;
 background-color:white;
 padding:15;
}
.bg3:hover{
 background: linear-gradient(to top, #ffffff 95%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
 border:1px solid #009FA8;
 border-radius:3px 3px 3px 3px;
 box-shadow:0px 0px 2px Gainsboro;
}




.pay:hover{
 background: linear-gradient(to bottom, #ffffff 80%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
 border:1px solid #009FA8;
}


.top_menu {
 font-size:12pt;
 color:#000000;
 padding-left: 3; 
 padding-right: 3; 
 padding-top: 0; 
 padding-bottom: 0px
}

.top_menu:hover {
 font-weight:600;
 color:#009FA8;

}


.sub_menu_t {
 font-size:15pt;
 text-shadow: 0px 0px 2px gray;
 font-weight:500;
 color:FFFFFF;
 background-color:#00ADB6;
 text-align:center;
}

.sub_menu_t { font-size:15pt;font-weight:500;color:FFFFFF;text-align:center;}
.sub_menu_s { font-weight:500;font-face:nanumgothic;font-size: 11pt;color:black;letter-spacing: -0.9pt;width:148px; }
.sub_menu_s a{ font-weight:500;font-face:nanumgothic;font-size: 11pt;color:black;letter-spacing: -0.9pt; }
.sub_menu_s3:hover{ font-weight:500;font-face:nanumgothic;font-size: 11pt;color:white;letter-spacing: -0.9pt; background-color:#00ADB6;text-shadow: 0px 0px 2px gray;}
.sub_menu_s3 { padding:12 15 12 47;border-bottom :1px solid #E5E5E5;}
.sub_menu_s2 { font-weight:500;font-face:nanumgothic;font-size: 11pt;color:white;float:right; }

.main_h1 {
 font-size:12pt;
 color:#000000;
 padding:3 0 3 3px;
}

.index {
 padding:35 0 0 30px;
}

.head {
 font-size:25pt;
 color:#000000;
 letter-spacing: -2pt;
 padding:35 0 15 30px;
}

.head_box {
 font-size:10pt;
 letter-spacing: -1pt;
 color:#000000;
 font-weight:400;
 line-height:180%;
 text-align:justify;		
 padding:18 25 18 25px;
 background-color:#F9F9F9;
 border-top: 5px solid #FFFFFF; 
 border-left: 30px solid #FFFFFF; 
 border-right: 20px solid #FFFFFF;
}

.head_p {
 font-size:10pt;
 letter-spacing: -1pt;
 color:#000000;
 font-weight:400;
 line-height:180%;
 text-align:justify;		
 padding:;
}


.head_b_box {
 text-shadow:1px 1px white;
 font-size:14pt;
 letter-spacing: -1pt;
 color:#000000;
 font-weight:400;
 line-height:180%;
 text-align:justify;		
 padding:18 25 18 25px;
 background-color:#F9F9F9;
 border-top: 5px solid #FFFFFF; 
 border-left: 30px solid #FFFFFF; 
 border-right: 20px solid #FFFFFF;
}

.error_info {
 -background-color:#FEFAFC;
 width:100%;
 background-color:#F9F9F9;
 font-weight:400;
 color:#5d5d5d;
 text-align:left;	
 padding:7 5 12 16px;
 border-top: 0px solid #000000;
-border: 1px solid #C0C0C0;
 border-radius:2px 2px 2px 2px;
}

.table_bg {
 -background: linear-gradient(to top, #ffffff 80%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
}

.table_bg:hover{
-background: linear-gradient(to bottom, #ffffff 80%, #f6f6f6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
}

.table_b {
 -background: linear-gradient(#f9f9f9 0%, #ffffff 2px,  #FBFBFB 100%);
 background-color:#F9F9F9;
 font-weight:600;
 color:black;
 text-align:left;	
 padding:15 3 15 13px;
 border-top: 1px solid #000000;
 border-bottom: 1px dotted #C0C0C0;

}

.table_p {
 -background: linear-gradient(#f9f9f9 0%, #ffffff 2px,  #FBFBFB 100%);
 background-color:#F9F9F9;
 font-weight:600;
 color:black;
 text-align:center;	
 padding:15 3 15 3px;
 border-top: 1px solid #000000;
 border-bottom: 1px dotted #C0C0C0;

}

.table_m {
 -background: linear-gradient(#f9f9f9 0%, #ffffff 2px,  #FBFBFB 100%);
 background-color:#F9F9F9;
 font-weight:600;
 color:black;
 text-align:left;	
 padding:15 3 15 13px;
 border-top: 1px solid #000000;
 border-bottom: 1px dotted #C0C0C0;

}


.table_info {
 -background-color:#F9F9F9;
 -border-top: 1px solid #000000;
border-bottom: 1px solid #f9f9f9;
-border:  1px solid #C0C0C0;
border-radius:4px 4px 4px 4px;
-box-shadow:0px 1px 2px Gainsboro;

}

.table_status{
 background-color:#fcfcfc;
 font-weight:blid;
 color:black;
 text-align:left;	
 padding:13 15 13 15px;
 -border-top: 1px solid #000000;
-border-bottom: 1px dotted #C0C0C0;
-border: 1px solid #C0C0C0;
 border-radius:3px 3px 3px 3px;
-box-shadow:0px 0px 0px Gainsboro;

}


.table_info_top {
 --background: linear-gradient(#f9f9f9 0%, #ffffff 2px, #FBFBFB 100%);
 --filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FBFBFB', GradientType=0 ) chroma(color=#000000);/*IE*/
 background-color:#F9F9F9;
 font-weight:600;
 color:#000000;
 text-align:left;	
 padding:13 15 13 15px;
 border-top: 1px solid #000000;
border-bottom: 1px dotted #C0C0C0;
-border: 1px solid #C0C0C0;
-border-radius:3px 3px 3px 3px;
}

.table_info_top2 {
 background-color:#F9F9F9;
 font-weight:600;
 color:#000000;
 text-align:left;	
 padding:0 5 0 0;
 border-top: 1px solid #000000;
border-bottom: 1px dotted #C0C0C0;
}


.table_regi_top {
 background-color:#F9F9F9;
 font-weight:600;
 color:black;
 text-align:left;	
 padding:13 15 13 15px;
 border-top: 1px solid #000000;
border-bottom: 1px dotted #C0C0C0;
}

.table_p2 {
 background-color:#F9F9F9;
 font-weight:600;
 color:#000000;
 text-align:center;	
 padding:15 3 15 3px;
 border-top: 1px solid #000000;
 border-bottom: 1px dotted #C0C0C0;
}

.table {
 text-align:center;	
 line-height:180%;
 padding:15 3 15 3px;
 text-decoration: none;
 border-bottom: 1px dotted #C0C0C0;
}


.table1 {
 font-family: ³ª´®°íµñ, nanumgothic ,"nanumgothic", '¸¼Àº °íµñ', 'Malgun Gothic',"Apple SD Gothic Neo", µ¸¿ò, ±¼¸², Dotum, Gulim, sans-serif; 
 font-size:9pt;
 font-weight:400;
 color:#5d5d5d;
 letter-spacing: -0.5pt;
 text-decoration: none;
 text-align: justify;
 line-height:180%;
 padding:15 13 15 13px;
 border-bottom: 1px dotted #C0C0C0;
}


.table_q {
 font-weight:600;
 color:#000000;
 text-align:center;	
 padding:15 3 15 3px;
 border-bottom: 1px dotted #C0C0C0;
}

.table_d {
 text-align:left;
 line-height:180%;
 padding:10 10 10 10px;
 border-bottom: 1px dotted black;
}

.table_d2 {
 text-align:justify;
 line-height:180%;
 padding:10 10 10 10px;
}

.table_d3 {
 text-align:justify;
 vertical-align:top;
 line-height:180%;
 background-color:#FCFCFC;
 padding:25 25 30 25;
}

.table2 {
 font-size:13pt;
 letter-spacing: -1pt;
 color:#000000;
 font-weight:500;
 text-align:center;	
 padding:0 0 5 0px;
}

.table3 {
 font-size:10pt;
 color:#009FA8;
 font-weight:400;
 text-align:center;	
 padding:3 0 3 0px;

}



.table_i {
  font-size:10pt;
 line-height:180%;
 color:#5d5d5d;
 font-weight:600;
 text-align:left;	
 padding:25 25 25 25px;
}

.table_i2 {
  font-size:10pt;
 line-height:180%;
 color:#5d5d5d;
 font-weight:500;
 text-align:left;	
 padding:25 25 25 25px;
}



.td_s {
 text-align:center;	
 padding:4 5 6 5px;
 border-bottom: 1px dotted #C0C0C0;
}

.td {
 text-align:center;	
 padding:10 5 10 5px;
 border-bottom: 1px dotted #C0C0C0;
}

.td_left {
 text-align:left;	
 padding:10 5 10 15px;
 border-bottom: 1px dotted #C0C0C0;
}

.td_re {
 font-size:8pt;
 letter-spacing: -0.8pt;
 text-shadow: 1px 1px 1px gray;
 color:white;
 height:25; 
 text-align:center;	
 padding:0 0 0 0;
 width:35;
 height:20;
 background-color:#009FA8;
 border:0px solid white; 
 box-shadow:1px 1px 2px Gainsboro;
 }

.td_re:hover{
 font-weight:600;
 opacity:0.8;
}

.td_info {
 height:45; 
 font-size:9pt;
 line-height:120%;
 color:#5d5d5d;
 font-weight:400;
 text-align:left;	
 padding:12 15 12 15px;
 border-bottom: 1px dotted #C0C0C0;
}

.td_img {
 vertical-align: top;
 padding:22 0 22 20;
 background-color:#FCFCFC;
 border-bottom: 0px dotted black;
}

.td_payinfo {
 height:35; 
 font-size:9pt;
 line-height:180%;
 color:#5d5d5d;
 font-weight:400;
 text-align:left;	
 padding:2 5 2 22px;
 border-bottom: 1px dotted #C0C0C0;
}


.td_notice {
 font-size:9pt;
 line-height:180%;
 letter-spacing: -0.6pt;
 color:#000000;
 font-weight:400;
 text-align:left;
 padding:0 0 0 0px;
 border-bottom: 0px dotted #C0C0C0;
}

.td_c {
 height:45; 
 text-align:left;	
 padding:10 5 10 25px;
 border-bottom: 1px dotted #C0C0C0;
}

.td_ip {
 text-align:right;	
 padding:0 0 0 0;
 letter-spacing: -0.6pt;
}

.td_p2 {
 text-align:left;	
 padding:10 5 10 5px;
 border-bottom: 0px dotted #C0C0C0;
}
.td_p {
 font-size:10pt;
 letter-spacing: -0.8pt;
 color:#000000;
 font-weight:400;
 text-align:left;
 padding:10 5 10 20px;
 border-bottom: 0px dotted #C0C0C0;
}


.td_t {
 color:#c0c0c0;
 text-align:left;	
 padding:1 0 12 5px;
 border-bottom: 0px dotted #C0C0C0;
}

.td_t:hover{
 color:#009FA8;
}

.td_mag2 {
 color:#808080;
}

.td_mag2:hover{
 color:#000000;
}


.td_t2 {
 color:#c0c0c0;
 text-align:left;	
 padding:1 0 12 5px;
 border-bottom: 1px dotted black;
}

.td_t2:hover{
 color:#009FA8;
}

.td1 {
 text-align:center;	
 padding:10 0 10 15px;
 border-bottom: 1px dotted #C0C0C0;

}

.td2 {
 text-align:left;
 padding:0 3 0 0px;
 border-bottom: 1px dotted #C0C0C0;
}

.td3 {
 text-align:center;	
 padding:7 5 7 5px;
 border-bottom: 1px dotted #C0C0C0;
}
.td4 {
 text-align:center;	
 padding:10 5 10 5px;
 border-bottom: 0px dotted #C0C0C0;
}

.td_8p {
 font-size:8pt;
 letter-spacing: -0.8pt;
 color:#000000;
 font-weight:400;
 text-align:center;	
 padding:10 1 10 1px;
 border-bottom: 1px dotted #C0C0C0;
}


.td_x {
 text-align:center;	
 padding:10 3 10 5px;
 -border-bottom: 0px dotted #C0C0C0;
}

.td_x2 {
 text-align:left;	
 padding:5 0 5 15px;
 -border-bottom: 0px dotted #C0C0C0;
}

.td_d {
 color:#5d5d5d;
 font-size:9pt;
 letter-spacing: -0.8pt;
 font-weight:400;
 text-align:left;
 padding:2 5 2 23px;
 border-bottom: 1px dotted #C0C0C0;
}

.td_d_r {
 color:#5d5d5d;
 font-size:9pt;
 letter-spacing: -0.8pt;
 font-weight:400;
 text-align:right;
 padding:2 15 2 5px;
 border-bottom: 1px dotted #C0C0C0;
}

.td_d_m {
 text-align: left;
 padding:15 0 15 12;
 line-height:180%;
 color:#5d5d5d;
 font-size:9pt;
 letter-spacing: -0.8pt;
 font-weight:400;
 border-bottom: 1px dotted #C0C0C0;
}



.td_i_top {
 padding:15 15 15 15px;
 height:45; 
 --background-color:#F9F9F9;
 background: linear-gradient(#f9f9f9 0%, #ffffff 2px,  #FBFBFB 100%);
 border-bottom: 1px dotted black;

}


.td_i {
 height:35; 
 font-size:9pt;
 line-height:180%;
 color:black;
 font-weight:400;
 text-align:left;	
 padding:12 15 12 15px;
 border-bottom: 1px dotted black;
}

.td_i2 {
 height:35; 
 font-size:9pt;
 line-height:180%;
 color:#5d5d5d;
 font-weight:400;
 text-align:left;	
 padding:12 15 12 15px;
 border-bottom: 1px dotted black;

}

.td_multi {
 height:30; 
 font-size:9pt;
 font-weight:400;
 text-align:center;	
 padding:2 5 2 5px;
 border-bottom: 1px dotted #C0C0C0;
}


.td_multi_l {
 height:30; 
 font-size:9pt;
 font-weight:400;
 text-align:left;	
 padding:2 1 2 1px;
 border-bottom: 1px dotted #C0C0C0;
}

.info_p{
 vertical-align: middle;
 font-family: ³ª´®°íµñ, nanumgothic ,"nanumgothic", '¸¼Àº °íµñ', 'Malgun Gothic',"Apple SD Gothic Neo", µ¸¿ò, ±¼¸², Dotum, Gulim, sans-serif; 
 font-size:9pt;
 font-weight:400;
 color:#5d5d5d;
 letter-spacing: -0.5pt;
 height:27px;
 width:100%;
 text-align:center;	
 padding:0 0 0 0;
 background: transparent;
 border:0px solid white;
}

.info_p2{
 vertical-align: middle;
 font-family: ³ª´®°íµñ, nanumgothic ,"nanumgothic", '¸¼Àº °íµñ', 'Malgun Gothic',"Apple SD Gothic Neo", µ¸¿ò, ±¼¸², Dotum, Gulim, sans-serif; 
 font-size:9pt;
 font-weight:400;
 color:#5d5d5d;
 letter-spacing: -0.5pt;
 height:27px;
 width:100%;
 text-align:right;	
 padding:0 0 0 0;
 background: transparent;
 border:0px solid white;
}



.info {
 font-size:9pt;
 height:30px;
 letter-spacing: -0.6pt;
 line-height:180%;
 text-align:justify;	
 padding:3 5 3 5;
 border:1px;
 border-radius:2px 2px 2px 2px;
 background-color:;
 border:1px solid white;
}

.info:hover{
 border:1px solid #009FA8;
 box-shadow:0px 0px 2px Gainsboro;
 background: linear-gradient(to top, #ffffff 85%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
 -background-color:white;
}

.info_text {
 display: inline-block;
 background: transparent;
 border:0px solid #f9f9f9;
 outline: 0;
 font-family: inherit;
 text-decoration: none;
 font-size:9pt;
 font-family:³ª´®°íµñ,nanumgothic,arial;
 text-align:justify;	
}

.info_text2 {
 display: inline-block;
 background: transparent;
 border:0px solid #f9f9f9;
 outline: 0;
 font-family: inherit;
 text-decoration: none;
 letter-spacing: -0.1pt;
 font-size:10pt;
 font-family:³ª´®°íµñ,nanumgothic,arial;
 text-align:right;	
}


.info1 {
 text-align:right;	
 width:100%;
 color:black;
 font-family:³ª´®°íµñ,nanumgothic,arial;
 font-size:9pt;
 letter-spacing: -0.1pt;
 line-height:180%;
 height:33px;
 padding:3 15 3 15;
 border:1px;
 border-radius:3px 3px 3px 3px;
 background: linear-gradient(to top, #ffffff 80%, #fdfdfd 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
 -background-color:#fdfdfd;
 border:1px solid #c6c6c6;
}

.info1:hover{
 border:1px solid #009FA8;
 box-shadow:0px 0px 2px Gainsboro;
 background: linear-gradient(to top, #ffffff 85%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
 -background-color:white;
 border-radius:3px 3px 3px 3px;
}

.info_domain {
 text-align:left;	
 width:656px;
 color:black;
 letter-spacing: -0.1pt;
 line-height:180%;
 height:25px;
 float:left;
 padding:6 8 1 15;
 border:1px;
 border-radius:3px 3px 3px 3px;
 background: linear-gradient(to top, #ffffff 80%, #fdfdfd 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
 -background-color:#fdfdfd;
 border:1px solid #c6c6c6;
}

.info_domain:hover{
 border:1px solid #009FA8;
 box-shadow:0px 0px 2px Gainsboro;
 background: linear-gradient(to top, #ffffff 85%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
 -background-color:white;
 border-radius:3px 3px 3px 3px;
}

.info2 {
 text-transform:lowercase;
 float:left;
 width:100%;
 color:black;
 font-family:³ª´®°íµñ,nanumgothic,arial;
 font-size:9pt;
 letter-spacing: -0.1pt;
 line-height:180%;
 height:33px;
 text-align:justify;	
 padding:3 5 3 15;
 border:1px;
 border-radius:3px 3px 3px 3px;
 background: linear-gradient(to top, #ffffff 80%, #fdfdfd 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
 -background-color:#fdfdfd;
 border:1px solid #c6c6c6;
}

.info2:hover{
 border:1px solid #009FA8;
 box-shadow:0px 0px 2px Gainsboro;
 background: linear-gradient(to top, #ffffff 85%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
 -background-color:white;
 border-radius:3px 3px 3px 3px;
}

.info_d {
 float:left;
 width:100%;
 font-weight:400;
 font-size:10pt;
 height:32px;
 letter-spacing: 0.8pt;
 text-align:justify;	
 padding:3 5 3 5;
 border:1px;
 border-radius:2px 2px 2px 2px;
 background-color:;
 border:1px solid white;
}

.info_d:hover{
 color:#009FA8;
 border:1px solid #009FA8;
 box-shadow:0px 0px 2px Gainsboro;
 background: linear-gradient(to top, #ffffff 85%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
 -background-color:white;
}



.info_side {
font-size:9pt; 
color: white; 
font-weight:bold; 
text-align:center; 
letter-spacing:-0.6pt; 
line-height:110%; 
padding:3 8 3 8; 
}




.prompt {
 font-family:³ª´®°íµñ,nanumgothic,sans-serif;
 line-height:180%;
 float:left;
 font-weight:400;
 font-size:8pt;
 letter-spacing:0.5pt;
 text-align:left;	
 padding:15 18 15 18;
 --border-radius:3px 3px 3px 3px;
 color:white;
 border-left:0px solid black;
 background-color:#797979;
 box-shadow:2px 2px 2px Gainsboro;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
font-size:9pt;
color: #808080;
opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
font-size:9pt !important;
color: #808080 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
color: #808080;
font-size:9pt !important;
transform: scale(0.8) translateX(-5.9rem);
}

::-webkit-input-placeholder { / WebKit browsers /
color: #808080 !important;
font-size:9pt !important;
}


input:focus::-webkit-input-placeholder { color: transparent; } input:focus::-moz-placeholder { color: transparent; } input:focus:-ms-input-placeholder { color: transparent; } input:focus::-ms-input-placeholder { color: transparent; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #fff inset ; -webkit-text-fill-color: #000; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }

.input {
 font-size:9pt;
 letter-spacing: -0.6pt;
 line-height:180%;
 text-align:justify;	
 padding:3 5 3 5;
 -border:1px;
 border-radius:3px 3px 3px 3px;
 background: linear-gradient(to top, #ffffff 78%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
 -background-color:;
 -box-shadow:0px 0px 2px Gainsboro;
 border:1px solid #c0c0c0;
 -webkit-box-shadow: 0 0 0 1000px white inset;
}

.input:hover{
 border:1px solid #009FA8;
 background: linear-gradient(to top, #ffffff 85%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
 -background-color:white;
  box-shadow:1px 1px 2px Gainsboro;
 -webkit-box-shadow: 0 0 0 1000px white inset;
}

.input_w {
 font-size:9pt;
 letter-spacing: -0.3pt;
 line-height:180%;
 text-align:justify;	
 padding:3 5 3 5;
 -border:1px;
 border-radius:3px 3px 3px 3px;
 background: linear-gradient(to top, #ffffff 95%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
 -background-color:;
 -box-shadow:0px 0px 2px Gainsboro;
 border:1px solid #c0c0c0;
 -webkit-box-shadow: 0 0 0 1000px white inset;
}

.input_w:hover{
 border:1px solid #009FA8;
 background: linear-gradient(to top, #ffffff 90%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
 -background-color:white;
  box-shadow:1px 1px 2px Gainsboro;
 -webkit-box-shadow: 0 0 0 1000px white inset;
}

.input1 {
 float:left;
 width:100%;
 color:black;
 font-family:³ª´®°íµñ,nanumgothic,arial;
 font-size:9pt;
 letter-spacing: -0.1pt;
 line-height:180%;
 text-align:right;	
 padding:3 10 3 5;
 -border:1px;
 border-radius:3px 3px 3px 3px;
 background: linear-gradient(to top, #ffffff 95%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
 -background-color:;
 -box-shadow:0px 0px 2px Gainsboro;
 border:1px solid #c6c6c6;
 -webkit-box-shadow: 0 0 0 1000px white inset;
}

.input1:hover{
 font-weight:bold; 
 border:1px solid #009FA8;
 background: linear-gradient(to top, #ffffff 95%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
 -background-color:white;
  box-shadow:1px 1px 2px Gainsboro;
 -webkit-box-shadow: 0 0 0 1000px white inset;
}

.input2 {
 text-transform:lowercase;
 float:left;
 width:100%;
 color:black;
 font-family:³ª´®°íµñ,nanumgothic,arial;
 font-size:9pt;
 letter-spacing: -0.1pt;
 line-height:180%;
 text-align:right;	
 padding:3 10 3 5;
 -border:1px;
 border-radius:3px 3px 3px 3px;
 background: linear-gradient(to top, #ffffff 95%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
 -background-color:;
 -box-shadow:0px 0px 2px Gainsboro;
 border:1px solid #c6c6c6;
 -webkit-box-shadow: 0 0 0 1000px white inset;
}

.input2:hover{
 font-weight:bold; 
 border:1px solid #009FA8;
 background: linear-gradient(to top, #ffffff 95%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
 -background-color:white;
  box-shadow:1px 1px 2px Gainsboro;
 -webkit-box-shadow: 0 0 0 1000px white inset;
}

.input3 {
 font-size:9pt;
 height:23px;
 letter-spacing: -0.2pt;
 line-height:180%;
 text-align:justify;	
 padding:0 5 0 5;
 border-radius:3px 3px 3px 3px;
 background: linear-gradient(to top, #ffffff 80%, #fdfdfd 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
 -background-color:#fdfdfd;
 border:1px solid #c6c6c6;
 -webkit-box-shadow: 0 0 0 1000px white inset;
}

.input3:hover{
 color:#009FA8;
 border:1px solid #009FA8;
 box-shadow:0px 0px 2px Gainsboro;
 background: linear-gradient(to top, #ffffff 85%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
 -background-color:white;
 border-radius:3px 3px 3px 3px;
 -webkit-box-shadow: 0 0 0 1000px white inset;
}

.select {
 display: inline-block;
 background: transparent;
 outline: 0;
 vertical-align: middle;
 font-family: inherit;
 text-decoration: none;
 white-space: nowrap;
 padding:4 5 5 11;
 letter-spacing: -0.3pt;
 width:100%;
 height:33px;
 font-weight:400;
 font-family:nanumgothic,sans-serif;
 font-size: 9pt;
 border-radius:3px 3px 3px 3px;
 color: black;
 border: 1px solid #ebebeb;
 border-bottom-color: #c6c6c6;
 -box-shadow:1px 1px 2px Gainsboro;
 box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
 -webkit-appearance: none;
 -moz-appearance: none;
 -ms-appearance: none;
 -o-appearance: none;
 appearance: none;
 background: linear-gradient(to bottom, #ffffff 90%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);
 background:url(/image/arrow_image10.png) no-repeat 99% 50%; 
}
/* IE 10, 11ÀÇ ³×ÀÌÆ¼ºê È­»ìÇ¥ ¼û±â±â */
.select::-ms-expand {display: none;}

.select:hover{
 display: inline-block;
 color: black;
 text-decoration: none;
 -border: 1px solid #ebebeb;
 border-bottom-color: #c6c6c6;
 border:1px solid #009FA8;
 box-shadow:1px 1px 2px Gainsboro;
 -box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
 background: linear-gradient(to bottom, #ffffff 80%, #fafafa 70%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
/* */
 -webkit-appearance: none;
 -moz-appearance: none;
 -ms-appearance: none;
 -o-appearance: none;
 appearance: none;
 background:url(/image/arrow_image10_x.png) no-repeat 99% 50%; 
}
/* IE 10, 11ÀÇ ³×ÀÌÆ¼ºê È­»ìÇ¥ ¼û±â±â */
.select::-ms-expand {display: none;}


.select.focus {border: 1px solid #66afe9;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(102, 175, 233, .6); 
 box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(102, 175, 233, .6) /* focusÈ¿°ú*/
}



.select_info {
 text-transform:lowercase;
 float:left;
 width:100%;
 color:black;
 font-family:³ª´®°íµñ,nanumgothic,arial;
 font-size:9pt;
 letter-spacing: -0.1pt;
 line-height:180%;
 height:33px;
 text-align:justify;	
 padding:3 5 3 12;
 border:1px;
 border-radius:3px 3px 3px 3px;
 background: linear-gradient(to top, #ffffff 80%, #fdfdfd 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
 -background-color:#fdfdfd;
 border:1px solid #c6c6c6;
 -webkit-appearance: none;
 -moz-appearance: none;
 -ms-appearance: none;
 -o-appearance: none;
 appearance: none;
}
/* IE 10, 11ÀÇ ³×ÀÌÆ¼ºê È­»ìÇ¥ ¼û±â±â */
.select::-ms-expand {display: none;}


.select_info:hover{
 font-weight:bold; 
 border:1px solid #009FA8;
 box-shadow:0px 0px 2px Gainsboro;
 background: linear-gradient(to top, #ffffff 85%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
 -background-color:white;
 border-radius:3px 3px 3px 3px;
}


.select_p {
 margin:0 auto;
 position: relative;
 display: inline-block;
 text-align:center;	
 vertical-align: middle;
 padding:4 5 5 8;
 letter-spacing: -0.3pt;
 height:27px;
 width:99%;
 font-weight:400;
 font-family:nanumgothic,sans-serif;
 font-size: 9pt;
 border-radius:3px 3px 3px 3px;
 color:#5d5d5d;
 border: 1px solid #ebebeb;
 border-bottom-color: #c6c6c6;
 box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
 -webkit-appearance: none;
 -moz-appearance: none;
 -ms-appearance: none;
 -o-appearance: none;
 appearance: none;
 background: linear-gradient(to bottom, #ffffff 90%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);
 background:url(/image/arrow_image10.png) no-repeat 99% 50%; 
}
.select_p::-ms-expand {display: none;}

.select_p:hover{
 text-decoration: none;
 color: #666;
 border: 1px solid #ebebeb;
 border-bottom-color: #c6c6c6;
 box-shadow:1px 1px 2px Gainsboro;
 background: linear-gradient(to bottom, #ffffff 80%, #fafafa 70%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
 -webkit-appearance: none;
 -moz-appearance: none;
 -ms-appearance: none;
 -o-appearance: none;
 appearance: none;
 background:url(/image/arrow_image10.png) no-repeat 99% 50%; 
}


.select_p_x {
 margin:0 auto;
 position: relative;
 display: inline-block;
 text-align:center;	
 vertical-align: middle;
 padding:4 30 5 8;
 letter-spacing: -0.3pt;
 height:27px;
 width:99%;
 font-weight:400;
 font-family:nanumgothic,sans-serif;
 font-size: 9pt;
 border-radius:3px 3px 3px 3px;
 color:#5d5d5d;
 border: 1px solid #ebebeb;
 border-bottom-color: #c6c6c6;
 box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
 -webkit-appearance: none;
 -moz-appearance: none;
 -ms-appearance: none;
 -o-appearance: none;
 appearance: none;
 background: linear-gradient(to bottom, #ffffff 90%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);
 background:url(/image/arrow_image10.png) no-repeat 99% 50%; 
}
.select_p_x::-ms-expand {display: none;}

.select_p_x:hover{
 text-decoration: none;
 color: #666;
 border: 1px solid #ebebeb;
 border-bottom-color: #c6c6c6;
 box-shadow:1px 1px 2px Gainsboro;
 background: linear-gradient(to bottom, #ffffff 80%, #fafafa 70%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
 -webkit-appearance: none;
 -moz-appearance: none;
 -ms-appearance: none;
 -o-appearance: none;
 appearance: none;
 background:url(/image/arrow_image10.png) no-repeat 99% 50%; 
}

.select_m {
 font-size: 9pt;
 margin:2 auto;
 font-family:nanumgothic,sans-serif;
 display: inline-block;
 text-align:left;	
 padding:0 13 0 12;
 letter-spacing: -0.3pt;
 height:22px;
 width:99%;
 border-radius:3px 3px 3px 3px;
 color:#5d5d5d;
 border: 1px solid #ebebeb;
 border-bottom-color: #c6c6c6;
 box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
 -webkit-appearance: none;
 -moz-appearance: none;
 -ms-appearance: none;
 -o-appearance: none;
 appearance: none;
 background: linear-gradient(to bottom, #ffffff 50%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);
 background:url(/image/arrow_image10.png) no-repeat 99% 51%; 
}
.select_m::-ms-expand {display: none;}

.select_m:hover{
 text-decoration: none;
 color: #666;
 border: 1px solid #ebebeb;
 border-bottom-color: #c6c6c6;
 box-shadow:1px 1px 2px Gainsboro;
 background: linear-gradient(to bottom, #ffffff 50%, #fafafa 70%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
 -webkit-appearance: none;
 -moz-appearance: none;
 -ms-appearance: none;
 -o-appearance: none;
 appearance: none;
 background:url(/image/arrow_image10.png) no-repeat 99% 51%; 
}

.select_q {
 display: inline-block;
 background: transparent;
 outline: 0;
 vertical-align: middle;
 font-family: inherit;
 text-decoration: none;
 white-space: nowrap;
 text-align:left;	
 vertical-align: left;
 padding:4 5 5 7;
 letter-spacing: -0.3pt;
 height:38px;
 width:99%;
 font-weight:400;
 font-family:nanumgothic,sans-serif;
 font-size: 9pt;
 border-radius:3px 3px 3px 3px;
 color:#5d5d5d;
 border: 1px solid #ebebeb;
 border-bottom-color: #c6c6c6;
 box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
 border-bottom-color: #c6c6c6;
 -box-shadow:1px 1px 2px Gainsboro;
 box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
 -webkit-appearance: none;
 -moz-appearance: none;
 -ms-appearance: none;
 -o-appearance: none;
 appearance: none;
 background: linear-gradient(to bottom, #ffffff 90%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);
 background:url(/image/arrow_image10.png) no-repeat 99% 50%; 
}
.select_g::-ms-expand {display: none;}

.select_q:hover{
 text-decoration: none;
 color: #666;
 border: 1px solid #ebebeb;
 border-bottom-color: #c6c6c6;
 box-shadow:1px 1px 2px Gainsboro;
 background: linear-gradient(to bottom, #ffffff 80%, #fafafa 70%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
/* */
 -webkit-appearance: none;
 -moz-appearance: none;
 -ms-appearance: none;
 -o-appearance: none;
 appearance: none;
 background:url(/image/arrow_image10_x.png) no-repeat 99% 50%; 
}



 /* check, hover ½ºÅ¸ÀÏ ¼³Á¤ IE, Chrome 
 select option:checked, 
 select option:hover {    
 padding:5 5 5 13;
 background: #ebebeb; 
 color: #000000;
}
 */
/* check, hover ½ºÅ¸ÀÏ ¼³Á¤ FireFox
 select option:checked,
 select option:hover { 
 padding:5 5 5 13;
 box-shadow: 0 0 10px 100px #ebebeb inset;  
 color: #000000;
}
 */
.select option{
 padding:2px 0px 2px 13px !important;
 -margin:0px 0px 5px 0px !important;
 height:35px;
 line-height:180%;
 border-right:0px solid #777;
 font-family:nanumgothic,sans-serif;
 font-size: 9pt;
 vertical-align:middle;  
 text-align:left;
 background-color:white;
}


.option{
 padding:2px 0px 2px 13px !important;
 -margin:0px 0px 5px 0px !important;
 height:22px;
 line-height:180%;
 border-right:0px solid #777;
 font-family:nanumgothic,sans-serif;
 font-size: 9pt;
 vertical-align:middle;  
 text-align:left;
 background-color:white;
}

select option[disabled] {
cursor: not-allowed;
opacity: 0.5;
text-decoration: none;
-webkit-touch-callout: none;
}

 option.disabled { 
 padding:2px 0px 2px 13px;
 height:22px;
 line-height:180%;
 vertical-align:middle;  
 font-family:nanumgothic,sans-serif;
 font-size: 9pt;
 text-align:left;
 background-color:white;
 color: #c6c6c6; 
 cursor: not-allowed;
opacity: 0.5;
text-decoration: none;
-webkit-touch-callout: none;
}

 option.disabled2 { 
 padding:2px 0px 2px 13px;
 height:22px;
 line-height:180%;
 vertical-align:middle;  
 font-family:nanumgothic,sans-serif;
 font-size: 9pt;
 text-align:left;
 background-color:#c6c6c6;
 color: white; 
 }



.text {
 letter-spacing: -0.3pt;
 width:100%;
 font-weight:400;
 font-family:nanumgothic,sans-serif;
 font-size:9pt;
 line-height:180%;
 text-align:justify;	
 padding:3 5 3 5;
 border:1px;
 border-radius:3px 3px 3px 3px;
  background: linear-gradient(to top, #ffffff 99%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
 -background-color:#fdfdfd;
 border:1px solid #e5e5e5;
}

.text:hover{
 border:1px solid #009FA8;
 box-shadow:0px 0px 2px Gainsboro;
 -background-color:white;
 border-radius:3px 3px 3px 3px;
}

.iframe {
 letter-spacing: -0.3pt;
 width:99%;
 font-weight:400;
 font-family:nanumgothic,sans-serif;
 font-size:9pt;
 line-height:180%;
 text-align:justify;	
 padding:3 5 3 5;
 border:1px;
 border-radius:3px 3px 3px 3px;
  background: linear-gradient(to top, #ffffff 99%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
 -background-color:#fdfdfd;
 border:1px solid #e5e5e5;
}

.iframe:hover{
 border:1px solid #009FA8;
 box-shadow:0px 0px 2px Gainsboro;
 -background-color:white;
 border-radius:3px 3px 3px 3px;
}


.iframe2 {
 letter-spacing: -0.3pt;
 width:97%;
 font-weight:400;
 font-family:nanumgothic,sans-serif;
 font-size:9pt;
 line-height:180%;
 text-align:justify;	
 padding:3 5 3 5;
 border:1px;
 border-radius:3px 3px 3px 3px;
  background: linear-gradient(to top, #ffffff 99%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
 -background-color:#fdfdfd;
 border:1px solid #e5e5e5;
}

.iframe:hover{
 border:1px solid #009FA8;
 box-shadow:0px 0px 2px Gainsboro;
 -background-color:white;
 border-radius:3px 3px 3px 3px;
}


.line {
 text-decoration: overline;
 padding:0 0 9 0px;
}


.head2 {
 font-size:10pt;
 font-weight:bold;
 line-height:180%;
 text-align:justify;		
 padding:10 20 20 30px;
}

/* »ó¿ìÇÏÁÂ */

.basic {
 font-size:10pt;
 letter-spacing: -1pt;
 line-height:180%;
 text-align:justify;		
 padding:0 20 20 30px;
}


.basic2 {
color:black;
 font-weight:500;
 font-size:10pt;
 letter-spacing: -0.6pt;
 line-height:180%;
 text-align:justify;		
 padding:0 45 20 50px;
}


.basic_s {
 font-size:10pt;
 letter-spacing: -1pt;
 line-height:180%;
 text-align:justify;		
 padding:0 45 20 50px;
}

.img_i {
 border:0;
 padding-bottom: 0px; 
 border-radius:7px 0px 0px 7px;
 border:0px solid white;
 font-size:10pt;
 line-height:180%;
 color:#FFFFFF;
 font-weight:500;
 text-align:left;	
 padding:25 25 25 25px;
}


.img {
 border:0;
 padding-bottom: 0px; 
 box-shadow:4px 4px 8px Gainsboro;
 border:4px solid white;
}

.img0 {
 border:0;
 padding-bottom: 0px; 
 box-shadow:4px 4px 8px Gainsboro;
 border:0px solid white;
}
.img_1 {
 border:0;
 padding-bottom: 0px; 
 border-radius:70px 0px;
 box-shadow:4px 4px 10px Gainsboro;
 border:1px solid white;
}

.img2 {
 border:0;
 padding-bottom: 0px; 
 box-shadow:1px 2px 2px Gainsboro;
 border:0px solid white;
 opacity:1.0;
}

.img2:hover{
 border:0;
 padding-bottom: 0px; 
 box-shadow:1px 1px 2px Gainsboro;
 opacity:0.8;
}



.img3 {
 border:0;
 padding-bottom: 0px; 
 box-shadow:1px 1px 2px Gainsboro;
 border:0px solid white;
}

.img4 {
 border:0;
 background-color:#FCFCFC;
 padding-bottom: 0px; 
 box-shadow:1px 1px 0px Gainsboro;
 border:0px solid white;
 border-radius:4px 4px 4px 4px;

}

.img_banner{
 box-shadow:1px 2px 3px Gainsboro;
 border-top:1px solid #E6E6E6;
 border-left:1px solid #E6E6E6;
 border-bottom:1px solid #BDBDBD;
 border-right:1px solid #BDBDBD;
}

.img_banner:hover{
 border-bottom:1px solid #00AEAE;
 border-right:1px solid #00AEAE;
}

.img_banner2{
 border-top:1px solid #E6E6E6;
 border-left:1px solid #E6E6E6;
 border-bottom:1px solid #E6E6E6;
 border-right:1px solid #E6E6E6;
}

.img_banner2:hover{
 box-shadow:1px 2px 3px Gainsboro;
 border-bottom:1px solid #00AEAE;
 border-right:1px solid #00AEAE;
}

.zoom_1 {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.3s ease-in-out;   /* ºÎµå·¯¿î ¸ð¼ÇÀ» À§ÇØ Ãß°¡*/
}
.zoom_1:hover {
  transform: scale(1.02);
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -ms-transform: scale(1.02);
  -o-transform: scale(1.02);
}

.zoom {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.3s ease-in-out;   /* ºÎµå·¯¿î ¸ð¼ÇÀ» À§ÇØ Ãß°¡*/
}
.zoom:hover {
  transform: scale(1.8);
  -webkit-transform: scale(1.8);
  -moz-transform: scale(1.8);
  -ms-transform: scale(1.8);
  -o-transform: scale(1.8);
}
.img_z {width:20px; height:20px; overflow:hidden }


.img_c {
 font-family: ³ª´®°íµñ, nanumgothic ,"nanumgothic", '¸¼Àº °íµñ', 'Malgun Gothic',"Apple SD Gothic Neo", µ¸¿ò, ±¼¸², Dotum, Gulim, 'Lato',sans-serif; 
 border-radius:3px 0px 0px 3px;
 border:1px; 
 ime-mode:active;
 height:26; 
 font-size: 12px; 
 padding-left:5px; 
 padding:0 0 0 0; 
 background-color:white;
 box-shadow:0px 1px 2px Gainsboro;
 border:1px solid #cbcbcb;
}

.img_c:hover{
 background: linear-gradient(to top, #ffffff 80%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
 box-shadow:1px 1px 2px Gainsboro;
 border:1px solid #009FA8;
 background-color:white;
}

.img_s {
 font-family: ³ª´®°íµñ, nanumgothic ,"nanumgothic", '¸¼Àº °íµñ', 'Malgun Gothic',"Apple SD Gothic Neo", µ¸¿ò, ±¼¸², Dotum, Gulim, sans-serif; 
 border-radius:3px 0px 0px 3px;
 border:1px; 
 ime-mode:active;
 height:26; 
 font-size: 12px; 
 padding-left:5px; 
 padding:0 0 0 0; 
 background-color:white;
 box-shadow:0px 1px 2px Gainsboro;
 border:1px solid #cbcbcb;
}

.img_s:hover{
 background: linear-gradient(to top, #ffffff 80%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
 box-shadow:1px 1px 2px Gainsboro;
 border:1px solid #009FA8;
 background-color:white;
}

.img_ss1 {
 font-family: ³ª´®°íµñ, nanumgothic ,"nanumgothic", '¸¼Àº °íµñ', 'Malgun Gothic',"Apple SD Gothic Neo", µ¸¿ò, ±¼¸², Dotum, Gulim, sans-serif; 
 border-radius:3px 0px 0px 3px;
 border:1px; 
 ime-mode:active;
 height:26; 
 font-size: 12px; 
 padding-left:5px; 
 padding:0 0 0 7; 
 background-color:white;
 box-shadow:0px 1px 2px Gainsboro;
 border:1px solid #cbcbcb;
}

.img_ss1:hover{
 background: linear-gradient(to top, #ffffff 80%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
 box-shadow:1px 1px 2px Gainsboro;
 border:1px solid #009FA8;
 background-color:white;
}

.img_ss {
 font-family: ³ª´®°íµñ, nanumgothic ,"nanumgothic", '¸¼Àº °íµñ', 'Malgun Gothic',"Apple SD Gothic Neo", µ¸¿ò, ±¼¸², Dotum, Gulim, sans-serif; 
 border-radius:3px 0px 0px 3px;
 border:1px; 
 ime-mode:active;
 height:26; 
 font-size: 12px; 
 padding-left:5px; 
 padding:0 0 0 7; 
 background-color:white;
 box-shadow:0px 1px 2px Gainsboro;
 border-top:1px solid #cbcbcb;
 border-left:1px solid #cbcbcb;
 border-bottom:1px solid #cbcbcb;
}

.img_ss:hover{
 background: linear-gradient(to top, #ffffff 70%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
 box-shadow:1px 1px 2px Gainsboro;
 border-top:1px solid #cbcbcb;
 border-left:1px solid #cbcbcb;
 border-bottom:1px solid #cbcbcb;
 background-color:white;
}



.img_st {
 --text-transform:lowercase;
 font-family: ³ª´®°íµñ, nanumgothic ,"nanumgothic", '¸¼Àº °íµñ', 'Malgun Gothic',"Apple SD Gothic Neo", µ¸¿ò, ±¼¸², Dotum, Gulim, sans-serif; 
 border-radius:2px 0px 0px 2px;
 border:1px; 
 ime-mode:active;
 height:26; 
 font-size: 12px; 
 color: #9D9D9D;
 padding-left:8px; 
 padding-top:3px 
 background-color:white;
 box-shadow:0px 0px 0px Gainsboro;
 border:1px solid #e0e0e0;
}

.img_st:hover{
 background: linear-gradient(to top, #ffffff 80%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
 border:1px solid #009FA8;
 box-shadow:0px 0px 2px Gainsboro;
 -background-color:white;
}


.img_lo_id {
 font-family: ³ª´®°íµñ, nanumgothic ,"nanumgothic", '¸¼Àº °íµñ', 'Malgun Gothic',"Apple SD Gothic Neo", µ¸¿ò, ±¼¸², Dotum, Gulim, sans-serif; 
 width:100%;
 ime-mode:disabled; 
 height:45; 
 font-size:11pt;
 padding:0 0 0 20;
 color:#009FA8;
 border-radius:3px 3px 3px 3px;
 border:1px; 
 background-color:white;
 box-shadow:0px 0px 0px Gainsboro;
 border:1px solid #e0e0e0;
}

.img_lo_id:hover{
 background: linear-gradient(to top, #ffffff 80%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
 border:1px solid #009FA8;
 box-shadow:1px 1px 2px Gainsboro;
 -background-color:white;
}

.img_lo_pw {
 font-family: ³ª´®°íµñ, nanumgothic ,"nanumgothic", '¸¼Àº °íµñ', 'Malgun Gothic',"Apple SD Gothic Neo", µ¸¿ò, ±¼¸², Dotum, Gulim, caption; 
 width:100%;
 ime-mode:disabled; 
 height:45; 
 font-size:10pt;
 padding:0 0 0 20;
 color:#FF9900;
 border-radius:3px 3px 3px 3px;
 border:1px; 
 background-color:white;
 box-shadow:0px 0px 0px Gainsboro;
 border:1px solid #e0e0e0;
}

.img_lo_pw:hover{
 background: linear-gradient(to top, #ffffff 80%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
 border:1px solid #009FA8;
 box-shadow:1px 1px 2px Gainsboro;
 -background-color:white;
}

.img_lo_m {
 font-family: ³ª´®°íµñ, nanumgothic ,"nanumgothic", '¸¼Àº °íµñ', 'Malgun Gothic',"Apple SD Gothic Neo", µ¸¿ò, ±¼¸², Dotum, Gulim, sans-serif; 
 width:100%;
 ime-mode:disabled; 
 height:45; 
 font-size:11pt;
 padding:0 0 0 20;
 color:black;
 border-radius:3px 3px 3px 3px;
 border:1px; 
 background-color:white;
 box-shadow:0px 0px 0px Gainsboro;
 border:1px solid #e0e0e0;
}

.img_lo_m:hover{
 background: linear-gradient(to top, #ffffff 80%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
 border:1px solid #009FA8;
 box-shadow:1px 1px 2px Gainsboro;
 -background-color:white;
}

.img_login {
 border-radius:5px;
 box-shadow:1px 2px 4px Gainsboro;
 border-top:1px solid #E6E6E6;
 border-left:1px solid #E6E6E6;
 border-bottom:1px solid #BDBDBD;
 border-right:1px solid #BDBDBD;
}

.img_login:hover{
 border-bottom:1px solid #00AEAE;
 border-right:1px solid #00AEAE;
}

.img_t {
 color: #666;
 padding:0 5 10 5px;
 border: 1px solid #f9f9f9;
 border-top: 1px solid #ebebeb;
 border-bottom-color: #c6c6c6;
 box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
 background: #fff;
}

.img_t:hover{
 border-top: 1px solid #ebebeb;
 background: #f4f4f4;
 background: linear-gradient(to bottom, #fafafa 10%, #fff 60%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0 ) chroma(color=#000000);/*IE*/
}

.img_t_o {
 color:#009FA8;
 padding:0 5 10 5px;
 border: 1px solid #c0c0c0;
 border-bottom-color: #fff;
 background: linear-gradient(to top, #ffffff 93%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
 -background: #fff;
}

.img_t_o:hover{
 -border-top: 4px solid #009FA8;
 background: #f4f4f4;
 background: linear-gradient(to bottom, #fafafa 10%, #fff 60%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0 ) chroma(color=#000000);/*IE*/
}


.img_btn {
 border-radius:3px 3px 3px 3px;
 padding:10 15 10 15px;
 border: 1px solid #ebebeb;
 box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
 background: #fff;
}

.img_btn:hover{
 border: 1px solid #ebebeb;
 background: #f4f4f4;
 background: linear-gradient(to bottom, #fafafa 10%, #fff 60%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0 ) chroma(color=#000000);/*IE*/
}




.img_t2 {
 color: #666;
 padding:0 5 10 5px;
 border: 1px solid #f9f9f9;
 border-top: 1px solid #f9f9f9;
 border-bottom-color: #c6c6c6;
 box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
 background: #fff;
}

.img_t2:hover{
 border: 1px solid #009FA8;
 background: #f4f4f4;
 background: linear-gradient(to bottom, #fafafa 10%, #fff 60%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0 ) chroma(color=#000000);/*IE*/
}


.img_s0 {
 border:1px;
 border-radius:3px 3px 3px 3px;
 background-color:white;
 box-shadow:2px 2px 4px Gainsboro;
 border:1px solid #C0C0C0;
}

.img_s0:hover{
 border:1px solid #00AEAE;
 background-color:white;
}

.img_s1 {
 border:1px;
 padding-bottom: 0px; 
 background-color:#F8F8F8;
 box-shadow:1px 1px 2px Gainsboro;
 border:0px solid white;
}

.img_s1:hover{
 border:0px solid #009FA8;
 -background-color:F7FDFD;
}

.guide {
 font-size:11pt;
 font-weight:400;
 color:#000000;
 text-align:center;	
 padding:3 3 3 3px;
}


.page {
 font-weight:400;font-face:nanumgothic;font-size: 9pt;color:black;
 padding:1 6 1 6;
 text-align:center;
 background-color:white;
}

.page:hover{
 border:1px solid #009FA8;
 background-color:sliver;
}

.page_btn {
 font-weight:400;font-face:nanumgothic;font-size: 7pt;color:black;
 padding:1 6 1 6;
 text-align:center;
 border:1px;
 border-radius:1px 1px 1px 1px;
 background-color:white;
 box-shadow:1px 1px 1px Gainsboro;
 border:1px solid #c0c0c0;
}

.page_btn:hover{
 border:1px solid #009FA8;
 background-color:sliver;
}


.banner {
 border-radius:2px 2px 2px 2px;
 box-shadow:1px 1px 0px Gainsboro;
 border:1px; 
 background-color:white;
 padding:5 13 12 15; 
 border:1px solid #009FA8;
}

.banner:hover{
 background-color:#FBFBFB;
 border:1px solid white;
}

.banner_side {
font-size:8pt; 
color: white;
text-shadow: 2px 2px 2px gray;
font-weight:bold; 
text-align:left; 
letter-spacing:-0.6pt; 
line-height:110%; 
padding:3 5 3 8; 
}

.banner_side_g {
font-size:12pt; 
color: white;
text-shadow: 1px 1px 1px gray;
font-weight:bold; 
text-align:center; 
letter-spacing:-0.6pt; 
line-height:110%; 
padding:3 5 3 8; 
}

.kind_banner_g {
 color: black;
 text-align:left;
 letter-spacing: -1.8pt;
 line-height:230%;
 border-radius:6px 6px 6px 6px;
 box-shadow:6px 6px 15px Gainsboro;
 border:1px; 
 padding:30 25 15 25; 
 background-color:white;
 background: linear-gradient(to top, #ffffff 97%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
 border:1px solid #009FA8;
}

.kind_banner_g:hover{
 background: linear-gradient(to bottom, #ffffff 94%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
 border:1px solid #009FA8;
}



.kind_banner {
 color: black;
 text-align:center;
 letter-spacing: -1.8pt;
 line-height:230%;
 border-radius:3px 3px 3px 3px;
 box-shadow:1px 1px 0px Gainsboro;
 border:1px; 
 background-color:#FBFBFB;
 padding:40 25 27 25; 
 border:1px solid white;
}

.kind_banner:hover{
 background-color:white;
 background: linear-gradient(to top, #ffffff 98%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
 border:1px solid #009FA8;
}

.kind_banner2 {
 color: black;
 text-align:left;
 letter-spacing: -1.8pt;
 line-height:230%;
 border-radius:3px 3px 3px 3px;
 box-shadow:1px 1px 0px Gainsboro;
 border:1px; 
 padding:30 25 15 25; 
 background-color:white;
 background: linear-gradient(to top, #ffffff 98%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
 border:1px solid #009FA8;
}

.tab_o {
background: linear-gradient(to top, #ffffff 93%, #f6f6f6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
margin: 0;
padding:15;
float:center;
list-style: none;
height: 32px;
border-top: 1px solid #C6C6C6;
border-right: 1px solid #C6C6C6;
text-align:center;
cursor: pointer;
color:#009FA8;
font-weight:bold;
} 

.tab_o_a{ color:black;font-weight:bold;} 

.tab_x:hover {
background: linear-gradient(to top, #ffffff 93%, #f6f6f6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/
color:#009FA8;
font-weight:bold;
} 


.tab_x {
margin: 0;
padding:15;
float:center;
list-style: none;
height: 32px;
border-top: 1px solid #C6C6C6;
border-bottom: 1px solid #C6C6C6;
border-right: 1px solid #C6C6C6;
text-align:center;
cursor: pointer; 
background: linear-gradient(to bottom, #ffffff 94%, #f6f6f6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ) chroma(color=#000000);/*IE*/

} 

.line_g1{
height:1px;background:#bbb;
background-image:-webkit-linear-gradient(left,#eee,#777,#eee);
background-image:-moz-linear-gradient(left,#eee,#777,#eee);
background-image:-ms-linear-gradient(left,#eee,#777,#eee);
background-image:-o-linear-gradient(left,#eee,#777,#eee);
} 


.login_main {
 line-height:160%;
 border-radius:2px 2px 2px 2px;
 -box-shadow:1px 1px 0px Gainsboro;
 border:2px; 
 background-color:;
 border:2px solid #009FA8;
}

.login_main:hover{
 background-color:;
 border:1px solid white;
}


.banner2 {
 line-height:160%;
 border-radius:2px 2px 2px 2px;
 box-shadow:1px 1px 0px Gainsboro;
 border:1px; 
 background-color:#FBFBFB;
 border:1px solid white;
}

.banner2:hover{
 background-color:white;
 border:1px solid #009FA8;
}

.banner3 {
 line-height:160%;
 border-radius:2px 2px 2px 2px;
 box-shadow:1px 1px 0px Gainsboro;
 border:1px; 
 background-color:white;
 border:1px solid #009FA8;
}

.banner3:hover{
 background-color:#FBFBFB;
 border:1px solid white;
}

.banner3_g {
 line-height:160%;
 border-radius:2px 2px 2px 2px;
 box-shadow:1px 1px 0px Gainsboro;
 border:1px; 
 background-color:#FBFBFB;
 border:1px solid white;
}

.banner3_g:hover{
 background-color:white;
 border:1px solid #009FA8;
}

.banner4 {
 border-radius:3px;
 box-shadow:1px 1px 1px Gainsboro;
 border:1px; 
 border:1px solid #fdfdfd;
}

.banner4:hover{
 box-shadow:2px 2px 1px Gainsboro;
}

.m_msg {
 padding:5 10 2 10;
 width:;
 height:;
 font-size:9pt;
 letter-spacing: -1pt;
 line-height:160%;
 text-align:justify; 
 color:#000000;
 background-color:;
 font-family:nanumgothic,sans-serif;
 z-index:500;
}

 .C_totop{width:50px; height:48px;background-color: #000; color:#fff;border-radius:24px; text-align:center; line-height:47px;
   position:fixed; z-index:999999;  top: 100%;   opacity: .8;cursor: pointer; font-size:14px;right:0.6%;  margin-left: -160px; margin-top: -89px;}

.png24 { 
    tmp:expression(setPng24(this)); 
} 

function setPng24(obj) { 
    obj.width=obj.height=1; 
    obj.className=obj.className.replace(/\bpng24\b/i,''); 
    obj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+ obj.src +"',sizingMethod='image');" 
   obj.src='';  
    return ''; 
}

input[type=submit], input[type=reset], input[type=button] {
  filter:chroma(color=#000000);
}

#dhtmltooltip{
position: absolute;
font-size:9pt;text-align:justify;font-weight:600;letter-spacing: -0.6pt;font-family:nanumgothic;opacity: 0.4;line-height:160%; ;
left: -300px;
width: 120px;
--border: 1px solid black;
--color:black;
--background-color: lightyellow;
--padding:10 12 12 12;
background-color: black;
color:white;
border: 0px solid black;
padding:12 12 12 12;
border-radius:5px 5px 5px 5px;
box-shadow:2px 2px 4px Gainsboro;
visibility: hidden;
z-index: 1000;
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
opacity: 0.4;
left: -300px;
z-index: 201;
visibility: hidden;
}

/* The container */
.container {
    display: block;
    position: relative;
    padding-left: 15px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 17px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 17px;
  border-radius:3px 3px 3px 3px;
 box-shadow:1px 1px 0px Gainsboro;
   background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
 border-radius:3px 3px 3px 3px;
 box-shadow:1px 1px 0px Gainsboro;
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  border-radius:3px 3px 3px 3px;
 box-shadow:1px 1px 0px Gainsboro;
   background-color: #009FA8;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
    left: 6px;
    top: 1px;
    width: 4px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

 /* Customize the label (the container) */
.container_r {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.container_r input {
  position: absolute;
  opacity: 0;
}

/* Create a custom radio button */
.checkmark_r {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container_r:hover input ~ .checkmark_r {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container_r input:checked ~ .checkmark_r {
   background-color: #009FA8;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark_r:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container_r input:checked ~ .checkmark_r:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container_r .checkmark_r:after {
  top: 5px;
  left: 5px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
} 


/* hover style */

figure {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

/* Zoom Out #1 */
.hover03 figure img {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover03 figure:hover img {
	-webkit-transform: scale(1);
	transform: scale(1);
}

/* Zoom Out #2 */
.hover04 figure img {
	width: 400px;
	height: auto;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover04 figure:hover img {
	width: 300px;
}


/* Gray Scale */
.hover08 figure img {
   -webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover08 figure:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

/* Opacity #1 */
.hover11 figure img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover11 figure:hover img {
	opacity: .5;
}

/* Flashing */
.hover13 figure:hover img {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

/* Shine */
.hover14 figure {
	position: relative;
}
.hover14 figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.hover14 figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}


.ani {
  animation-duration: 2s;
  animation-name: slidein;
}

@keyframes slidein {
  from {
    margin-top: 2%;
    width: 95%; 
  }

  to {
    margin-top: 0%;
    width: 100%;
  }
}

.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0.5;
  }
}

.animated {
 background-image: url();
 background-repeat: no-repeat;
 background-position: left top;
 padding-top:0px;
 margin-bottom:0px;
-webkit-animation-duration: 2s;
 animation-duration: 2s;
-webkit-animation-fill-mode: both;
 animation-fill-mode: both;
}
       
@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
         
@keyframes fadeIn {
 0% {opacity: 0;}
 100% {opacity: 1;}
}
         
.fadeIn {
-webkit-animation-name: fadeIn;
 animation-name: fadeIn;
}

::selection
{
color: white;
background-color: #009FA8;
}
 
::-moz-selection  /* Firefox needs an extra attention for this */
{
color: white;
background-color: #009FA8;
}

#leftmenu {position: relative; width: 100px; height: 125px;}
#tel {position: absolute; right: 10px; bottom: 10px;}
