@charset "utf-8";

@import url(/IR/css/reset.css);
/* COMMON */
#wrap {min-width:1146px;}
.dimmed {position:fixed; z-index:10; top:0; left:0; width:100%; height:100%; background:url("/IR/image/common/bg_dimmed_black.png") repeat 0 0; transition:all 0.3s linear;}
.dimmed.layer {z-index:110;}
.hidden {position:absolute; top:0; left:-999em; width:0; height:0; line-height:0; font-size:0;}

/* SKIPNAVI */
#skipnavi {position:absolute;top:0;left:0;}
#skipnavi li {position:relative;float:left;width:159px;height:30px;}
#skipnavi li a {position:absolute;top:0;left:-9999px;width:155px;line-height:2.17;border:2px solid #000;background:#fff;text-align:center;font-weight:bold;}
#skipnavi li a:focus {z-index:999;left:0;}
#skipnavi a {position:absolute;top:0;left:-9999px;display:block;width:155px;line-height:2.17;border:2px solid #000;background:#fff;text-align:center;font-weight:bold;}
#skipnavi a:focus {z-index:999;left:0;}

/* HEADER */
#header { position:absolute; z-index:100;width:100%; min-width:1146px;height:95px; background:url("/IR/image/common/bg_header.png") repeat-x 0 0;}
#header .header_inner { position:relative;width:1000px; height:70px; padding:0 73px; margin:0 auto; font-family:"YouandiNewKr";} /* 2024-09-09 GGCP31 font */
#header .header_inner:after {display:block; clear:both; content:"";}
#header .title {float:left; padding:30px 0 0; }
#header .title a {display:block;}
#header .company {position:absolute; top:11px; right:72px; line-height: 16px; font-size: 12px; }
#header .company li {float:left; margin-left:28px;}
#header .company li:first-child {position:relative; padding-right:13px; margin:0;}
#header .company li:first-child:after {position:absolute; top:3px; right:0;display:block; width:1px; height:11px; background:#515151; content:"";}
#header .company li.en a { vertical-align:-1px;font-size:13px;}
#header .company li:first-child + li {margin-left:10px;}
#header .company:after {display:block; clear:both; content:"";}
#header .company a {color:#777; font-size:12px;}
#header .company a:hover,
#header .company a:focus {color:#fff;}
#header .company .on a {color:#fff;}
#gnb { position:absolute; top:0; right:71px;float:left; line-height:18px; margin:51px 0 0 154px; font-size: 14px;}
#gnb:after {display:block; clear:both; content:"";}
#gnb > li {position:relative; float:left; padding-left:98px;}
#gnb > li:first-child {padding:0;}
/*#gnb > li:first-child + li + li + li + li {padding-left:108px;}*/
#gnb > li:first-child + li + li + li + li .submenu {width:90px;}
#gnb > li .submenu.news {width:80px;}
#gnb > li .submenu.news a {word-break:keep-all;}
#gnb > li:first-child .submenu {padding-left:0;}
#gnb > li > a {padding:0 0 29px; color:#959595; font-size:14px;}
#gnb > li > a:hover,
#gnb > li > a:focus {color:#fff;}
#gnb > li.on > a {color:#fff;}
#gnb > li.current > a {color:#fff;}
#gnb.on .submenu {display:block;}
.submenu { position:absolute; top:70px; left:0px;display:none; width:140px; padding-left:98px;}
.submenu li {margin:10px 0 0;}
.submenu li:first-child {margin:0;}
.submenu a { line-height:18px;color:#666; word-break:normal; font-size:14px;}
.submenu .current a {color:#1f75d6;}
.submenu a:hover,
.submenu a:focus {color:#1f75d6;}


.lang {float:right; margin:27px 0 0;border:1px solid #353535;}
.lang:after {display:block; clear:both; content:"";}
.lang li {float:left;}
.lang li button {width:39px; height:18px; border:0; color:#fff; background:none; font-size:10px;}
.lang li.on button {background:#353535;}

/* TOP BUTTON */
.btn_gotop { position:fixed; right:20px; bottom:20px;display:none;}
.btn_gotop button {width:40px; height:40px; border:0; background:url(/IR/image/common/sp_common.png) no-repeat 0 0; background-position:0 -230px;}

/* float */
.clearfix:after { display:block; clear:both;content:'';}


/* FOOTER */ /* 2024-09-09 GGCP31 footer 수정 */
#footer {width:100%; border-top: 1px solid #949494; }
#footer .footer_inner {width:1000px; padding:36px 0 105px; margin:0 auto; }
.footer_inner .footer_left { float: left; width: 50%; }
.footer_inner .footer_right { float: right; width: 50%; }
.footer_inner .family_site a { line-height: 16px; font-size: 12px; font-weight: 700; }
.footer_inner .address { line-height: 18px; margin-top: 20px; font-size: 12px; }
.footer_inner .footer_logo { position: relative; margin-top: 97px;}
.footer_inner .footer_logo img { position: absolute; right: 0; bottom: 0;}
/* 
#footer .footer_inner {width:1000px;padding:37px 17px 49px; margin:0 auto;text-align:center;}
#footer .footer_company {display:block; text-align:center;}
#footer .footer_company ul {display:inline-block;}
#footer .footer_company ul:after {display:block; clear:both; content:"";}
#footer .footer_company li {float:left; padding-left:10px; margin-left:9px; background:url("/IR/image/common/bar_footer.png") no-repeat 0 50%;}
#footer .footer_company li:first-child { padding:0;margin:0; background:none;}
#footer .footer_company a { color:#666; font-family:"YouandiModernHEB";font-size:12px;}
#footer .footer_company + .footer_link {margin:14px auto 18px;}
#footer .footer_link {display:inline-block; margin:3px auto 18px;}
#footer .footer_link:after {display:block; clear:both; content:'';}
#footer .footer_link .share {position:relative;display:inline-block; width:155px; height:21px;  margin:6px 0 0 0;margin-left:-28px;vertical-align:top;}
#footer .footer_link .share:after,
#footer .footer_link .share ul:after  {display:block; clear:both; content:'';}
#footer .footer_link .share li { position:relative;float:left; overflow:visible;width:100%; padding:0px; margin-left:16px;}
#footer .footer_link .share li:first-child {padding:0;}
#footer .footer_link .share li a {display:block; background:url('/IR/image/icon/icon_share_footer.png') no-repeat 0 0;}
#footer .footer_link .share .facebook { left:45px;width:100%; height:20px;}
#footer .footer_link .share .twitter { top:-20px; left:79px;width:100%; height:20px;}
#footer .footer_link .share .youtube {  top:-40px; left:115px;width:100%; height:20px;}
#footer .footer_link .share .facebook a {width:20px; height:20px;}
#footer .footer_link .share .twitter a {width:23px; height:20px; background-position:-37px 0;}
#footer .footer_link .share .youtube a {width:24px; height:20px; background-position:-75px 0;}
#footer .footer_link .share .facebook a:focus, 
#footer .footer_link .share .facebook a:hover{width:20px; height:20px; background-position:0 -25px;}
#footer .footer_link .share .twitter a:focus, 
#footer .footer_link .share .twitter a:hover{width:23px; height:20px; background-position:-37px -25px;}
#footer .footer_link .share .youtube a:focus,
#footer .footer_link .share .youtube a:hover{width:24px; height:20px; background-position:-75px -25px;}
#footer .footer_link .share li > span { position:absolute; top:-26px;display:none; float:left; line-height:19px; padding:0px 9px 0px 9px; border:1px solid #e5e5e5; color:#666;background:#ffffff; text-align:center; font-size:12px;}
#footer .footer_link .share .facebook a + span {left:0%; margin-left:-40px;}
#footer .footer_link .share .twitter a + span {left:0%; margin-left:-39px;}
#footer .footer_link .share .youtube a + span {left:0%; margin-left:-38px;}
#footer .footer_link .share li > span .foot_hover { position:absolute; bottom:-5px; left:50%;display:none; width:8px; height:5px; line-height:19px; margin-left:-4px; color:#666; background:url('/IR/image/common/bg_footer_hover.png') no-repeat; background-position:0px 0px; text-align:center; font-size:12px;}
#footer .footer_link .share li:focus span,
#footer .footer_link .share li:hover span {z-index:100;display:block;}
#footer .footer_link .select_site {display:inline-block; margin:0 0 0 20px; vertical-align:top;}
#footer .footer_link .select_site:after {display:block; clear:both; content:'';}
#footer .footer_link .select_site .site {float:left; margin:0 -1px 0 0;}
#footer .footer_link .select_site .site .open_select span {width:92px; text-align:left; font-family:'YouandiModernHEB'; font-size:12px;}
#footer .footer_link .select_site .site:hover,#footer .footer_link .select_site .site.on {background-color:#fff;}
#footer .footer_link .select_site .open_select {padding:9px 10px 9px 16px; outline:none;}

#footer .footer_logo { width:112px; height:24px;margin:31px auto 0;}
#footer .footer_logo:after {display:block; clear:both; content:'';}
#footer .footer_logo img {width:100%;}
#footer .footer_info {color:#666;}
#footer .footer_info .address {height:12px; margin:0 0 11px 0; font-size:0;}
#footer .footer_info .address span {padding:0 8px 0 9px; background:url('/IR/image/common/bar_footer.png') no-repeat 0 50%; font-size:12px;}
#footer .footer_info .address span:first-child {padding:0 8px 0 0; background:none;}
#footer .footer_info .address .ceo_dt,
#footer .footer_info .address .ceo_dd,
#footer .footer_info .address .licensee_dt,
#footer .footer_info .address .licensee_dd {display:inline-block; padding:0; background:none; vertical-align:middle;}
#footer .footer_info .copyright {font-size:12px;}

.select_site .site {position:relative;}
.select_site .site .box_select { position:absolute; z-index:10; bottom:100%; left:0;overflow:hidden; width:239px; height:0; } 
.select_site .site .box_select.type_2 { top:-329px;overflow:visible;}
.select_site .site .box_select.type_1 { top:-288px;left:-408px; overflow:visible; width:832px;}
.select_site .site .box_select .box_unit {position:relative; border-width:1px; border-style:solid; border-color:#ccc; background-color:#fff; text-align:left;}
.select_site .site .box_select.type_1 .box_unit {border-bottom-color:#ccc;}
.select_site .site .box_select.type_1 .box_unit:before { position:absolute; right:304px; bottom:-1px;display:block; width:118px; height:1px; background-color:#fff; content:'';}
.select_site .site .box_select.type_2 .box_unit:before { position:absolute; bottom:-1px; left:0;display:block; width:118px; height:1px; background-color:#fff; content:'';}
.select_site .site .box_select .box_unit:after {display:block; visibility:hidden; clear:both; height:0; content:'';}
.select_site .site .box_select .box_unit.type_1 {width:830px;}
.select_site .site .box_select .box_unit.type_1 .box_group {float:left; width:110px;} 
.select_site .site .box_select .box_unit.type_1 .box_group:first-child {width:148px; padding-left:16px;}
.select_site .site .box_select a {display:block; line-height:20px; color:#666; font-size:11px;}
.select_site .site .box_select .box_unit.type1 a { line-height:16px;font-size:12px;} 
.select_site .site .box_select .box_unit.type1 a:hover {color:#1e75d6;} 
.select_site .site .box_select .box_unit.type1 ul > li {padding-bottom:7px;}
.select_site .site .box_select .tit {  padding-bottom:4px; padding-bottom:12px !important;color:#000; font-family:'YouandiModernHEB'; font-size:12px;} 

.select_site .site .box_select.type_2 .box_unit {padding:10px 0;}
.select_site .site .box_select.type_2 .box_unit ul {padding:5px 0; margin:0 16px 0 20px;} 
.select_site .site .box_select.type_1 .box_unit ul {padding:19px 0px 14px 4px;} 
.select_site .site .box_select.type_2 .box_unit ul + ul{border-top:1px solid #e9e9e9;} 

.open_select { padding:9px 10px 10px 16px;border:1px solid #ccc;}
.open_select span {display:inline-block; color:#666;  background:url('/IR/image/common/arrow_select.png') no-repeat 100% 4px; vertical-align:top; font-family:'YouandiModernTR'; font-size:11px;}
.site.on .open_select {background-color:#fff;}
.site.on .open_select span {background-position:100% -22px;}
.open_select.on span {background-position:100% -22px;} */




/* CONTAINER */
#location {width:100%; border-bottom:1px solid #d6d6d6; /*transition:all 0.2s linear;*/ font-family:"YouandiNewKr";} /* 2024-09-09 GGCP31 font */
#location p {width:1000px; line-height:38px; margin:0 auto;color:#666; font-size:14px;}
#location a { line-height:20px;color:#666; font-size:14px;}
#location span {display:inline-block; margin:0 11px 0 8px; color:#ccc; }
#container {width:100%;padding:95px 0 0;}
.title_zone {width:1146px;  padding:69px 17px 0; margin:0 auto; text-align:center; /*transition:all 0.2s linear;*/}
.title_zone .title {position:relative; top:0; /*transition:all 0.2s linear;*/font-size:25px; }
.title_zone .subtitle { line-height:24px;margin:9px 0 0;color:#333; text-align:center;}
.content_zone {width:1000px; padding:0 0 120px; margin:0 auto;}

.submain .title_zone {width:100%; height:280px; padding:0; /*transition:none;*/}
.submain .title_zone .title  {padding:116px 0 0; color:#fff; text-align:center; font-family:"YouandiNewKr"; font-size:46px; font-weight: 700;} /* 2024-09-09 GGCP31 font */
.submain .title_zone .bg_img {display:none;}
.submain .title_zone + .content_zone {margin-top:80px;}
.submain #location {position:relative; z-index:10; border-bottom:0; background:url(/IR/image/common/bg_location.png) repeat 0 0;}
.submain #location p {line-height:39px; color:#ccc;}
.submain #location a  {color:#ccc;}
.submain #location span {color:#898a8b;}
.submain .title_zone {margin-top:-40px; background-size:cover;}

.main .title_zone {width:100%; height:560px; padding:0;}
.main .title_zone .visual {display:table; width:100%; height:560px; text-align:center;}
.main .title_zone .visual .inner {display:table-cell; vertical-align:middle;}
.main .title_zone .tit { line-height:80px; color:#fff; font-family:"YouandiNewKr";font-size:54px; font-weight:700;} /* 2024-09-09 GGCP31 font */
.main .title_zone p { line-height:26px;margin-top:2px; color:#fff; font-size:16px;}
.main .bg_img {display:none;}

/*.scroll #header {transform:translate3d(0px, -70px, 0px);}
.scroll #location {transform:translate3d(0px, -70px, 0px);}
.scroll .submain .title_zone .title {color:#fff;}
.scroll .title_zone .title {position:fixed;top:0; left:0; width:100%; padding:0; line-height:50px; font-family:"YouandiModernTR"; font-weight:normal; font-size:18px; background:url(/IR/image/common/bg_black1x1_02.png) repeat 0 0;  color:#fff; z-index:100}*/


/* TAB */
.tab {position:relative; padding-top:60px;}
.tab li > .tit {position:absolute;top:0; }
.tab li > .tit a {display:block; height:57px;  line-height:57px; border-top:2px solid #fff; border-bottom:1px solid #999; color:#666; text-align:center; font-size:16px;}
/*.tab li > .tit .num {font-size:16px;}*/
.tab li.on > .tit {z-index:1;}
.tab li.on > .tit a { z-index:1;border-top-color:#333; border-right:1px solid #999; border-bottom-color:#fff; border-left:1px solid #999;color:#333;}
.tab .content_inner {display:none; padding:60px 0 0;}
.tab li.on .content_inner {display:block;}
.tab.size2 li >.tit {width:50%;}
.tab.size2 li:first-child > .tit {left:0;}
.tab.size2 li:first-child+li > .tit {left:50%;}
.tab + .content_inner {padding:60px 0 0;}
/*.tab.size3 li > .tit {width:33.3%;}
.tab.size3 li:first-child > .tit {left:0;}
.tab.size3 li:first-child+li > .tit {left:33.3%;}
.tab.size3 li:first-child+li+li > .tit {left:66.6%;}*/
/*.tab.size4 li > .tit {width:25%;}
.tab.size4 li:first-child > .tit {left:0;}
.tab.size4 li:first-child+li > .tit {left:25%;}
.tab.size4 li:first-child+li+li > .tit {left:50%;}
.tab.size4 li:first-child+li+li+li > .tit {left:75%;}*/

.subtab:after {display:block; clear:both; content:"";}
.subtab > li {float:left; margin-left:17px;}
.subtab > li:first-child {margin-left:0;}
.subtab > li a {color:#999;}
.subtab > li a:hover,
.subtab > li a:focus,
.subtab > li.on a {padding-bottom:1px; border-bottom:1px solid #333; color:#333;}



/* PAGE NAVIGATION */
.pagingnavi { padding-bottom: 4px;margin-top:40px; text-align:center;}
.pagingnavi div { position:relative;display:inline-block;}
.pagingnavi .number {display:inline-block; padding:0 92px; margin:8px 0 0; font-size:0;}
.pagingnavi .number:after {display:block; clear:both; content:"";}
.pagingnavi .number li {float:left; margin-left:27px;}
.pagingnavi .number li:first-child {margin:0;}
.pagingnavi .number li a {line-height: 1; color:#666; font-size:15px;}
.pagingnavi .number li.on a { color:#333;font-family:"YouandiNewKr"; font-weight: 700; }
.pagingnavi div > p {position:absolute; top:0;}
.pagingnavi div > p a {display:block;width:30px; height:30px; background:url("/IR/image/common/sp_common.png") no-repeat 0 0; text-indent:-999em;}
.pagingnavi .prev01 {left:0;}
.pagingnavi .prev02 {left:32px;}
.pagingnavi .next01 {right:0;}
.pagingnavi .next02 {right:32px;}
.pagingnavi .prev01 a {background-position:0 -20px;}
.pagingnavi .prev02 a {background-position:-35px -20px;}
.pagingnavi .next01 a {background-position:-35px -50px;}
.pagingnavi .next02 a {background-position:0 -50px;}


/* BUTTON */
.btn_article {margin:60px 0 0;text-align:center; font-size:0;}
.btn_article ul {display:inline-block; font-size:0;}
.btn_article ul:after {display:block; clear:both; content:"";}
.btn_article li {float:left; margin-left:8px;}
.btn_article li:first-child {margin:0;}

/*.bnt_type01 {display:inline-block; min-width:96px; height:48px; line-height:48px; padding:0 0 0 10px; background:url(/IR/image/common/sp_button.png) no-repeat 0 0; color:#fff; text-align:center; font-size:16px;}
.bnt_type01 span {display:inline-block; min-width:86px; padding:0 10px 0 0; background:url(/IR/image/common/sp_button.png) no-repeat 0 0;}
.bnt_type01.color01 {background-position:0 0;}
.bnt_type01.color01 span {background-position:100% -48px;}
.bnt_type01.color02 {background-position:0 -96px;}
.bnt_type01.color02 span {background-position:100% -144px;}*/

.btn_type01 {display:inline-block; overflow:hidden; min-width:68px; height:48px; line-height:49px; padding:0 30px; border-radius:4px; outline:none; color:#fff; text-align:center; font-size:15px;}
button.btn_type01 {min-width:128px;}
.btn_type01.color01 {background:#333;}
.btn_type01.color02 {background:#999;}
.btn_type01.big {min-width:auto; padding:0 50px;}
.btn_type01.download {min-width:105px;}
.btn_type01.download:after {display:inline-block; overflow:hidden; width:9px; height:11px; margin-left:8px; background:url(/IR/image/common/sp_common.png) no-repeat 0 0; background-position:-40px -80px; content:"";}
button.bnt_type01.download {min-width:165px;}
.btn_type01.move:after {display:inline-block; width:5px; height:9px; margin-left:6px; background:url(/IR/image/common/sp_common.png) no-repeat 0 0; background-position:-55px -80px; content:"";}
.btn_type01.source:after {display:inline-block; width:12px; height:12px; margin-left:6px; background:url(/IR/image/common/sp_common.png) no-repeat 0 0; background-position:-85px -80px; content:""; vertical-align:-1px;}

.btn_type02 {display:inline-block; overflow:hidden; height:36px; line-height:35px; padding:0 30px; border:1px solid #000; border-radius:3px; text-align:center; font-size:13px;}
button.btn_type02 {height:38px;}
.btn_type02.download:after {display:inline-block; overflow:hidden; width:9px; height:11px; margin-left:7px; background:url(/IR/image/common/sp_common.png) no-repeat 0 0; background-position:-65px -80px; content:""; vertical-align:-2px;}
.btn_type02.download:hover,
.btn_type02.download:focus { border-color:#000; color:#fff;background:#000;}
.btn_type02.download:hover:after,
.btn_type02.download:focus:after {background-position:-40px -80px;}
.btn_type02.move:after {display:inline-block; width:5px; height:9px; margin-left:6px; background:url(/IR/image/common/sp_common.png) no-repeat 0 0; background-position:-75px -80px; content:""; vertical-align:-1px;}
.btn_type02.move:hover,
.btn_type02.move:focus { border-color:#000; color:#fff;background:#000;}
.btn_type02.move:hover:after,
.btn_type02.move:focus:after {background-position:-55px -80px;}
.btn_type02.original {width:152px; line-height:37px; padding:0;}
.btn_type02.original:after {display:inline-block; width:13px; height:12px; margin-left:6px; background:url(/IR/image/common/sp_common.png) no-repeat 0 0; background-position:-100px -80px; content:""; vertical-align:-2px;}
.btn_type02.original:focus:after,
.btn_type02.original:hover:after { background:url(/IR/image/common/sp_common.png) no-repeat 0 0; background-position:-115px -110px;}
.btn_type02.original:focus,
.btn_type02.original:hover { border-color:#000; color:#fff;background:#000;}
.btn_type02.daum {width:125px; padding:0 18px;}
.btn_type02.daum:before {display:inline-block; width:29px; height:12px; margin-right:10px; background:url(/IR/image/common/sp_common.png) no-repeat 0 0; background-position:-80px -95px; content:""; vertical-align:-2px;}
.btn_type02.zoom {width:152px; line-height:37px; padding:0;}
.btn_type02.zoom:after {display:inline-block; width:12px; height:12px; margin-left:8px; background:url(/IR/image/common/sp_common.png) no-repeat 0 0; background-position:-115px -95px; content:""; vertical-align:-2px;}
.btn_type02.zoom:focus,
.btn_type02.zoom:hover { border-color:#000; color:#fff;background:#000;}
.btn_type02.zoom:focus:after,
.btn_type02.zoom:hover:after {background:url(/IR/image/common/sp_common.png) no-repeat 0 0; background-position:-132px -95px;}


.btn_type03 {display:inline-block; overflow:hidden; height:46px; line-height:46px; padding:0 29px; border:1px solid rgba(256,256,256,0.6); border-radius:3px; color:#fff; text-align:center; font-size:16px;}
button.btn_type03 {height:48px;}

.btn_type04 {color:#1e75d6; font-size:13px;}
.btn_type04:after {display:inline-block; width:12px; height:12px; margin-left:7px; background:url(/IR/image/common/sp_common.png)  no-repeat 0 0; background-position:-120px -80px; content:""; vertical-align:-2px;}
.btn_type04.mail:after {display:inline-block; width:13px; height:10px; margin-left:7px; background:url(/IR/image/common/sp_common.png)  no-repeat 0 0; background-position:-135px -80px; content:""; vertical-align:0px;}

.btn_type05 {display:inline-block; overflow:hidden; height:34px; line-height:35px; padding:0 30px; border:1px solid #cacaca; border-radius:3px; color:#fff; color:#666; background:#fff; text-align:center; font-size:13px;}
/*.btn_type05.download {padding:0 30px 0 35px;}*/
.btn_type05.download:after {display:inline-block; overflow:hidden; width:9px; height:11px; margin-left:7px; background:url(/IR/image/common/sp_common.png) no-repeat 0 0; background-position:-65px -80px; content:""; vertical-align:-2px;}
.btn_type05.download:hover:after {background:url(/IR/image/common/sp_common.png) no-repeat 0 0; background-position:-40px -80px; vertical-align:-2px;}
.btn_type05.download:hover { border-color:#000;color:#fff;background:#000;}
button.btn_type05 {height:36px;}


/* Layer */
#layer {position:fixed; z-index:200; top:0; left:0; width:100%; height:100%;}
.layer_inner {display:table; width:1600px; height:100%; margin:0 auto;}
.layer_content {display:table-cell; width:1600px; vertical-align:middle;}
.layer_content .content {position:relative; background:#fff;}
.layer_close_btn {position:absolute; top:25px; right:25px; width:24px; height:24px; outline:none; background:url(/IR/image/common/sp_common.png) no-repeat 0 0; background-position:-97px -50px;}


/* INPUT */
.input_type {display:inline-block; height:38px; line-height:38px; padding:0 14px; border:1px solid #ddd; vertical-align:top;}
	/* 원하는 사이즈에서 -30 */
	.input_type.size01 {width:195px;}/*225*/
	.input_type.size02 {width:205px;}/*235*/
	.input_type.size03 {width:215px;}/*245*/
	.input_type.size04 {width:800px;}/*830*/
	.input_type:-ms-input-placeholder{ line-height:38px;color:#bbb;}
	.input_type:-moz-placeholder{ line-height:38px;color:#bbb;}
	.input_type::-moz-placeholder{ line-height:38px;color:#bbb;}
	.input_type::-webkit-input-placeholder { line-height:38px;color:#bbb;}
	/*.input_type::-ms-clear {display:none;}*/

/* SELECT */
.select_type { position:relative;display:inline-block; vertical-align:top;}
.select_type .tit a { position:relative;display:block; overflow:hidden; height:38px; line-height:38px; padding:0 30px 0 15px; border:1px solid #ddd; color:#666; text-overflow:ellipsis; white-space:nowrap; font-size:15px;}
.select_type .tit a:after { position:absolute; top:16px; right:14px;display:block; width:11px; height:7px; background:url(/IR/image/common/sp_common.png) no-repeat 0 0; background-position:-80px -110px; content:"";}
.select_type.on .tit a:after {background:url(/IR/image/common/sp_common.png) no-repeat 0 0; background-position:-95px -110px; content:"";}
.select_type select {display:none;}
.select_type .select_list {position:absolute; z-index:1; top:39px; left:0; width:100%; border:1px solid #e1e1e1;}
.select_type .select_list ul {background:#fff;}
.select_type .select_list a {display:block; overflow:hidden; line-height:40px; padding:0 10px 0 15px; color:#666; text-overflow:ellipsis; white-space:nowrap; }
.select_type .select_list a:hover,
.select_type .select_list a:focus { color:#1e75d6;background:#fafafa;}

.select_type.size00 {width:112px;}
.select_type.size01 {width:113px;}
.select_type.size02 {width:245px;}

/* TEXTAREA */
.textarea {position:relative; padding:0; border:1px solid #ddd;}
.textarea textarea {width:781px; height:160px; padding:13px 15px 25px; border:0; resize:none;}
.textarea .byte {position:absolute; right:16px; bottom:16px; color:#bbb; font-size:12px;}
.textarea .byte em {color:#666; font-style:normal;}

/* CHECKBOX */
.checkbox { position:relative;display:inline-block; vertical-align:top;}
.checkbox label { color:#333;vertical-align: top;}
.checkbox input {position:absolute; top:-2px; left:0; width:18px; height:18px; line-height:1;}
.checkbox label:before { position:relative; z-index:1;display:inline-block; width:18px; height:18px; margin:-2px 16px 0 0; background:url(/IR/image/common/sp_common.png) no-repeat 0 0; background-position:-80px -135px; content:""; vertical-align:top;}
.checkbox.on label:before {background:url(/IR/image/common/sp_common.png) no-repeat 0 0;background-position:-100px -135px;}



/* CONTENT TITLE */
.h2_tit { line-height:26px; text-align:center;font-size:20px; font-weight: 700;} /* 2024-09-09 GGCP31 font */
.h3_tit {display:block; text-align:center; font-size:18px;}
.h2_tit + .text_c_type {margin-top:17px;}
.h3_tit + .text_c_type {margin-top:18px;}

/* CONTENT TABLE */
.data_table {border-top:1px solid #666; border-bottom:1px solid #e1e1e1; table-layout:fixed; font-size:15px;}
.data_table thead th { line-height:59px;color:#333; font-weight:normal;}
.data_table tbody td { line-height:59px;border-top:1px solid #e1e1e1; color:#666; text-align:center;}
.data_table tbody tr:first-child > * {border-top-color:#666;}

/* Board Search */
.option_zone {position:relative;}
.option_zone:after {display:block; clear:both; content:"";}
.option_zone .sort {position:relative; float:left; padding:0 0 15px; margin-top:-2px;}
.option_zone .sort:after {display:block; clear:both; content:"";}
.option_zone:after {display:block; clear:both; content:"";}
.option_zone .subtab {float:left;}
.option_zone .search {position:relative; float:right; margin-top:-17px;}
.option_zone .search:after {display:block; clear:both; content:"";}
.option_zone .search .search_ipnut {position:relative;}
.option_zone .search .search_ipnut .search_close_btn:after { position:absolute; top:16px; right:32px;display:block; width:1px; height:17px; background:#dcdcdc; content:"";}
.search_ipnut input {width:400px; height:49px; line-height:49px; padding:0 0 0 0;  margin-right:15px; border:0; outline:none; color:#1e75d6; text-align:right; font-size:15px;}
.search_ipnut input:-ms-input-placeholder{color:#ccc;}
.search_ipnut input:-moz-placeholder{color:#ccc;}
.search_ipnut input::-moz-placeholder{color:#ccc;}
.search_ipnut input::-webkit-input-placeholder {color:#ccc;}
.search_ipnut input[type=text]::-ms-clear {display:none; color:red; }
.search_ipnut input[type=text]:-ms-clear {display:none; color:red; }

.search_ipnut .search_btn {position:relative; width:64px; height:49px; outline: none; font-size:15px;}
.search_ipnut .search_btn:after { position:absolute; top:16px; left:0;display:block; width:1px; height:17px; background:#dcdcdc; content:"";}
.search_ipnut .search_btn:before {display:inline-block; width:20px; height:19px; margin:0 6px 0 9px; border:0; background:url("/IR/image/common/sp_common.png") no-repeat 0 0; content:""; vertical-align:-5px;}
.search .search_close_btn { position:relative;display:none; width:37px; height:49px; outline:none; text-align:right; font-size:15px;}
.search .search_close_btn:after { position:absolute; top:16px; left:0;display:block; width:1px; height:17px; background:#dcdcdc; content:"";}
/*.search .search_close_btn:before {display:inline-block;width:15px; height:15px; margin:0 7px 0 11px; border:0; background:url("/IR/image/common/btn_close.png") no-repeat 50% 50%; content:"";vertical-align:-3px}*/
.option_zone.none .subtab > li a { border:none;color:#d4d4d4;}
.option_zone.none .search_btn {display:none;}
.option_zone.none .search_close_btn {display:inline-block;}

/* LIST TYPE */

.text_c_type { line-height:26px; color:rgba(0,0,0,0.64); text-align:center; font-size: 16px;}

.list_type01 li {overflow:hidden; padding:12px 0 11px; border-top:1px solid #f0f0f0;}
.list_type01 li:first-child {border-top:0;}
/*.list_type01 li:hover {background:#fafafa;}*/

.list_type02 {width:1000px; padding:0; margin:0 auto;}
.list_type02:after {display:block; clear:both; content:"";}
.list_type02 li {float:left; width:320px; height:310px; margin-left:20px; background:#fafafa; text-align:center;}
.list_type02 li:first-child {margin-left:0;}
.list_type02 li strong{display:block; line-height:30px; margin-top:53px; color:#333; font-size:18px; font-weight:normal; }
.list_type02 li p{ line-height:24px;margin-top:18px; color:#666; font-size:13px;}

.list_dot { color:#666; text-align:left;font-size:13px;}
.list_dot li {position:relative; line-height:20px; padding-left:10px; margin-top:8px;}
.list_dot li:first-child {margin:0;}
.list_dot li:before { position:absolute; top:8px; left:0;display:block; width:2px; height:2px; background:#999; content:"";}
.list_dot .tit {display:block; float:left; width:62px; font-weight:normal; }
.list_dot .desc {padding-left:62px; color:#888;}
p.list_dot {position:relative; line-height:20px; padding-left:10px;}
p.list_dot:before { position:absolute; top:8px; left:0;display:block; width:2px; height:2px; background:#999; content:"";}

.list_hyphen { color:#666; text-align:left;font-size:13px;}
.list_hyphen li {position:relative; line-height:20px; padding-left:10px; margin-top:8px;}
.list_hyphen li:first-child {margin:0;}
.list_hyphen li:before { position:absolute; top:0; left:0;display:block; content:"-";}
p.list_hyphen  {position:relative; line-height:20px; padding-left:10px;}
p.list_hyphen:before { position:absolute; top:0; left:0;display:block; content:"-";}
.list_hyphen.large {font-size:15px;}
.list_hyphen.large li {line-height:24px;}



/* error */
.error {display:table; height:830px; text-align:center;}
.error > div {display:table-cell; vertical-align:middle;}
.error .error_noti {margin-bottom:17px;font-size:21px; }
.error .subnoti { line-height:24px;color:#666;}
.error .btn_article {margin-top:34px;}
.error .btn_article .btn_type01 {min-width:84px;}


/* 2024-09-12 GGCP31 layout.css 의 내용 가져옴 */
/* 패밀리사이트 팝업 */
.familysite__box { margin-top:12px; margin-bottom:80px; }
.familysite__box:last-child { margin-bottom:0; }
.familysite__box--list { display:flex; display:-ms-flexbox; display:-webkit-flex; flex-wrap:wrap; padding:20px 24px; }
.familysite__box--list { text-align:left; }
.familysite__box--list > li { margin-bottom:12px; }
.familysite__box--list.w25p > li { width:25%; }
.familysite__box--list.family_group li { width:32%; }
.familysite__box--list.family_group li:nth-child(3n+1) { width:36%; }
/* .familysite__box--list.family_group li:nth-child(3n+2) { width:40%; } */
.familysite__box--list.group__com > li { margin-bottom:56px; }
.familysite__box--list.group__com > li:nth-last-child(-n+4)  { margin-bottom:0; }
.familysite__box--list.group__com dt { margin-bottom:20px; }
.familysite__box--list.group__com dd { margin-bottom:12px; }
.familysite__box--list.group__com dd:last-child { margin-bottom:0; }

/* 2024-09-09 GGCP31 modal */
.modal_pop {position:fixed; z-index:999; top:150%; left:0; width:100%; height:100%; opacity:0;}
.modal_pop:before { position:fixed; z-index:5; top:150%; left:0; width:100%; height:100%; opacity:0.8; background-color:#000;content:'';}
.modal_pop.multy .layer_btn , .modal_pop.multy > .modal_wrap > .modal_container > .layer_wrap > .layer_close{z-index:-1;}
.modal_pop.multy:before{display:none;}
.modal_pop .modal_wrap { position:relative;display:table; width:100%; height:100vh; text-align:center; vertical-align:top;}
.modal_pop .modal_container { position:relative;display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle;}
.modal_pop .modal_content { position:relative;display:block; width:100%; height:100%; text-align:center;}
.modal_pop .layer_wrap { position:relative; z-index:50;display:block; overflow:hidden; margin:0 auto; border-radius:40px; background-color:#fff;}
.modal_pop .layer_head { position:relative; z-index:50;display:block; padding:40px 56px 24px 40px;transition:padding .1s;}/* Q10048 padding-bottom: 10->24 수정 1/13 */
.modal_pop .layer_head h1 { overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
.modal_pop .layer_head:after { display:block; clear:both;content:"";}
.modal_pop .layer_head .textbico_small_link {margin-top:8px;}
.modal_pop .layer_head .tab_default {margin-top:18px;}
.modal_pop .layer_head .p2_m_lt_1ln {margin-top:7px;}
.modal_pop .layer_body {display:block; padding-left:40px; }
.modal_pop .layer_body .box_content,
.modal_pop .layer_body > .mCSB_container ,
.modal_pop .layer_body > .swiper-container .mCSB_container{ position:relative; z-index:50;} /* 220113 Q10048 hds 가이드 맞춰 수정 */
.modal_pop .layer_body > .mCustomScrollBox , .swiper-slide.scrBarWrap > .mCustomScrollBox{padding-right:40px; }
.modal_pop .layer_body.scrBarWrap + .layer_btn:before,
.modal_pop .swiper-button-next + .layer_btn:before { position:absolute; top:-46px; left:0; width:100%; height:46px; background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,255) 68%); content:''; }
.modal_pop .layer_btn { position:relative; z-index:50;display:block; padding-bottom:40px;} /* 2021-07-29 Q10048 추가 */
.modal_pop .layer_btn .box_btn { text-align:center; } /* 2021-06-29 Q10071: 버튼 가운데 정렬 */
.modal_pop .box_content {position:relative; z-index:50; word-break:break-all;}
.modal_pop .layer_close a { position:relative;display:inline-block; width:100%; height:100%; background:url(/docfiles/resources/pc/images/common/btnicon/ico_light_normal02.png) no-repeat 50% 50%; background-size:32px 32px;}
.modal_pop .layer_close a:hover {background:url(/docfiles/resources/pc/images/common/btnicon/ico_light_pressed.png) no-repeat 50% 50%; background-size:32px 32px;}
.modal_pop .layer_close.fixed a {position: fixed; top:24px; right:50%; width:32px; height:32px; margin-right:-455px;}
.modal_pop  .mCSB_scrollTools {width:24px;}
.modal_pop .layer_body .btns_opt { margin-top:56px; text-align:center;font-size:0;}
.modal_pop .layer_body .btns_opt [class^='btn'] {display:inline-block; width:160px;}
.modal_pop .layer_body .btns_opt [class^='btn'] ~ [class^='btn'] {margin-left:8px;}
.modal_pop .layer_close { position:absolute; z-index:53; top:24px; right:24px;display:block; width:32px; height:32px;}
.modal_pop.static .layer_body ,
.modal_pop.respond .layer_body {text-align:left;}
/* respond 타입 *//* 2022-02-01 Q11067 #274 웹접근성 외(헤더높이맞춤) */
.modal_pop.respond .layer_body {padding:0 40px 40px;}
.modal_pop.respond .layer_head {padding:40px 56px 11px 40px;}
.modal_pop.respond .layer_head.fixed {padding:28px 56px 22px 40px; border-bottom:1px solid #e0e0e0; transition:padding .1s;}
.modal_pop.respond .layer_wrap { min-height:390px;max-height:calc(100vh - 320px); margin:160px auto;} /* 2021-12-14 Q10071: 최소값 반영(HDS_PC 가이드 대로) */
.modal_pop.respond .layer_wrap.h_initial { height:initial;min-height:initial;} /* 2022-02-24 Q10582: 최소값 초기화 스타일 추가 */
.modal_pop.respond .scrBarWrap .layer_close.fixed a {margin-right:-259px;} /* 카드상세 카드디자인팝업 버튼 위치 추가 Q10048 */
/* static 타입 */
.modal_pop.static .layer_head {padding:80px 80px 0px 80px;}
.modal_pop.static .layer_body {padding:0 80px 80px;}
.modal_pop.static .layer_body .tab_default {margin-top:38px;}
.modal_pop.static .layer_body .tab_default + .box_content {margin-top:40px;}
.modal_pop.static .layer_body .box_content {margin-top:36px;}
.modal_pop.static .layer_btn {padding-bottom:80px;}
.modal_pop.static .layer_close {top:32px; right:32px;}
.modal_pop.static .mCSB_scrollTools {z-index:52;}
.modal_pop.static .modal_wrap {padding:160px 0;}
.modal_pop.static.scrBarWrap .modal_container {opacity:0;}
.modal_pop.static .layer_wrap.w588 .layer_head {padding:40px 40px 0px 40px;}
.modal_pop.static .layer_wrap.w588 .layer_body {padding:0 40px 40px;}
.modal_pop .mCSB_inside > .mCSB_container {margin-right:22px; word-break:break-all; white-space:normal;}
.modal_pop .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y {margin-right:0;}
.modal_pop.active { z-index:1000;top:0;display:block !important;}
.modal_pop.active:before {top:0;}
.modal_pop .layer_wrap .swiper-button-prev {left:-72px;width:32px;height:32px; background:url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_back_wht.png) no-repeat 50% 50%; }
.modal_pop .layer_wrap .swiper-button-next {right:-72px;width:32px;height:32px; background:url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_forward_wht.png) no-repeat 50% 50%; }

/* title */
.modal_pop [class*="_size40"] { line-height:52px;font-size:40px;}
.modal_pop [class*="_size48"] { line-height:62px;font-size:48px;}
.modal_pop [class*="_size52"] { line-height:62px;font-size:52px;}
.modal_pop [class*="_size55"] { line-height:72px;font-size:55px;}
.modal_pop [class^="h0"], .modal_pop [class^="h2"], .modal_pop [class^="h1_eb"], .modal_pop [class^="h1_tb"] {letter-spacing:0;}
.modal_pop [class^="h1_b"], [class^="h1_m"] {letter-spacing:-0.2px;}
.modal_pop [class^="h1"] { line-height:44px;font-size:34px;}
.modal_pop [class^="h2"] { line-height:36px;font-size:28px;}
.modal_pop [class^="h3"] { line-height:32px;font-size:24px;}
.modal_pop [class^="h4"] { line-height:26px;font-size:20px;}

/* text */
.modal_pop [class^="p0"], .modal_pop [class^="p1"], .modal_pop [class^="p2"], .modal_pop [class^="p3"] { letter-spacing:0; }
.modal_pop [class^="p0"] {font-size:18px;}
.modal_pop [class^="p0"][class*="1ln"] {line-height:22px;}
.modal_pop [class^="p0"][class*="2ln"] {line-height:26px;}
.modal_pop [class^="p1"] {font-size:16px;}
.modal_pop [class^="p1"][class*="1ln"] {line-height:22px;}
.modal_pop [class^="p1"][class*="2ln"] {line-height:26px;}
.modal_pop [class^="p2"] {font-size:14px;}
.modal_pop [class^="p2"][class*="1ln"] {line-height:20px;}
.modal_pop [class^="p2"][class*="2ln"] {line-height:22px;}
.modal_pop [class^="p3"] {font-size:12px;}
.modal_pop [class^="p3"][class*="1ln"] {line-height:16px;}
.modal_pop [class^="p3"][class*="2ln"] {line-height:18px;}

/* font-weight */
.modal_pop [class^="h0_m"], .modal_pop [class^="p0_m"],
.modal_pop [class^="h1_m"], .modal_pop [class^="p1_m"],
.modal_pop [class^="h2_m"], .modal_pop [class^="p2_m"],
.modal_pop [class^="h3_m"], .modal_pop [class^="p3_m"],
.modal_pop [class^="h4_m"], .modal_pop [class^="p4_m"] {font-weight:500;}
.modal_pop [class^="h0_b"], .modal_pop [class^="p0_b"],
.modal_pop [class^="h1_b"], .modal_pop [class^="p1_b"],
.modal_pop [class^="h2_b"], .modal_pop [class^="p2_b"],
.modal_pop [class^="h3_b"], .modal_pop [class^="p3_b"],
.modal_pop [class^="h4_b"], .modal_pop [class^="p4_b"] { font-weight:700; }
.modal_pop [class^="h0_tb"], .modal_pop [class^="p0_tb"],
.modal_pop [class^="h1_tb"], .modal_pop [class^="p1_tb"],
.modal_pop [class^="h2_tb"], .modal_pop [class^="p2_tb"],
.modal_pop [class^="h3_tb"], .modal_pop [class^="p3_tb"],
.modal_pop [class^="h4_tb"], .modal_pop [class^="p4_tb"] {  font-family:'YouandiNewKr';font-weight:500;}
.modal_pop [class^="h0_eb"], .modal_pop [class^="p0_eb"],
.modal_pop [class^="h1_eb"], .modal_pop [class^="p1_eb"],
.modal_pop [class^="h2_eb"], .modal_pop [class^="p2_eb"],
.modal_pop [class^="h3_eb"], .modal_pop [class^="p3_eb"],
.modal_pop [class^="h4_eb"], .modal_pop [class^="p4_eb"] { font-family:'YouandiNewKr';font-weight:600;}

/* divr */
.divr_line, .divr_line_cons {position:relative;}
[class*="divr_line"]:before { position:absolute; top:0; left:0; display:inline-block; width:100%; height:1px; opacity:0.04; background:#000;content:'';}
.divr_line_cons:before {opacity:0.12;}
.divr_dot {position:relative;}
.divr_dot:after { display:block; clear:both;content:'';}
.divr_dot > .divr_txt {position:relative; float:left; color:#858585;}

[class*="_lt"] {text-align:left;}
[class*="_ctr"] {text-align:center;}
[class*="_rt"] {text-align:right;}
/* 팝업사이즈 */
.w288 {width:288px;}
.w996 {width:996px;}
.w580,
.w588 {width:588px;}

.blind {
  position: absolute !important;
  overflow: hidden !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  clip: rect(0,0,0,0);
  font-size: 1px;
}