@charset "utf-8";

/* 기본 서브 배경 스타일 */
#maintable1 { min-height:960px;} /* 바디에서 카피라이트뺀 전체부분*/
#mtempcontenttable1 { border-left:1px solid #DDDDDD; padding:0 20px 50px 40px;min-height:910px;}
#contenttabletopmargin  { border-top:1px solid #EEEEEE;}
/* 본문_스타일*/
.content { width:760px; position:relative;font-family:Nanum Gothic,Dotum, Arial; color:#4f4f4f; word-spacing:1px!important;}
.content table{vertical-align:top; line-height:20px; text-align:justify; font-family:Nanum Gothic,Dotum, Arial;}
.content p{font-size:13px; line-height:150%; text-align:justify}
.content span { line-height:120%; }
ul { list-style:none; margin:0px; padding:0px }
.content ol { padding-top:0px; margin-top:0px; text-align:justify; line-height:150%; font-size:13px }
.content ul li { /*background:url(/USER_DATA/gnttech/content/editor/img/dot.gif) no-repeat left 7px; padding-left:8px; margin-left:5px;*/ line-height:150%; font-family:Nanum Gothic,Dotum, Arial; color:#666666;  text-align:justify; font-size:13px }
.li_dot li { padding-left:7px; background:url(/user_data/_COMMON/sso/img/icon_dot_787878.gif) no-repeat left 10px;}

.content ol li { margin-left:0px;font-family:Nanum Gothic,Dotum, Arial; color:#666666}
.content2 ul li { background:url(/USER_DATA/gnttech/content/editor/img/dot.gif) no-repeat left 7px; padding-left:8px; margin:5px 0px 5px; line-height:150%; }
.txt { vertical-align:top; line-height:20px; text-align:justify; color:#787878 ;font-family:Nanum Gothic,Dotum, Arial;}
.content .dotline { height:70; background:url(/USER_DATA/gnttech/content/editor/img/dotline.gif) repeat-x 50% 50%; }

h2 { font-size:16px!important; color:#004e95!important; font-family:Nanum Gothic,Dotum, Arial!important; background:url(/USER_DATA/changsung/content/editor/img/icon_h2.gif) no-repeat left 6px;  padding-bottom:20px!important; padding-left:20px; line-height:150%}
h3 { font-size:16px!important; color:#e11500!important; font-family:Nanum Gothic,Dotum, Arial!important; text-align:justify; padding-bottom:20px!important;}


#footer { width:1020px; padding:0px; text-align:left; font-size:12px; line-height:150%; color:#7d7d7d;font-family:Nanum Gothic,Dotum, Arial; position:relative;}
#footer .address { font-size:12px!important; line-height:150%; color:#666666; margin-bottom:5px}
#footer .copy {
    padding: 25px 40px;
    font-size: 11px!important;
    color: #a1a1a1;
    background: url(/USER_DATA/milanogagu/content/editor/img/logo_copyright.jpg) no-repeat 96% center #fff;
    border-left: 1px solid #ddd;
}


.copy_section_wrap{ background:#f2f2f2; padding:30px 40px; display:block; margin-left:1px}
.line_dot{ border-bottom:1px dotted #BBBBBB; padding-bottom:10px; margin-bottom:10px }
.copy_section1{width:284px; margin-right:40px; color:#666666; display:inline-block; float:left}
.copy_section2{width:284px; margin-right:40px; color:#666666; display:inline-block; float:left}
.copy_section3{width:284px; color:#666666; display:inline-block; float:left}


.pointtxt { font-size:16px;font-family:Nanum Gothic,Dotum, Arial; font-weight:bold }
.pointtxt_blue { color:#519AC7;font-family:Nanum Gothic,Dotum, Arial; font-weight:bold}
.pointtxt_orange { color:#f47821;font-family:Nanum Gothic,Dotum, Arial;font-weight:bold}
.pointtxt_green {  color:#0aaf39; font-family:Nanum Gothic,Dotum, Arial; font-weight:bold}
.pointtxt_green2 { font-size:120%; color:#4AADA8;font-family:Nanum Gothic,Dotum, Arial;font-weight:bold}
.txt_orange { color:#FF9900;font-family:Nanum Gothic,Dotum, Arial; }
.txt_green { color:#588e0c;font-family:Nanum Gothic,Dotum, Arial; }
.txt_red { color:#FC5871; font-family:Nanum Gothic,Dotum, Arial;}
.txt_blue { color:#519AC7;font-family:Nanum Gothic,Dotum, Arial; }
.txt_blue a, a:link, a:visited,a:hover, a:active, a:focus { text-decoration:none; color:#519AC7; font-family:Nanum Gothic,Dotum, Arial;}
.center { text-align:center; font-family:Nanum Gothic,Dotum, Arial;}
.right { text-align:right; }

/* 인사말 */
.greeting {  background:url(/user_data/milanogagu/content/editor/img/img1_1_1.jpg) no-repeat right 50%}
.greeting p{ width:520px; padding-bottom:20px}

/* 테이블 스타일 _블루*/
.table_box1 { line-height:150%; border-top:2px solid #859CBC;font-family:Nanum Gothic,Dotum, Arial; }
.table_box1 thead th { background:#f1f2f3; border-right:1px solid #d8d7d2; border-bottom:1px solid #dedede; font-size:13px; line-height:150%; font-weight:bold; color:#536f95; padding:5px; font-family:Nanum Gothic,Dotum, Arial; text-align:center; }
.table_box1 thead td { border-right:1px solid #dedede; border-bottom:1px solid #dedede; font:13px/150%; color:#787878; padding:5px; text-align:center;font-family:Nanum Gothic,Dotum, Arial; }
.table_box1 tbody th { background:#f1f2f3; border-right:1px solid #dedede; border-bottom:1px solid #d8d7d2; font-size:13px; line-height:150%; font-weight:bold; color:#536f95; padding:5px; text-align:left; ;font-family:Nanum Gothic,Dotum, Arial;}
.table_box1 tbody td { border-right:1px solid #dedede; border-bottom:1px solid #dedede; font:13px/150%; color:#787878; padding:5px; text-align:left;font-family:Nanum Gothic,Dotum, Arial; }
.table_box1 .bg_light { background-color:#F1F2F3; color:#536f95; text-align:center; font-family:Nanum Gothic,Dotum, Arial;} /*연한색*/
.table_box1 .none_r { border-right:none; }

/* 테이블 스타일 _블루2*/
.table_box3 { line-height:150%; border-top:2px solid #7e9dc7; font-family:Nanum Gothic,Dotum, Arial;}
.table_box3 thead th { font-weight:bold; background:#7e9dc7; border-right:1px solid #dedede; border-bottom:1px solid #dedede; font-size:13px; line-height:150%; color:#ffffff; padding:5px;font-family:Nanum Gothic,Dotum, Arial}
.table_box3 thead td { background:#f5f5f5; border-right:1px solid #dedede; border-bottom:1px solid #dedede; font-size:13px; line-height:150%; color:#648CBF; padding:5px; text-align:center;font-family:Nanum Gothic,Dotum, Arial}
.table_box3 tbody th { font-weight:bold; background:#f9f9f9; border-right:1px solid #dedede; border-bottom:1px solid #dedede; font-size:13px; line-height:150%; color:#666666; padding:5px;  font-family:Nanum Gothic,Dotum, Arial; text-align:justify }
.table_box3 tbody td {border-right:1px solid #dedede; border-bottom:1px solid #dedede; font-size:13px; line-height:150%; color:#787878; padding:5px;font-family:Nanum Gothic,Dotum, Arial; vertical-align:top}
.table_box3 .none_r { border-right:none; }



/* 테이블 스타일 _그레이*/
.table_box2 { line-height:150%; border-top:2px solid #303030; font-family:Nanum Gothic,Dotum, Arial;}
.table_box2 thead th { background:#303030; border-right:1px solid #dedede; border-bottom:1px solid #dedede; font-size:13px; line-height:150%; color:#ffffff; padding:5px;font-family:Nanum Gothic,Dotum, Arial; font-weight:bold;}
.table_box2 thead td { background:#f1f2f3; border-right:1px solid #dedede; border-bottom:1px solid #dedede; font-size:13px; line-height:150%; color:#333333; padding:5px; text-align:center;font-family:Nanum Gothic,Dotum, Arial;}
.table_box2 tbody th { background:#fbfcfd; border-right:1px solid #dedede; border-bottom:1px solid #dedede; font-size:13px; line-height:150%; color:#666666; padding:5px; text-align:center; font-family:Nanum Gothic,Dotum, Arial;  font-weight:bold;}
.table_box2 tbody td {border-right:1px solid #dedede; border-bottom:1px solid #dedede; font-size:13px; line-height:150%; color:#787878; padding:5px;font-family:Nanum Gothic,Dotum, Arial;}
.table_box2 .none_r { border-right:none; }

/* 테이블 스타일 _약도*/
.table_box_map { line-height:150%; border-top:2px solid #303030; font-family:Nanum Gothic,Dotum, Arial;}
.table_box_map thead th { background:#303030; border-right:1px solid #dedede; border-bottom:1px solid #dedede; font-size:13px; line-height:150%; color:#ffffff; padding:3px;font-family:Nanum Gothic,Dotum, Arial; font-weight:bold; text-align:left}
.table_box_map thead td { background:#f1f2f3; border-right:1px solid #dedede; border-bottom:1px solid #dedede; font-size:13px; line-height:150%; color:#333333; padding:3px; text-align:center;font-family:Nanum Gothic,Dotum, Arial;}
.table_box_map tbody th { background:#fbfcfd; border-right:1px solid #dedede; border-bottom:1px solid #dedede; font-size:13px; line-height:150%; color:#666666; padding:3px 3px 3px 20px; font-family:Nanum Gothic,Dotum, Arial;  font-weight:bold; text-align:left}
.table_box_map tbody td {border-right:1px solid #dedede; border-bottom:1px solid #dedede; font-size:13px; line-height:150%; color:#787878; padding:3px 20px;font-family:Nanum Gothic,Dotum, Arial;}
.table_box_map .none_r { border-right:none; }

/* 테이블 스타일 _옐로*/
.table_box1 { line-height:150%; border-top:2px solid #eeb734;font-family:'나눔고딕',NanumGothic,Dotum, Arial; }
.table_box1 thead th { background:#FEFAEE; border-right:1px solid #d8d7d2; border-bottom:1px solid #d8d7d2; font:bold 13px/150%; color:#eeb734; padding:5px; font-family:'나눔고딕',NanumGothic,Dotum, Arial; text-align:center; }
.table_box1 td { border-right:1px solid #d8d7d2; border-bottom:1px solid #d8d7d2; font:13px/150%; color:#787878; padding:5px; text-align:center;font-family:'나눔고딕',NanumGothic,Dotum, Arial; }
.table_box1 tbody th { background:#f5f5f5; border-right:1px solid #d8d7d2; border-bottom:1px solid #d8d7d2; font:13px/150%; color:#787878; padding:5px; text-align:center; font-weight:bold ;font-family:'나눔고딕',NanumGothic,Dotum, Arial;}
.table_box1 .bg_light { background-color:#ffedcb; font-weight:bold; color:#f47821; text-align:center;font-family:'나눔고딕',NanumGothic,Dotum, Arial;} /*연한색*/
.table_box1 .none_r { border-right:none; }



/*메인비주얼*/
.main_img{
	position: relative;
}
.main_img li{
	position: absolute;
}
.main_img .imgnum_01{
    top: 4px;
    left: 165px;
	animation: main_top 1s ease ;
}
.main_img .imgnum_02{
	top: 167px;
    left: 0px;
	animation: main_left 2.5s ease;
}
.main_img .imgnum_03{
    top: 167px;
    left: 165px;
	animation: main_right 2s ease;
}
.main_img .imgnum_04 {
    top: 332px;
    left: 40px;
	animation: main_left 2.5s ease;
}
.main_img .imgnum_05 {
    top: 332px;
    left: 283px;
	animation: main_right 3s ease;
}
.main_img .imgnum_06 {
    top: 426px;
    left: 410px;
	animation: main_right 3.5s ease;
}
.main_img .imgnum_07{
    top: 467px;
    left: 139px;
	animation: main_bottom 4s ease;
}
.main_img .imgnum_08 {
    top: 559px;
    left: 409px;
	animation: main_bottom 4.5s ease;
}



@keyframes main_top {
    0% {transform:translateY(-40px); opacity:0;}
    100% {transform:translateY(0); opacity:1;}
}
@keyframes main_left {
    0% {transform:translateX(-40px); opacity:0;}
    100% {transform:translateX(0); opacity:1;}
}
@keyframes main_right {
    0% {transform:translateX(40px); opacity:0;}
    100% {transform:translateX(0); opacity:1;}
}
@keyframes main_bottom {
    0% {transform:translateY(40px); opacity:0;}
    100% {transform:translateY(0); opacity:1;}
}


.main_tit{
	position: relative;
}
.main_tit p,.main_tit a{
    position: absolute;
    left: 0;
    font-size: 50px;
    font-family: 'Nanum Gothic',sans-serif;
    letter-spacing: -2.8px;
    color: #525252;
}
.main_tit .txtnum_01{
	top:0;
	animation: main_left_t 5s ease infinite;
}
.main_tit .txtnum_02{
	top:70px;
	animation: main_right_t 5s ease infinite;
}
.main_tit .txtnum_03{
	top:135px;
	animation: main_left_t 5s ease infinite;
}
.main_tit .txtnum_04 {
    top: 225px;
    font-size: 11px;
    color: #777;
    line-height: 16px;
    letter-spacing: -0.6px;
	animation: main_bottom_t 5s ease infinite;
}
.main_tit .txtnum_05{
	top: 300px;	
	display:block;
	animation: main_bottom_t 5s ease infinite;
}

@keyframes main_right_t {
    0% {transform:translateX(40px); opacity:0;}
    80% {transform:translateX(0); opacity:1;}
	100% {transform:translateX(0); opacity:0;}
}
@keyframes main_left_t {
    0% {transform:translateX(-40px); opacity:0;}
    80% {transform:translateX(0); opacity:1;}
	100% {transform:translateX(0); opacity:0;}
}
@keyframes main_bottom_t {
    0% {transform:translateX(40px); opacity:0;}
    80% {transform:translateX(0); opacity:1;}
	100% {transform:translateX(0); opacity:0;}
}




/*메인 플래시*/
#compolayer454,#compolayer455{
	display:none;
}

/*하단푸터 공간*/
#Popup{display:none;}