@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');


img {border:0px;}
body {background-color:#ffffff; color:#3b3b3b; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px;}
body, td, p, input, button, textarea, select, .c1 {font-family: 'NotoSansKR'; color:#3b3b3b; font-size:14px;}
a{text-decoration:none; margin:0; padding:0; color:#3b3b3b;}
a:hover{text-decoration:none;}
ul{margin:0; padding:0; list-style:none;}

/*top*/
#topnavi{border-bottom:1px solid #ccc;}
#topnavi td{font-size:12px;}
#topnavi td a{color:#777; display:inline-block; border-left:1px solid #ccc; padding:5px 15px;}
#topnavi td a:hover{color:#cd3f37;}

/*topmenu*/
#sddm {margin:0; padding:0; z-index:30; width:100%; text-align:right; position:relative;}
#sddm li {margin:0; padding:0; list-style:none; float:left;}
#sddm li a {font-family: 'NotoSansKR'; font-size:15px; color:#222222; text-align:left; display:block; padding:10px 0px 10px 35px; text-decoration:none; }
#sddm li a:hover {color:#cd3f37;}
#sddm div {position:absolute; visibility:hidden; border:1px solid #ccc; background:#fff; width:165px;}
#sddm div a {color:#333; font-size:10pt; text-align:left; position:relative; display:block; margin:0; padding:15px 10px; width:auto; border-bottom:1px solid #ccc; white-space:nowrap; text-decoration:none; background:#fff;}
#sddm div a:hover {background:#cd3f37; color:#fff}

/*mainimg*/
#mimg{position:relative; padding-bottom:30px;}
#mtxt{position:absolute; top:85px; left:50px; z-index:20;}

/*maintxt*/
.txt01{font-family: 'Nanum Brush Script'; font-size:64px; color:#fff; line-height:55px; text-shadow:2px 2px 2px #333;}
.txt02{padding-top:20px; color:#fff; font-size:26px; font-weight:bold; text-shadow:2px 2px 2px #333;}
.txt02 b{display:block; margin-top:20px; color:#fff; font-size:26px;}
.txt02 b span{display:inline-block; background:rgba(0, 0, 0, 0.5); padding:10px 20px; border-radius:10px;}
.btn{background:#fff; border-radius:10px; margin-top:30px; line-height:50px; font-size:19px; font-weight:bold; float:left; margin-right:15px; box-shadow:2px 2px 3px #666;}
.btn a{color:#555; display:inline-block; height:50px; padding:0px 62px 0px 40px; background:url(../images/btn.jpg) no-repeat right 16px center;}
.btn a span{color:#cd3f37;}

/*mainbanner*/
#mbn td{line-height:150%;}
#mbn td a{color:#777;}
#mbn td a:hover{color:#555;}
#mbn td.mbntit{font-size:21px; background:url(../images/mbn.png) no-repeat right 3px; padding-bottom:0px;}
#mbn td.mbntit a{color:#333; font-weight:bold;}
#mbn td.mbntit a:hover{color:#cd3f37;}
#mbn ul{background:#fff; border-radius:5px; padding:15px; margin-top:15px; box-sizing:border-box; height:115px; border:1px solid #f5f5f5;}
#mbn li{background:url(../images/main_dot01.jpg) no-repeat left top 6px; font-size:16px; margin-bottom:5px; padding-bottom:5px; padding-left:17px; border-bottom:1px solid #dfdfdf;}
#mbn li:last-child{margin-bottom:0; border-bottom:none; padding-bottom:0;}

/*bottommenu*/
#bottommenu{border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 0;}
#bottommenu a{padding:0 25px; color:#555;}
#bottommenu a:hover{color:#cd3f37;}

#bigtitle{font-size:18px; font-weight:bold; color:#cd3f37; padding-bottom:15px;}
#stitle{font-size:20px; font-weight:bold; color:#555; padding-bottom:15px;}
#leftmenu a{display:inline-block; padding:10px 10px; border-bottom:1px solid #ccc; width:180px; _width:200px;}
#leftmenu a:hover{background:url(../images/menubtn.jpg) no-repeat 180px center #cd3f37; color:#fff; font-weight:bold;}
.menubd{border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ccc;}

#lbn{padding-top:30px;}
.lbn01{font-size:24px; font-weight:bold; display:inline-block; color:#cd3f37; margin:0px 0px -5px 0px;}
.lbn02{font-size:13px; color:#888;}

#con{padding-left:50px; padding-bottom:80px;}

#copy td{padding:20px 0; color:#888; font-size:13px;}

.bd{border-left:1px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #ccc; width:33%; background:#f5f6f7; padding:25px;}
.bdr{border-right:1px solid #ccc;}

/* 공통 */
.normal *{margin:0; padding:0; list-style:none; text-decoration:none;}
.normal{font-size:18px; line-height:150%; color:#555; word-spacing:-1px;}

/* sub0102 */
.sub0102 li{margin-top:5px; background:#f5f5f5;}
.sub0102 b{display:inline-block; width:120px; text-align:center; background:#cd3f37; color:#fff; padding:10px 0px; margin-right:30px;}

/* sub0201 */
.sub0201{padding:350px 50px 50px 50px; background:url(../images/sub0201.jpg) no-repeat top center #f8f8f8;}
.sub0301{background:url(../images/sub0301.jpg) no-repeat top center #f8f8f8;}
.sub0401{background:url(../images/sub0401.jpg) no-repeat top center #f8f8f8;}

.sub0201 figure{padding:50px; background:#fff; text-align:justify;}
.sub0201 h3{font-size:24px; color:#cd3f37; margin-bottom:10px;}
.sub0201 .con01{margin:20px 0px 0px 0px;}
.sub0201 .con01 li{float:left; width:32%; box-sizing:border-box; text-align:center; border:1px solid #dfdfdf; border-radius:5px; padding:10px 0px;}
.sub0201 .con01 li:nth-child(2){margin:0 2%;}
.sub0201 .con01 li b{display:block; margin:0px auto 10px auto; font-size:20px; color:#cd3f37; width:60px; line-height:56px; border:2px solid #cd3f37; border-radius:50%;}
.sub0201 .con02{margin-bottom:50px;}
.sub0201 .con02 li{background:url(../images/sub_dot02.jpg) no-repeat top 11px left; padding-left:12px;}
.sub0201 h4{margin:50px 0px 10px 0px; font-size:22px; color:#cd3f37; margin-bottom:10px; background:url(../images/sub_dot01.jpg) no-repeat top 4px left; padding-left:12px;}
.sub0201 h4:first-child{margin-top:0;}
.sub0201 h5{margin-bottom:10px;}
.sub0201 h5 span{display:inline-block; background:#cd3f37; color:#fff; padding:3px 10px; font-size:18px;}
.sub0201 table{margin-bottom:50px; border-collapse:collapse; border-top:1px solid #dfdfdf;}
.sub0201 table:last-child{margin-bottom:0;}
.sub0201 td{border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; font-size:18px; padding:10px 20px; text-align:center; background:#f8f8f8; color:#333;}
.sub0201 td:last-child{border-right:0; text-align:left; width:60%; background:#fff; color:#555;}
.sub0201 center{background:#cd3f37; color:#fff; font-size:20px; border-radius:5px; padding:10px 0px; font-weight:bold;}
.sub0201 center span{display:inline-block; background:url(../images/sub_dot03.jpg) no-repeat top 2px left; padding:3px 0px 3px 40px;}