@charset "utf-8";
/* CSS Document */

#wrap {position:relative; width:100%;}

#header {position:relative;}
.general {width:100%; background:#0f63b2; color:#4988c3; font-size:11px; padding:8px 0; text-align:center;z-index:50;}
.general a:link, .general a:visited {font-size:10px; color:#fff;}
.general a:hover {font-size:10px; color:#fff;}

#header h1 {text-align:center; padding:20px 0;}
#header h1 a img {width:70%; max-width:358px;}

#header .gnb {border-top:solid 1px #d9d9d9; border-bottom:solid 2px #05326f; text-align:center;}
#header .gnb p {max-width:640px; margin:0 auto;}
#header .gnb p a {display:inline-block; width:20%;}
#header .gnb p a img {width:100%; max-width:128px;}

.visual {position:relative; width:100%;}
.visual img {width:100%;}
.visual span {position:absolute; top:58%; right:0; width:30%;}
.visual span img {width:100%;}

.cust-tel {position:relative; background:#ececec; padding-bottom:3%;}
.cust-tel p {padding-top:3%; text-align:center;}
.cust-tel p img {width:95%;}

#footer {position:relative; padding:3% 1%;}
#footer address {font-size:10px; color:#707070;}
#footer address span {font-size:11px; color:#000; display:block; padding:10px 0 3px 0;}
#footer address span strong {color:#e82437;}
#footer .copyright {font-family:Tahoma, Geneva, sans-serif; font-size:8px; color:#acacac; padding-bottom:10%}

#quick {position:fixed; bottom:0; left:0; width:100%; background:rgba(0,0,0,0.5); text-align:center;}
#quick a {display:inline-block; width:100%; padding:3% 0;}

.lnb {position:relative; background:#ececec; padding:0 10px;}
.lnb a {display:inline-block; background:url('/data/m/common/images/inc/icon01.png') no-repeat left center; padding:8px 15px;}
.lnb a:link, .lnb a:visited {font-size:11px; color:#464646;}
.lnb a:hover {font-size:11px; color:#464646;}

.container {position:relative; margin:25px 10px;}
.container h2 {font-size:20px; font-weight:bold; color:#000; border-bottom:solid 1px #d7d7d7; padding:0 0 8px 0; margin-bottom:8px;}

.greeting {text-align:center;}
.greeting p {padding-top:15px; text-align:left; line-height:1.6em;}
.greet-f1 {font-size:16px; font-weight:bold; color:#1c71be;}
.greet-f2 {font-weight:bold; color:#d90d25;}
.greet-f3 {color:#000;}

.mapt {padding:0 0 15px;}
.mapt p {font-size:16px; font-weight:bold; color:#1c71be; padding-bottom:8px;}

.mapt-tb {border-top:solid 2px #707070; border-left:solid 1px #ececec; width:100%;}
.mapt-tb tr th, .mapt-tb tr td {border-right:solid 1px #ececec; border-bottom:solid 1px #ececec; padding:4px 7px;}
.mapt-tb tr th {background:#f5f5f5;}

.contbox {position:relative; line-height:1.6em; text-align:justify;}
.contbox img {width:100%;}
.contbox h3 {font-size:16px; font-weight:bold; color:#0b75d7; padding:25px 0 5px;}
.contbox h4 {font-size:14px; font-weight:bold; color:#002265; padding:25px 0 5px;}
.contbox .firsth {padding-top:0;}

.cont-p01 {padding-top:18px;}
.cont-img01 {padding-top:10px; text-align:center;}
.cont-img02 {padding-top:5px; text-align:center;}

.cont-f1 {font-weight:bold; color:#d90d25;}
.cont-f2 {font-weight:bold; color:#0f6dd7;}
.cont-f3 {color:#707070; font-size:11px;}

.cont-f4 {text-align:center; font-size:14px; font-weight:bold; color:#000; padding:0 0 15px 0;}
.cont-f4 strong {font-size:18px;}
.cont-f4 strong span {font-family:'Nanum Myeongjo', "Nanum Myeongjo", 'NanumMyeongjo', '나눔명조'; color:#98220e;}

.cont-f5 {font-size:16px;font-weight:bold; color:#d90d25;}
.cont-f6 {font-size:12px;}
.cont-f7 {color:#0f6dd7;}

.conlist01 {padding:8px 0;}
.conlist01 ul li {padding:2px 4px; color:#0f3266; background:#ececec; margin-bottom:4px;}
.conlist01 ul .conlist01-end {margin-bottom:0;}

.conlist02 {background:#ececec; padding:4px; margin-top:5px;}
.conlist02 p {font-size:14px; font-weight:bold; color:#fff; background:#499ee8; text-align:center;}
.conlist02 ul {padding:10px 0 0 0;}
.conlist02 ul .conlist02-f1 {font-weight:bold; color:#0f3266;}
.conlist02 ul li {padding-bottom:8px;}