@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css); 

body {font-family: 'Nanum Gothic',sans-serif; font-size:14px; overflow-y:scroll;margin:0;}
a {text-decoration:none; color:#000;}
a:hover {color:#64a4da;}
* {resize:none; outline:none;}

/*** 자식 테그들이 float 일 경우, 이 테그를 사용합니다. ***/
.mContentWrap {zoom:1;}
.mContentWrap:after {content:""; clear:both; display:block;visibility:hidden; height:0;}

label {cursor:pointer}
.vam {vertical-align:middle !important;}
.tal {text-align:left !important;}
.tac {text-align:center !important;}
.tar {text-align:right !important;}
.tdul {text-decoration:underline !important;}
input[type=checkbox] {border:1px solid #c5c4bd;}

.cTitle {background:url(/common/img/circleO.png) 0 50% no-repeat; padding:0 0 0 20px;}
.cTitle:after {content:""; display:block; clear:both;}
.cTitle span.cTitle_text {float:left;font-size:16px; font-weight:600; color:#000000;}
.cTitle span.cTitle_pattern {float:right; font-size:16px; font-weight:600; color:#000000; cursor:pointer;}

.tableWrap {width:100%;}

.ksBoard1 {width:100%;}
.ksBoard1 tbody tr td {padding:10px 0 10px 10px; text-align:left; font-size:13px; color:#9a9999;}
.ksBoard1 tbody tr td.cen {padding:10px 0; text-align:center;}
.ksBoard1 tbody tr:nth-child(odd) {background:#f6f6f6;}
.ksBoard1 tbody tr td a {color:#9a9999;}
.ksBoard1 tbody tr td a:hover {color:#64a4da;}

.none {display:none !important;}
.hidden {visibility:hidden; position:absolute; top:-9999em; left: -9999em; width:0px; height:0px; line-height:0; overflow:hidden;}

input:focus {outline:none;}
select:focus {outline: none;}

label.chkWrap {cursor:pointer;}
label.chkWrap i.chkImg {display:inline-block; width:17px; height:17px; margin-top:-3px; background:url("/home/common/img/section/check_out.jpg") left center no-repeat; vertical-align:middle; transition-duration:.3s;}
table label.chkWrap i.chkImg {display:inline-block; width:17px; height:17px; margin-top:0px; background:url("/home/common/img/section/check_out.jpg") left center no-repeat; vertical-align:middle; transition-duration:.3s;}
label.chkWrap input[type=checkbox] {display: none;}
label.chkWrap input[type=checkbox]:checked + i.chkImg {background:url("/home/common/img/section/check_in.jpg");}

label.radioWrap i.radioImg {display:inline-block; width:17px; height:17px; background:url("/home/common/img/section/radio_out.png") left center no-repeat; vertical-align:middle; transition-duration:.3s;}
label.radioWrap input[type=radio] {display: none;}
label.radioWrap input[type=radio]:checked + i.radioImg {background:url("/home/common/img/section/radio_in.png");}

select {height:48px;padding-left:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0px; border:1px solid #e1e1e1;}

.file_text {float:left; height:29px;}
.fileWrap {position:relative; width:126px; height:41px; overflow:hidden;}
.file_img {padding:0 0 0 5px;}
.file_hidden {font-size:29px; position:absolute; right:0px; top:0px; opacity:0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); cursor:pointer;}

.buttonWrap {width:100%;}
.buttonWrap:after {content:""; display:block; clear:both;}
.buttonWrap .btLeft {float:left;}
.buttonWrap .btRight {float:right;}
.buttonLeft {width:100%; text-align:left;}
.buttonCenter {width:100%; text-align:center;}
.buttonRight {width:100%; text-align:right;}

.disB {display:block;}



/* 레이아웃/공통 */
#Wrap {width:100%; min-width:1140px; overflow:hidden; padding-bottom:0; color:#382e2b;}

header {width:100%;}
header .tbannerWrap {width:100%; height:40px; background-color:#c1315a;}
header .tbannerWrap .tbanner {position:relative; width:1140px; height:40px; margin:0 auto;}
header .tbannerWrap .tbanner span {display:block; width:100%; padding:11px 0 0 0; text-align:right; font-size:14px; font-weight:600; color:#fff;}
header .tbannerWrap .tbanner span a { color:#fff}

nav {width:100%; height:70px; position:relative; z-index:32;border-bottom:1px solid #ddd}
nav:after {clear:both}
nav .nav_main {width:100%; height:70px; background-color:#fff;}
nav .nav_main ul.mNav {width:1140px; height:70px; margin:0 auto;}
nav .nav_main ul.mNav > li {position:relative;float:left; display:block; width:105px; height:70px;z-index:20; margin:0 20px 0 20px;}
nav .nav_main ul.mNav > li#mainLogo {margin-right:20px; margin:auto; }
nav .nav_main ul.mNav > li.menu > a { font-size:18px; font-weight:600;}
nav .nav_main ul.mNav > li > a {display:block; width:100%;height:70px;color:#575757;font-weight:500;line-height:66px;font-size:16px;text-align:center;}

nav .nav_main ul.mNav > li > div.tP_Wrap {display:none;position:absolute; top:70px; left:0; width:1140px; height:180px; padding-top:15px; background-color:#fff;opacity:0.9;z-index:6;border-top:1px solid #ddd}
nav .nav_main ul.mNav > li > div.tP_Wrap dl {float:left; width:145px; height:190px; margin:0px;}
nav .nav_main ul.mNav > li > div.tP_Wrap dl:nth-child(1) {width:250px;}
nav .nav_main ul.mNav > li > div.tP_Wrap dl > dt {display:none;padding:10px 0 10px 10px; margin-bottom:10px; font-size:14px; font-weight:600; color:#382e2b; border-bottom:1px solid #dddddd;}
nav .nav_main ul.mNav > li > div.tP_Wrap dl > dd {margin-left:45px; line-height:40px;}
nav .nav_main ul.mNav > li > div.tP_Wrap dl > dd:nth-child(1) {margin-left:35px !important;}
nav .nav_main ul.mNav > li > div.tP_Wrap dl > dd > a {font-size:15px; font-weight:600; color:#575757;}
nav .nav_main ul.mNav > li > div.tP_Wrap dl > dd > a:hover {color:#c1315a;}

section {width:100%;}

footer {width:100%; height:140px; margin:14px 0 0 0; background-color:#4a4949;clear:both;}
footer .footWrap {width:1140px; margin:0px auto;}
footer .footWrap .footLogo {width:220px; float:left;text-align:center;}
footer .footWrap .footLogo img {margin-top:50px;}
footer .footWrap .copyrightWrap { margin-top:25px; width:410px;float:left;margin-left:300px;}
footer .footWrap .copyrightWrap:after {content:""; display:block; clear:both;}
footer .footWrap .copyrightWrap .siteName {color:#fff; font-size:14px; font-weight:600;line-height:20px;}
footer .footWrap .copyrightWrap .copyright {width:100%; font-size:12px; font-weight:400; color:#fff; line-height:24px;}
footer .footWrap .familySite {float:right;margin-top:50px;}
footer .footWrap .familySite select {background-color:#fff;font-size:15px;height:25px;width:150px;}

section.subWrap {width:1140px; margin:40px auto 0 auto;}
section.subWrap .subTop {padding-bottom:15px;}
section.subWrap .subTop .pTitle {font-size:36px;font-weight:600;color:#787878;float:left;}
section.subWrap .subTop .navi {float:right;margin-top:40px;font-size:12px;color:#787878;} 

section.subWrap .subContent {clear:both;margin:55px 0 80px 0;}

