@charset "utf-8";

body {background-color:#f9f9f9;}

 /* 사이트 공통 CSS */
/* default font-family */
body,
div.wrapper,
input[type='text'],
input[type='password'],
input[type='file'],
input[type='submit'],
input[type='button'],
input[type='reset'],
select,
textarea,
button {font-family: 'Malgun Gothic', '맑은고딕', sans-serif;color:#5f5f5f;font-size:14px;line-height:1.5;font-weight:normal;text-align:justify;word-break:normal;}



/* ========================================================================================================== */
/* ============================================= 버튼 및 폼태그 공통 CSS ============================================ */
/* ========================================================================================================== */

a:hover,
a:focus {}
a img {vertical-align:middle;}

input[type=text] {margin:0;padding:0;}

input[type=submit],
input[type=button],
button {display:inline-block;margin:0;padding:0;border:0 none;cursor:pointer;}
textarea {margin:0;}

select,
input[type='text'],
input[type='password'],
textarea {height:22px;padding:4px 10px;border:1px solid #e3e3e3;}
select {height:32px;padding:0;background-color:#fff;}
textarea {height:50px;}

input[type=radio],
input[type=checkbox] {vertical-align:middle;margin:0 5px 0 20px;}
input[type=radio]:first-child,
input[type=checkbox]:first-child {margin-left:0;}

.inputTbl label,
.inputArea label,
.inputTbl span,
.inputArea span {display:inline-block;}


.btnBg {display:block;width:100%;height:100%;text-indent:-10000px;}

/* 버튼 영역 */
.btnArea {position:relative;overflow:hidden;margin-top:30px;text-align:center;}
.btnArea .posTL,
.btnArea .posTR {overflow:hidden;}
.btnArea .posTL > *,
.btnArea .posTR > * {float:left;margin-left:5px;}
.btnArea .posTL > *:first-child,
.btnArea .posTR > *:first-child {margin-left:0;}


.btn a,
.btn input,
.btn button {display:inline-block;text-decoration:none;cursor:pointer;height:35px;padding:0 16px 2px;font-size:1em;border-style:solid;border-width:1px;vertical-align:top;text-align: center !important;}

.btn a {height:auto;line-height:1.2 !important;padding:7px 16px 10px;}


.btn .btnBg {width:100%;height:100%;border:0 none;padding:0;opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);}




/* 큰 버튼 height:46px */
.btn .btnBig {min-width:80px;height:46px;padding:0 30px;font-size:16px;font-weight:normal;}
.btn a.btnBig {min-width:68px;height:auto;padding:12px 20px 14px;}

div.btnArea * {margin-left:20px;}
div.btnArea *:first-child {margin-left:0;}

/* 작은 버튼 height:24px */
.btn .btnSmall {height:24px;padding:0 13px 3px;font-size:12px;}
.btn a.btnSmall {height:18px;padding:0 13px 0;}

table.inputTbl span.btn *,
td.btn * {padding-left:20px;height:23px;font-size:12px;}
table.inputTbl span.btn a,
td.btn a {height:18px;padding:2px 8px 0px;font-size:0.8em;}



/* 파란색 */			.btn .btnDef {background-color:#0353ac;border-color:#0353ac;color:#fff !important;}
/* 회색 */				.btn .btnGrey {background-color:#222733;border-color:#222733;color:#fff !important;}
/* 연회색 */			.btn .btnLGrey {background-color:#eee;border-color:#eee;color:#515151 !important;}


/* border+파란색 */			.btn .btnBdDef {background-color:#fff;border-color:#0353ac;color:#0353ac !important;}
/* border+회색 */				.btn .btnBdGrey {background-color:#fff;border-color:#222733;color:#222733 !important;}

.btn .btnArr {padding-right:32px;background-image:url('../image/btnBl_arr.png');background-position:right center;background-repeat:no-repeat;}
.btn .btnImg {padding:0;border:0 none;border-radius:0;}
.btn .btnImg img {padding:0;}






div.wrapper {position:relative;width:1080px;margin:0 auto; ; font-family: 'Noto Sans KR', sans-serif; background: url('../image/bg.png') 0 0 repeat-y;}
div.wrapper:before {z-index:100; position: absolute;left: 26px;top: 26px;width: 328px;height: calc(100% - 154px);border-radius: 20px 0 0 0;content: "";background:  url('../image/bg_main_top.png') no-repeat left top,url('../image/bg_main_bottom.png') no-repeat left bottom, #e2f7fb ;}
div.wrapper.sub:before {background:  url('../image/bg_sub_top.png') no-repeat left top,url('../image/bg_sub_bottom.png') no-repeat left bottom, #e2f7fb ;}


div#headerWrap {z-index: 100; position:absolute;left:0;top:0;width:328px;padding:26px 0 0 26px;}

div#headerWrap > div {position: relative;z-index: 100;border-radius:21px 0 0 0;}
div#headerWrap.main > div {background: none;}
div#headerWrap h1 {position: relative;padding:30px 0 16px 30px;}
div#headerWrap h1 a {display:block;}
div#headerWrap h1 a.home {position: absolute;right: 40px;top: 40px;}
div#headerWrap h2 {visibility:hidden;height:0;font-size:0;line-height:0;text-indent:-10000px;}


div#footerWrap {clear:both;width:967px;padding:24px 56px 50px;background:url('../image/bg_btm.png') left bottom no-repeat #f7f7f7;font-size:12px;}
div#footerWrap,
div#footerWrap a {color:#a0a0a0;text-decoration:none;}
div#footerWrap ul {overflow:hidden;}
div#footerWrap li {float:left;padding-left:10px;}
div#footerWrap li:first-child {padding-left:0;}

ul#lnb {padding-bottom:30px;}
ul#lnb > li {padding:20px 10px 0 10px;}
ul#lnb a {display:block;padding-left: 30px;text-decoration:none;color:#000;font-size:15px;text-align: left;}

ul#lnb .on a {color:#0445be;font-weight:bold;}

ul#lnb a:hover{color:#0445be;}

ul#lnb > li > a {padding:5px 0 5px 30px;background:url('../image/bl_lnb.png') 8px center no-repeat;font-size: 14px;font-weight:bold;}


ul#lnb ul {padding-left: 30px;}
ul#lnb ul a {position: relative;padding-left: 10px;}
ul#lnb ul a:before {position: absolute;left: 0;top: 0;content: "-";}

div#container {position: relative; z-index: 1;padding:26px 26px 0; background: url('../image/bg_top.png') right top no-repeat;}
div#container::after {z-index: 0; content:""; display:block; width: 100%; height: 100%; border-radius:21px 0 0 0;position: absolute; top:26px; left:26px;}

div.contents { position: relative; z-index: 1;width:700px; min-height: 1465px;padding:0 0 0 328px;border-radius:21px 21px 0 0;}


div.contents div.titArea {overflow:hidden;padding:125px 30px 0;background:#fff url('../image/titArea_bg.png') right top no-repeat;border-radius:0 20px 0 0 ;}
div.contents h3 {padding-bottom:10px;color:#47555f;font-size:22px;border-bottom:1px solid #d8d8d8; font-weight: bold;}

ul.sns  {float:right;padding:10px 0;}
ul.sns li {float:left;padding-left:5px;}
ul.sns li:first-child {padding-left:0;}
ul.sns a {display:block;}

div.main div#headerWrap {z-index:100;position:absolute;left:0;top:0;width:328px;padding:26px 0 0 26px;background:url('../image/bg_top.png') 0 0 no-repeat;}
div.main div#headerWrap > div {height:226px;padding-left:0;background:url('../image/bg_left_main.png') 0 0 no-repeat;}

div.main div#headerWrap h1 {position:absolute;left:30px;top:30px;width:258px;height:172px;padding:30px 0 0 30px;}
div.main div#headerWrap h1 a {display:block;height:100%;text-indent:-10000px;background:url('../image/header_logo_main.png') 0 0 no-repeat;}
div.main div#headerWrap h2 {float:right;width:700px;height:99px;background:url('../image/header_tit_main.png') 0 0 no-repeat;text-indent:-10000px;}


div.main div#container {padding:26px 26px 0;}
div.main div.contents {background:url('../image/bg_left_main.png') 0 0 no-repeat;}
div.main div.titArea {height:226px;padding:0;background:url('../image/conBg_main.png') right top no-repeat;}
div.main div.titArea h3 {visibility:hidden;height:0;font-size:0;line-height:0;text-indent:-10000px;padding:0;border:0 none;}

ul.mainMenu {overflow:hidden;}
ul.mainMenu li {float:left;}
ul.mainMenu a {display:block; font-size: 0;}
ul.mainMenu img{display:block;}

div.main div.bnr {padding:14px 0;background-color:#f7f7f7;}
div.main div.bnr a,
div.main div.bnr img {display:block;}
div.main div.bnr li{float:left;}

div.conArea {min-height:0px;padding:20px 30px 50px;background-color:#fff;}
div.conArea > p,
div.conArea dt.fwBold,
div.conArea h5.fwBold {margin-top: 15px;}

div.conArea p:first-child {margin-top:0;}

div.conArea p.img {text-align:center;}
div.conArea p.img img {display:block;margin:20px auto 0;}
div.conArea p.img img:first-child {margin-top:0;}

div.conArea div.ac p {display:inline-block;}
/*
.subTit {margin:30px 0 10px;padding-bottom:10px;color:#1d5252;border-bottom:1px solid #d8d8d8;font-size:16px;font-weight:bold;}*/

.subTit {margin:30px 0 10px; font-size:17px; color:#3480dd; font-weight: bold; text-align: left;}
.subTit:first-child {margin-top:0;}
.subTit_bl {padding:0 0 5px 20px; color:#1c1e36; font-size:16px; background:url('../image/sub/subTit_bl.png') 0 center no-repeat; margin: 30px 0 10px; font-weight: bold;}
.blSquare {margin:30px 0 10px; padding:0 0 5px 10px;color:#222;font-size:14px; background:url('../image/sub/subTit_bl_s.png') 0 9px no-repeat; font-weight: 500;}

.dotTit {margin:30px 0 10px; padding-left:10px; background:url('../image/bl_dot.png') no-repeat 0 9px; font-size:16px; line-height:20px; color:#333436;font-weight: bold;}


div.conArea .pointTit {margin:30px 0 10px; padding:0 0 0 10px; background:url('../image/bl_pointTit.png') no-repeat 0 10px; line-height:23px; color:#0078c2;}

.ing {margin-top:100px; text-align:center;}	

ul.subMenu {overflow:hidden;border-top:1px solid #d8d8d8;border-right:1px solid #d8d8d8;}
ul.subMenu li {float:left; margin: 0 !important;}
ul.subMenu a {display:block;border-left:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;padding:10px 0;text-decoration:none;text-align:center;color:#5f5f5f;font-size:12px;}
ul.subMenu .on a {background-color:#53bae7; border-color: #53bae7; color:#fff; font-weight: bold !important;}

ul.menu2ea li {width:50%;}
ul.menu3ea li {width:213px;}
ul.menu4ea li {width:25%;}

ul.wide li {float:none;}

table.tblDef {border-top:2px solid #2e4670;}
table.tblDef th,
table.tblDef td {padding:5px 5px 7px;border-bottom:1px solid #ccc;color:#222; text-align:left;}
table.tblDef td + td {border-left: 1px solid #ccc;}
table.tblDef th {background-color:#8fb1ce ;color: #fff;}
table.tblDef tr > *:first-child {border-left: 0 none;}

table.tblDef thead th {background-color: #ebf4f6;}


/* 인사말 */
div.message {color: #3b3b3b;}
div.message p {}
div.message p:first-child {margin-top: 40px;font-size: 20px;}
div.message strong {color: #1f3692;}
div.message p.sign {padding-top: 60px;font-weight: bold;text-align: right;color: #222;}

ul.listNum {margin-left:15px !important;}
ul.listNum > li {margin-top:20px;list-style:decimal;}



div.reply {padding:0 30px 30px;background-color:#fff;}

div.reply div.formArea {overflow:hidden;padding-bottom:10px;}
div.reply div.formArea textarea {float:left;width:490px;height:86px;}
div.reply div.formArea span.btn {float:right;width:115px;height:96px;}
div.reply div.formArea span.btn * {width:100%;height:100%;}

div.reply ul.replyList {border-top:1px solid #efefef;}
div.reply ul.replyList li {position:relative;padding:10px;border-bottom:1px solid #efefef;}
div.reply ul.replyList span {display:block;}
div.reply ul.replyList span.writer {float:left;color:#515151;}
div.reply ul.replyList span.tit {clear:both;color:#8d8d8d;}

div.reply ul.replyList span.util {float:right;}
div.reply ul.replyList span.util a {float:left;color:#616161;text-decoration:none;}
div.reply ul.replyList span.util a:before {padding:0 5px;content:"|";font-size:10px;color:#616161;}
div.reply ul.replyList span.util a:first-child:before {padding:0;content:"";}

div.progrmList dl dt:first-child {padding-top:0;}
div.progrmList dl dt {padding:40px 0 10px; font-size:15px; color:#5f5f5f;}
div.progrmList dl dd {line-height:20px; color:#5f5f5f;}
div.progrmList dl dd > ul {padding-left:20px;}
div.progrmList dl dd > ul li {padding-left:10px; text-indent:-10px;}


/* 참관기 */
div.review {}
div.review img.fl {padding: 0 20px 0 0;}

.pictureList {overflow:hidden;}
.pictureList li {float:left; margin:0 0 10px 20px; border:1px solid #d2d2d2;}
.pictureList li:first-child {margin-left:0;}
.pictureList img {display: block;width:198px;}


/* 릴레이 인터뷰 */
div.interview {}
div.interview h4 {padding-bottom: 10px;line-height: 1.4em;}

div.interview p {padding: 0;margin: 0 0 10px;}


/* 최신 논문 리뷰 */
div.article {}
div.article h4 {padding-bottom: 10px;line-height: 1.4em;}
div.article > p {padding: 0;margin: 0 0 10px;}


/* 신입회원 */
div.member {}
div.member dl.bdArea {padding: 20px;border: 1px solid #dedede;background-color: #f6fbfe;color: #5f5f5f;}
div.member dl.bdArea dt {text-align: center;color: #333436;font-weight: bold;}

div.member dd {padding-top: 10px;}
div.member dd span {display: inline-block;padding-left: 50px;}
div.member table.tblDef {margin-top: 0px;}




/*  보험꿀팁 관련 */
div.tip{font-size: 13px;}
div.tip ul{padding-bottom: 10px;}
div.tip ul li{margin-top: 5px;}
div.tip ul li span{display:block;}
div.tip ul li:first-child{margin-top: 0px;}

div.tip h4.blSquare{border-bottom: 1px solid #d8d8d8; font-size: 16px;}
div.tip p{padding-top: 10px;}



/* 탭메뉴 관련 */

ul.tabMenu {overflow:hidden;border-top:1px solid #d8d8d8;border-right:1px solid #d8d8d8;}
ul.tabMenu li {float:left;}
ul.tabMenu a {display:block;border-left:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;padding:10px 0;text-decoration:none;text-align:center;color:#009bbc;font-size:12px;}
ul.tabMenu .on a {background-color:#009bbc;color:#fff;}


div.tabCon{overflow: hidden; margin-top: 20px;}
div.tabCon h4{margin-top: 40px; text-align: left; font-size: 20px; color: #0353ac;}
ul.imgwrap{margin-top: 10px; overflow: hidden;}
ul.imgwrap li{float:left; margin-left:5px; margin-bottom: 5px;}
ul.imgwrap li:nth-child(3n+1){margin-left: 0; clear:both;}


/* 공통 */
.bdBox{padding: 25px 35px; border: 4px solid #eeeeee;}	
.unListNum{margin: 15px 0;}
.unListNum li{padding-left: 9px; text-indent: -9px; text-align: justify;}
.bdRBox{border: 1px solid #ccc; padding: 10px 0 10px 35px; text-align: center; border-radius: 30px;}
.fcPink{color: #ff0066 !important;}
.fcPoint{color: #506ea1 !important;}

.conLink {color:inherit; text-decoration: none;}

/* 신년사 */
div.newYear {position: relative; min-height: 300px; padding-left: 232px;}
div.newYear p:first-child {margin-top: 0;}
div.newYear p {margin: 15px 0;}
div.newYear p.img {position: absolute; left: 0; top: 0; width: 224px; height: 385px; margin: 0;}
div.newYear p.img img {display: block;}



div.linkBtn {margin-top: 15px;}
div.linkBtn a {display: inline-block;padding: 0 15px;color: #494949;text-decoration: none;line-height: 28px;background-color: #eeeeee;}
div.linkBtn a img {margin-top: -5px;}