@charset "utf-8";

@media screen and (max-width: 1200px) {
html, body {font-size:10px !important;}
}
@media screen and (min-width: 1200px) {
html, body {font-size:10px !important;}
}


@font-face{
font-family:"NanumSquareR";
font-style:normal;
font-weight:normal;
src:url('../_fonts/NanumSquareR.eot');
src:local('※'),
	url('../_fonts/NanumSquareR.eot?#iefix') format('embedded-opentype'),
	url('../_fonts/NanumSquareR.woff') format('woff'),
	url('../_fonts/NanumSquareR.ttf') format('truetype');
}
@font-face{
font-family:"NanumSquareB";
font-style:normal;
font-weight:normal;
src:url('../_fonts/NanumSquareB.eot');
src:local('※'),
	url('../_fonts/NanumSquareB.eot?#iefix') format('embedded-opentype'),
	url('../_fonts/NanumSquareB.woff') format('woff'),
	url('../_fonts/NanumSquareB.ttf') format('truetype');
}


/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0;box-sizing:border-box;}
ul,ol {list-style:none;}
th,h1,h2,h3,h4,h5,h6 {font-weight:normal;}
fieldset,img {border:0 none;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
select,textarea,button {vertical-align:middle;}
input{vertical-align:middle;ime-mode:active;}
button {border:0 none;background-color:transparent;cursor:pointer;}
body,th,td,input,select,textarea {font-family:'돋움','tahoma','Segoe UI',dotum,Arial;}
a {text-decoration:none; color:#222;}
a:active, a:hover {text-decoration:none;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal;}
table {border-collapse:collapse;}
caption{display:none;}

/* global */
.screen_out {display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px;}
.ir_pm {display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px;} 
.clb{clear:both;font-size:0;line-height:0;padding:0;margin:0;height:0;}
.fl{float:left;}
.fr{float:right;}
.block{display:block;overflow:hidden;}
.section{margin:0px auto;}
.b{font-weight:bold;}
.txt_1{letter-spacing:-1px;}
.v-alm{vertical-align:middle;}
.txt_c{text-align:center;}
.txt_r{text-align:right;}
.txt_l{text-align:left;}
.link:hover{cursor:pointer;}

/* 공통요소 */
/* color */
.red{color:#e9573e;}
.gray{color:#666;}
.lightgray{color:#dcdcdc;}
.lightyellow{color:#fcffcf;}
.darkgrey{color:#666;}
.txtred{color:#d9001d;}
.txtblue{color:#1d2088;}
.font20{font-size:20px;}
.bar{color:#999999;padding:0 1rem;}
/* bg */
.redbg{background:#e9573e;}
.greenbg{background:#8cc34e;}
.greenbg1{background:#e7f1ee;}
.darkgreenbg{background:#679c2b;}
.bluebg{background:#37bd9c;}
.bluebg1{background:#e4eaef;}
.darkbluebg{background:#21987b;}
.darkgreybg{background:#666;}
.darkgreybg1{background:#565656;}
.lightgreybg{background:#999;}
.lightgreybg1{background:#fff;}


/* layout */
html, body {width:100%;height:100%;padding:0;margin:0;background-color:#eeeeed;}

#wrap {width:100%;min-width:108rem;}
#header {width:100%;height:16rem;background-color:#ffffff;min-width:108rem;}
  .gnb{width:100%;height:4.9rem;}
  .navi{width:100%;height:7rem;}
  .subnavi{width:100%;height:4rem;background-color:#e7e6e3;border-top:1px solid #cecbc7;}
#container {width:100%;/* background-color:#eeeeed; */ background-color:#f4f4f4;  min-height:70rem; border-top:1px solid #cecbc7;}
  .content{width:95.3rem;margin:0 auto;padding-bottom:2rem;}
#footer {width:100%;height:13.7rem;background-color:#333;}

/* gnb */
.gnb_box{width:95.3rem;margin:0px auto;}
.gnb_navi{float:right;margin-top:15px;}
.gnb_navi li{float:left;padding:0 0 0 12px;font-size:12px;}
.gnb_navi li img{vertical-align:middle;margin-bottom:0.3rem;margin-right:0.2rem;}
.gnb_navi li a{color:#ffffff;font-size:1.2rem;}
.gnb_navi li a:hover{color:#ffffff;text-decoration:underline;}
.logo{margin:0.8rem 0 0 0;}

/* navi */
.navi_box{width:95.3rem;margin:0 auto;}
.navi li{width:20%;height:7rem;float:left;line-height:7.4rem;font-size:1.7rem;text-align:center;font-family:'NanumSquareB';border-bottom:0.4rem solid #ffffff;}
.navi li a{color:#333333;}
/* navi_color */
.navi li a:hover{color:#e9573e;}
.navi li.on{border-bottom:0.4rem solid #e9573e;color:#e9573e;}
.navi li.on a{color:#e9573e;}

/* subnavi */
.subnavi_box{width:95.3rem;margin:0 auto;}
.subnavi_txt{float:left;line-height:3.8rem;font-size:1.2rem;}
.subnavi_txt a{font-weight:bold;color:#666;}
.subnavi_txt a.on{font-weight:bold;color:#e9573e;}

.subtit{font-family:'NanumSquareB';font-size:2.6rem;margin:6rem 0 1.4rem 0;color:#333;text-align:center;}

/* 3depthnavi */
.sub2_navi{width:95.3rem;margin:0 auto;background:#fff;}
  .sub2_navi ul {width:100%;height:6.3rem;border:0.1rem solid #cecbc7;}
  .sub2_navi ul li{float:left;width:18.9rem;height:6.3rem;font-family:'NanumSquareB';font-size:1.7rem;border-right:0.1rem solid #cecbc7;line-height:6.3rem;text-align:center;}
  .sub2_navi ul li.none{border-right:none;}
  .sub2_navi ul li a.on{color:#111;}
  .sub2_navi ul li a{color:#999;}
  .sub2_navi ul li a:hover{color:#111;}
  .sub2_navi ul li:last-child { border:none; }

/* 3depthnavi_쪽지 */
.sub2_navi_note{width:95.3rem;margin:0 auto;background:#fff;}
  .sub2_navi_note ul {width:100%;height:6.3rem;border:0.1rem solid #cecbc7;}
  .sub2_navi_note ul li{float:left;width:31.6rem;height:6.3rem;font-family:'NanumSquareB';font-size:1.7rem;border-right:0.1rem solid #cecbc7;line-height:6.3rem;text-align:center;}
  .sub2_navi_note ul li.none{border-right:none;}
  .sub2_navi_note ul li .on{color:#111;}
  .sub2_navi_note ul li a{color:#999;}
  .sub2_navi_note ul li a:hover{color:#111;}

/* 3depthnavi_상조회 */
.sub2_navi_sangjo{width:95.3rem;margin:0 auto;background:#fff;}
  .sub2_navi_sangjo ul {width:100%;height:6.3rem;border:0.1rem solid #cecbc7;}
  .sub2_navi_sangjo ul li{float:left;width:47.5rem;height:6.3rem;font-family:'NanumSquareB';font-size:1.7rem;border-right:0.1rem solid #cecbc7;line-height:6.3rem;text-align:center;}
  .sub2_navi_sangjo ul li.none{border-right:none;}
  .sub2_navi_sangjo ul li:last-child{border-right:none;}
  .sub2_navi_sangjo ul li .on{color:#111;}
  .sub2_navi_sangjo ul li a{color:#999;}
  .sub2_navi_sangjo ul li a:hover{color:#111;}

/* 3depthnavi_센터안내 */
.sub2_navi_center{width:95.3rem;margin:0 auto;background:#fff;}
  .sub2_navi_center ul {width:100%;height:6.3rem;border:0.1rem solid #cecbc7;}
  .sub2_navi_center ul li{float:left;width:11.8rem;height:6.3rem;font-family:'NanumSquareB';font-size:1.7rem;border-right:0.1rem solid #cecbc7;line-height:6.3rem;text-align:center;}
  .sub2_navi_center ul li.none{border-right:none;}
  .sub2_navi_center ul li:last-child{border-right:none;}
  .sub2_navi_center ul li .on{color:#111;}
  .sub2_navi_center ul li a{color:#999;}
  .sub2_navi_center ul li a:hover{color:#111;}

/* 계좌 */
.bankbox{width:95.3rem;margin:0 auto;background:#fff;}
  .bankbox > ul li{float:left; width:48%; text-align:center; font-size:1.2rem;color:#333;padding:1.5rem 0.5rem;}
  /*.bankbox > ul li.bank1{width:24rem;background:url(../_image/bankbar.gif) 24.3rem no-repeat;}
  .bankbox > ul li.bank2{width:24rem;background:url(../_image/bankbar.gif) 24.3rem no-repeat;}
  .bankbox > ul li.bank3{width:8rem;font-size:1.4rem;color:#333;font-weight:bold;} */
  .bankbox td{text-align:center;padding:0.3rem;}
  .bankbox td.logo{height:3rem;}
  .bankbox td.num{font-size:1.8rem;color:#333;font-family:'arial';font-weight:bold;}

  /* noti */
.notibox{width:95.3rem;margin:0 auto;background:#fff;}
.noti_txt{line-height:2.4rem;font-size:1.2rem;padding:0.6rem 1.2rem;}


/* footer */
.footer_navi{width:95.3rem;margin:0 auto;font-size:1.2rem;}
.footer_navi ul{padding-top:0.6rem;}
.footer_navi li{line-height:5rem;float:left;}
.footer_navi li a{color:#ffffff;font-weight:bold;}
.footer_navi li a:hover{text-decoration:underline;}
.footer_copy{width:95.3rem;margin:0 auto;font-size:1.2rem;color:#aaa;line-height:1.8rem;}


/* 여백 마진, 패딩 */
.mt4{margin-top:0.4rem;}
.mt8{margin-top:0.8rem;}
.mt12{margin-top:1.2rem;}
.mt16{margin-top:1.6rem;}
.mt30{margin-top:3rem;}
.mt38{margin-top:3.8rem;}
.ml4{margin-left:0.4rem;}
.mb2{margin-bottom:0.2rem;}
.mb4{margin-bottom:0.4rem;}
.mb12{margin-bottom:1.2rem;}
.ml8{margin-left: 0.8rem;}
.mr8{margin-right:0.8rem;}
.ml160{margin-left:16rem;}
.mr160{margin-right:16rem;}
.mr4{margin-right:0.4rem;}
.ml12{margin-left:1.2rem;}
.ml13{margin-left:1.3rem;}
.ml20{margin-left:2rem;}
.mr12{margin-right:1.2rem;}
.mr120{margin-right:2rem;}
.mlr2{margin:0 2px;}


/* 퀵메뉴 */
.quick{position:absolute;z-index:1000;left:50%;margin-left:48.5rem;margin-top:21.7rem;}
.quick table.banner{width:12rem;border:1px solid #cecbc7;background:#fff;font-size:1.2rem;line-height:1.6rem;}
.quick .banner td{padding:0.8rem;border-bottom:1px solid #e4e2e0;}
.quick .banner td:hover{background:#f7f4f0;}
.quick .banner td.none{border-bottom:none;}
.quick table.fax{width:12rem;border:1px solid #cecbc7;background:#fff;font-size:1.2rem;line-height:1.6rem;margin-top:1rem;}
.quick .fax td{padding-top:0.2rem;border-bottom:1px solid #e4e2e0;text-align:center;color:#666;line-height:2rem;}
.quick .fax td.img{padding:0.8rem 0 0.3rem 0;}
.quick .fax td.none{border-bottom:none;}
.quick .fax td.lgrey{background:#fbfbfb;}


/* 20190909 css추가 */
/* 폼 */
.formTxt{display:inline-block;width:100%;height:30px;padding:4px 12px;font-size:13px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #666;border-radius:3px;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.formSelSml{display:inline-block;width:100%;height:30px;padding:4px 12px;margin-right:5px;font-size:13px;line-height:1.42857143;color:#555;border:1px solid #666;border-radius:3px;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.formSel{display:inline-block;width:100%;height:30px;padding:6px 12px;margin-right:5px;font-size:15px;line-height:1.42857143;color:#555;border:1px solid #666;border-radius:3px;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.formRig{display:inline-block;width:70px;height:30px;padding:6px 4px;margin:2px;font-size:12px;line-height:1.42857143;text-align:right;color:#555;background-color:#fff;background-image:none;border:1px solid #666;border-radius:3px;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.formMd{display:inline-block;width:50px;height:30px;padding:6px 4px;margin:2px;font-size:12px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #666;border-radius:3px;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.formSml{display:inline-block;width:100%;height:24px;padding:6px 8px;margin-bottom:3px;margin-right:5px;font-size:13px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #666;border-radius:3px;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.form{display:inline-block;width:100%;height:40px;padding:8px 12px;margin-right:5px;font-size:15px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #666;border-radius:3px;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.chkbox{margin:0 3px; width:15px; height:15px;}
.rdobox{margin:0 3px; width:15px; height:15px;}


/* 20190909 css추가 */
/* 버튼 */
.btnLine{display:inline-block; padding:4px 5px 0px; vertical-align:middle; cursor:pointer; color:#cd351b; background:#f8f8f8; border:1px solid #cd351b; box-sizing:border-box; letter-spacing:-1px; font-size:11px; -webkit-border-radius:2px; border-radius:2px; line-height:14px; font-family:'돋움';}
.btnLine:hover{color:#cd351b;background:#f1e7f6;border:1px solid #cd351b;}
.btnLineBig{display:inline-block; padding:4px 8px 1px; vertical-align:middle; cursor:pointer; color:#cd351b; background:#f8f8f8; border:1px solid #cd351b; box-sizing:border-box; letter-spacing:-1px; font-size:13px; -webkit-border-radius:2px; border-radius:2px;line-height:18px; font-family:'돋움';}
.btnLineBig:hover{color:#cd351b;background:#f1e7f6;border:1px solid #cd351b;}
.btnBg{display:inline-block; padding:4px 5px 0px; vertical-align:middle; cursor:pointer; color:#fff; background:#9958bc; border:1px solid #cd351b; box-sizing:border-box; letter-spacing:-1px; font-size:11px; -webkit-border-radius:2px; border-radius:2px; line-height:14px; font-family:'돋움';}
.btnBg:hover{color:#fff;background:#763f94;border:1px solid #cd351b;}
.btnBgBig{display:inline-block; padding:4px 8px 1px; vertical-align:middle; cursor:pointer; color:#fff; background:#9958bc; border:1px solid #cd351b; box-sizing:border-box; letter-spacing:-1px; font-size:13px; -webkit-border-radius:2px; border-radius:2px;line-height:18px; font-family:'돋움';}
.btnBgBig:hover{color:#fff;background:#763f94;border:1px solid #cd351b;}

.btnBalju{display:inline-block; box-sizing:border-box; min-width:150px; height:46px; border:1px solid #d56365; background-color:#d56365; color:#fff; -webkit-border-radius:5px; border-radius:5px; margin:20px 5px; padding:12px 0 13px; font-weight:bold; font-size:16px; line-height:20px; text-align:center}
.btnEnter{display:inline-block; box-sizing:border-box; min-width:110px; height:40px; border:1px solid #babc00; background-color:#babc00; color:#fff; -webkit-border-radius:5px; border-radius:5px; margin: 10px 8px; padding:5px; font-weight:bold; font-size:14px; line-height:13px; text-align:center}
.btnDeliv{display:inline-block; box-sizing:border-box; min-width:110px; height:40px; border:1px solid #676a5d; background-color:#676a5d; color:#fff; -webkit-border-radius:5px; border-radius:5px; margin: 10px 8px; padding:5px; font-weight:bold; font-size:14px; line-height:13px; text-align:center}
.btnClose{display:inline-block; box-sizing:border-box; min-width:110px; height:40px; border:1px solid #222; background-color:#222; color:#fff; -webkit-border-radius:5px; border-radius:5px; margin: 10px 8px; padding:5px; font-weight:bold; font-size:14px; line-height:13px; text-align:center}
.btnCloseSml{display:inline-block; box-sizing:border-box; min-width:60px; height:25px; border:1px solid #222; background-color:#222; color:#fff; -webkit-border-radius:5px; border-radius:5px; margin: 10px 8px; padding:5px; font-weight:bold; font-size:14px; line-height:13px; text-align:center}
.btnSrch{display:inline-block; box-sizing:border-box; min-width:50px; height:30px; border:1px solid #888; background-color:#f5f5f5; color:#888; -webkit-border-radius:5px; border-radius:5px; margin:10px 2px; padding:5px; font-weight:bold; font-size:14px; line-height:15px; text-align:center}
.btnDetail{display:inline-block; box-sizing:border-box; min-width:50px; height:28px; border:1px solid #1da1f2; background-color:#1da1f2; color:#fff; -webkit-border-radius:5px; border-radius:5px; margin:0; padding:5px; font-weight:bold; font-size:14px; line-height:15px; text-align:center}
.btnUpload{display:inline-block; box-sizing:border-box; min-width:50px; height:25px; border:1px solid #888; background-color:#fff; color:#888; -webkit-border-radius:5px; border-radius:5px; margin:2px; padding:5px; font-weight:bold; font-size:14px; line-height:15px; text-align:center}
.btnView{display:inline-block; box-sizing:border-box; min-width:50px; height:30px; border:1px solid #888; background-color:#fff; color:#888; -webkit-border-radius:5px; border-radius:5px; margin:20px 2px; padding:5px; font-weight:bold; font-size:14px; line-height:15px; text-align:center}
.btnSelet{display:inline-block; box-sizing:border-box; border:1px solid #d71826; background-color:#d71826; color:#fff; -webkit-border-radius:5px; border-radius:5px; margin:4px 0; padding: 6px 8px 7px; font-weight:bold; font-size:13px; line-height:10px; text-align:center}
.btnSeletSml{display:inline-block; box-sizing:border-box; border:1px solid #d71826; background-color:#d71826; color:#fff; -webkit-border-radius:5px; border-radius:5px; margin:4px 0; padding: 4px 8px 3px; font-weight:bold; font-size:12px; line-height:10px; text-align:center}
.btnFile{display:block;width:61px;height:21px;background:url('../_image/btnFile.jpg') no-repeat;overflow:hidden;text-indent:-9999px;}
.btnDel{display:block;width:15px;height:15px;background:url('../_image/btnDel.jpg') no-repeat;overflow:hidden;text-indent:-9999px;}

.btnArea_wrap:after{content:""; clear:both; display:block;}
.btnArea_wrap{float:left; width:100%; margin:0 auto; padding:40px; text-align:center;}
.btnArea{width:90%; margin:20px auto; text-align:center;}