@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');
/*서브 공통*/
body{font-family:"Noto Sans KR",sans-serif;}
#banner .banner_img { top:-138px; position:relative; }
#banner h3{font-size:20px;color:#fff;font-weight:400;margin-bottom:20px;}
#banner p{font-size:30px;color:#fff;}
.v_line{width:1200px;height:1px;background:#ccc;margin:0 auto 50px;}
.title_line{width:70px;height:3px;background:#424585;margin:50px auto 30px;}

.vertical_line { width:2px; height:50px; margin: 0 auto; background:#5b4a42; }

.subTitleH3 {  text-align:center; font-size:30px; color:#333333; }
.subTitle_h3 {font-size:40px; color:#5b4a42; font-weight:100; text-align:center; margin-top:50px;}
.subTitleP {font-size:20px; color:#999; padding:10px 0 60px 0;text-align:center}
.subTitleP > b { color:#333; }
/*공통*/
.Fleft { float:left; }
.Line { border-bottom:1px solid #d2d2d2; }
.line { width:40px; height:2px; margin:0 auto; background:#5b4a42; }

.navigation > ul > li:hover > ul { z-index: 10; }


/*메뉴*/
#menu .button .home {  width: 65px;  height: 65px;  float: left;  position: relative; text-align:center; line-height:60px; }
#menu .button .depth01 { float: left; border-left: 1px solid #b7d47f; height: 65px; position: relative; }
#menu .button .depth01 a { font-size:20px; color:#FFF; font-weight:500; line-height:65px; display:inline-block; padding:0 20px; }
#menu .button .depth01 .sp_comm { position: relative;  right: 0px;  width: 15px;  height: 12px;  top: 0px;  margin-left:15px; display:inline-block; background:url('../img/sub_menu.png') no-repeat 50% 50%;}
#menu .depth02 { display: block; position: relative; margin: 0;  background: #8dc63f; }

.sp_comm_wh{content: ''; display: block; width: 22px; height: 22px; background: url(../images/common/btn_search_wh.png)no-repeat;cursor: pointer}
.sp_slide_arr{background-image:url(../images/common/sp_slide_arr.png);background-repeat:no-repeat;vertical-align: top;display: inline-block;  overflow: hidden;font-size: 1px;line-height: 0;color: transparent;}
.display-on{display:block !important;}

/* 서브메뉴 */
#gnb {position:relative; float:right; padding:17px 0; }
#gnb > h2 {position:fixed;font-size:0;line-height:0;overflow:hidden}
#gnb .gnb_wrap {margin:0 auto;position:relative}
#gnb .gnb_wrap:hover, #gnb .gnb_wrap:focus, #gnb .gnb_wrap:active{z-index:3}
#gnb #gnb_1dul {  font-size:1.2em; padding:0; zoom:1}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli {float:left;line-height:55px;padding:0px;position:relative; font-size:18px; font-weight:300; }
#gnb .gnb_1dli:hover > a {color:#426c29;
-webkit-transition:background-color 2s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

.gnb_1da {display:block;font-weight:bold;padding:0 20px;color:#080808;text-decoration:none; font-weight:bold; }
.gnb_1dli.gnb_al_li_plus .gnb_1da{padding-right:25px}
.gnb_2dli:first-child {border:0}
.gnb_2dul {display:none;position:fixed;top:54px;min-width:140px;padding-top:2px}
.gnb_2dul .gnb_2dul_box {border:1px solid #e0e2e5;border-top:0;padding:0;
-webkit-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
-moz-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2)}
.gnb_2da {display:block; padding:0 10px; line-height:40px; background:#8dc63f; color:#FFF; text-align:left; text-decoration:none; font-weight:500;  }
a.gnb_2da:hover {color:#8dc63f;background:#FFF;
-moz-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out}

.gnb_1dli_air .gnb_2da {}
.gnb_1dli_on .gnb_2da {}
.gnb_2da:focus, .gnb_2da:hover {color:#fff}
.gnb_1dli_over .gnb_2dul {display:block;left:0}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0}
.gnb_wrap .gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2.7em;color:#080808}
.gnb_wrap .gnb_empty a {color:#3a8afd;text-decoration:underline}
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a {color:#555}

#gnb .gnb_menu_btn {background:#4158d1;color:#fff;width:50px;height:55px;border:0;vertical-align:top;font-size:18px}
#gnb .gnb_close_btn {background:#fff;color:#b6b9bb;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:fixed;top:0;right:0}
#gnb .gnb_mnal {float:right;padding:0}

#gnb_all {display:none;position:absolute;border:1px solid #c5d6da;width:100%;background:#fff;z-index:1000;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);
-moz-box-shadow:0 2px 5px rgba(0,0,0,0.2);
box-shadow:0 2px 5px rgba(0,0,0,0.2)}
#gnb_all h2 {font-size:1.3em;padding:15px 20px;border-bottom:1px solid #e7eeef}
#gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb_all .gnb_al_ul > li:nth-child(5n+1) {border-left:0}
#gnb_all .gnb_al_li {float:left;width:20%;min-height:150px;padding:20px;border-left:1px solid #e7eeef}
#gnb_all .gnb_al_li .gnb_al_a {font-size:1.2em;display:block;position:relative;margin-bottom:10px;font-weight:bold;color:#3a8afd}
#gnb_all .gnb_al_li li {line-height:2em}
#gnb_all .gnb_al_li li a {color:#555}
#gnb_all_bg {display:none;background:rgba(0,0,0,0.1);width:100%;height:100%;position:fixed;left:0;top:0;z-index:999}

/*공통*/
.ko{font-family: 'Noto Sans KR';}
.ko1{font-family: 'Noto Sans KR'; }
.ko1 { color:#111; font-size:2em;  }
.ko2{font-family: 'Gulim';}
.ko3{font-family: 'Nanum Gothic', sans-serif;}
.en1{font-family: 'Roboto', sans-serif;}
.en2{font-family: 'Open Sans', sans-serif;}
.en3{font-family: 'Raleway', sans-serif;}
.ko_12 { font-family: 'Noto Sans KR', sans-serif;font-size:12px; }
.ko_13 { font-family: 'Noto Sans KR', sans-serif;font-size:13px; }
.ko_14 { font-family: 'Noto Sans KR', sans-serif;font-size:14px; }
.ko_15 { font-family: 'Noto Sans KR', sans-serif;font-size:15px; }
.ko_16 { font-family: 'Noto Sans KR', sans-serif;font-size:16px; }
.ko_17 { font-family: 'Noto Sans KR', sans-serif;font-size:17px; font-weight:400; line-height:1.8; }
.ko_18 { font-family: 'Noto Sans KR', sans-serif;font-size:18px; }
.ko_19 { font-family: 'Noto Sans KR', sans-serif;font-size:19px; }
.ko_20 { font-family: 'Noto Sans KR', sans-serif;font-size:20px; }

.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f19{font-size:19px;}
.f20{font-size:20px;}
.f21{font-size:21px;}
.f22{font-size:22px;}
.f23{font-size:23px;}
.f24{font-size:24px;}
.f25{font-size:25px;}
.f26{font-size:26px;}
.f28{font-size:28px;}
.f29{font-size:29px;}

.fw1{font-weight:100;}
.fw2{font-weight:200;}
.fw3{font-weight:300;}
.fw4{font-weight:400;}
.fw5{font-weight:500;}
.fw6{font-weight:600;}
.fw7{font-weight:700;}
.fw8{font-weight:800;}

.lh30 { line-height:30px; }
.lh35 { line-height:35px; }
.lh40 { line-height:40px; }

/*모카*/
.bar {    display: inline-block;  margin-top: -4px;  padding: 0 10px 0 0; } 
.sitemap { padding: 0 20px;  position:absolute; bottom:0; font-size:13px; color:#111; margin-bottom:30px;  }
.sitemap a { padding:1px 0 !important; }
.sitemap p { line-height:25px;  }
.sitemap p:nth-child(3) { margin-top:13px; }

/*모카서브페이지*/
#subpage { position:relative; width:100%; margin: 0 auto; padding:0px 0 0 100px; min-height: 969px; }

#SubTitle {  width: 70%; margin: 0 auto; padding:30px 0; text-align: center; border-bottom: 1px solid #244a9d; }
.subTitle { font-size:28px; }
.subtitle { font-size:18px; margin-top:10px; }

#SubContent { padding: 50px 0;  width: 80%; margin: 0 auto; text-align:center;}

/*sub1_3*/
.sub1_3_1 { width: 90%; margin:30px auto; background:#FFF; padding:15px; display:inline-block;}
.sub1_3_1 h3 { font-size:21px; padding: 15px 0 30px 0;  }
.sub1_3_1_01 { width:19%; background:#f5f8fd;  margin: 0 0.5%; }
.sub1_3_1_01-1 { height:50px; background:#244a9d; color:#FFF; font-size:16px; line-height:50px; }
.sub1_3_1_01-2  { padding:35px 0;  }
.sub1_3_1_01-2 p  { font-size:16px; color:#244a9d; font-weight:500; margin-top:35px; }
.sub1_3_1_01-2 span  { font-size:14px; color:#333; font-weight:400; margin-top:30px; display:inline-block;}
.sub1_3_1_02 { width:19%; background:#f5f8fd;  margin: 0 0.5%; }
.sub1_3_1_02-1 { height:50px; background:#244a9d; color:#FFF; font-size:16px; line-height:50px; }
.sub1_3_1_02-2  { padding:35px 0;  }
.sub1_3_1_02-2 p  { font-size:16px; color:#244a9d; font-weight:500; margin-top:25px; }
.sub1_3_1_02-2 span  { font-size:14px; color:#333; font-weight:400; margin-top:20px; display:inline-block;}
.sub1_3_1_03 { width:19%; background:#f5f8fd;  margin: 0 0.5%; }
.sub1_3_1_03-1 { height:50px; background:#244a9d; color:#FFF; font-size:16px; line-height:50px; }
.sub1_3_1_03-2  { padding:35px 0;  }
.sub1_3_1_03-2 p   { font-size:16px; color:#244a9d; font-weight:500; margin-top:35px; }
.sub1_3_1_03-2 span  { font-size:14px; color:#333; font-weight:400; margin-top:30px; display:inline-block;}
.sub1_3_1_04 { width:19%; background:#f5f8fd;  margin: 0 0.5%; }
.sub1_3_1_04-1 { height:50px; background:#244a9d; color:#FFF; font-size:16px; line-height:50px; }
.sub1_3_1_04-2  { padding:35px 0;  }
.sub1_3_1_04-2 p  { font-size:16px; color:#244a9d; font-weight:500; margin-top:35px; }
.sub1_3_1_04-2 span  { font-size:14px; color:#333; font-weight:400; margin-top:30px; display:inline-block;}
.sub1_3_1_05 { width:19%; background:#f5f8fd;  margin: 0 0.5%; }
.sub1_3_1_05-1 { height:50px; background:#244a9d; color:#FFF; font-size:16px; line-height:50px; }
.sub1_3_1_05-2  { padding:35px 0;  }
.sub1_3_1_05-2 p  { font-size:16px; color:#244a9d; font-weight:500; margin-top:35px; }
.sub1_3_1_05-2 span  { font-size:14px; color:#333; font-weight:400; margin-top:30px; display:inline-block;}

.sub1_3_2 { width: 92%; margin:0 auto; padding:15px; display:inline-block;}
.sub1_3_2-1 { width:49.5%; background:#FFF;  margin-right:1%; padding:15px; }
.sub1_3_2-1 h3 { font-size:21px; padding: 15px 0 30px 0;  }
.sub1_3_2_01 { text-align:left; }
.sub1_3_2_01 h5 { padding:8px 0; }
.sub1_3_2_01 p {margin-bottom:20px; color:#555; margin-left:20px; line-height:30px; }
.sub1_3_2-2 { width:49.5%; background:#FFF; padding:15px; }
.sub1_3_2-2 h3 { font-size:21px; padding: 15px 0 30px 0; }
.sub1_3_2_02 { text-align:left; }
.sub1_3_2_02 h5 { padding:8px 0; }
.sub1_3_2_02 p {margin-bottom:20px; color:#555; margin-left:20px;  }

/*sub2_1*/
.sub2_1 { }

/*sub4_1*/

.sub4_1_01 { display:block; }
.sub4_1_01-1 { background:#FFF; padding:20px 0; color:#333; border:1px solid #e3e3e3; text-align:center; }
.sub4_1_01-2 { background:#244a9d; padding:20px 0; color:#FFF;  }