@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800');

/*ï¿½âº»ï¿½Ó¼ï¿½*/
body,div,ul,li,dl,dt,dd,a,p,img,h1,h2,h3,h4,h5,hr,table,caption,thead,tr,th,td,tbody {margin: 0px; padding: 0px;}
body {font-family: "dotum", "Gulim","arial"; font-size:12px; color:#777;overflow-y:scroll; overflow-x:auto; letter-spacing:-0.1em;}/* */
#skipnavigation,.skip, hr,skip, .hidden, caption,legend {position:absolute; width:0; height:0; line-height:0; overflow:hidden; visibility:hidden; font-size:0;}/*ï¿½ï¿½ï¿½ï¿½Ã³ï¿½ï¿½*/
a:link, a:visited {text-decoration:none; color:#666;}
a:hover, a:active {text-decoration:underline; color:#1e73ff; selector-dummy : expression(this.hideFocus=true);}
img {border:0;}

ul, li{list-style:none; line-height:1.6em; letter-spacing:0;font-family:'Noto Sans Kr',sans-serif;font-size:1.1em;}/*line-height:2em;*/
address {font-style:normal;}
input, img {vertical-align:middle;}
.tds { font-size:12px; font-family: "ï¿½ï¿½ï¿½ï¿½"; color:#666666; line-height:16px; }

/*layout*/
#main_wrapper {position:relative; top:0px; left:0px; margin:0px; padding:0px; width:100%;min-width:1010px;}
#main_header {position:relative; width:1000px; margin:0 auto; padding-top:1px;}
#main_container {position:relative; width:1000px; margin:0 auto;}
#main_container #main_img {position:relative; width:1000px;}
#main_container #contents01 {position:relative; margin:22px 0 0 0;}
#main_container #contents02 {position:relative; margin:0 0 0 0;}/*58px*/
#main_footer {position:relative; width:1000px; margin:0 auto; padding: 79px 0 30px 0;}
#main_footer .footer {position:relative;}

#sub_wrapper {position:relative; top:0px; left:0px; margin:0px; padding:0px; width:100%;}
#sub_header {position:relative; width:1000px; margin:0 auto; padding-top:1px;}
#sub_container {position:relative; width:1008px; margin:0 auto;}
#sub_container #submenu {position:absolute; top:0; left:0;}
#sub_container #contents {position:relative; top:0; left:252px; padding:95px 0 100px 0; width:730px;}

#sub_footer {position:relative; width:100%; padding: 0 0 30px 0;}
#sub_footer .bmenu {position:relative; width:1000px; margin:0 auto;}
#sub_footer .footer {position:relative; width:1000px;height:160px; margin:0 auto;}

/*20211214 - Log4j ï¿½ï¿½ï¿½ï¿½ ï¿½ï¿½ï¿?ï¿½ï¿½ï¿½ï¿½ ï¿½ï¿½ï¿½Ì¾ï¿½ ï¿½Ë¾ï¿½*/
#pop_templayer {position:absolute;z-index:99999;width:422px;height:512px;left:0;right:600px;margin:50px auto;}




/*********************GNB*******************/
#gnb_tab {position:absolute; background:#fff; border:1px solid #e9e9e9; padding:10px 0; z-index:200; width:100%; visibility:hidden;}
#gnb_tab a {display:block;}
#gnb_tab a:link, #gnb_tab a:visited {color:#777; font-size:14px; padding-left:8px;letter-spacing:-0.2px;}
#gnb_tab a:hover, #gnb_tab .gnb_sub01 a:active {color:#009cdf; font-size:14px; text-decoration:none; /*background:url(/images/common/ic_gnb.gif) no-repeat 0px 9px;*/ padding-left:8px;}
#gnb_tab .gnb_sub01 {position:relative; top:0; margin-left:163px; padding:0 0 0 12px; width:154px; border-left:1px dashed #ccc;}
#gnb_tab .gnb_sub02 {position:absolute; top:10px; margin-left:331px; padding:0 0 0 12px; width:154px; height:120px; border-left:1px dashed #ccc;}
#gnb_tab .gnb_sub03 {position:absolute; top:10px; margin-left:499px; padding:0 0 0 12px; width:154px; height:120px; border-left:1px dashed #ccc;}
#gnb_tab .gnb_sub04 {position:absolute; top:10px; margin-left:667px; padding:0 0 0 12px; width:154px; height:120px; border-left:1px dashed #ccc; border-right:1px dashed #ccc;}
.gnb_img {position:absolute; bottom:28px; left:20px;}
.gnb_txt {position:absolute; bottom:20px; right:5px; height:60px; letter-spacing:0em; padding:40px 15px 15px 15px; line-height:1.3em;}
#gnb_tab .gnb_txt a:link, #gnb_tab .gnb_txt a:visited {color:#777; padding:0;}
#gnb_tab .gnb_txt a:hover, #gnb_tab .gnb_txt a:active {background:none; color:#1e73ff; text-decoration:underline; padding:0;}




/*******************MAIN**********************/
#main_wrapper {background:url(/images/common/main_bg.png) no-repeat;background-position:center top;}/*background:url(/images/main/main_bg.gif) repeat-x ;*/
#main_wrapper_02 {background:url(/images/main/main_bg.gif) repeat-x ;}
/*#main_wrapper_02 {background:url(/images/main/main_bg2.gif) repeat-x ;}*/
#container_bg {position:absolute; top:127px; height:472px; width:100%;}/* background:url(/images/main/keyv_bg.png) no-repeat center;*/
#container_bg2 {position:absolute; top:2475px; background:url(/images/common/footer_bg.gif) repeat-x; height:250px; width:100%;}
/*header*/
#main_header {}
#main_header .logo {position:relative; margin-top:16px; left:0px;}
#main_header .tmenu {position:absolute; margin-top:0px;top:47px; right:0px; height:10px;font-family:'Noto Sans Kr',sans-serif;font-size:10px;}
#main_header .tmenu li {float:left; border-right:1px solid #7a858e; color:#7a858e;font-family:'Noto Sans Kr',sans-serif; font-size:1.0em; padding:3px 5px 0 5px ; line-height:1em;}/**/
#main_header .tmenu .border0 {border:0;}
#main_header .tmenu li a:link, #main_header .tmenu li a:hover {color:#7a858e;}
#main_header .tmenu li a:hover, #main_header .tmenu li a:active {color:#7a858e; text-decoration:none;}

#main_header .gnb {position:relative; margin:16px auto 0 auto; height:56px; width:672px; z-index:100;}/*width:672px;*/

/*container*/
#main_container #main_img {}
#main_container #main_img .btn_circle {position:absolute; top:20px; right:0; z-index:10;}
#main_container #main_img .btn_left {position:absolute; top:150px; left:0;}
#main_container #main_img .btn_right {position:absolute; top:150px; right:0;}


#main_container #contents01 {}
#main_container #contents01 #noti_pop {position:relative; width:256px; height:117px; float:left;}
#main_container #contents01 #noti_pop .tit {float:left; padding:3px 133px 0 3px;}
#main_container #contents01 #noti_pop .ctl {position:absolute; top:3px; right:3px;}
#main_container #contents01 #noti_pop .ctl span {float:left; display:block; padding:0 2px;}
#main_container #contents01 #noti_pop .noti_pop_list {float:left;}
#main_container #contents01 #noti_pop .noti_pop_list li {float:left; margin-top:2px;}/* 6ï¿½ï¿½Æ°ï¿½Ì¹ï¿½ï¿½ï¿½ */
#main_container #contents01 #noti_pop .noti_pop_list li img {padding: 1px;}/* ï¿½ï¿½Æ°ï¿½ï¿½ï¿½Ì°ï¿½ï¿½ï¿½ */
#main_container #contents01 #noti_pop .noti_pop_list .npop_content {position:absolute; top:22px; left:0;}/* ï¿½ï¿½ï¿½ï¿½Ì¹ï¿½ï¿½ï¿½ï¿½ï¿½Ä?*/
#main_container #contents01 .main_product {position:relative; left:280px; width:463px; height:113px;}
#main_container #contents01 .main_product ul {position:absolute; top:0; left:0;}
#main_container #contents01 .main_product li {float:left; margin-left:5px;}
#main_container #contents01 .main_product .margin0 {margin:0;}
#main_container #contents01 .customer {position:absolute; top:0; right:0;}

#main_container #contents02 {}
#main_container #contents02 .dot_line {position:absolute; top:0; right:-30px; width:1px;}

#main_container #contents02 .notice {position:relative; width:236px;}
#main_container #contents02 .notice .tit {position:relative; width:230px; height:20px; border-bottom:1px solid #dcdcdc; padding:0 5px; margin:0 0 10px 0;}
#main_container #contents02 .notice li {background:url(/images/main/ic_notice.gif) no-repeat 5px 5px; padding:0 0 0 10px; font-size:0.9em; line-height:1.6em;}
#main_container #contents02 .notice .more {position:absolute; top:5px; right:0; display:inline;}

#main_container #contents02 .client {position:absolute; top:0; left:289px;}
#main_container #contents02 .client .tit {margin:0 0 10px 0;}
#main_container #contents02 .client .txt {margin:0 0 19px 0;}
#main_container #contents02 .client span {background:url(/images/main/client_bg.gif) no-repeat; display:block; float:left; margin:0 0 0 3px; padding:0px 0 0 0;  width:107px; height:43px; text-align:center; vertical-align:middle;}
#main_container #contents02 .client .margin0 {margin:0;}
#main_container #contents02 .client ul {position:absolute; top:23px; right:0;}
#main_container #contents02 .client li {float:left; margin:0 0 0 1px;}
#main_container #contents02 .online {position:absolute; top:0; right:0;}
/*footer*/
#main_footer .bmenu {padding:7px 0 30px 0;}
#main_footer .bmenu li {display:inline; margin:0 3px;}
#main_footer .bmenu img {vertical-align:middle;}
#main_footer .footer .logo {position:absolute; top:20px;}
#main_footer .footer address {position:absolute; top:17px; left:140px; color:*#686868*;font-family:'Noto Sans Kr',sans-serif; font-size:1.1em; line-height:1.5em; letter-spacing:0.05em;}  /*#686868*/
#main_footer .footer select {position:absolute; top:70px; left:720px;width:280px; height:28px; color:#767575; font-size:1.0em; margin-bottom:60px;}
#main_footer .footer .winetc {position:relative; top:15px; left:720px;}/* margin:10px 100px;*/
#main_footer .footer .win {position:relative; top:10px; left:440px; margin:0px 0px;}
#main_footer .footer .qr {position:relative; top:10px; left:450px; margin:0px 0px;}



/*******************SUB**********************/
/*header*/
#sub_wrapper {background-color:#ffffff;min-width:1010px;}/*#f9feff*/
.sub_header_bg{position:absolute; top:0; left:0; background:url(/images/common/sub_header_bg.gif) repeat-x; width:100%; height:134px; z-index:0;}
.sub_gnb_bg {position:relative; top:0; left:0; background:url(/images/common/sub_gnb_bg_repeat.gif) repeat-x; text-align:center; vertical-align:top; width:100%; height:7px;}
#sub_header .logo {position:relative; margin-top:20px; left:0px;}
#sub_header .tmenu {position:absolute; margin-top:0px;top:47px; right:0px;font-family:'Noto Sans Kr',sans-serif;font-size:10px;}
#sub_header .tmenu li {float:left; border-right:1px solid #7a858e; color:#7a858e;font-family:'Noto Sans Kr',sans-serif; font-size:1.0em; padding:3px 5px 0 5px ; line-height:1em;}
#sub_header .tmenu .border0 {border:0;}
#sub_header .tmenu li a {display:block;}
#sub_header .tmenu li a:link, #main_header .tmenu li a:hover {color:#7a858e;}
#sub_header .tmenu li a:hover, #main_header .tmenu li a:active {color:#7a858e; text-decoration:none;}
#sub_header .gnb {position:relative; margin:12px auto 0 auto; height:56px; width:672px; z-index:100;}
#sub_header .gnb li {float:left;}


/*container*/
#sub_container {z-index:0; margin:0 auto; width:1007px; }/*background:url(/images/common/sub_container_bg.gif) repeat-y;*/
#sub_container .navi {position:absolute; top:28px; right:22px; font-size:1.0em; z-index:1; font-family:'Noto Sans Kr',sans-serif;letter-spacing:0.05px;}
#sub_container .navi img {vertical-align:middle; margin-right:5px;}
#sub_container .navi span {color:#2497cf;}
#sub_container #submenu p {margin:0 0 0 4px;}
#sub_container #submenu ul {position:absolute; right:0; width:170px;}
#sub_container #submenu li {border-bottom:1px solid #e5e6e8; line-height:1em;font-family:'Noto Sans Kr',sans-serif; font-size:1.1em;  }

#sub_container #submenu a {display:block;}
#sub_container #submenu a:link, #sub_container #submenu a:visited {background:url(/images/common/lm_icon_off.gif) no-repeat 5px 11px; padding:8px 5px 9px 15px; color:#757575;}
#sub_container #submenu a:hover, #sub_container #submenu a:active {background:url(/images/common/lm_icon_on.gif) no-repeat 5px 11px;color:#3a3a3a; color:#3a3a3a; text-decoration:none;}
#sub_container #submenu .on a {background:url(/images/common/lm_icon_on.gif) no-repeat 5px 11px;color:#3a3a3a; text-decoration:none;}

#sub_container #submenu li ul {padding-top:10px;}
#sub_container #submenu li ul li{border-bottom:none;}
#sub_container #submenu li ul li a:link, #sub_container #submenu li ul li a:visited, #sub_container #submenu li ul li a:active {background:none;padding:0px 5px 4px 15px;border-bottom:none;font-size:14px;color:#757575;font-family:'Noto Sans Kr',sans-serif;}
#sub_container #submenu li ul li a:hover {background:none;padding:0px 5px 4px 15px;border-bottom:none;font-size:14px;color:#3a3a3a;font-family:'Noto Sans Kr',sans-serif;}
#sub_container #submenu li ul li a.depth_2 {background:none;border-bottom:none;padding:0px 5px 4px 15px;font-size:14px;color:#757575;font-family:'Noto Sans Kr',sans-serif;}

/*footer*/
#sub_footer {background:url(/images/common/footer_bg.gif) repeat-x;}
#sub_footer .bmenu {padding:7px 0 30px 0;}
#sub_footer .bmenu li {display:inline; margin:0 3px;}
#sub_footer .bmenu img {vertical-align:middle;}
#sub_footer .footer .logo {position:absolute; top:20px;}
#sub_footer .footer address {position:absolute; top:17px; left:140px; color:#686868;font-family:'Noto Sans Kr',sans-serif; font-size:1.1em; line-height:1.5em; letter-spacing:0.05em;}
#sub_footer .footer select {position:absolute; top:70px; left:720px;width:280px; height:28px; color:#767575; font-size:1.0em; margin-bottom:60px;}
#sub_footer .footer .winetc {position:relative; top:0px; left:720px;}/* margin:10px 100px;*/
#sub_footer .footer .win {position:relative; top:10px; left:440px; margin:0px 0px;}
#sub_footer .footer .qr {position:relative; top:10px; left:440px; margin:0px 0px;}






/*****************sub_container//ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ ï¿½ï¿½ï¿½ï¿½Ó¼ï¿?*****************/
.nanum {font-family: "ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½", "Gulim","arial"; font-size:12px; color:#777;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;font-family:'Noto Sans Kr',sans-serif; font-size:1.1em;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt80 {margin-top:80px;}
.mt130 {margin-top:130px;}
.mt160 {margin-top:160px;}

.box01 {width:120px; border:1px solid #ddd;}
.box02 {width:40px;}
.box03 {width:60px;}
.box04 {width:578px;}
.box05 {width:582px;}

.hbox150 {height:150px;}
.hbox180 {height:180px;}
.hbox360 {height:360px;}
.hbox820 {height:820px;}
.hbox900 {height:900px;}
.hbox1100 {height:1100px;}


.btn_center {position:relative; text-align:center;}
.btn_center img {margin:0 2px;}
.btn_center input {margin:0 2px;}
.unit {font-size:0.9em; text-align:right; padding:0 0 3px 0;}
.align_center {text-align:center;}
.align_left {text-align:left;}
.align_right {text-align:right;}
.txtr {color:#af0101;}
.txt01 {font-size:1.5em; font-weight:bold;}
.txt02 {font-size:1.1em; color:#0166b4; font-weight:bold;}
.txt03 {font-size:1.1em; color:#555; line-height:1.5em; letter-spacing:-0.1em; font-weight:bold;}
.txt04 {font-size:1.2em; font-weight:bold; letter-spacing: -0.3px;}

.tab {background:url(/images/sub/sub03/tabline_bg.gif) repeat-x bottom;}/*border-bottom:1px solid #eee;*/
h3 {margin:0px 0 27px 0;}/*31px 0 27px 0*/
.h3_sp01 {margin:50px 0 40px 0;}
.h3_sp02 {margin:50px 0 20px 0;}
.tit_txt01 {margin:0 10px 26px 0;}
.tit_txt02 {margin:0 10px 80px 0;}
.tit_txt03 {margin:10px 0px 40px 0;}
.tit_img_tab11 {position:absolute; top:40px; right:30px; text-align:center; padding:30px 20px 0 0; line-height:2.5em;}
.tit_img_tab11 a {display:block;}

h4 {margin:35px 0 5px 0; font-size:1.6em; color:#f6e800;}
.h4_sp01 {margin:10px 0 5px 0;}
.line13 {line-height:1.3em;}
.line15 {line-height:1.5em;}

/*ï¿½ï¿½ï¿½ï¿½Æ® ï¿½Ó¼ï¿½*/
.list01 li {background:url(/images/common/ic_stit01.gif) no-repeat 0px 2px; padding: 0 0 0 8px; margin:7px 0 3px 0; color:#555; font-size:1.1em; font-weight:bold; line-height:1.5em;}
.list01 .point01 {background:url(/images/common/ic_stit02.gif) no-repeat 0px 2px; padding: 0 0 0 8px; color:#af0101; }
.list01-sub li {background:none; margin:0; padding:0; color:#777;font-family:'Noto Sans Kr',sans-serif; font-size:0.9em; font-weight:normal; line-height:1.8em; letter-spacing:-0.1em;}
.list01-sub .line15 {line-height:1.5em;}
.list01-sub .line13 {line-height:1.3em;}

.list02 {position:relative; top:0; left:0px; margin-left:230px; width:500px}
.list02 li {background:url(/images/common/ic_stit01.gif) no-repeat 0px 2px; padding: 0 0 0 8px; margin:7px 0 3px 0; color:#555; font-size:1.1em; font-weight:bold; line-height:1em;}
.list02-sub li {background:none; margin:0; padding:0; color:#777; font-size:1em; font-weight:normal; line-height:1.8em;}

.list04 {background:url(/images/common/ic_stit01.gif) no-repeat 0px 2px; padding: 0 0 0 8px; margin:30px 0 10px 0; color:#555; font-size:1.2em; letter-spacing:0; font-weight:bold; line-height:1em;}

.list05 {position:relative;display:inline-block;}/*height:220px;*/
.list05 li {text-align:center; letter-spacing:0;line-height:1.2em; font-size:0.9em; width:230px; float:left; margin: 0 10px 30px 0; }
.list05 li p {margin-top:5px;font-family:'Noto Sans Kr',sans-serif; font-size:12px;font-weight:300;line-height:120%;}
.list05 li img {width:90%;}

.list06 li{color:#fff;}
.list06 dt {color:#333; font-size:1.4em; font-weight:bold; background:url(/images/sub/sub03/img_q.gif) no-repeat; padding:15px 0 0 40px; margin:30px 0 0 0; height:30px;}
.list06 dd {position:relative; margin:5px 0 0 0; }/*background:url(/images/sub/sub03/img_a.gif) no-repeat 5px 10px #f9f9f9;*/
.list06 dd ul {position:relative; background:#f9f9f9; padding:5px 0 5px 10px; width:720px;}
.list06 dd ul li {color:#777;}

.list07 {float:left; width:175px; margin:8px 7px 10px 0px;}
.list07 dt {background:url(/images/common/list07_bg.gif) no-repeat; color:#333; font-weight:bold; width:175px; height:24px; margin:0 0 2px 0; padding:12px 0 0 0; text-align:center;}
.list07 dd {border:1px solid #ddd; width:153px; padding:10px; height:100px;}

.list08 {width:730px; margin:8px 7px 10px 0px;}
.list08 dt {background:url(/images/common/list08_bg.gif) no-repeat; color:#333; font-weight:bold; height:24px; margin:0 0 2px 0; padding:10px 0 0 10px; text-align:left;}
.list08 dd {padding:0 0 20px 10px;}

.list09 {float:left; width:138px; margin:10px 4px 12px 0px;}
.list09 li {text-align:center;font-size:0.85em;letter-spacing:-1px;}

.list05a {height:220px;}
.list05a li {text-align:center; letter-spacing:0;line-height:1.2em; font-size:0.9em; width:136px; float:left; margin: 0 10px 0 0; }
.list05a li p {margin-top:5px;}

/*ï¿½ï¿½ï¿½Ìºï¿½ ï¿½Ó¼ï¿½*/
.table01 {width:730px; border-collapse:collapse;}
.table01 th {border:1px solid #e9e9e9; border-top:2px solid #ff9600; border-bottom:0; height:30px; background:#f8f8f8; color:#555;}
.table01 td {border:1px solid #e9e9e9; text-align:right; padding:8px; letter-spacing:0;}
.table01 .align_center {text-align:center;}
.table01 .month {font-weight:bold; background:#e9f7ff; color:#666;}
.table01 .year {background:#e9f7ff; color:#666;}

.table02 {width:730px; border-collapse:collapse;}
.table02 .tit{ background:#f8f8f8; color:#555; font-weight:bold; text-align:left;padding-left:26px;}
.table02 .bordert {border-top:2px solid #2497cf; border-bottom:0;}
.table02 td {border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; text-align:left; padding:8px; letter-spacing:0;}
.table02 input, .table02 img, .table02 td {vertical-align:middle;}
.table02 input {border:1px solid #ddd;}
.table02 .box01 {width:120px;}
.table02 .box02 {width:40px;}
.table02 .box03 {width:60px;}

.table03 {width:730px; border-collapse:collapse;font-family:'Noto Sans Kr',sans-serif; font-size:13px;font-weight:400;}
.table03 .bordert {border-top:2px solid #2497cf; border-right:1px solid #e9e9e9; border-bottom:0;}
.table03 .borderr0 {border-right:0;}
.table03 .bg01 {background:#fbfbfb;}
.table03 td {border:1px solid #e9e9e9; border-left:0; text-align:left; padding:8px 0 8px 10px; letter-spacing:0;}
.table03 td .goto {display:inline-block;float:right;padding:0 20px 0 0;cursor:hand;}
.table03 .align_center {text-align:center;}
.table03 input {border:1px solid #ddd;}
.table03 .tit{background:#f8f8f8; color:#555; font-weight:bold;}
.table03 .border0 {border:0;}
.table03 .box01 {width:120px;}
.table03 .box02 {width:40px;}
.table03 .box03 {width:60px;}
.table03 .box04 {width:578px;}
.table03 .box05 {width:582px;}
.table03 textarea {width:570px; height:110px; overflow-y:scroll; padding:5px; border:1px solid #e9e9e9;}

/*DIV ï¿½Ú½ï¿½ ï¿½Ó¼ï¿½*/
.div_box01 {width:730px; height:120px; overflow:auto; border:1px solid #ddd; margin:10px 0; padding:10px 20px; line-height:1.5em;font-family:'Noto Sans Kr',sans-serif; font-size:13px;}
.div_box01 h1 {color:#555; font-weight:bold; font-size:1em; margin:10px 0 5px 0;}


#tab01 {position:relative;top:0px; left:0; z-index:0;}
#tab02 {position:relative;top:0px; left:0; z-index:0;}
#tab03 {position:relative;top:0px; left:0; z-index:0;}
#tab04 {position:relative;top:0px; left:0;  z-index:0;}
#tab05 {position:relative;top:0px; left:0; z-index:0;}
#tab06 {position:relative;top:0px; left:0; z-index:0;}
#tab07 {position:relative;top:0px; left:0; z-index:0;}
#tab08 {position:relative;top:0px; left:0;  z-index:0;}


#year_tab00 {position:relative;top:0px; left:0; z-index:0; padding:0 0 60px 0;}
#year_tab01 {position:relative;top:0px; left:0; z-index:0; padding:0 0 30px 0;}
#year_tab02 {position:relative;top:0px; left:0; z-index:0; padding:0 0 30px 0;}
#year_tab03 {position:relative;top:0px; left:0; z-index:0; padding:0 0 30px 0;}
#year_tab04 {position:relative;top:0px; left:0; z-index:0; padding:0 0 30px 0;}
#year_tab05 {position:relative;top:0px; left:0; z-index:0; padding:0 0 30px 0;}
#year_tab06 {position:relative;top:0px; left:0; z-index:0; padding:0 0 30px 0;}
#year_tab07 {position:relative;top:0px; left:0; z-index:0; padding:0 0 30px 0;}
#year_tab08 {position:relative;top:0px; left:0; z-index:0; padding:0 0 30px 0;}
#year_tab09 {position:relative;top:0px; left:0; z-index:0; padding:0 0 30px 0;}
#year_tab09 {position:relative;top:0px; left:0; z-index:0; padding:0 0 30px 0;}
#year_tab10 {position:relative;top:0px; left:0; z-index:0; padding:0 0 30px 0;}
#year_tab11 {position:relative;top:0px; left:0; z-index:0; padding:0 0 30px 0;}
#year_tab12 {position:relative;top:0px; left:0; z-index:0; padding:0 0 30px 0;}
#year_tab13 {position:relative;top:0px; left:0; z-index:0; padding:0 0 30px 0;}
#year_tab14 {position:relative;top:0px; left:0; z-index:0; padding:0 0 30px 0;}
#year_tab15 {position:relative;top:0px; left:0; z-index:0; padding:0 0 30px 0;}


.sp_layout {position:absolute; top:325px; z-index:1;}
.re_layout {position:relative; z-index:2; vertical-align:middle; width:731px;}

.sc1_img_3103_layout {position:relative; height:600px;}
.sc1_img_3103_group {position:relative; margin:0 20px 0 0; float:left; width:340px; height:225px;}
.sc1_img_3103 {position:relative; width:136px;}
.sc1_img_3103_list {position:absolute; top:0; left:146px;}
.sc1_img_3103_list li {background:url(/images/common/ic_stit01.gif) no-repeat 0px 5px; padding: 0 0 0 8px; margin:2px 0 3px 0; color:#444; font-size:13px; font-weight:400; line-height:1.2em; letter-spacing:0;}
.sc1_img_3103_list-sub li {background:none; margin:0; padding:0; color:#777; font-size:0.9em; font-weight:normal; line-height:1.7em; letter-spacing:-0.4px;}

.sc3_img_13 {position:absolute; padding:0 40px 0 40px; width:140px;}
.sc3_img_2103 {position:relative; width:433px;}
.sc3_img_2103_list {position:absolute; top:15px; left:480px;}
.sc3_img_2201 {position:relative; width:240px;}
.sc3_img_2201_list {position:absolute; top:0px; left:260px;  margin:0; padding:0;}
.list03 {position:absolute; top:20px; left:260px;}
.list03 li {background:url(/images/common/ic_stit01.gif) no-repeat 0px 2px; padding: 0 0 0 8px; margin:7px 0 3px 0; color:#555; font-size:1.1em; font-weight:bold; line-height:1em;}
.list03-sub li {background:none; margin:0; padding:0; color:#777; font-size:1em; font-weight:normal; line-height:1.8em;}
.list03-sub .line13 {background:none; margin:0; padding:0; color:#777; font-size:1em; font-weight:normal; line-height:1.3em;}

.sc_bg_3101 {position:relative; background:url(/images/sub/sub03/sc_bg3101.gif) no-repeat; margin:35px 0 0 0; padding:3px 0 0 15px; width:715px; height:131px;}

.sc3_img_3201 {position:relative; width:394px;}
.sc3_img_3201_list {position:absolute; top:0px; right:0;  margin:0; padding:0; width:201px;}
.sc3_img_3201_list .title {background:none; font-size:1.2em; font-weight:bold; height:30px; letter-spacing:-0.1em;}
.sc3_img_3201_list li {background:url(/images/sub/sub03/list04_bg.gif) no-repeat; text-align:center; padding:12px 0 0 0; margin:0 0 0 0; font-size:1.1em; line-height:1.3em; color:#444; width:201px; height:36px;}

.sc_32_icon {position:absolute; top:0; left:0; width:122px; text-align:center;}
.sc_32_icon_list {position:relative; top:0; left:132px; background:#f9f9f9; padding:5px 0 5px 10px; width:588px;}
.sc_32_icon_list li {line-height:1.4em;}

.sc3_img5101 {position:absolute; width:220px; text-align:center; padding-top:35px;}
.sc3_img_5101_list {position:relative; top:0; left:220px; width:510px; border-collapse:collapse;}
.sc3_img_5101_list .tit{ border-right:1px solid #e9e9e9;}
.sc3_img_5101_list th {border-top:2px solid #ff9600; border-bottom:0; height:30px; background:#f8f8f8; color:#555;}
.sc3_img_5101_list td {border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; text-align:center; padding:8px; letter-spacing:0;}
.sc3_img_5101_list .align_center {text-align:center;}
.sc3_img_5101_list .month {font-weight:bold; background:#e9f7ff; color:#666;}
.sc3_img_5101_list .year {background:#e9f7ff; color:#666;}
.sc3_img_5302 {width:250px;}
.sc3_img_5302_list {position:absolute; top:20px; left:270px;}
.sc3_img_5303 {width:180px;}
.sc3_img_5303_list {position:absolute; top:0; left:200px;}
.sc3_img_5303_list li {line-height:1.3em;}

.sub1_1 {position:absolute; top:120px; right:-21px; background:url(/images/sub/sub01/sc_img1101.jpg) no-repeat top right; width:400px; height:355px;background-size:contain; z-index:-1;}
.sub3_3 {background:url(/images/sub/sub03/sc_img3101.jpg) no-repeat 400px 50px;}
.sub4_2 {background:url(/images/sub/sub04/sc_img2101.jpg) no-repeat top right;}
.sub4_3 {background:url(/images/sub/sub04/sc_img3101.jpg) no-repeat top right;}

.sc11_year {position:relative; top:10px; left:10px; height:20px;}
.sc11_year .date {text-align:left; padding-left:13px;}
.sc11_year td {letter-spacing:0; padding:5px; vertical-align:top;}

/*20121024  sc3_img_4300_list ï¿½ß°ï¿½*/
.sc3_img_4300_list {width:715px; background-color:#e9e9e9; letter-spacing:normal; }
.sc3_img_4300_list th {border-top:2px solid #ff9600; border-bottom:0; height:30px; background:#f8f8f8; color:#555;}
.sc3_img_4300_list td { }
.sc3_img_4300_list .tdb {background-color:#ffffff;}
.sc3_img_4300_list .tdt {background-color:#ffffff; padding-left:40px;}





.dot_line01 {position:relative; background:url(/images/common/dot_line01.gif) repeat-x; height:1px; width:100%; margin:10px 0 ;}


/*ï¿½Ô½ï¿½ï¿½Ç¼Ó¼ï¿½*/
.page {position:relative; top:10px; margin:0 auto; font-size:0.9em; color:#898989; vertical-align:middle; text-align:center; width:100%;}
.page input{vertical-align:middle;}
.page span {margin: 0 20px;}
.page .select_page {color:#ce0000; font-weight:bold; margin:0;}

.btn {text-align:right; padding-top:10px;}
.btn input {margin-left:5px;}
.btn_center {text-align:center;}
.btn_center img {margin:0 2px;}

.baord_cont {padding:10px; width:651px; border-bottom:1px solid #e9e9e9;}
.baord_cont img {margin-bottom:10px;}
.file {margin-top:10px;}
.file .bgt {background:url(/images/board_view_file_bgt.gif) no-repeat; width:730px; height:5px;}
.file .bgc {background:#eaeaea; text-align:left; padding:5px;}
.file .bgc li{float:left; background:url(/images/board/ic_file.gif) no-repeat left center; padding:0 10px 0px 15px; }
.file .bgb {background:url(/images/board_view_file_bgb.gif) no-repeat; width:730px; height:5px;}

/*ï¿½ï¿½Æ° ï¿½Ó¼ï¿½*/
.btn_bg {background:url(/images/board/btn_bg.gif) no-repeat; width:56px; height:23px; border:0;}
.btn_prev_page {background:url(/images/board/btn_prev_page.gif) no-repeat; width:12px; height:11px; border:0; }
.btn_next_page {background:url(/images/board/btn_next_page.gif) no-repeat; width:12px; height:11px; border:0; }
.btn_up {background:url(/images/main/btn_up.gif) no-repeat; width:10px; height:10px; border:0; }
.btn_stop {background:url(/images/main/btn_stop.gif) no-repeat; width:10px; height:10px; border:0; }
.btn_down {background:url(/images/main/btn_down.gif) no-repeat; width:10px; height:10px; border:0; }
.btn_search {background:url(/images/board/btn_search.gif) no-repeat; width:39px; height:18px; border:0;}
.sub03_btn1 {background:url(/images/sub/sub03/btn1.gif) no-repeat; width:116px; height:52px; border:0;}
.sub03_btn2 {background:url(/images/sub/sub03/btn2.gif) no-repeat; width:116px; height:52px; border:0;}
.sub03_btn3 {background:url(/images/sub/sub03/btn3.gif) no-repeat; width:116px; height:52px; border:0;}
.sub03_btn4 {background:url(/images/sub/sub03/btn4.gif) no-repeat; width:116px; height:52px; border:0;}
/*
.btn_modify {background:url(/images/board/btn_modify.gif) no-repeat; width:56px; height:23px; border:0;}
.btn_delete {background:url(/images/board/btn_delete.gif) no-repeat; width:56px; height:23px; border:0;}
.btn_list {background:url(/images/board/btn_list.gif) no-repeat; width:56px; height:23px; border:0;}

.btn_request {background:url(/images/sub/sub04/btn_request.gif) no-repeat; width:125px; height:43px; border:0; }
*/
.btn_online_service {background:url(/images/sub/sub04/btn_online_service.gif) no-repeat; width:175px; height:43px; border:0; }
/*ï¿½ï¿½Ç° ï¿½ï¿½ï¿½ï¿½ï¿½Ï±ï¿½ ï¿½ï¿½Æ° ï¿½ß°ï¿½ : 20220401*/
.btn_goshop a {display:inline-block !important;margin:0 10px;border-radius: 45px;background-color: #1b5d8c;color: #fff;padding: 12px 30px;}/*, a:hover, a:visited, a:active*/





/*ï¿½Ô½ï¿½ï¿½ï¿½ ï¿½Ë»ï¿½*/
.search {position:relative;float:right;margin-bottom:10px;z-index:1;}/*position:absolute; top:200px; right:0; */
.search .searchbar {width:127px; height:15px; font-size:0.9em; color:#5f5f5f; padding:3px 0 0 3px; border:1px solid #c9c9c9;}
.search select {width:80x; height:20px; font-size:1em; color:#5f5f5f; vertical-align:middle;}
.search option {padding:3px;}


/*ï¿½Ï¹Ý°Ô½ï¿½ï¿½ï¿½*/
.cont .board_list {width:730px;}
.cont .board_list .title {background:url(/images/board/board_list_title_bg.gif) no-repeat; height:28px;}
.cont .board_list .cross {background:#fbfbfb;}
.cont .board_list th {color:#fff; text-align:center;font-family:'Noto Sans Kr',sans-serif; font-size:12px;}
.cont .board_list td {height:32px; border-bottom:1px solid #e9e9e9; text-align:center; letter-spacing:0;font-family:'Noto Sans Kr',sans-serif; font-size:13px;font-weight:400;}
.cont .board_list .tit {font-weight:bold; color:#333; text-align:left; text-indent:10px;}
.cont .board_list .tit a:link, .contents .cont .gallery .gallery_title a:visited {color:#333; text-decoration:none;font-family:'Noto Sans Kr',sans-serif; font-size:13px;font-weight:400;}
.cont .board_list .tit a:hover, .contents .cont .gallery .gallery_title a:active {color:#333; text-decoration:underline;font-family:'Noto Sans Kr',sans-serif; font-size:13px;font-weight:400;}

.cont .board_view {width:730px;}
.cont .board_view th {border-top:2px solid #333; border-bottom:1px solid #d9d9d9; letter-spacing:0; height:30px;}
.cont .board_view td {letter-spacing:0;font-family:'Noto Sans Kr',sans-serif; font-size:12px;font-weight:400;}
.cont .board_view .no {font-weight:normal; width:60px; height:29px;font-family:'Noto Sans Kr',sans-serif; font-size:12px;}
.cont .board_view .title {color:#333; text-align:left; text-indent:10px; width:519px; height:29px;font-family:'Noto Sans Kr',sans-serif; font-size:12px;}
.cont .board_view .date {font-weight:normal; width:92px; height:29px;font-family:'Noto Sans Kr',sans-serif; font-size:12px;font-weight:400;}

.cont .board_write td {text-align:center; height:28px;}
.cont .board_write .border1 {border-bottom:1px solid #e9e9e9;}
.cont .board_write input {border:1px solid #c9c9c9; font-size:1em; line-height:1.4em; height:18px;}
.cont .board_write .title {background:url(/images/board_gallery_view_bg1.gif) repeat-x; text-align:left;  width:468px; height:30px;}
.cont .board_write .title input {width:458px; margin-bottom:2px;}
.cont .board_write .date {background:url(/images/board_gallery_view_bg2.gif) no-repeat; font-weight:normal; width:80px; height:30px;}
.cont .board_write .box {text-align:left;}
.cont .board_write .box01 {width:458px; vertical-align:middle;}




/*ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½
.contents .cont .gallery_list td {height:94px; border-bottom:1px solid #e9e9e9; text-align:center;}
.contents .cont .gallery_list .thumb {background:url(/images/gallery_thumb_bg.gif) no-repeat center center; padding-top:1px; text-align:center;}
.contents .cont .gallery_list ul {padding-top:2px;}
.contents .cont .gallery_list ul li {text-align:left; padding:0 0 3px 10px; line-height:1em;}
.contents .cont .gallery_list .gallery_title {font-weight:bold; color:#333;}
.contents .cont .gallery_list .gallery_title a:link, .contents .cont .gallery .gallery_title a:visited {color:#333; text-decoration:none;}
.contents .cont .gallery_list .gallery_title a:hover, .contents .cont .gallery .gallery_title a:active {color:#333; text-decoration:underline;}
.contents .cont .gallery_list .gallery_date {text-align:right;}
.contents .cont .gallery_view .no {background:url(/images/board_gallery_view_title_bg1.gif) no-repeat; font-weight:normal; width:60px; height:29px;}
.contents .cont .gallery_view .title {background:url(/images/board_gallery_view_title_bg2.gif) no-repeat; color:#333; text-align:left; text-indent:10px; width:519px; height:29px;}
.contents .cont .gallery_view .date {background:url(/images/board_gallery_view_title_bg3.gif) no-repeat; font-weight:normal; width:92px; height:29px;}
.contents .cont .gallery_write td {text-align:center; height:28px;}
.contents .cont .gallery_write .border1 {border-bottom:1px solid #e9e9e9;}
.contents .cont .gallery_write input {border:1px solid #c9c9c9; font-size:1em; line-height:1.4em; height:18px;}
.contents .cont .gallery_write .title {background:url(/images/board_gallery_view_bg1.gif) repeat-x; text-align:left;  width:468px; height:30px;}
.contents .cont .gallery_write .title input {width:458px; margin-bottom:2px;}
.contents .cont .gallery_write .date {background:url(/images/board_gallery_view_bg2.gif) no-repeat; font-weight:normal; width:80px; height:30px;}
.contents .cont .gallery_write .box {text-align:left;}
.contents .cont .gallery_write .box01 {width:458px; vertical-align:middle;}
*/

/*ï¿½Ó½Ã¼Ó¼ï¿½*/
.test01 {font-weight:bold; font-size:2em; text-align:center; color:#333; width:120px; height:60px; letter-spacing:0;}


/* ï¿½ï¿½ï¿½Îºï¿½ï¿½Ö¾ï¿½ */
#slides				{ top:0px; left:0px;}
.slides_container	{width:1000px; overflow:hidden; position:relative; display:none;}
.slides_container a {width:1000px; height:472px;display:block;}
.slides_container a img {display:block;}
#slides .next,

#slides .prev {position:absolute;	top:169px; left:0px; width:24px; height:43px;	display:block; z-index:101;}
#slides .next		{left:956px;}


.pagination			{position:absolute; right:50%; top:425px; margin:0 auto; z-index:102;}/*right:0; top:40px; margin-right:5px;*/
.pagination li		{float:left; /*margin:0 1px;*/ list-style:none;}
.pagination li a	{display:block; width:6px; height:6px; margin:9px 8px 0 0;background-color:rgba(255, 255, 255, .3);/*background-image:url('/images/main/btn_off.png'); background-position:0 0;*/ float:left; overflow:hidden;}
.pagination li.current a {background-color:#fff;/*background-image:url('/images/main/btn_on.png')*/}

.tbl {
	border-top:2px solid #66A7CC;
	}

	.tbl_t {
	font-family: Arial,Helvetica, geneva,sans-serif,ï¿½ï¿½ï¿½ï¿½,ï¿½ï¿½ï¿½ï¿½Ã¼,ï¿½ï¿½ï¿½ï¿½,ï¿½ï¿½ï¿½ï¿½Ã¼;font-size: 12px; line-height: 140%;font-style: normal;font-weight: bold;color:#333333;
	background-color:#DFF6FF; text-align:center;padding:3px;
	border-bottom:1px solid #66A7CC;
	}
	.tbl_t a:link {	color: #333333; line-height: 130%; text-decoration: none;	}
	.tbl_t a:hover  {	color: #0070bc; line-height: 130%; text-decoration: none;	}

	.tbl_c{
	font-family: Arial,Helvetica, geneva,sans-serif,ï¿½ï¿½ï¿½ï¿½,ï¿½ï¿½ï¿½ï¿½Ã¼,ï¿½ï¿½ï¿½ï¿½,ï¿½ï¿½ï¿½ï¿½Ã¼;font-size: 12px; line-height: 140%;font-style: normal;font-weight: normal;color:#333333;
	text-align:left; padding-left: 10px; padding-top:4px; padding-right: 10px; padding-bottom:4px;
	border-bottom:1px solid #66A7CC;
	}
	.tbl_c a:link {	color: #333333; line-height: 130%; text-decoration: none;	}
	.tbl_c a:hover {	color: #0070bc; line-height: 130%; text-decoration: none;	}

	/*ï¿½ï¿½ ï¿½Þ´ï¿½ ï¿½ï¿½ï¿½ï¿½Æ® */
.bbscategory1{ padding:0 0 0px 0px; }
.bbscategory1 ul{  margin:0; padding-left:10px; list-style:none; border-bottom:1px solid #2390ff; font-family:dotum, Sans-serif; font-size:12px; *zoom:1;}
.bbscategory1 ul:after{ content:""; display:block; clear:both;}
.bbscategory1 li{ float:left; margin:0px 1px -1px 1px;  }
.bbscategory1 li a{ position:relative; float:left; text-decoration:none; border-top:1px solid #c0c0c0; border-right:1px solid #c0c0c0;border-left:1px solid #c0c0c0;background:#efefef; color:#666;}
.bbscategory1 li a span{ display:inline-block; padding:6px 7px; letter-spacing:-1px; cursor:pointer;border-top:1px solid #fff;border-left:1px solid #fff; }
.bbscategory1 li a:hover{background:#fff; color:#2390ff; border:1px solid #2390ff; }
.bbscategory1 li ul{ display:none; width:100%; top:40px; left:0; list-style:none; border:0; margin:0; padding:0; white-space:nowrap; overflow:hidden; *zoom:1;}
.bbscategory1 li ul:after{ content:""; display:block; clear:both;}
.bbscategory1 li.selected a{ border:2px solid #2390ff; padding:1px;border-bottom:0px solid #fff; margin-top:-3px; background-color:#fff; color:#2390ff;}
.bbscategory1 li.selected a span{ display:inline-block;padding-top:7px; font-weight:bold;background-color:#fff; }
.bbscategory1 li.selected a:hover{ border:2px solid #2390ff; padding:1px;border-bottom:0px solid #fff; margin-top:-3px; background-color:#fff; color:#2390ff;}

/*ESG Å¸ï¿½ï¿½Æ² ï¿½ï¿½ï¿½ï¿½ ï¿½Ó¼ï¿½ ï¿½ß°ï¿½ : 20230822*/
.tit_esg {font-family: 'Noto Sans Kr',sans-serif;font-size:52px;font-weight:bolder;color: #08c3c3;letter-spacing: 6px;text-align: center;}
.tit_msg {font-family: 'Noto Sans Kr',sans-serif;font-size:24px;font-weight:400;color: #08c3c3;letter-spacing: -1px;padding:0 20px;}
.esg_subt {font-family: 'Noto Sans Kr',sans-serif;font-size:17px;font-weight:400;color: #333333;text-align: center;padding:20px;}
.msg_subt {font-family: 'Noto Sans Kr',sans-serif;font-size:16px;font-weight:400;color: #333333;text-align:left;padding:20px;word-break:keep-all;}
.esg_subt2 {font-family: 'Noto Sans Kr',sans-serif;font-size:17px;font-weight:400;color: #333333;text-align: center;padding:6px;}
.hide_txt {text-indent:100%;white-space:nowrap;overflow:hidden;}
.jesg {background:url(/images/sub/sub02/sc_img3101.png);width:721px;height:370px;margin-top:30px;}
.esg_tabwrap {margin:100px 0 0 0;border-bottom:1px solid #094c7d;height:40px;text-align:center;display:flex;justify-content:center;}
.esg_tabwrap a {border:1px solid #e0e0e0;border-bottom:none;color:#094c7d;font-family:'Noto Sans Kr',sans-serif;font-size:14px;font-weight:500;letter-spacing:0.1px;width:180px;margin:0 2px;line-height:37px;text-decoration:none;}
.esg_tabwrap a:hover,.esg_tabwrap a.on {background-color: #094c7d;color:#fff;border:1px solid #094c7d;border-bottom:none;}
.esg_ctntwrap {font-family:'Noto Sans Kr',sans-serif;text-align:center;color:#222;}
.esg_ctntwrap h1 {font-size:30px;font-weight:400;}
.esg_ctntwrap h2 {font-size:24px;font-weight:400;}
.esg_ctntwrap .t3 {font-size:21px;font-weight:400;}
.esg_ctntwrap .tab1c1 {background:url(/images/sub/sub02/sc_img3102.png) no-repeat center;width:721px;height:488px;margin-top:40px;}
.esg_ctntwrap .tab1c2 {background:url(/images/sub/sub02/sc_img3103.png) no-repeat center;width:721px;height:334px;margin-top:60px;}
.esg_ctntwrap .tab1c3 {background:url(/images/sub/sub02/sc_img3105.png) no-repeat center;width:721px;height:286px;margin-top:20px;}

.esg_ctntwrap .tab2c1 {background:url(/images/sub/sub02/sc_img3201.png) no-repeat center;width:721px;height:976px;margin-top:40px;}
.esg_ctntwrap .tab2c2 {background:url(/images/sub/sub02/sc_img3202.png) no-repeat center;width:721px;height:147px;margin-top:10px;}
.esg_ctntwrap .tab2c3 {background:url(/images/sub/sub02/sc_img3203.png) no-repeat center;width:721px;height:146px;margin-top:30px;}
.esg_ctntwrap .tab2c4 {background:url(/images/sub/sub02/sc_img3204.png) no-repeat center;width:721px;height:288px;margin-top:40px;}
.esg_ctntwrap .tab2c5 {background:url(/images/sub/sub02/sc_img3205.png) no-repeat center;width:721px;height:338px;margin-top:40px;}
.esg_ctntwrap .tab2c6 {background:url(/images/sub/sub02/sc_img3206.png) no-repeat center;width:730px;height:263px;margin-top:20px;}
.esg_ctntwrap .tab2c7 {background:url(/images/sub/sub02/sc_img3207.png) no-repeat left;width:730px;height:263px;margin-top:20px;}
.esg_ctntwrap .tab2c8 {background:url(/images/sub/sub02/sc_img3208.png) no-repeat left;width:730px;height:263px;margin-top:20px;}
.esg_ctntwrap .bx2024 {background-color:#c6f1f2;color:#000;font-size:18px;box-sizing:border-box;padding:20px 20px 20px 390px;text-align:left;display:flex;flex-wrap:wrap;align-items:center;align-content:center;}
.esg_ctntwrap .bx2024 p {font-size:16px; margin-top:15px; line-height:160%;}

.esg_ctntwrap .tab3c1 {background:url(/images/sub/sub02/sc_img3301.png) no-repeat center;width:721px;height:350px;margin-top:20px;}
.esg_ctntwrap .tab3c2 {background:url(/images/sub/sub02/sc_img3302.png) no-repeat center;width:721px;height:425px;margin-top:10px;}
.esg_ctntwrap .tab3c3 {background:url(/images/sub/sub02/sc_img3303.png) no-repeat center;width:721px;height:365px;margin-top:30px;}

.esg_ctntwrap .tab3c2 a {position:relative;left:-505px;top:252px;font-size:13px;letter-spacing:0.1px;color:#222;text-decoration:none;}
.esg_ctntwrap .tab3c2 a:hover {color:#009cdf;text-decoration:underline;}

/* Tab in Tab */
.subtab_wrapper {margin:100px auto;width:1000px; overflow:hidden;font-size:13px;line-height:150%;}

.tabset {margin:20px 0 0 0;text-align:center;}
.tabset > input[type="radio"] {position: absolute;left: -200vw;}
.tabset .tab-panel {display: none;}
.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6),
.tabset > input:nth-child(13):checked ~ .tab-panels > .tab-panel:nth-child(7),
.tabset > input:nth-child(15):checked ~ .tab-panels > .tab-panel:nth-child(8) {display: block;} 
.tabset > label {position: relative;display:white-space:nowrap; inline-block;font-family:'Noto Sans Kr',sans-serif;padding: 12px;margin:0 10px 0;border: 0px solid #ccc;border-bottom: 0;cursor: pointer;font-size:18px; font-weight:600;/*width:140px;*/text-align:center;}
.tabset input:focus-visible + label {outline: 2px solid rgba(0,102,204,1);/*border-radius: 3px;*/}   
.tabset > label:hover,
.tabset > input:focus + label,
.tabset > input:checked + label {/*color: #fff;background:#094c7d;border-color:#094c7d;*/}
.tabset > input:checked + label {border-bottom:3px solid #094c7d;color:#002a76;}
.tab-panel {padding: 0 0 60px 0;border-top: 1px solid #e0e0e0;margin-top:14px;z-index:99;}<!--tab ï¿½Ù·ï¿½ ï¿½Æ·ï¿½ ï¿½ï¿½ï¿½ï¿½-->
.tabset {max-width: 870px;margin-top:20px;font-family:'NanumGothic','NanumSquare',sans-serif;}

/*Pine Works ï¿½ï¿½ï¿½ï¿½ ï¿½Ó¼ï¿½ ï¿½ß°ï¿½ : 20240801*/
.pw3_btnwrapper {display:flex; justify-content:space-between;margin-top:-20px;}
.pw3_btnwrapper a:link, .pw3_btnwrapper a:visited {display:inline-block; width:calc(100% / 3); max-width:230px; height:42px; border-radius:4px; background-color:#3c404e; text-align:center; font-family:'Noto Sans Kr',sans-serif;color:#fff; line-height:41px; font-size:14px; font-weight:400; text-decoration:none;}
.pw3_btnwrapper a:hover {/*border:2px solid #28a99f; background-color:#fff;box-sizing:border-box; color:#28a99f; line-height:37px;*/text-decoration:underline;}
.pw3_btnwrapper a:nth-child(2) {background-color:#758de9;}
/*.pw3_btnwrapper a:nth-child(2):hover {border:2px solid #758de9; background-color:#fff;box-sizing:border-box; color:#758de9; line-height:37px;}*/
.planinfo {font-size:13px; font-weight:500; line-height:140%; word-break:keep-all;margin-top:30px; padding:0 0 0 20px;}
.planinfo span {display:block; color:#333; font-family:'Noto Sans Kr',sans-serif; letter-spacing:-0.3px;}
.infobox {background:#eff8f7 url(/images/sub/sub03/ico_info.png) no-repeat left  20px top 18px; background-size:20px; padding:15px 15px 15px 48px;font-family:'Noto Sans Kr',sans-serif; font-size:13px; margin-top:30px; color:#000; line-height:150%; letter-spacing:-0.7px;}
.infobox t1 {margin-bottom:6px; display:block;}
.infobox a:link, .infobox a:visited {font-family:'Noto Sans Kr',sans-serif; font-size:15px; color:#23a79d; font-weight:400; text-decoration:none;}
.infobox a:hover {text-decoration:underline;}

.pw4_box {width:730px;height:311px;padding:90px 0 0 380px;font-family:'Noto Sans Kr',sans-serif;font-size:14px;color:#333;font-weight:500;box-sizing:border-box;border:none;}
.pw4_box a:link, .pw4_box a:hover, .pw4_box a:visited {color:#009cdf;}

.pw4_box.box01 {background:url(/images/sub/sub03/sc_pw4_img01.png) no-repeat center;}
.pw4_box.box02 {background:url(/images/sub/sub03/sc_pw4_img02.png) no-repeat center;}
.pw4_box.box03 {background:url(/images/sub/sub03/sc_pw4_img03.png) no-repeat center;}
.pw4_box.box04 {background:url(/images/sub/sub03/sc_pw4_img04.png) no-repeat center;}
