@import url("https://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap");


/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0 none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
html, body {width:100%; height:100%; border:0 none;}
body {line-height: 1; font-family:'맑은 고딕', 'Malgun Gothic', sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
ol, ul, li {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content: none;}
table {border-spacing:0;}
caption, legend {width:0; height:0; visibility:hidden; line-height:0; *display:none;}
hr {display:none;}
address {font-style:normal}
hr {display:none;}
em, address{font-style:normal}
li, li a {zoom:1;}
img {border:0 none; font-size:0; line-height:0; vertical-align:top;}
a {text-decoration:none; color:inherit;}
a:hover, a:focus {text-decoration:underline;}
input[type=text], input[type=password], select, textarea {margin:0; padding:0; border:0 none;}

.absolute{position:absolute;}
.Lfloat{float:left;}
.Rfloat{float:right;}
.lm12{margin-left:12px;}
.tm12{margin-top:12px;}
.lp20{padding-left:20px;}
.justify{text-align:justify;}
.bold{font-weight:bold;}
.font_15{font-size:15px;}
.tp20{padding-top:20px;}
.tm20{margin-top:20px;}

body{background:#e2e2e2;overflow-y /**/: scroll; overflow-x /**/: auto;}
*:first-child+html body{overflow:hidden;}

body,div,table,td,th,span{font-size:14px; color:#555; font-family:'Malgun Gothic', '맑은 고딕', sans-serif; line-height:1.5;}

#wrap{width:100%;background:url('./image/common/top_bg.gif') repeat-x;min-height:800px;height:auto;position:relative;}
#wrap #layout{width:1000px;margin:0 auto;min-height:800px;height:auto;position:relative;}
#wrap #layout #top{height:90px;width:1000px;position:relative;}

#wrap #layout #top #logo{width:303px;height:42px;top:34px;left:0px;}
#wrap #layout #top #home_btn{width:240px;height:40px;top:34px;right:20px;}

#left_center {display: grid; grid-template-columns: 250px auto;margin-top:50px;background:url('./image/sub/sub_bg.png') repeat-y;position:relative;}
/* #left_center:after {clear: both; display: block; content: ''; font-size: 0; line-height: 0; height: 0; }*/
#left_center #left_menu{width:250px;min-height:1000px;height:auto;position:relative;padding-bottom:30px;}
#left_center #left_menu #menu{width:213px;margin:0 auto;}
#left_center #left_menu ul{list-style:none;padding:0px;margin:0px;}
#left_center #left_menu ul li.li{font-size:18px;color:#e7b5d3;font-weight:bold;padding:25px 0 5px 17px;line-height:160%;}
#left_center #left_menu ul li.depth_li{font-size:14px;color:#ffffff;font-weight:bold;padding:3px 0 3px 26px;background:url('./image/sub/menu_dot.png') 17px 11px no-repeat;}

#left_center #left_menu ul li.li a{text-decoration: none;}
#left_center #left_menu ul li.depth_li a{color:#ffffff;text-decoration: none;}

#left_center #right_center{width:750px;min-height:800px;height:auto;position:relative;}
#left_center #right_center #sub_title{width:100%;}
#left_center #right_center #sub_title #ribon_title{width:100%;height:60px;}

#navi_title {width:720px;}


#left_center #right_center #sub_contents{width:730px; height:auto;position:relative;padding-bottom:60px;background:url('./image/sub/bottom_img.gif') bottom center no-repeat;} /* min-height:1650px; */
#sub_contents td{line-height:160%;}

.sub_tt_img {width:150px;}
.sub_tt {float:left; top:0; left:0; width:450px; padding-left:20px;}
.color_black_big{color:#000;font-weight:bold;font-size:22px; padding-top:10px;}
.color_black{color:#000;font-weight:bold;padding-top:10px;}

/* sponsor */
.sponWrap {overflow:hidden; width:100%; padding-top:28px;}

/* 한 줄에 배너 6개씩 일 때 */
.sponWrap ul {margin-left:-44px;}
.sponWrap ul li {float:left; width:130px; height:40px; overflow:hidden; margin:12px 0 0 44px;}

/* 한 줄에 배너 7개씩 일 때
.sponWrap ul {margin-left:-12px;}
.sponWrap ul li {float:left; width:130px; height:40px; overflow:hidden; margin:12px 0 0 12px;}
 */

/*#copy{width:100%;background:#ffffff;height:142px;margin-top:58px;}
#copy #copy_txt{width:1000px;margin:0 auto;position:relative;}*/


div#footerWrap {margin-top: 50px;height:150px; border-top:1px solid #dbdbdb;background-color: #fff;}
div#footerWrap > div {position:relative; width:1000px; margin:0 auto; padding:63px 0 0 130px; background:url('/image/common/footer_logo.png') no-repeat top 32px left 43px;box-sizing: border-box; }


div#footerWrap ul {overflow:hidden;}
div#footerWrap ul li {float:left;}
div#footerWrap ul li:first-child {padding-left:0; background:0 none;}


/* _footerInfo */
div.footerInfo ul li,
div.footerInfo p {font-size:14px; line-height:20px; color:#878787;}

div.footerInfo ul li {padding-left:20px; background:url('/image/common/footerInfo_bar.png') no-repeat 9px 4px;}


/* _ siteInfo */
ul.siteInfo {position:absolute; top:22px; left:130px;}
ul.siteInfo li {height:20px; padding-left:26px; background:url('/image/common/siteInfo_bar.png') no-repeat 14px 4px; }
ul.siteInfo li a {display:block; font-size:14px; line-height:20px; color:#000;}
ul.siteInfo li img {padding-top:2px;}

p.ssl {position:absolute; top:45px; right:5px;}


/* 신규 Style 추가
 * 추가 시작 : 2015-02-04
 */

/* IR 기법 */
.hidden {position:absolute; top:-11000px; left:-11000px; width:0; height:0; overflow:hidden; *position:static; *font-size:0; *line-height:0;}
/* float */
.clfix {*display:inline-block; *zoom:1;}
.clfix:after {content:""; display:block; clear:both; visibility:hidden; height:0px; font-size:0;}
.clear {clear:both !important;}
.fl {float:left !important;}
.fr {float:right !important;}
.flimg {width: 660px;}
/* align */
.al {text-align:left !important;}
.ac {text-align:center !important;}
.ar {text-align:right !important;}
.vTop {vertical-align:top !important;}
.vMd {vertical-align:middle !important;}
.vBt {vertical-align:bottom !important;}
/* position */
.posRel {position:relative !important;}
.posAbs {position:absolute !important;}
/* font */
.fwNormal {font-weight:normal !important;}
.fwBold {font-weight:bold !important;}
.italic {font-style:italic !important;}

#top_slide{width:30px;height:94px;margin:0 auto;z-index:500;position:absolute;right:0px;top:226px;}

/* main page */
#main_wrap {position:relative;margin-top:50px;background: url('image/main/bg.png') right top repeat-y;}
#main_wrap a,
#main_wrap img {display: block;}

div.mainTop {display: grid; grid-template-columns: 720px auto;}
div.mainTop li {overflow: hidden;}
div.mainTop li a {float: left;}

.colArea {display: grid;}

.col2ea {grid-template-columns: repeat(2, 1fr);}
.col3ea {grid-template-columns: repeat(3, 1fr);}

#main_wrap .colArea {width: 980px;gap:1px;margin-right: 10px;background-color: #ddd;}
#main_wrap ul.col li {border-top: 1px solid #ddd;}

/*
#main_wrap .clfix > div img {width:330px;}
#main_wrap .clfix > div.last img {width:340px;}
*/
/* 우측 컨텐츠의 길이에 맞게 하단 테두리 위치 조절 : 좌측메뉴가 짧을 경우 1200px 에 맞출 것 */
#left_center #right_center #sub_contents {min-height:1650px;}


.wzsubWrap .cont ul.text li { margin-top:23px; }

/* ----------- 호별 색상 변경 ---------- */

/* 컨텐츠 타이틀 색상 */
.sub_content_title,
.sub_content_title2,
.sub_content_title sub,
.sub_content_title sup,
.wzsubWrap .cont dl dt {color:#1b6fbd;}
/* LNB 제목 색상 */
#left_center #left_menu ul li.li a {color:#a7e6fb;}
/* 링크색상 */
.wzsubWrap a {text-decoration:underline; color:#055eb9;}
/* 테이블 타이틀 관련 색상 */
.wzsubWrap .scaduleTblWrap .tblTit {color:#fff; background-color:#1a6cbb;}
/* 테이블 제목셀 관련 색상 */
.wzsubWrap .scaduleTblWrap table th {color:#000; background-color:#dbedff;}
/* 컨텐츠 테이블 관련 색상 */
.wzsubWrap .cont table.wzContTbl th {background-color:#dbedff;}
.wzsubWrap .cont table.wzContTbl thead th {background-color:#2d4674;color:#fff;}
/* font style */
.wzsubWrap .em {color:#f00 !important; font-weight:bold;}


/* ---------- sub Contents 공통 ---------- */
.wzMoreView {position:absolute; top:-90px; right:37px; z-index:100;}

.wzsubWrap {width:100%;}
.wzsubWrap *{color:#292929; font-size:14px; line-height:23px; font-family:'Malgun Gothic', '맑은 고딕', sans-serif; text-align:justify;}
.wzsubWrap sup, .wzsubWrap sub {font-size:11px; line-height:12px; color:inherit;}


.wzsubWrap .titWrap {display: table-cell;width: 650px;padding-bottom:15px;vertical-align: bottom;}
.wzsubWrap .titWrap:after {content:""; display:block; clear:both; visibility:hidden; height:0px; font-size:0;}

.wzsubWrap .titWrap .imgWrap,
.wzsubWrap .titWrap .sub_content_title {display: inline-block;vertical-align: bottom;}

.wzsubWrap .titWrap .imgWrap {padding-right: 30px;}
.wzsubWrap .titWrap .imgWrap img {width:110px;}
/*  */
.sub_content_title {font-size:26px; line-height:35px; font-weight:bold;background:url('./image/sub/title_icon.png') no-repeat;padding-top:10px;text-align: left;}
.sub_content_title2 {font-size:24px; line-height:35px; font-weight:bold;background:url('./image/sub/title_icon.gif') no-repeat;padding-top:10px;}
.sub_content_title3 {font-size:22px; line-height:35px; font-weight:bold;background:url('./image/sub/title_icon.gif') no-repeat;padding-top:10px;}

.wzsubWrap .titWrap .sub_content_title {width: 650px;font-size:27px; line-height:34px; font-weight:bold; background: url('./image/sub/title_icon.png') 0 0 no-repeat;}
.wzsubWrap .titWrap  .imgWrap + .sub_content_title {width: 500px;}
.wzsubWrap .titWrap .sub_content_title.small {font-size:24px;}
.wzsubWrap .titWrap .sub_content_title sub,
.wzsubWrap .titWrap .sub_content_title sup {font-size:18px;}

.wzsubWrap .titWrap.noImg .sub_content_title {left: 0;}

/*.sub_content_title2 {font-size:26px; line-height:35px; font-weight:bold;background:url('./image/sub/title_icon.gif') no-repeat;padding-top:10px;}*/

.wzsubWrap .titWrap .sub_content_title2 {position:absolute; bottom:12px; left:240px; padding-top:10px; font-size:27px; line-height:34px; font-weight:bold; background: url('./image/sub/title_icon.gif') 0 0 no-repeat;}
.wzsubWrap .titWrap .sub_content_title2.small {font-size:24px;}
.wzsubWrap .titWrap .sub_content_title2 sub,
.wzsubWrap .titWrap .sub_content_title2 sup {font-size:18px;}

.wzsubWrap .titWrap.noImg {height:auto;}
.wzsubWrap .titWrap.noImg .sub_content_title{position:static;}
.wzsubWrap .tit {margin-bottom:20px; font-size:18px; line-height:30px; font-weight:bold;}
.wzsubWrap .cmtTit {font-size:15px; font-weight:bold;}
.wzsubWrap .cmtTit span.txt { color:#2020FF; font-size:17px; font-weight:bold;}
.wzsubWrap .cont {clear:both; margin:15px 0 40px;}
.wzsubWrap .cont .cmtTit {margin-top:46px;}
.wzsubWrap .cont .news span {color:#3054dd;}
.wzsubWrap .cont p {margin-top:23px;}
.wzsubWrap .cont p .sup {font-size:9px;}
.wzsubWrap .cont dl {}
.wzsubWrap .cont dl dt {margin-top:30px; font-size:15px; font-weight:bold;}
/*.wzsubWrap .cont dl dd {margin:15px 0 0 0;}*/
.wzsubWrap .cont dl dd .tit {font-weight:bold; font-size:14px; line-height:23px;}
.wzsubWrap .cont dl dd p {margin-top:15px;}
.wzsubWrap .cont dl dd p:first-child {margin-top:0;}
.wzsubWrap .cont dl dd ul {margin-top:15px;}
.wzsubWrap .cont dl dd ul li {padding-left:6px; margin-top:5px; text-indent:-6px;}
.wzsubWrap .cont dl dd ul li:first-child {margin-top:0;}
.wzsubWrap .cont dl dd ul ul {margin-top:0;}
.wzsubWrap .cont dl .referWrap {margin-left:0;}
.wzsubWrap .cont dl .referWrap li {padding-left:0; text-indent:0;}
.wzsubWrap .cont dl .referWrap li div {position:relative; padding-left:26px; text-align:left;}
/* .wzsubWrap .cont dl .referWrap li div .num {display:inline-block; text-indent:-25px; *display:inline; *padding-right:12px;} */
.wzsubWrap .cont dl .referWrap li div .num {display:inline-block; position:absolute; top:0; left:0; width:21px; height:23px; line-height:23px; text-align:right; *top:-3px;}

/* 번호 없을 경우 */
.wzsubWrap .cont dl .referWrap ul.nonNum li {padding-left:25px; text-indent:-25px;}
.wzsubWrap .cont .contImgWrap img {display: block; margin: 0 auto 5px;}

.wzsubWrap .cont .contImgWrap {margin-top:30px; text-align:center;}
.wzsubWrap .cont .contImgWrap.first {margin-top:20px;}
.wzsubWrap .cont .contImgWrap .caption {color:#555; text-align:center;}
.wzsubWrap .scaduleTblWrap {border-bottom:1px solid #ccc; margin-bottom:40px;}
.wzsubWrap .scaduleTblWrap .tblTit {padding:10px 15px 8px; font-weight:bold; font-size:14px; line-height:20px; text-align:center; vertical-align:middle;}
.wzsubWrap .scaduleTblWrap table {width:100%; border-collapse:collapse; table-layout:fixed;}
.wzsubWrap .scaduleTblWrap table th,
.wzsubWrap .scaduleTblWrap table td {padding:8px 5px 6px 15px; font-size:13px; line-height:20px; border:1px solid #ccc; text-align:left; vertical-align:middle;}
.wzsubWrap .scaduleTblWrap table th {font-weight:bold;}
.wzsubWrap .scaduleTblWrap table thead th {font-size:14px; border-top:0 none; border-bottom:0 none;}
.wzsubWrap .scaduleTblWrap table td {border-bottom:0 none;}

.wzsubWrap .branchProgram {margin-top:30px;}
.wzsubWrap .branchProgram .tblTit {padding:3px 5px; font-weight:bold; font-size:13px; line-height:20px; text-align:center; vertical-align:middle; background-color:#eee; color:#000;}
.wzsubWrap .branchProgram table {width:100%; border-collapse:collapse; table-layout:fixed;}
.wzsubWrap .branchProgram table td {padding:5px 5px 5px 10px; font-size:13px; line-height:20px; border:1px solid #ccc; text-align:left; vertical-align:middle;}
.wzsubWrap .branchProgram table td span {font-size:11px;}

/* 컨텐츠 테이블  */
.wzsubWrap .cont table.wzContTbl {table-layout:fixed; border-top:1px solid #ccc; border-right:1px solid #ccc;width:100%;}
.wzsubWrap .cont table.wzContTbl th,
.wzsubWrap .cont table.wzContTbl td {padding:10px; font-size:13px; line-height:20px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; vertical-align:middle;}
.wzsubWrap .cont table.wzContTbl th {padding:10px 5px; font-weight:bold; text-align:center; color:#000;}
.wzsubWrap .cont table.wzContTbl thead th {font-size:14px; border-top:0 none; border-bottom:0 none;}
.wzsubWrap .cont table.wzContTbl td ul li {padding-left:16px !important; text-indent:-16px !important;}
.wzsubWrap .cont table.wzContTbl td ul li a {text-indent:0 !important;}
.wzsubWrap .cont table.wzContTbl td > ul > li {margin-top:10px;}
.wzsubWrap .cont table.wzContTbl td > ul:first-child {margin-top:0;}
.wzsubWrap .cont table.wzContTbl td > ul > li:first-child {margin-top:0;}
.wzsubWrap .cont table.wzContTbl td dl {margin:15px 0;}
.wzsubWrap .cont table.wzContTbl td dl dt {font-size:14px; margin:15px 0 0; font-weight:bold; color:#000 !important;}
.wzsubWrap .cont table.wzContTbl td dl > dt:first-child {margin-top:0;}
.wzsubWrap .cont table.wzContTbl td dl dd > ul:first-child {margin-top:0;}
.wzsubWrap .cont table.wzContTbl td li dl dt {padding-left:16px;}
.wzsubWrap .cont table.wzContTbl td dl dd {margin:0;}
.wzsubWrap .cont table.wzContTbl.tdVTop td {vertical-align:top;}

.cpoint { color:#1b6fbd;  }


/* 180126 스페셜 코너 추가 */
.specialTit {padding:133px 0 30px; background:url('/webzine/201801/image/sub/sub16_bl.png') no-repeat center 28px; font-size:33px; font-weight:bold; line-height:38px; text-align:center;}

.wzsubWrap .cont dl.interview dt {display:inline-block; margin-top:18px; font-weight:bold; line-height:25px; color:#242424; border-bottom:2px solid #1c1c1c;}
.wzsubWrap .cont dl.interview dd {overflow:hidden;}
.wzsubWrap .cont dl.interview dd .fl {padding-right:30px;}
.wzsubWrap .cont dl.interview dd .fr {padding-left:30px;}
.wzsubWrap .cont .fcPoint {color:#4e4e97;}

.wzsubWrap .cont .flBox {overflow:hidden; padding-top:10px;}
.wzsubWrap .cont .flBox .fl {margin-top:20px; padding-right:30px;}
.wzsubWrap .cont .flBox .fr {margin-top:20px; padding-left:30px;}

.wzsubWrap .cont .qna .fr {margin-top:0; padding:50px 0 0 30px;}
.wzsubWrap .cont .qna dl.question {margin-top:24px;}
.wzsubWrap .cont .qna dl.question dt {padding-left:14px; background:url('/webzine/201801/image/sub/subTit_bg.png') no-repeat 0 0; font-size:17px; font-weight:bold; line-height:30px; color:#5551a3;}
.wzsubWrap .cont .qna dl.question dd {color:#4e4e97;}



/* 180413 회원 동정 */
dl.memberInfo {padding:27px 0 22px; background:url('/webzine/201802/image/sub/bl_underline.png') repeat-x left bottom;}


dl.memberInfo dt {padding:14px 0 6px 56px; background:url('/webzine/201802/image/sub/bl_member03.png') no-repeat 0 0; font-size:24px; font-weight:bold; color:#1e4192;}
dl.memberInfo.icon1 dt {background-image:url('/webzine/201802/image/sub/bl_member01.png');}
dl.memberInfo.icon2 dt {background-image:url('/webzine/201802/image/sub/bl_member02.png');}
dl.memberInfo.icon3 dt {background-image:url('/webzine/201802/image/sub/bl_member03.png');}
dl.memberInfo.icon4 dt {background-image:url('/webzine/202110/image/sub/bl_member04.png');}

/* dl.memberInfo1 dt {padding:14px 0 6px 56px; background:url('/webzine/201802/image/sub/bl_member03.png') no-repeat 0 0; font-size:24px; font-weight:bold; color:#1e4192;}
dl.memberInfo2 dt {background-image:url('/webzine/201802/image/sub/bl_member02.png') no-repeat 0 0;}
dl.memberInfo3 dt {background-image:url('/webzine/201802/image/sub/bl_member01.png') no-repeat 0 0;}
dl.memberInfo4 dt {background-image:url('/webzine/201802/image/sub/bl_member03.png') no-repeat 0 0;} */

dl.memberInfo dd {margin-top:17px;}
dl.memberInfo dd li {padding-left:8px; background:url('/webzine/201802/image/sub/bl_dot.png') no-repeat 0 9px; line-height:22px; text-align: initial;	color:#212121;letter-spacing: -1px;}


.tm0 {margin-top: 0 !important;}
ul.discList,
ul.initialList {padding-left: 30px;}
ul.discList li {list-style:disc;}

ul.initialList > li {margin-top: 5px;list-style-image: url('/webzine/201804/image/sub/bl_01.png');}
ul.initialList > li:first-child {margin-top: 0;}

ul.squareList {padding-left: 20px;}
ul.squareList > li {list-style-image: url('/webzine/201804/image/sub/bl_02.png');}

ul.listNum	{margin: 0;padding: 0;list-style:none;}
ul.listNum > li {margin-top: 10px;margin-left: 25px;list-style:decimal;}
ul.listNum > li:first-child {margin-top: 0;}

span.prof {margin-top: 10px; display: block; text-align: right;}

.img_name {display: table-cell;width: 650px;height:160px;vertical-align: bottom;}

.img_name .imgWrap,
.img_name p {display: inline-block;vertical-align: bottom;}

.img_name .imgWrap {padding-right: 30px;}
.img_name .imgWrap img {width:110px;}

.img_name p {font-size: 20px;}

/* 2023-09-12 qna 추가 */
dl.qna {position: relative;margin-top: 30px;border: 3px solid #eaedef;font-size: 17px;}
dl.qna dt  {padding: 20px 15px 20px 70px;margin-top: 0 !important;background: #f4fbff url('image/sub/qna_q.png') 30px 15px no-repeat;color: #026c9d !important;font-weight: bold;font-size: 18px;line-height: 24px;box-sizing: border-box;}
dl.qna dd {margin: 0;padding: 20px;color: #4d4d4d !important;}

/*====================================== Table 관련 ======================================*/
table.tblDef {width:100%;border-top:2px solid #1785a6;}

table.tblDef th,
table.tblDef td {padding:5px 10px; border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;letter-spacing: -1px;}
table.tblDef th:first-child,
table.tblDef td:first-child {border-left:0 none;}

table.tblDef th {font-weight:bold;text-align: center;}
table.tblDef th.bg {background-color:#fff2ef;}

table.tblDef thead th {background-color:#7192C7;color:#fff;}
table.tblDef tbody th{background-color:#f5fbfd;}


table.tblDef td.al {padding-left:20px;}

table.tblDef td.bdLeft {border-left: 1px solid #ccc !important;}
table.tblDef td.bdRight {border-right: 1px solid #ccc !important;}

table.ac th,
table.ac td {text-align:center;}

table.al td {text-align: left;}


ul.imgList {margin-top: 20px;font-size: 0;line-height: 0;text-align: center;}
ul.imgList li {display: inline-block;vertical-align: top;margin-left: 20px;text-align: center;}
ul.imgList li:first-child {margin-left: 0;}
ul.imgList li img {display: block;margin:0 auto 10px; }


p.imgTxt {position: relative;min-height: 162px;padding-right: 150px;}
p.imgTxt img {position: absolute;display: block;right: 0;top: 0;}