@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
img {border:0px;}
ol, ul, li{list-style:none; text-decoration: none; margin:0; padding:0;}

body {background-color:#FFFFFF; margin:0; padding:0; font-family:Nanum Gothic, sans-serif; }
a {text-decoration:none;}

.mob_hidden { display: none !important; }

#bodywrap {width:100%; min-width:100px; margin:0; padding:0;}

#logo{/* height:74px; */text-align:center;}
#logo a{text-decoration:none; font-size:28px; line-height:74px; color:#d5a036; font-weight:bold; letter-spacing:-1;}

#menu{width:100%; height:45px; background-color:#e1b347;}
#menu li{float: left;width: 25%;text-align:center;}
#menu li a{color:#fff;font-size: 0.95em;line-height:45px;text-decoration: none; letter-spacing:-1px;}

#mpagem01 li a.m01, #mpagem02 li a.m02, #mpagem03 li a.m03, #mpagem04 li a.m04 {font-weight:bold; background-color:#d5a036; width:100%; height:45px; display: block;}


#bottom_bt{position:relative; width:100%; height:70px;}
#bottom_bt li{width:19.7%; height:70px;;  float:left; border-right:solid 1px #ededed; }
#bottom_bt img{padding:10px 0;}
#bottom_bt li a{width:100%; height:70px; background-color:#f6f6f6; text-align:center; font-size:13px; color:#a5a5a5; display: block; }
#bottom_bt li a:active{background-color:#e1b347; color:#fff;}
#bottom_bt li:after {clear: both;}


.copy{font-size:10px; color:#a7a7a7; font-family:Nanum Gothic, sans-serif; line-height:140%; padding:20px 10px; text-align:center; background-color: #f6f6f6; border-top:solid 1px #c3c3c3;}

/*side menu*/
#m_header{border-bottom: 1px solid #d7d7d7;}
#m_header div{float: left; }
#m_header:after{content:""; display:block; clear:both}

.openmenu {line-height:80px; color:#e1b347;width:15%;}
.m_call {width:15%; text-align:right; }
.openmenu, .m_call {top:-80%; transform:translateY(80%);}
.openmenu img {height:34px; padding-left: 10px;}
.m_call img {height:34px; padding-right: 10px;}

#logo{text-align:center;padding: 20px 0;width: 70%;}
#logo a{text-decoration:none; font-size:28px; line-height:74px; color:#e1b347; font-weight:bold; letter-spacing:-1;}

.sidenav {
    height: 100%;
    width: 100%;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
}

.sidenav a {
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    font-size: 36px;
    background-color:#e1b347;
    color:#fff;
    text-align: right;
    padding-right: 10px;

}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}


.mobile_bottom{display: none; text-align:center; font-weight:600;}
.mobile_bottom > ul .m_menu{position:relative;font-size:14px; letter-spacing:-0.5px; color:#fff; display:inline-block; position:relative; width:100%; padding:10px 0; background-color: #e1b347; border-bottom: 1px solid #fff; cursor:pointer}
.mobile_bottom > ul .m_menu::after {content: '';position: absolute;top: 50%;right: 15px;width: 0;height: 0;margin-top: -2px;border-width: 5px;border-style: solid;border-color: white transparent transparent transparent;}
.mobile_bottom > ul .m_menu.active::after {margin-top: -8px;border-color: transparent transparent white transparent;}
.mobile_bottom > ul .now_m_menu a, .mobile_bottom > ul .now_m_menu{color:#4384c5}
.m_sub_menu{display:none; border-bottom:1px solid #d7d7d7; padding:5px 0; background-color: #f4f4f4;}
.m_sub_menu > li{padding:10px 0}
.m_sub_menu > li > a{font-size:13px; letter-spacing:-0.5px}
.m_sub_menu > li > a:hover{color:#999}

/*side menu - end */



/* main : 20200420 */

/*notice, edu*/
.m_notice_wrap{max-width: 350px; width: 93%; margin: 25px auto;}
.m_notice_wrap .notice_title{padding:15px 0;font-weight: bold;font-size:18px;color:#e1b347;}
.m_notice_wrap .notice_title a{margin-left:7px}
.m_notice_wrap .notice_list{padding:20px; border-top:1px solid #CACACA; border-left:1px solid #CACACA; border-right:1px solid #CACACA; border-bottom:4px solid #e1b347}
.m_notice_wrap .notice_list li{display:block; padding:7px 5px; border-bottom:1px dashed #b5b5b5; font-size:12px; font-weight:700;}
.m_notice_wrap .notice_list li a {display: block;width:100%;text-overflow: ellipsis;white-space: nowrap; overflow:hidden;}
.m_notice_wrap .notice_list li a p{display:inline-block}
.m_notice_wrap .notice_list li a span{display:inline-block}

.m_notice_wrap .latest_text{border:solid 1px #cbcbcb; border-bottom:solid 4px #e1b347; }

.m_notice_wrap .latest_text { width: 329px; height:107px; padding :25px;}

.m_edu_wrap{max-width: 350px; width: 93%; margin: 25px auto;}
.m_edu_wrap .edu_title{padding:15px 0;font-weight: bold;font-size:18px;color:#e1b347;}
.m_edu_wrap .edu_title a{margin-left:7px}
.m_edu_wrap .edu_list{background-image: url(../images/banner00.jpg);background-position: 80% center; background-repeat: no-repeat;height:116px; padding:15px; border-top:1px solid #CACACA; border-left:1px solid #CACACA; border-right:1px solid #CACACA; border-bottom:4px solid #e1b347}
.m_edu_wrap .edu_list li{display:block;padding:7px 5px;font-size:12px;font-weight: 700; color: #000;}
.m_edu_wrap .edu_list li:first-child { margin-top: 10px; }
.m_edu_wrap .edu_list li span{font-size: 20px; font-weight: 600; color:#e1b347; margin-top: 10px;}


.latest_text ul{
    width: 100%;
    display: inline-block;
}
.latest_text li{float: left; font-size: 15px; color:#666666; line-height:26px; width:100%;}
.latest_text li span{float: right;}
/*notice,edu end*/

/*place*/
.m_place_wrap{max-width: 350px; width: 93%; margin: 25px auto;}
.m_place_wrap .place_title{padding:15px 0;font-weight: bold;font-size:18px;color:#e1b347;}
.m_place_wrap .place_title a{margin-left:4px}
.m_place_wrap .place_list{background-image: url(../../img/banner01.jpg);background-position: 65% center;background-repeat: no-repeat;max-width: 350px; margin: 0 auto;height:116px; padding:20px; border-top:1px solid #CACACA; border-left:1px solid #CACACA; border-right:1px solid #CACACA; border-bottom:4px solid #e1b347}
.m_place_wrap .place_list li:first-child{font-size: 12px;margin-top:10px;font-weight: 700;color: #000;}
.m_place_wrap .place_list li:last-child{font-size: 16px;font-weight: bold;line-height: 160%;color:#e1b347;}
/*place end*/

/*customer*/
.m_customer_wrap{max-width: 350px; width: 93%; margin: 25px auto;}
.m_customer_wrap:after{content:""; display:block; clear:both}
.m_customer_wrap .customer_title{padding:15px 0;font-weight: bold;font-size:18px;color:#e1b347;}
.m_customer_wrap .customer_title a{margin-left:4px}
.m_customer_wrap .customer_list{ background-image: url(../../img/banner02.jpg);background-position: 65% center;background-repeat: no-repeat;max-width: 350px; margin: 0 auto;height:116px; padding:20px; border-top:1px solid #CACACA; border-left:1px solid #CACACA; border-right:1px solid #CACACA; border-bottom:4px solid #e1b347}
.m_customer_wrap .customer_list li:first-child{font-size: 13px;font-weight: 700;line-height: 180%;}
.m_customer_wrap .customer_list li:last-child{font-size: 26px; font-weight: 700; color:#e1b347;}
.m_customer_wrap .customer_img{border:1px solid #CACACA;}
/*customer end*/

/*job*/
.job_wrap{max-width: 350px; width: 93%;  margin: 25px auto 50px auto;}
.job_wrap:after{content:""; display:block; clear:both}
.job_wrap .job_title{padding:15px 0;font-weight: bold;font-size:18px;color:#e1b347;}
.job_wrap .job_list{ border-top:1px solid #CACACA; border-left:1px solid #CACACA; border-right:1px solid #CACACA; border-bottom:4px solid #3fd58f}
.jop_wrap .job_list img {width: 100%;}
.job_wrap .job_img{border:1px solid #CACACA;}
/*job end*/

/* main - end */



/*sub 01*/
.sub01_hr{background-color: #e1b347; border: 1px solid #e1b347;}
.sub_content_title{font-size:25px; font-weight: 600; color:#444/*회색*/; line-height: 140%; padding: 10px 0;}
.sub_content_title img{float: left; width: 25px;  padding: 2px 5px;}
.sub_content_title span{font-size:25px; color:#093a9e/*파랑*/; line-height: 140%;}
.sub_content_title span b{font-size:25px; color:#c6371f/*적색*/; line-height: 140%;}
.sub_content_subtitle{font-size: 20px; color:#fff; font-weight: 600; background-color:#9e9e9e; padding: 10px; line-height: 140%; }
.sub_content_in{font-size:17px; padding: 12px; line-height: 200%; border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;}

/*sub 02*/
table{text-align: center;}
table td{padding :5px 0; border: 1px solid #e9e8e8;}
.sub3_content table { font-size: 12px; }
.table_title{background-color: #333; color:#fff; font-weight: 600;}
.table_subtitle{background-color: #ccc; font-weight: 600;}
.sub3_content02{font-size: 12px; margin-top: 20px; line-height: 180%;}

/*sub 03*/
.s03_title {font-size: 17px; line-height: 30px; font-weight: 700; color:#383838; background:url(../images/sub03_line.jpg) left top no-repeat; margin-top:30px;}
.s03_text {font-size:14px; color:#6c6c6c; line-height:160%; margin-top:10px;}



/*sub02 : 20190311*/
.sub02_top {background-color:#E1B347; text-align: left; padding:20px; color:#fff; font-size:13px; font-weight: 600; }
.sub02_top p {background: url(../../img/sub02_checkbox.png) left 4px no-repeat; padding-left: 25px; line-height: 24px;}
.sub02_top p span{color:#333;}
.sub02_top p b{color:#ef4023;}

.sub02_top02 {background: url(../images/sub02_top_bg.jpg); padding: 20px;}
.sub02_top02 .mob_br {display: none;}
.sub02_top02 p.title {margin-bottom: 15px; font-size: 15px; text-align: center; font-weight: 600; line-height: 150%; word-break: keep-all;}
.sub02_top02 p.title span {color: #093a9e;}
.sub02_top02 .text_box {background-color: #fff; border-radius: 10px; padding: 5px;}
.sub02_top02 ul.left {width: 100%;}
.sub02_top02 ul li {margin: 12px 0; vertical-align: middle;}
.sub02_top02 ul li span.num {display: inline-block; padding: 0 15px 0 10px; font-size:20px; font-weight: 700; color: #e8e9f1; vertical-align: top;}
.sub02_top02 ul li p {width: calc(100% - 39px); display: inline-block; margin-top:-2px; font-size: 11px; line-height: 160%; vertical-align: middle; word-break: keep-all;}
.sub02_top02 ul li p b {font-weight: 600;}
.sub02_top02 ul li p span.yellow {color: #e1b347;}
.sub02_top02 .sub02_list {margin-top: 10px;}
.sub02_top02 .sub02_list p { margin:-3px 0 0 -5px;}
.sub02_top02 .sub02_list p b {line-height: 200%;}
.sub02_top02 .sub02_list p span {font-size:10px; line-height:160%; color: #666;}


.sub02_title{font-size:30px; color:#1d1d1d; font-weight: 700; margin-top: 60px; padding-left:45px;  background-image: url(../../img/sub_bookmark.jpg); background-size: 32px; background-repeat: no-repeat; line-height: 180%;}
.sub02_title span{color: #093a9e; }
.sub02_title b{color: #c6371f; }
.sub02_text p{color:#fff;font-weight: 600;font-size:20px;background-color: #093a9e;padding:10px;margin:18px 0 15px 0;}
.sub02_text span{color:#fff;font-weight: 600;font-size:18px;background-color: #093a9e;padding:10px;margin:18px 0 5px 0; display: inline-block;}


.sub02_table {width:100%; margin-top: 10px;}
.sub02_table tr th, .sub02_table tr td{font-size:13px;line-height: 180%;border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;padding:5px;text-align: center;}
.sub02_table th{width:25%;word-break: keep-all; line-height: 200%; color:#000; background-color: #fefaf0;}
.sub02_table b {font-size: 14px; font-weight: 600;}
.sub02_table tr td:nth-of-type(1) {width: 25px; padding: 20px 5px;}
.sub02_tr_first {color:#fff; background-color: #c6371f;}
.sub02_table th span,.sub02_table tr td span{color:#c6371f; font-weight: 700;}

.sub2_bottomtext{font-size: 15px; margin:10px 0 40px 0; line-height: 180%;}


.dis_none {display: none;}
/*sub02 : end*/