@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');




body, p , ul , ol , h1 , h2 , h3 , h4 , h5 , h6 ,dl ,dt , dd ,input { margin: 0; padding: 0; font-family: 'Noto Sans KR' , 'Noto Sans' , sans-serif, Malgun Gothic, dotum, 'Apple SD Gothic Neo'; font-size:13px;  }
ul , ol ,li{ list-style: none; }
body { background-color: #37393d; min-width: 1280px; overflow-y:scroll ; vertical-align:baseline; list-style:none;}
/* body.fixed_gnb { overflow: hidden;} */
a { text-decoration: none; }
button { cursor: pointer; outline: none; background-color: transparent; border: none; }
em { font-style: normal; }
img , .slick-vertical .slick-slide { border: none; }
.mg0 {margin: 0 !important;}



/*chu*/
hr {display:none; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
select, img {vertical-align:middle;}
a {color:#3d3d3d; text-decoration:none;cursor:pointer;}
a:hover {text-decoration:none; color:#516f39;}

caption{visibility:hidden;width:0;height:0;font-size:0;line-height:0;zoom:1;}
fieldset{margin:0;padding:0;border:0 none;}
legend{display:none; overflow:hidden; width:0; height:0; font-size:0; visibility:visible; line-height:0;}
select, img {vertical-align:middle;}
input[type=image] {margin:0; padding:0; vertical-align:top;}
input[type=text],
input[type=password] {background:#fff; margin:0; padding:4px 7px 2px; *padding:4px 7px 4px; border:1px solid #cfcfcf; vertical-align:middle;}
input[type=file] {background:0 none; margin:0; padding:0px 7px 0px; *padding:4px 7px 4px; vertical-align:middle;}
input[type=checkbox],
input[type=radio] {width:13px; height:13px; margin:0; padding:0; vertical-align:middle;}



/*layout*/
.header { position: relative;  }
.contents { position: relative; max-width: 1700px; min-width: 1280px; margin: 0 auto; height: 100%; }
.contents:after { content:''; display: block; clear: both; }

/*  중앙정렬 테이블  */
.table-box { position: absolute; top: 0; left: 0;right: 0; bottom: 0; width: 100%; height: 100%; }
.table-box .teble { display: table; width: 100%; height: 100%;}
.table-box .teble .teble-cell { display: table-cell; vertical-align: middle; text-align: center; }

/* 블라인드 */
.blind , legend , caption { overflow: hidden; position: absolute; top: -9999em; left: -9999em; font-size: 0; width: 0; height: 0; }

/* 반응형 이미지 */
.img { display: block; width: 100%; }

.dim { display: none; position: fixed; top: 0; left: 0;right: 0; bottom: 0; z-index: 99; background-color: rgba(0,0,0,.4); }

/* css3 이펙트 */
.sub_gnb ,
.slick_show,
.slick_show span,
.horizontal_show .slick_show em,
.slick_horizontal ,
.dim,
.owl-item,
.slick_horizontal .owl-item h4,
.slick_horizontal .owl-item div ul,
.header ul.gnb,
.sub_main_layout .sub_left_area a ,
.sub_main_layout .sub_left_area a:after,
.sub_left_area { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}


.slick_vertical h3 { -webkit-transition: all 3s ease; -moz-transition: all 3s ease; -o-transition: all 3s ease; transition: all 3s ease; }
.slick_vertical span { -webkit-transition: all 4s ease; -moz-transition: all 4s ease; -o-transition: all 4s ease; transition: all 4s ease; }
.slick_vertical p { -webkit-transition: all 6s ease; -moz-transition: all 6s ease; -o-transition: all 6s ease; transition: all 6s ease; }

.slick_box .txt strong { -webkit-transition: all 4s ease; -moz-transition: all 4s ease; -o-transition: all 4s ease; transition: all 4s ease;}
.slick_box .txt p  { -webkit-transition: all 6s ease; -moz-transition: all 6s ease; -o-transition: all 6s ease; transition: all 6s ease;}
.slick_box .txt span  { -webkit-transition: all 8s ease; -moz-transition: all 8s ease; -o-transition: all 8s ease; transition: all 8s ease;}
.slick_box .txt button  { -webkit-transition: all 10s ease; -moz-transition: all 10s ease; -o-transition: all 10s ease; transition: all 10s ease;}

.header h1 a span,
.header .btn_gnb span,
.slick-dots li ,
.slick-dots .slick_pause,
.sub_gnb h2 ,
.sub_gnb .close span ,
.slick_show ,
.slick_show span ,
.info_area ul li .more ,
.footer .site div button span,
.slick_vertical h3:before,
.slick_horizontal .slick-arrow:before,
.slick_horizontal .owl-nav div:before ,
.header .btn_gnb_show span,
.location_bar ol li em,
.location_bar ol li a span,
.sub_main_layout .sub_left_area a:after ,
.sub_main_layout .sub_right_area .sub_title ul li a,
.sub_main_layout .sub_right_area .sub_slick2 .slick-arrow:before,
.button_list li a ,
.resule_list ul li a:before{ background: url('../../images/common/split_macroad.png') no-repeat; text-indent: -9999em;   }

.header { position: relative; height: 82px; overflow: hidden; z-index: 2; background-color: #434343;  filter:alpha(opacity=90); opacity:0.9;}
.header > .contents { z-index: 3; }
.header h1 { position:absolute; z-index: 1; top: 0; left: 10px; padding: 18px 0; width: 190px; opacity: 1; filter:alpha(opacity=100);}
.header h1 a { overflow: hidden; display: block; width: 100%; height: 100%; }
.header h1 a span { display: inline-block; width: 172px; height: 38px; background-position: 0 -230px; }
.header .btn_gnb { position:absolute; right: -1px; height: 100%; padding: 0 20px; border-left: 1px solid #3c4e56; border-right: 1px solid #3c4e56;  }
.header .btn_gnb span { display: inline-block; width: 25px; height: 20px; background-position: -420px 0; }
.header .btn_gnb_show {  position:absolute; left: 244px; top: 0; width: 50px; height: 100%; border-right: 1px solid #485257; color: #fff; }
.header .btn_gnb_show span { display: block; width: 25px; height: 25px; margin: 0 auto 5px; background-position: 0 -449px;  }
.header .leng_select { position: absolute; top: 0; left: 210px; height: 100%; border: 1px solid #485257; border-top: none; border-bottom: none; }
.header .leng_select button { display: block; height: 50%; font-size: 13px; color: #fff; }
.header .leng_select button:first-child {  border-bottom: 1px solid #485257; }
.header .leng_select button.on,
.header .leng_select button:hover{ color:#94b1d8; }
.header ul.gnb { position: relative; z-index: -1; opacity: 0; height: 0; overflow: hidden; float: left; margin-left: 550px;  }
.header ul.gnb li { float: left; margin: 0 20px 0; }
.header ul.gnb li a { display: block; padding: 26px 10px; font-size: 18px; color: #fff; border-bottom: 3px solid transparent; letter-spacing: -1px; }
.header ul.gnb li a.on ,
.header ul.gnb li a:hover { border-bottom: 3px solid #0a9abe; color: #a4e2ff; }
.gnb_show .header ul.gnb { height: 100%; opacity: 1; z-index: 1;  }

.sub_gnb { position: absolute; z-index: -1; min-width: 1280px; opacity: 0; top: -82px; left: 0; right: 0; height: 0; background-color: #121e22; }
.sub_gnb h2 { display: none; width: 392px; height: 87px;  margin: 0 auto; background-position: 0 -300px; }
.sub_gnb div { overflow: hidden; height: auto; }
.sub_gnb div h3 { display: none; margin: 140px 0 35px 55px; font-size: 36px; color: #fff; font-weight: 300; }
.sub_gnb div li { float: left; height: 100%; }
.sub_gnb div li a { display:block; padding:29px 20px; font-size:16px; color:#b1b1b1; font-weight:200; letter-spacing:-0.5px; }
.sub_gnb div li a.on,
.sub_gnb div li a:hover{ color:#fff; }
.sub_gnb div div { display: none; }
.sub_gnb div.n1 { margin-left: 300px; }
.sub_gnb div.n2 { margin-left: 200px; }
.sub_gnb div.n3 { margin-left: 840px; }
.sub_gnb div.n4 { margin-left: 940px; }
.sub_gnb div.n5 { margin-left: 1060px; }
.sub_gnb .close { display: none; position: absolute; right: 0; top: 0; width: 100px; height: 100px; background-color: #4b4d51; cursor: pointer; }
.sub_gnb .close span {display: inline-block; width: 28px;height: 28px; background-position: -449px -230px; }

.fixed_gnb .sub_gnb { overflow: hidden; position: fixed; z-index: 100; top: 0; left: 0; bottom: 0; opacity: 1; min-height: 100%; min-width: 1280px; background-color: #37393d !important; }
.fixed_gnb .sub_gnb h2 { margin-top: 150px; }
.fixed_gnb .sub_gnb .contents { width: 1500px; }
.fixed_gnb .sub_gnb .contents div { display: block !important; width: 300px; padding-bottom: 50px; float: left; margin: 0 !important;  }
.fixed_gnb .sub_gnb div ul { min-height: 330px; padding: 0 0 0 55px; border-left: 1px solid #414347;  }
.fixed_gnb .sub_gnb div.n1 ul { border-left: none;  }
.fixed_gnb .sub_gnb div ul li { float: none; height: auto; }
.fixed_gnb .sub_gnb div li a { padding: 10px 0; }
.fixed_gnb .sub_gnb h2 ,
.fixed_gnb .sub_gnb div h3,
.fixed_gnb .sub_gnb .close { display: block;  }


.sub_on .sub_gnb { z-index: 2; opacity: 1; top: 82px; height: 82px; }



.slide_area { overflow: hidden; margin-top:-1px; background-color: #000; }
.slide_area .contents {  max-width: 1980px; min-width: 1280px; width: auto; }

.slick_vertical .slick-slide { min-height: 0; padding-bottom: 47.42%; background-position: top center; background-repeat: no-repeat; background-color: #000; }
.slick_vertical .vertical_cont { position: absolute; text-align: center; width: 100%; color: #fff; padding-top: 14%;  }
.slick_vertical h3 { opacity: 0; position: relative; font-size: 50px; font-weight: 500; margin-top: 50px; letter-spacing:-2px; padding-top:20px; }
.slick_vertical h3:before { content:''; position: absolute; display: block; width: 90px;height: 90px; top: -100px; left: 50%; margin-left: -45px; background-position: 0 -132px; }
.slick_vertical span {opacity: 0; display: block; width: 100%; height: 10px; margin: 70px 0 25px; background: url('../../images/common/division.png') no-repeat center;  }
.slick_vertical p {opacity: 0; font-size: 20px; line-height: 1.4; margin-top: 50px; }
.slick_vertical .slick-dots { position: absolute; left: 0; right: 0; bottom: 30%; text-align: center; }
.slick_vertical .slick-dots li { display: inline-block; width: 20px; height: 20px; margin-right: 10px; background-position: 4px 4px; cursor: pointer;  }
.slick_vertical .slick-dots li.slick-active { background-position: -25px 0; }
.slick_vertical .slick-dots .slick_pause { position: relative; top: 7px; display: inline-block; width: 32px; height: 32px; background-position: -50px 0; }
.slick_vertical .slick-dots .slick_pause.paused {  background-position: -50px -35px; }

.slick_vertical .slick-current h3 ,
.slick_vertical .slick-current span ,
.slick_vertical .slick-current p { opacity: 1; margin-top: 0px; }
.slick_vertical .slick-current span { margin-top: 20px; }

.slick_show { position: absolute; z-index: 10; left: 50%; bottom: 4%; width:120px; height:130px; margin-left:-65px; text-indent: 0; background-position: -100px 0; }
.slick_show span { position:absolute; z-index:10; left:50%; top:35px; width:27px; height:9px;  margin-left:-15px; background-position:-230px 0; }
.slick_show em { display:inline-block; margin-top:10px; font-size:13px; color:#f8f8f8; font-weight:700; }
.slick_show em p {font-size:12px; font-weight:500; color:#ffff99;}
.slick_horizontal { position: absolute !important; left: 0; right:0; bottom: -351px; margin: 0 ; }
.slick_horizontal .dim { opacity: 1; }


.slick_horizontal ol { opacity: 0; overflow: hidden; margin: 15px 0 0 70px; }
.slick_horizontal ol li { float: left; background-size: cover; width: 110px; width: 90px; height: 80px; margin:0 10px 5px 0;  }


.slick_horizontal .dim { display: block;}
.slick_horizontal .owl-item { position: relative; padding-bottom:350px; float: left; background-color: #000; background-position: top center; background-size: cover; }
.slick_horizontal .owl-item div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover;}
.slick_horizontal .owl-item h4 { color: #fff; font-size: 20px; }
.slick_horizontal .owl-item div ul { opacity: 0; display: block; overflow: hidden; padding: 0 0 0 70px; }
.slick_horizontal .owl-item div ul li { position: relative; float: left; width: 30%; font-size: 17px; padding-left: 15px; margin-bottom: 5px; color: #084571; letter-spacing:-1px; }
.slick_horizontal .owl-item div ul li:before { content:''; display: block; position: absolute; left: 0; top: 10px; width: 6px;height: 6px; background-color: #fff; border-radius: 3px; }
.slick_horizontal .owl-item div ul li a:hover {color:#001b5e;}

.slick_horizontal .center { margin: 0 -100px; z-index: 1000 !important; padding: 0 100px 350px; }
.slick_horizontal .owl-item.active.center h4 { padding: 50px 0 20px 70px; font-size: 40px; text-align: left;}
.slick_horizontal .center ul ,
.slick_horizontal .center ol { opacity: 1 !important; }
.slick_horizontal .center .dim { opacity: 0; z-index: -1;}
.slick_horizontal .owl-item h4 { padding: 50px 100px 0 0 ;  text-align: center; }
.slick_horizontal .owl-item.center + .owl-item h4 { padding: 50px 0 0 100px ;  text-align: center; }

.slick_horizontal .owl-nav div { position: absolute; top: 50%; margin-top: -40px; min-width: 74px; padding: 80px 0 0 0; z-index: 10; cursor: pointer; text-indent: 0; font-size: 17px; color: #fff;}
.slick_horizontal .owl-nav .owl-prev { right: 76%; }
.slick_horizontal .owl-nav .owl-next { left: 76%; }
.slick_horizontal .owl-nav div:before { content:''; display: block; position: absolute; width: 74px; height: 64px;top: 0;  }
.slick_horizontal .owl-nav .owl-prev:before { background-position: -231px -68px; right: 15px; }
.slick_horizontal .owl-nav .owl-next:before { background-position: -350px -68px;  left: 15px; }


.horizontal_show .slick_show { bottom: 290px; }
.horizontal_show .slick_show span { top: 90px; background-position: -230px -25px; }
.horizontal_show .slick_show em { margin-top: -10px; font-weight:500;}
.horizontal_show .slick_horizontal { bottom: 0; }


.info_area { padding: 10px 0; background-color: #f5f5f5; }
.info_area ul { overflow: hidden; }
.info_area ul li { float: left; width: 33.33333%; box-sizing: border-box;}
.info_area ul li li { float: none; width: auto; }
.info_area h4 { margin-bottom: 15px; font-size: 20px; color: #3b3b3b; font-weight: 400; text-indent: 0; }
.info_area a { font-size: 14px; color: #747474;  text-indent: 0;  }
.info_area ul li div { position: relative; padding: 30px 30px 30px 45px; width: 100%; height: 100%; box-sizing: border-box;}
.info_area ul li div a { text-indent: 0; }
.info_area ul li div .more { position: absolute !important; top: 30px; right: 30px; width: 30px; height: 30px; background-position: -300px 10px; text-indent: -9999em; }

.info_area ul li.list1 div { border: none;  }
.info_area ul li.list1 li {margin-bottom: 10px;}
.info_area ul li.list1 a { position: relative; display: block; }
.info_area ul li.list1 a p { margin-right: 80px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.info_area ul li.list1 a span { position: absolute; top: 0; right: 0; }
.info_area ul li.list2 div .more ,
.info_area ul li.list3 div .more { right: auto; top:auto; left:45px;  bottom: 10px; }
.info_area ul li.list2 { padding-right: 150px; background: url('../../images/common/sub_bottom1.png') no-repeat right bottom;) }
.info_area ul li.list3 { padding-right: 180px; background: url('../../images/common/sub_bottom2.png') no-repeat right bottom;) }
.info_area ul li.list2 div,
.info_area ul li.list3 div { line-height: 1.4; }
.info_area ul li.list1 ,
.info_area ul li.list2 ,
.info_area ul li.list3 {  border-left: 1px solid #e3e3e3;;  margin-left: -1px;   height: 194px;}


.footer { position: relative; padding: 45px 0 40px; font-size: 13px; color:#909090; background-color:#37393d;  }
.footer .address { float: left; color: #a3a3a3; padding-left: 45px; }
.footer .address span { display: inline-block; padding: 0 20px 0 0; }
.footer .address p { margin:0 0 5px 0; }
.footer .site { position: absolute; top: 0; right:20px; font-size:12px; color: #cfcfcf; }
.footer .site a {position: relative; color: #cfcfcf; }
.footer .site p a { padding-left:24px; margin-left:24px; }
.footer .site p a:after { content:''; position:absolute; left: 0; top: 4px; width: 1px; height: 10px; background-color: #696969; }
.footer .site p a:first-child:after { display: none; }
.footer .site div { position: relative; width: 165px; margin-top: 15px; float: right; color: #ddd;  }
.footer .site div button { position: relative; width: 100%; height: 30px; padding: 0 0 0 10px; font-size: 12px; border: 1px solid #787878; color: #ddd; text-align: left;}
.footer .site div button span { position: absolute; top: 50%; right: 10px; margin-top: -2.5px; width: 9px; height: 5px; background-position: -400px 0; }
.footer .site div ul { display: none; position: absolute; bottom: 100%; right: 0; left: 0; margin-bottom: -1px; overflow: hidden; border: 1px solid #787878; background-color: #37393d }
.footer .site div ul li { position: relative;}
.footer .site div ul li a { display: block; padding: 5px 0 5px 10px; text-indent: 0; }
.footer .site div ul li a:hover { color: #fff; background-color: #6e6e6e; }

.footer .site.on ul { display: block; }




.location_bar .contents{ width: 1280px; }

.sub .header { background-color: rgba(0,0,0,.5);  }
.sub .header .leng_select ,
.sub .header button { border-color: #69728a !important; }
.sub .sub_gnb { background-color: rgba(18,30,34,.8); }

.sub_img_area { height: 550px; margin-top: -82px; background-size: cover; text-align: center; color: #fff; }
.sub_img_area div { padding-top: 130px; }
.sub_img_area div h3 { position: relative; font-size: 50px; font-weight: 500; letter-spacing:-5px; }
.sub_img_area div span { display: block; width: 100%; height: 10px; margin: 20px 0 25px; background: url('../../images/common/division.png') no-repeat center;  }
.sub_img_area div p { font-size: 20px; line-height: 1.4; margin-top:0px; }

.location_bar { background-color: #f5f5f5;  overflow: hidden; }
.location_bar ol {  overflow: hidden; float: right; padding: 12px; color: #b0b0b0; font-size: 13px; line-height:22px; }
.location_bar ol li { float: left; }
.location_bar a { display: inline-block; font-size: 13px; color: #b0b0b0; font-weight: 300; line-height:22px; }
.location_bar ol li em { display: inline-block; width: 7px; height: 11px; margin: 0 13px 0 13px; background-position: -300px -230px; }
.location_bar ol li a span { display: inline-block; width: 14px; height: 15px; margin: 0 7px 0 0; background-position: -240px -230px; vertical-align: -2px; }
.location_bar a.on ,
.location_bar a:hover { color: #525151; }


.sub_main_layout { background-color: #fff; }
.sub_main_layout .contents { width: 1280px; }
.sub_main_layout .sub_left_area { float: left; width: 260px; padding: 40px 0; height:auto; overflow:hidden;}
.sub_main_layout .sub_right_area { float: right; width: 980px; margin: 30px 0 50px; min-height:600px; height:auto; overflow:hidden;}
.fixed_lnb .sub_main_layout .sub_left_area { position: fixed; top: -30px; background-color: #fff; z-index: 10; }
.fixed_lnb.fixed_lnb_bottom .sub_main_layout .sub_left_area { position: absolute; top: auto; bottom: 0; }

.sub_main_layout .sub_left_area h4 { padding-left: 14px; font-size: 37px; font-weight: 400;   width:100%; margin-bottom:20px; }
.sub_main_layout .sub_left_area a { position: relative; overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; padding-right: 30px !important; border-bottom: 1px solid #eaeaea; text-indent: 20px;  }
.sub_main_layout .sub_left_area a:after { content: ''; position: absolute; display: block; }
.sub_main_layout .sub_left_area ul ul { display: none; }
.sub_main_layout .sub_left_area .depth1 {border-top: 1px solid #2c4899;}
.sub_main_layout .sub_left_area .depth1 > li > a { font-size: 17px; padding: 9px 0; color: #171717; background-color: #fff; }
.sub_main_layout .sub_left_area .depth2 > li > a { font-size: 15px; padding: 5px 0; color: #3a3a3a; background-color: #eff1f5; text-indent: 26px; }
.sub_main_layout .sub_left_area .depth3 > li > a { font-size: 13px; padding: 4px 0; color: #fff; background-color:#98aad3; text-indent: 32px; }
.sub_main_layout .sub_left_area .depth4 { padding: 5px 0; background-color: #fafafa; border-bottom: 1px solid #eaeaea; }
.sub_main_layout .sub_left_area .depth4 > li > a { font-size: 12px; padding: 3px 0; color: #8d8d8d; border: none; text-indent: 38px; }

.sub_main_layout .sub_left_area .depth1 > li > a:hover { color: #fff; background-color: #37393d;  font-weight:500; }

.sub_main_layout .sub_left_area .depth1 > li.on > a  { color: #fff; background-color: #4164b1; font-weight: bold; }


.sub_main_layout .sub_left_area .depth1 > li > a:after { background-position: 0 -500px; width: 11px; height: 7px; top: 0; top: 50%; right: 13px; margin-top: -3.5px;  }
.sub_main_layout .sub_left_area .depth1 > li.on > a:after ,
.sub_main_layout .sub_left_area .depth1 > li > a:hover:after { background-position: 0px -520px }

.sub_main_layout .sub_left_area .depth2 > li.on > a ,
.sub_main_layout .sub_left_area .depth2 > li > a:hover { color: #001f64;  background-color:#d7e1f6;}

.sub_main_layout .sub_left_area .depth2 > li > a:after { background-position: -20px -500px; width: 15px; height: 15px; top: 0; top: 50%; right: 13px; margin-top: -7.5px;  }
.sub_main_layout .sub_left_area .depth2 > li.on > a:after ,
.sub_main_layout .sub_left_area .depth2 > li > a:hover:after { background-position: -20px -520px }

.sub_main_layout .sub_left_area .depth3 > li.on > a,
.sub_main_layout .sub_left_area .depth3 > li.on > a:hover,
.sub_main_layout .sub_left_area .depth3 > li > a:hover {  color: #fff; background-color:#274589; }

.sub_main_layout .sub_left_area .depth4 > li.on > a ,
.sub_main_layout .sub_left_area .depth4 > li > a:hover { color: #777; background-color: #d5dff4; }

.sub_main_layout .sub_left_area .depth3 > li > a:after { opacity: 0; background-position: -40px -500px; width: 5px; height: 4px; top: 0; top: 50%; right: 13px; margin-top: -2px;  }
.sub_main_layout .sub_left_area .depth3 > li.on > a:after ,
.sub_main_layout .sub_left_area .depth3 > li.on > a:hover:after ,
.sub_main_layout .sub_left_area .depth3 > li > a:hover:after { opacity: 1; background-position: -40px -520px; }
.sub_main_layout .sub_left_area .depth3 > li > a:hover:after { background-position: -40px -500px;  }

.sub_main_layout .sub_right_area h4{ font-size: 30px; width:100%; margin-bottom:40px; margin-top:17px; letter-spacing:-1px;}
.sub_main_layout .sub_right_area .sub_tit {position: relative; padding:10px 0 25px; margin-bottom: 38px; border-bottom: 1px solid #000;}
.sub_main_layout .sub_right_area .sub_tit h5{ font-size: 30px; letter-spacing:-1px; }
.sub_main_layout .sub_right_area .sub_tit p {  }
.sub_main_layout .sub_right_area .sub_title ul { position: absolute; top: 0; right: 0;  }
.sub_main_layout .sub_right_area .sub_title ul li { float: left; width: 30px; height: 28px; margin-left: 4px; }
.sub_main_layout .sub_right_area .sub_title ul li a { display: block; height: 100%; width: 100%; }
.sub_main_layout .sub_right_area .sub_title ul li a.facebook { background-position:-60px -500px; }
.sub_main_layout .sub_right_area .sub_title ul li a.twitter { background-position:-94px -500px; }
.sub_main_layout .sub_right_area .sub_title ul li a.mail { background-position:-128px -500px; }

.sub_main_layout .sub_right_area .right_contents_top { overflow: hidden;  margin-bottom: 40px; }
.sub_main_layout .sub_right_area .contents_left { position: relative; float: left; width: 687px; padding-bottom: 2px; }
.sub_main_layout .sub_right_area .contents_right { position: relative; float: right; width: 262px; }

.sub_main_layout .sub_right_area .sub_slick2:before,
.sub_main_layout .sub_right_area .sub_slick2:after { content:''; display: block; position: absolute; z-index: 0; top: 3px; bottom: 3px; width: 50px; background-color: #bdbdbd; }
.sub_main_layout .sub_right_area .sub_slick2:before { left: 0; }
.sub_main_layout .sub_right_area .sub_slick2:after { right: 0; }
.sub_main_layout .sub_right_area .sub_slick2 .slick-list { z-index: 2; margin: 3px 51px 0; padding: 3px 1px 1px; }
.sub_main_layout .sub_right_area .sub_slick2 .slick-slide { outline: none; }
.sub_main_layout .sub_right_area .sub_slick2 .slick-current img { width: 185px; margin: -1px auto; border: 2px solid #4164b1; }
.sub_main_layout .sub_right_area .sub_slick2 .slick-arrow { position: absolute; z-index: 2; top: 3px; bottom: 1px; width: 50px; background-color: #848484; text-indent: -9999em; font-size: 0; }
.sub_main_layout .sub_right_area .sub_slick2 .slick-arrow:before { content: ''; display: block; width: 16px; height: 28px; margin: 0 auto; }
.sub_main_layout .sub_right_area .sub_slick2 .slick-prev { left: 0; }
.sub_main_layout .sub_right_area .sub_slick2 .slick-next { right: 0; }
.sub_main_layout .sub_right_area .sub_slick2 .slick-prev:before { background-position: 0 -540px ;}
.sub_main_layout .sub_right_area .sub_slick2 .slick-next:before { background-position: -40px -540px ;}
.sub_main_layout .sub_right_area .sub_slick2 .slick-disabled { background-color: #bdbdbd; cursor: default; }
.sub_main_layout .sub_right_area .sub_slick img ,
.sub_main_layout .sub_right_area .sub_slick2 img { border: 1px solid #eaeaea; }
.sub_main_layout .sub_right_area .sub_slick2 img { width: 185px; margin: 0 auto; }


ul.button_list { overflow: hidden; margin-left: -2px; }
ul.button_list li { overflow: hidden; float: left; width: 130px; height: 130px; margin: 0 0 2px 2px; }
ul.button_list li a { overflow: hidden; display: block; font-size: 17px; color: #fff; text-align: center; text-indent: 0; padding: 85px 0 20px; }
ul.button_list li a.btn_st1 ,
ul.button_list li.off a.btn_st1:hover { background-position: 0 -580px; }
ul.button_list li a.btn_st2 ,
ul.button_list li.off a.btn_st2:hover { background-position: -132px -580px; }
ul.button_list li a.btn_st3 ,
ul.button_list li.off a.btn_st3:hover { background-position: 0px -711px; }
ul.button_list li a.btn_st4 ,
ul.button_list li.off a.btn_st4:hover { background-position: -132px -711px; }

ul.button_list li a.btn_st1 { background-position: 0 -580px; }
ul.button_list li a.btn_st2 { background-position: -132px -580px; }
ul.button_list li a.btn_st3 { background-position: 0px -711px; }
ul.button_list li a.btn_st4 { background-position: -132px -711px; }

ul.button_list li.on a.btn_st1 ,
ul.button_list li a.btn_st1:hover { background-position: 0 -860px; }
ul.button_list li.on a.btn_st2 ,
ul.button_list li a.btn_st2:hover { background-position: -132px -860px; }
ul.button_list li.on a.btn_st3 ,
ul.button_list li a.btn_st3:hover { background-position: 0px -991px; }
ul.button_list li.on a.btn_st4 ,
ul.button_list li a.btn_st4:hover { background-position: -132px -991px; }

ul.button_list li.off a { opacity: .4; cursor: default;  opacity:.4; filter: alpha(opacity=40);-moz-opacity: .4; -khtml-opacity: 0.4; }

.resule_list { display: none; margin: 25px 0 0; }
.resule_list h5 { font-size: 17px; color: #434343; margin-bottom: 10px; }
.resule_list ul { border: 1px solid #b5b5b5; border-left: none; border-right: none; overflow: auto; max-height: 257px; }
.resule_list ul li:first-child { border: none; }
.resule_list ul li { border-top: 1px solid #dfdfdf; }
.resule_list ul li a {position: relative; display: block; padding: 7px 0 7px 20px;  font-size: 13px; color: #737373; font-weight: 300; }
.resule_list ul li a:hover { color:#4164b1; }
.resule_list ul li a:before { content:''; position: absolute; display: block; width: 6px; height: 9px; left: 2px; top: 50%; margin-top: -4.5px; background-position: -60px -540px; }

.layer_contents { display: none; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; background-color: #f2f2f2; }
.layer_contents img,
.layer_contents iframe {  width: 687px !important; height: 584px !important; }

.right_contents_bottom p { font-size: 15px; color: #4b4b6c; letter-spacing: -1px; }
.right_contents_bottom dl { margin-bottom: 50px; color: #4b4b6c; font-weight: 300; letter-spacing: -1px; }
.right_contents_bottom dl dt { font-size: 17px; margin-bottom: 5px; }
.right_contents_bottom dl dd { font-size: 13px; }
.right_contents_bottom dl dd li {position: relative; margin: 0 0 3px 10px; padding-left: 12px; }
.right_contents_bottom dl dd li:before { content: ''; position: absolute; display: block; width: 3px; height: 3px; background-color:#4b4b6c; border-radius: 1.5px; left: 0; top: 8px;  }

@media (max-width: 1440px) {
}
@media (max-width: 1280px) {
}
@media (max-width: 1023px) {

}
@media (max-width: 767px) {

}
@media (max-width: 640px) {

}


.right_top { position: fixed;  bottom:15px; right:15px; z-index:10000000; }