@charset "utf-8";

.content_zone {width:1000px;}
.title_zone {position:relative; }
.visual_section {position:absolute; top:0; left:0;width:100%;}
/*.visual_section.view {display:block;}*/
.visual .tit {display:none;-webkit-animation:move 0.8s  ease; -moz-animation:move 0.8s  ease; -o-animation:move 0.8s  ease; -ms-animation:move 0.8s  ease; animation:move 0.8s  ease;}
.visual .txt {display:none;-webkit-animation:move 1.2s  ease; -moz-animation:move 1.2s  ease; -o-animation:move 1.2s  ease; -ms-animation:move 1.2s  ease; animation:move 1.2s  ease;}
.visual .btn_type03 {display:none;margin:35px 0 0; -webkit-animation:move 1.4s  ease; -moz-animation:move 1.4s  ease; -o-animation:move 1.4s  ease; -ms-animation:move 1.4s  ease; animation:move 1.4s  ease;}
.view .visual .tit {display:block;}
.view .visual .txt  {display:block;}
.view .visual .btn_type03  {display:inline-block;}
@-webkit-keyframes move {
	0% { opacity:0;transform:translateY(100px);}
	100% { opacity:1;transform:translateY(0);}
}
@-moz-keyframes move {
	0% { opacity:0;transform:translateY(100px);}
	100% { opacity:1;transform:translateY(0);}
}
@-o-keyframes move {
	0% { opacity:0;transform:translateY(100px);}
	100% { opacity:1;transform:translateY(0);}
}
@-ms-keyframes move {
	0% { opacity:0;transform:translateY(100px);}
	100% { opacity:1;transform:translateY(0);}
}
@keyframes move {
	0% { opacity:0;transform:translateY(100px);}
	100% { opacity:1;transform:translateY(0);}
}

.indicator {position:absolute; z-index:10; bottom:32px; left:0; display:inline-block; width:100%; text-align:center;}
.btngroup {display:inline-block; vertical-align: top; font-size:0;}
.btngroup li {display:none; font-size:0;}
.btngroup li.on {display:block;}
.btngroup .btn button {background:url(/IR/image/common/sp_common.png) no-repeat 0 0;}
.btngroup .play button {width:8px; height:8px; background-position:0 -135px;}
.btngroup .stop button {width:8px; height:8px; background-position:-10px -135px;}
.btngroup_num {display:inline-block;vertical-align:top; font-size:0;}
.btngroup_num:after {display:block; clear:both; content:"";}
.btngroup_num li {float:left; margin-left:18px; font-size:0;}
.btngroup_num li a {display:block; width:8px; height:8px; background:url(/IR/image/common/sp_common.png) no-repeat 0 0; background-position:-30px -135px; text-indent:-999em;}
.btngroup_num li.on a {background-position:-20px -135px;}


/* bottom */
.main .content_zone {padding-top:119px;}
.main_section:after {display:block; clear:both; content:"";}
.main_section + .main_section { padding:39px 0 0;margin:39px 0 -4px; border-top:1px solid #e1e1e1;}
.menu_zone {float:left;width:50%;}
.menu_zone .tit { line-height: 26px; font-family:"YouandiNewKr";font-size:20px; font-weight:700;} /* 2024-09-09 GGCP31 font */
.menu_zone .tit a:after {display:inline-block; margin-left:7px;content:">"; vertical-align:-1px;}
.menu_zone .tit .txt { color:#aaa; font-size:13px;}
.menu_zone .tit .t {color: #000;}
.menu_zone .desc {margin:16px 0 0;}
.menu_zone.person .tit a:after {display:none;}

.person > * {margin-left:10px;}
.person .desc {margin-left:10px;}
.person .txt {color:#333;font-size:18px;}
/*.person .btn_type02 {padding:0 17px 0 19px;margin:15px 0 0;}
.person .btn_type02.move:hover,
.person .btn_type02.move:focus {background:#fff; border:1px solid #cacaca; color:#666;}
.person .btn_type02.move:hover:after,
.person .btn_type02.move:focus:after {background-position:-75px -80px;}*/
.person .btn_type04 {display:inline-block;margin-top:39px;}

/*.operation > * {padding-left:73px;}*/
.operation .txt {color:#333;font-size:18px;}
.operation .subtxt { line-height: 24px;margin:9px 0 0;color:#666;}

.newsroom {position:relative;}
.newsroom.menu_zone .tit a::after{display: none;}
.newsroom .txt {color:#333;font-size:18px;}
.newsroom .btn_type04 {display:inline-block;margin-top:39px;}
/*.newsroom > * {padding-left:73px;} */
/* .newsroom .desc {margin-top:15px;}
.newsroom .newsroom_img {overflow:hidden;float:left; width:175px; height:98px; margin-top:3px;}
.newsroom .newsroom_img a {display:block; width:100%; height:100%; position:relative;}
.newsroom .newsroom_img a:after {display:block; position:absolute; top:0; left:0; width:173px; height:96px;  border:1px solid #e1e1e1;  border:1px solid rgba(225,225,225,0.5); content:"";}
.newsroom .newsroom_img img {width:100%;}
.newsroom .txt {width:250px;padding-left:205px; font-size:18px; color:#333; line-height:24px;}
.newsroom .subtxt {padding-left:205px; margin:9px 0 0;color:#666;}
.newsroom .date {padding-left:205px; margin:5px 0  0;color:#888; font-size:13px;} */
.rolling_box {position:absolute; bottom:0; left:205px;}
.rolling_box .page {display:inline-block; line-height:21px; padding:0 31px; color:#999; font-size:13px;}
.rolling_box .page .current {color:#333;}
.rolling_box .prev {position:absolute; top:0; left:0;}
.rolling_box .next {position:absolute; top:0; right:0;}
.rolling_box .prev a {display:block; width:21px; height:21px; border:0; background:url(/IR/image/common/sp_common.png) no-repeat 0 0;background-position:-80px -155px; text-indent:-999em; }
.rolling_box .next a {display:block; width:21px; height:21px; border:0; background:url(/IR/image/common/sp_common.png) no-repeat 0 0;background-position:-105px -155px; text-indent:-999em; }

.infor > * {margin-left:10px;}
.infor .desc {position:relative; height:98px; margin:2px 0 0 0;}
.infor .desc:after {display:block; clear:both; content:"";}
/*.infor .txtbox01 {position:absolute; top:-18px; left:0; width:168px; padding-right:30px; font-size:17px; color:#333;  line-height:1;}*/
.infor .txtbox01 { position:relative;float:left;  line-height:1; padding-right:8px; color:#333; text-align:center; font-size:17px;} /* 2024-03-05 GGU282 - padding-right 수정 : 28px→18px */
.infor .txtbox01:after { position:absolute; top:8px; right:0; bottom:0;display:block; width:1px; background:#e1e1e1; content:"";} /* 2024-03-05 GGU282 - height:98px 삭제, bottom:0 추가, top 수정 : 16px→8px */
.infor .txtbox01 strong, .infor .txtbox02 strong {display:block; line-height:60px; margin-bottom: 16px; font-family:"YouandiNewKr"; font-size:60px; font-weight:normal; } /* 2024-09-09 GGCP31 font */ /* 2024-03-05 GGU282 - font-size 수정 : 80px→60px */
.infor .txtbox01 sup { position:relative; top:-5px; line-height:1; vertical-align:22px;font-size:55px;}
.infor .txtbox01 p, .infor .txtbox02 p {margin-top:9px;}
/*.infor .txtbox02 {position:absolute; bottom:0; left:197px;}*/
.infor .txtbox02 { position:relative;float:left; line-height:1; margin-left:8px; color:#333; text-align:center; font-size:17px;} /* 2024-03-05 GGU282 - width:170px 삭제, margin-left 수정 : 22px→12px */
/* .infor .txtbox02 .txt {position:absolute; top:16px; left:0; font-size:13px; color:#aaa;}
.infor .txtbox02 ul {position:absolute; bottom:-20px; left:0;}
.infor .txtbox02 ul:after {display:block; clear:both; content:""}
.infor .txtbox02 li {float:left; margin-left:40px; font-size:13px; color:#666;}
.infor .txtbox02 li:first-child {margin:0;}
.infor .txtbox02 strong {display:block; margin:8px 0 0; font-size:18px; color:#333; font-weight:normal;} */

@-moz-document url-prefix() {
	.infor .desc {height:98px; margin-top:10px;}	
	.infor .txtbox01 strong, .infor .txtbox02 strong {margin-bottom:10px;}
	.infor .txtbox01:after {top:10px;}
	.infor .txtbox02 ul {bottom:-11px;}
	.main_section + .main_section {margin-top:40px;}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.infor .desc {height:100px;margin-top:6px;}	
	.infor .txtbox01:after {top:4px;} /* 2024-03-05 GGU282 - top 수정 : 12px→4px */
	/* .infor .txtbox01 strong, .infor .txtbox02 strong  {margin-bottom:12px;} */
	.infor .txtbox01 sup { position:relative; top:-6px;vertical-align:14px;}
	.infor .txtbox02 ul {bottom:-14px;}
	.infor .txtbox01 p, .infor .txtbox02 p {margin-top:4px;}
	.infor .txtbox02 .txt {top:12px; }
}