@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900|Noto+Sans+KR:100,300,400,500,700,900|Open+Sans:300,400,600,700,800');
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
OS { font-family: 'Open Sans', sans-serif; }
body {
	line-height: 1.4; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -0.04em; color: #323232;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong {font-weight:bold;}
img {max-width:100%;}
.sub_contents img {margin: 0 auto; display: block;}
ul:after,
dl:after, .clr::after {clear:both; display:block; content:'';}
.center { text-align: center;}

a,
a:hover {text-decoration:none; color:inherit;}

.wrap { max-width: 1220px; padding: 0 10px; margin: 0 auto; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; }

.OS { font-family: 'Open Sans', sans-serif; }
.LA { font-family: 'Lato', sans-serif; }

html.fixed { height: 100%; overflow: hidden;}

iframe { display: block; border: 1px solid #dcdcdc; -webkit-box-sizing: border-box; box-sizing: border-box;}

.spanlast {border-right: 1px solid #dcdcdc !important}

/***** header *****/
#header { border-bottom: 1px solid #f1f1f1; position: relative; }
.header_top { font-size: 14px; color: #505050; font-weight: 300; background: #111731; position: relative; z-index: 100;}
.header_top div[class^=top] img { display: block;}
.header_top .top_m { display: none;}
.header_top span  { margin-left: 20px; cursor: pointer;}
.header_top span img {  margin-right: 5px; position: relative; top: 1px; }
.header_top .close_btn { position: absolute; right: 0; bottom: 10px;}

.header_txt  { text-align: right; z-index: 100; position: relative; background: #fff; height: 100px;}
.header_txt .wrap { height: 100%;}
.header_txt .h_logo { position: absolute; left: 10px; top: 0; ;}
.header_txt .lnb  { margin-top:15px; position: absolute; right: 10px; top: 0;}
.header_txt .lnb li { float: left; position: relative; margin-right: 17px; }
.header_txt .lnb li:last-child { margin-right: 0;}
.header_txt .lnb li a { display: inline-block; font-size: 14px; color: #787878; }
.header_txt .lnb li::after { display: block; content: ''; width: 1px; height: 10px; background: #a0a0a0; position: absolute; top: 7px; right: -10px;}
.header_txt .lnb li:last-child::after { display: none;}

.header_txt .gnb { position: absolute; right: 90px; bottom: 0;}
.header_txt .gnb li { float: left;; margin-right: 30px;}
.header_txt .gnb li:last-child { margin-right: 0;}
.header_txt .gnb li a { display: inline-block; font-size: 17px; color: #323232; padding-bottom: 20px; position: relative; }
.header_txt .gnb li a:hover::after { display: block; content: ''; width: 100%; height: 4px; background: #00388c; position: absolute; left: 0; bottom: -1px;}

.gnb_depth { position: absolute; left: 0; top: -54px; background: #fff; width: 100%; z-index: 1;}
.gnb_depth .depth { width: 100%; height: 54px; position: relative;}
.gnb_depth .depth>li { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: none;}
.gnb_depth .depth>li>ul>li { float: left; margin-right: 25px; }
.gnb_depth .depth>li>ul>li:last-child { margin-right: 0;}
.gnb_depth .depth>li:nth-child(1){ left: 285px;}
.gnb_depth .depth>li:nth-child(2){ left: 280px;}
.gnb_depth .depth>li:nth-child(3){ left: 510px;}
.gnb_depth .depth>li:nth-child(4){ left: 750px;}
.gnb_depth .depth>li:nth-child(5){ right: 0px;}
.gnb_depth .depth>li:nth-child(6){ right: 180px;}
.gnb_depth .depth>li:nth-child(7){ right: 0px;}
.gnb_depth .depth>li:nth-child(8){ right: 0px;}
.gnb_depth .depth>li:nth-child(9){ right: 0px;}

.toggle { position: absolute; right: 0; top: 55px;width: 30px; height: 30px;cursor: pointer;}
.toggle span { height: 3px; width: 30px; background: #001c47; display: block; position: absolute; right: 0; }
.toggle span:nth-child(1) { top: 5px; }
.toggle span:nth-child(2) { top: 14px; width: 23px;}
.toggle span:nth-child(3) { top: 23px; width: 23px;}

.m_btn { position: absolute; right: 15px; top: 35px;width: 30px; height: 30px;cursor: pointer; display: none;}
.m_btn span { height: 2px; width: 30px; background: #001c47; display: block; position: absolute; right: 0; }
.m_btn span:nth-child(1) { top: 5px; }
.m_btn span:nth-child(2) { top: 14px; }
.m_btn span:nth-child(3) { top: 23px; }

/***** //header *****/


/***** toggle_menu *****/
.toggle_menu { border-bottom: 2px solid #002c6d; background: #f5f7f9; -webkit-box-shadow: 0px 2px 4px #e9ebed inset; box-shadow: 0px 2px 4px #e9ebed inset; position: absolute; width: 100%; z-index: 10; top:-100%; left: 0;}
.tg_list>li{float: left; -webkit-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #c4cedd; }
.tg_list>li:nth-child(1) { width: 23%; }
.tg_list>li:nth-child(2) { width: 19.25%; }
.tg_list>li:nth-child(3) { width: 19.25%; }
.tg_list>li:nth-child(4) { width: 19.25%; }
.tg_list>li:nth-child(5) { width: 19.25%; }
.tg_list .tg_box { padding: 45px 0 45px 30px; }
.tg_btit { font-size: 30px; margin-top: 50px; font-weight: 300;}
.tg_btit span { font-weight: bold;}
.tg_stit { font-size: 20px; font-weight: 500; color: #323232; margin-bottom: 15px;}
.tg_slist li { font-size: 15px; color: #505050; font-weight: 300; margin-bottom: 5px;}
.tg_slist li:last-child { margin-bottom: 0;}
.tg_box>div { margin-bottom: 20px;}
.tg_box>div:last-child { margin-bottom: 0;}
/***** //toggle_menu *****/

.m_btn { position: absolute; right: 15px; top: 35px;width: 30px; height: 30px;cursor: pointer; display: none;}
.m_btn span { height: 2px; width: 30px; background: #001c47; display: block; position: absolute; right: 0; }
.m_btn span:nth-child(1) { top: 5px; }
.m_btn span:nth-child(2) { top: 14px; }
.m_btn span:nth-child(3) { top: 23px; }

/*** m_gnb ***/
.m_gnb_box { position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background: rgba(0,0,0,0.7);display: none; }
.m_gnb { position: absolute; right: 0; top: 0; width: 250px; height: 100%; overflow-y: scroll; padding: 40px 0 0 20px; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box;}
.m_gnb .depth1_menu { font-size: 15px; color: #00388c; padding: 10px 0; font-weight: bold; cursor: pointer; }
.m_gnb .depth2 { font-size: 14px; color: #222; padding-left: 10px; display: none;}
.m_gnb .depth2>li>*:first-child { padding: 5px 0; display: block; cursor: pointer }
.m_gnb .depth2_menu2 { padding-left: 10px; display: none;}
.m_gnb .depth2_menu2 li{ color: #777; margin-bottom: 5px;}
.m_btn_close { width: 30px; height: 30px; position: absolute; right: 15px; top: 10px; cursor: pointer;}
.m_btn_close span { display: block; width: 30px; height: 2px; background: #001c47; position: absolute; right: 0; top: 0; }
.m_btn_close span:nth-child(1) {  -webkit-transform: rotate(45deg) translate3d(5px,5px,0px);  transform: rotate(45deg) translate3d(5px,5px,0px); }
.m_btn_close span:nth-child(2) {  -webkit-transform: rotate(-45deg) translate3d(-5px,5px,0px);  transform: rotate(-45deg) translate3d(-5px,5px,0px); }
/*** //m_gnb ***/

/***** main_contents *****/
#main_contents { text-align: center;}

/***** main_visual *****/
#main_visual { position: relative;}

#main_visual img { display: block; width: 100%;}
#main_visual .visual_m { display: none; width: 100%;}
#main_visual #slide_pager { position: absolute; left: 0; bottom: 0; width: 100%; font-size: 0;}
#main_visual #slide_pager a { width: 20%; float: left; font-weight: 300; font-size: 16px; color: #fff; height: 50px; line-height: 50px; background: rgba(147, 147, 147, 0.8); cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid rgba(44, 45, 47, 0.45);}
#main_visual #slide_pager a:last-child { border: 0 none;}
#main_visual #slide_pager a.active { background:#2c2d2f;}
/***** //main_visual *****/

/*** sec1 ***/
#main_contents .sec1 { padding: 80px 0;}
#main_contents .text1 { font-size: 40px; font-weight: bold; color: #444; margin-bottom: 55px;}
#main_contents .text1 b { color: #00388c;}
#main_contents .tab { font-size: 0; }
#main_contents .tab li { display: inline-block; width: 20%; margin-left: -1px;}
#main_contents .tab li.on a{ color: #fff; background: #00388c; border-color: #00388c; }
#main_contents .tab li a { display: block; width: 100%; height: 50px; font-size: 15px; border: 1px solid #cdcdcd; line-height: 48px; -webkit-box-sizing: border-box; box-sizing: border-box; }

#main_contents .w1_img>img { display: block; width: 100%;}
#main_contents .w1_num { font-size: 17px; color: #fff; width: 50px; height: 50px; line-height: 50px; background: #00388c; position: absolute; left: 0px; top: 0; z-index: 1;}
#main_contents .s1_wrap { position: relative; }
#main_contents .s1_wrap li{ }
#main_contents .s1_hover:hover .w1_box { display: block; }
#main_contents .w1_box { position: absolute; top: 0; left: 0px; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.8); color: #fff; display: none; }
#main_contents .w1_wrap { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%; padding: 0 5px; -webkit-box-sizing: border-box; box-sizing: border-box;}
#main_contents .w1_tit { font-size: 22px; font-weight: bold; margin: 0 10px;}
#main_contents .w1_desc { font-size: 15px; font-weight: 300; margin: 10px 0 20px;}
#main_contents .w1_btn {  display: block; font-size: 15px; font-weight: 300; width: 139px; height: 37px; line-height: 35px; margin: 0 auto; border: 1px solid #c2c2c2; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 300; font-size: 14px; position: relative; border-right-color: transparent;}
#main_contents .w1_btn::after{ display: block; content: ''; width: 1px; height: 11px; position: absolute; right: -1px; top: -1px; background: #c2c2c2 }
#main_contents .w1_btn::before{ display: block; content: ''; width: 1px; height: 11px; position: absolute; right: -1px; bottom: -1px; background: #c2c2c2 }
#main_contents .w1_btn img { vertical-align: super; margin-left: 10px; display: inline-block;}
#main_contents .s1_wrap_arr { position: absolute; top: 40%; width: 100%; left: 0;}
#main_contents .s1_wrap_arr .s1_arr img { display: block;}
#main_contents .s1_wrap_arr .s1_arr { position: absolute; top: 0; cursor: pointer;}
#main_contents .s1_next { right: -70px;}
#main_contents .s1_prev { left: -70px;}
/*** //sec1 ***/

/*** sec2 ***/ 
#main_contents .sec2 img { display: block;}
#main_contents .sec2_m { display: none;}
/*** //sec2 ***/

/*** sec3 ***/
#main_contents .sec3 { padding: 80px 0; }
#main_contents .s3_list { margin: 0 -10px;}
#main_contents .s3_list li { float: left; width: 25%; text-align: left; margin-bottom: 20px;}
#main_contents .s3_wrap { padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 10px; border: 1px solid #ccc; position: relative;}
#main_contents .s3_wrap:hover { border-color: #00388c;}
#main_contents .w3_img { position: absolute; right: 20px; bottom: 20px; z-index: -1;}
#main_contents .w3_img img  { display: block;;}
#main_contents .w3_img.hover { display: none;}
#main_contents .s3_list li:hover .w3_img.hover { display: block;}

#main_contents .w3_tit { font-size: 20px; font-weight: bold; color: #444; padding-bottom: 20px;}
#main_contents .w3_desc { font-size: 15px; font-weight: 300; color: #444; padding-bottom: 30px; letter-spacing: -0.08em;}
/*** //sec3 ***/
/*** sec4 ***/
#main_contents .sec4 { background: url(../images/main_sec4_bg.jpg) no-repeat center; padding: 75px 0; text-align: left;}
#main_contents .s4_wrap > * { height: 100%;}
#main_contents .s4_list { margin: 0 -10px;}
#main_contents .s4_list>li { float: left;}
#main_contents .s4_list>li>div { margin: 0 10px; }
#main_contents .s4_left { width: 75%;}
#main_contents .s4_right { width: 25%;}
#main_contents .s4_list2 li { height: 100%;}
#main_contents .s4_list2 li div a { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
#main_contents .s4_list2 { margin: 0 -10px; height: 100%;}
#main_contents .s4_list2 li>div { margin: 0 10px; height: 100%; background: #fff; padding: 30px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative;}
#main_contents .s4_list2 li>div::before { display: block; content: ''; width: 100%; height: 5px; background: #00388c; position: absolute; left: 0; top: -5px;}
#main_contents .s4_sub { font-size: 18px; color: #444; font-weight: bold; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; margin-bottom: 15px;}
#main_contents .s4_desc2 { font-size: 15px; font-weight: 300; color: #505050; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
#main_contents .s4_date { font-size: 15px; font-weight: 300; color: #999; position: absolute; left: 20px; bottom: 30px;}
#main_contents .s4_right>div>div { padding-left: 60px;}
#main_contents .text2 { font-size: 50px; color: #00388c; font-weight: bold; letter-spacing: -0.05em; line-height: 1;}
#main_contents .text2::after { display: block; content: ''; width: 18px; height: 1px; background: #787878; margin: 25px 0 5px;}
#main_contents .s4_desc { font-size: 17px; font-weight: 300; color: #787878; margin-bottom: 25px; line-height: 1.7; word-break: keep-all;}
#main_contents .s4_wrap_arr li { float: left; cursor: pointer; margin-bottom: 10px;}
#main_contents .s4_wrap_arr li img { display: block; }
#main_contents .s4_prev { margin-right: 1px;}
/*** //sec4 ***/
/*** sec5 ***/
#main_contents .sec5 { padding: 80px 0 100px; text-align: left;}
#main_contents .s5_list { margin: 0 -10px; }
#main_contents .s5_list>li>div { margin: 0 10px; }
#main_contents .s5_list2 { background: url(../images/main_sec5_left_bg.jpg) no-repeat center #eef0f3; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px;}
#main_contents .s5_list>li { float: left; }
#main_contents .s5_left { width: 58%; }
#main_contents .s5_right { width: 42%; }
#main_contents .s5_list2>li { float: left;}
#main_contents .s5_left2 { width: 44%; display: table;}
#main_contents .s5_left2 div { padding-right: 60px; display: table-cell; vertical-align: middle;}
#main_contents .s5_prev { margin-right: 1px;}
#main_contents .s5_right2 { width: 56%;  background: #fff; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box;}
#main_contents .s5_list3>li>ul>li { padding: 15px 0 22px ; border-bottom: 1px solid #e4e4e4; }
#main_contents .s5_list3>li>ul>li:last-child { border: 0 none;}
#main_contents .s5_desc { font-size: 15px; font-weight: 300; color: #505050; position: relative; top: 3px;}
#main_contents .s5_sub { font-size: 40px; font-weight: bold; vertical-align: middle; margin-right: 20px; color: #505050;}
#main_contents .sec5 .s4_wrap_arr li {margin-bottom: 0;}
#main_contents .s5_list4 { height: 100%;}
#main_contents .s5_list4 li { height: 50%; display: table; width: 100%;}
#main_contents .s5_list4 li div { display: table-cell; vertical-align: middle; padding-left: 40px; background: no-repeat center; position: relative;}
#main_contents .s5_list4 li a { position: absolute; display: block; left: 0; right: 0; top: 0; bottom: 0;}
#main_contents .s5_list4 li:nth-child(1) div { background-image: url(../images/main_sec5_right_bg01.jpg); background-color: #5a5b5d;}
#main_contents .s5_list4 li:nth-child(2) div { background-image: url(../images/main_sec5_right_bg02.jpg); background-color: #dddfe1;}
#main_contents .s5_sub2 { font-size: 25px; font-weight: bold; color: #fff;}
#main_contents .s5_sub2::after { display: block; content: ''; width: 15px; height: 1px; background: #cdcdcd; margin: 15px 0 5px;}
#main_contents .s5_desc2 { font-size: 16px; font-weight: 300;  color: #cdcdcd;}
#main_contents .s5_list4 li:nth-child(2) .s5_sub2 { color: #505050;}
#main_contents .s5_list4 li:nth-child(2) .s5_sub2::after { background: #787878;}
#main_contents .s5_list4 li:nth-child(2) .s5_desc2 { color: #787878;}
/*** //sec5 ***/
#main_contents .sec4 .bx-viewport { height: 217px!important;}
.sec1 .bx-viewport {  padding-top: 25px; margin-top: 45px; margin-left: 5px; }
.sec4 .bx-viewport {  padding-top: 5px; margin-left: 5px; }
#main_contents .sec3 .bx-pager-item { display: inline-block;color: transparent; cursor: pointer;border-radius: 50%; }
#main_contents .sec3 .bx-pager-item a { display: block; border: 1px solid transparent; width: 11px; height: 11px;  border-radius: 50%;}
#main_contents .sec3 .bx-pager-item a.active { border-color: #ffd400;}
/***** //main_contents *****/

/***** footer *****/
#footer { background: #292929; }
.footer_top { border-bottom: 1px solid rgba(248, 248, 248, 0.4);}
.f_top_txt { float: left; margin-top: 28px; }
.f_top_txt li{ float: left; margin-right: 18px; color: #8c8c8c; font-size: 15px; font-weight: 300; font-size: 15px; }
.f_top_txt li:first-child { color: #fff; font-weight: normal;}
.f_top_txt li:last-child{ margin-right: 0px; }
.f_top_social { float: right; margin: 16px 0; }
.f_top_social li { float: left; margin-right: 20px;}
.f_top_social li:last-child { margin-right: 0px;}
.footer_txt { padding: 65px 0 45px; }
.footer_txt .wrap>* { float: left;}
.f_logo { padding-top: 30px; padding-right: 78px;}
.f_con { color: #8c8c8c; }
.f_tit { font-size: 15px; margin-bottom: 15px;}
.f_txt { margin-bottom: 20px;}
.f_txt li { float: left; margin-right: 25px;}
.f_txt li:last-child { margin-right: 0px;}
.footer_txt .text1 { font-size: 14px;}
.f_copy { color: #505050; font-weight: 300; font-size: 14px;}
.footer_txt .f_info { float: right;}
.f_tel { font-size: 30px; font-weight: bold; color: #fed638; letter-spacing: 0;}
.f_time { font-size: 15px; font-weight: 100; color: #8c8c8c; }
.f_site {position: relative;}
.f_site_tit { padding: 15px 20px; margin-top: 12px; font-size: 15px; color: #505050; background: url(../images/f_img05.png) no-repeat 230px center #c5c5c5; cursor: pointer;position: relative;}
.f_site .f_site_list { position: absolute; left: 0; bottom: 100%; width: 100%; display: none;}
.f_site .f_site_list>li { width: 50%; float: left; text-align: center; background: #dfdfdf; }
.f_site .f_site_list>li>div { padding: 20px 0;}
.f_site .f_site_list>li>div li { margin-bottom: 10px; color: #505050; font-weight: 300; font-size: 15px; }
.f_site .f_site_list>li:first-child ul { position: relative; }
.f_site .f_site_list>li:first-child ul::after { display: block; content: ''; width: 1px; height: 98%; background: #c8c8c8; position: absolute; top: 1%; right: 0; }
.f_site.on .f_site_list { display: block;}
.f_site.on .f_site_tit { background-image: url(../images/f_img06.png);}
/***** //footer *****/

/***** sub_common ****/
.sub1{ overflow: hidden;}

.index { border: 1px solid #dcdcdc; background: #fafafa; padding: 0;}
.index>div>ul>li { float: left; padding: 20px; border-right: 1px solid #dcdcdc; font-size: 16px; color: #505050; font-weight: 300;}
.index .home { border-left: 1px solid #dcdcdc;}
.index .home img { display: block;}
.index .depth { position: relative; line-height: 1; width: 210px; background: url(../images/index_down.png) no-repeat 210px center; cursor: pointer;}
.index .depth ul { position: absolute; left: -1px; top: 56px; padding: 20px; width: calc(100% + 2px); background: #fafafa; border: 1px solid #dcdcdc; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 100; display: none;}
.index .depth ul li { font-size: 16px; margin-bottom: 10px;}
.index .depth ul li:last-child { margin-bottom: 0; }

.sub_visual { background: no-repeat center;}
.sub1 .sub_visual { background-image: url(../images/sub_visual1.jpg) }
.sub2 .sub_visual { background-image: url(../images/sub_visual2.jpg) }
.sub3 .sub_visual { background-image: url(../images/sub_visual3.jpg) }
.sub4 .sub_visual { background-image: url(../images/sub_visual4.jpg) }
.sub5 .sub_visual { background-image: url(../images/sub_visual5.jpg) }
.sub6 .sub_visual { background-image: url(../images/sub_visual6.jpg) }
.sub7 .sub_visual { background-image: url(../images/sub_visual7.jpg) }
.sub8 .sub_visual { background-image: url(../images/sub_visual8.jpg) }
.sub9 .sub_visual { background-image: url(../images/sub_visual9.jpg) }
.sub_visual .visual_box { padding: 140px 0; color: #fff; text-align: center; }
.sub_visual .v_desc { font-size: 22px; font-weight: 100; }
.sub_visual .v_tit { font-size: 50px; font-weight: bold; }

.sub_tit_box { text-align: center; }
.sub_tit { margin: 100px 0 80px; font-size: 50px; font-weight:600; color: #232323; }
.sub_tit::after { display: block; content: ''; width: 62px; height: 4px; background: #232323; margin: 20px auto 0; }
.sub_desc { position: relative; top: -55px;}

.sub_bg { position: relative;}
.sub_bg>div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1;}
.sub .sub_bg1 { width: 100%; background: #fff; height: 580px;}
.sub .sub_bg3,.sub .sub_bg5 { width: 100%; background: #fff; height: 900px;}
.sub .sub_bg2,.sub .sub_bg4,.sub .sub_bg6 { width: 100%; background: #f4f4f4; height: 1650px;}

.sub_m { display: none;}

.sub_tab { margin-bottom: 60px;}
.sub_tab li { float: left; margin-left: -1px;}
.sub_tab li a { display: block; width: 100%; height: 60px; border: 1px solid #cfcfcf; text-align: center; line-height: 58px; color: #505050; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 16px;}
.sub_tab li.on a { border: 5px solid #00388c; line-height: 50px; color: #00388c; position: relative; z-index: 1;}
.sub_banner_box .wrap { background: url(../images/sub2_banner.jpg) no-repeat center;}
.sub_banner { text-align: center; padding: 50px 0; }
.sub_banner .banner_tit { font-size: 42px; color: #fff; font-weight: 500; letter-spacing: 0;}
.sub_banner .banner_desc { font-size: 18px; color: #323232; background: #f5c300; padding: 3px 15px; display: inline-block;}

#sub_contents .text1 { font-size: 35px; color: #505050; font-weight: bold; margin-bottom: 10px; text-align: center;}
#sub_contents .text1 b { color: #00388c;}
#sub_contents .text2 { font-size: 20px; color: #787878; font-weight: 300; margin-bottom: 40px; text-align: center;}
#sub_contents .text3 { font-size: 23px; color: #505050; font-weight: 500;}

#sub_contents div[class^=sec] { padding-bottom: 100px;}
/** sub_listStyle1 **/
.list_style1>ul { margin: 0 -10px; letter-spacing: -0.06em;}
.list_style1>ul>li { float: left; width: 33.3333%; position: relative; margin-bottom: 20px;}
.list_style1>ul>li>div { height: 304px; margin: 0 10px; position: relative; border: 1px solid #ccc;background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.list_style1>ul>li>div img { width: 100%; height: 100%;}
.list_style1>ul>li>div>div { position: absolute; width: 100%; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }
/** //sub_listStyle1 **/
/** sub_listStyle2 **/
.list_style2 { margin-bottom: 50px;}
.list_style2>ul { font-size: 0;}
.list_style2>ul>li { display: inline-block; width: 25%;}
.list_style2>ul>li>div { padding: 0 10px;; height: 100%; display: table; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.list_style2>ul>li>div>div { display: table-cell; vertical-align: middle;border: 1px solid #dcdcdc; padding: 45px 0;}
.list_style2>ul>li:nth-child(2n-1)>div>div { border-top-color: #00388c;}
.list_style2>ul>li:nth-child(2n)>div>div { overflow: hidden; border-bottom-color: #00388c;}
.l2_tit { font-size: 17px; margin-bottom: 15px;}
.l2_desc { font-size: 16px; color: #787878; font-weight: 300; }
.l2_desc i { opacity: 0;}
.l2_desc2 { font-size: 14px; color: #787878; margin-top: 15px; font-weight: 300;}
.l2_line { padding: 20px 0; position: relative;}
.l2_line::after { display: block; content: ''; width: calc(100% + 22px); height: 1px; background: #dcdcdc; position: absolute; left: 0; top: 50%; z-index: -1; }
.l2_sub { font-size: 25px; color: #00388c; margin-bottom: 50px;}
/** //sub_listStyle2 **/
/** sub_listStyle3 **/
.list_style3>ul { margin: 0 -10px; text-align: center;}
.list_style3>ul>li { float: left; width: 25%;}
.list_style3>ul>li>div { padding: 0 10px; height: 100%; display: table; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.list_style3>ul>li>div>div { display: table-cell; vertical-align: middle;border: 1px solid #dcdcdc; padding: 80px 5px;}
.list_style3 .l2_desc { margin-top: 15px; }
.list_style3 img { display: block; margin: 0 auto;}
.list_style3 .l3_tit { font-size: 23px; color: #303030; font-weight: bold; margin-bottom: 25px;}
/** //sub_listStyle3 **/
/** sub_listStyle4 **/
.list_style4 { letter-spacing: -0.06em;}
.list_style4>ul { margin: 0 -7px;}
.list_style4>ul>li { float: left; width: 25%; margin-bottom: 60px;}
.list_style4>ul>li>div { margin: 0 7px; padding: 30px 29px 50px; border: 1px solid #dcdcdc; position: relative;}
.list_style4>ul>li>div::before { display: block; content: ''; width: calc(100% + 2px); height: 2px; background: #00388c; top: -1px; left: -1px; position: absolute;}
.list_style4 .s4_tit { font-size: 20px; margin-bottom: 5px;}
.list_style4 .s4_img img { display: block; margin-bottom: 20px; }
.list_style4 .s4_desc { font-size: 15px; color: #333; font-weight: 400; line-height: 1.7;}
.list_style4 dl { display: table; width: 100%;}
.list_style4 dt,.list_style4 dd { display: table-cell;}
/** //sub_listStyle4 **/
/** sub_listStyle5 **/
.list_style5 { margin-bottom: 50px; letter-spacing: -0.06em;}
.list_style5>ul { margin: 0 -7px;}
.list_style5>ul>li { float: left; width: 25%;}
.list_style5>ul>li>div { padding: 0 7px;; height: 100%; display: table; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.list_style5>ul>li>div>div { display: table-cell; vertical-align: middle;border: 1px solid #dcdcdc; padding: 40px 5px; position: relative;}
.list_style5 .l5_num { font-size: 50px; color: #ccc; font-family:initial; position: absolute; left: 20px; top: 0px;}
.list_style5 .l5_tit{ font-size: 16px; color: #505050; font-weight: 300; }
.list_style5 .l5_desc{ font-size: 14px; color: #505050; font-weight: 300; margin-top: 15px;}
.list_style5 .l5_img img { display: block; margin: 0 auto 20px; }
/** //sub_listStyle5 **/
/** sub_listStyle6 **/
.list_style6 { letter-spacing: -0.06em; text-align: center;}
.list_style6>ul { margin: 0 -10px;}
.list_style6>ul>li { float: left; width: 33.3333%; margin-bottom: 60px;}
.list_style6>ul>li>div { margin: 0 10px; padding: 40px 5px; border: 1px solid #dcdcdc; border-top-color: #00388c;}
.list_style6 .l6_num { font-size: 56px; font-weight: bold; font-family: initial; color: #00388c; opacity: 0.3; line-height: 1;}
.list_style6 .l6_tit { font-size: 24px; color: #00388c; letter-spacing: -0.03em; margin: 15px 0;}
.list_style6 .l6_circle img { display: block; margin: 0 auto;}
.list_style6 .l6_desc { font-size: 16px; font-weight: 300; color: #787878; margin-top: 15px; ;line-height: 1.7}
/** //sub_listStyle6 **/
/** sub_listStyle7 **/
.list_style7 { letter-spacing: -0.06em;}
.list_style7>ul { margin: 0 -10px;}
.list_style7>ul>li { float: left; width: 25%; margin-bottom: 20px;}
.list_style7>ul>li>div { height: 285px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 10px; padding: 35px 5px 0 35px; border: 1px solid #dcdcdc; position: relative;}
.list_style7 .l7_tit { font-size: 22px; color: #020202;}
.list_style7 .l7_sub { font-size: 38px; color: #00388c; margin-bottom: 15px; line-height: 1;}
.list_style7 .l7_desc { font-size: 16px; color: #787878; font-weight: 300;}
.list_style7 .l7_img { position: absolute; right: 30px; bottom: 30px; z-index: -1;}
.list_style7 .l7_img img { display: block;}
/** //sub_listStyle7 **/
/** sub_listStyle8 **/
.list_style8 { text-align: center; letter-spacing: -0.06em;}
.list_style8>ul { margin: 0 -10px;}
.list_style8>ul>li { float: left; width: 20%;}
.list_style8>ul>li>div { padding: 0 10px; height: 100%; display: table; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.list_style8>ul>li>div>div { display: table-cell; vertical-align: middle;border: 1px solid #dcdcdc; border-top-color: #00388c; padding: 80px 5px; position: relative;}
.list_style8 .l8_num { font-size: 25px; color: #fff; font-family: initial; width: 47px; height: 47px; background: #00388c; text-align: center; line-height: 44px; position: absolute; left: 0; top: 0; font-weight:100;}
.list_style8 .l8_desc { font-size: 17px; color: #505050; font-weight: 300; display: table; width: 100%;}
.list_style8 .l8_desc li { display: table-cell; vertical-align: middle;}
/** //sub_listStyle8 **/
/** sub_listStyle9 **/
.list_style9 { text-align: center; letter-spacing: -0.06em;}
.list_style9>ul { margin: 0 -10px;}
.list_style9>ul>li { float: left; width: 25%;}
.list_style9>ul>li>div { padding: 0 10px; height: 100%; display: table; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.list_style9>ul>li>div>div {border: 1px solid #dcdcdc; padding: 30px 10px 50px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative;}
.list_style9>ul>li>div>div::after { display: block; content: ''; width: calc(100% + 2px); height: 2px; background: #00388c; position: absolute; left: -1px; top: -1px;}
.list_style9 .l9_circle { position: relative; margin: 20px}
.list_style9 .l9_circle img { display: block; margin: 0 auto;}
.list_style9 .l9_circle::after { display: block; content: ''; width: 100%; height: 1px; background: #dcdcdc; position: absolute; top: 50%; left: 0; z-index: -1;}
.list_style9 .l9_num { font-size: 25px; font-family: initial; }
.list_style9 .l9_desc { font-size: 16px; color: #505050; font-weight: 300;}
/** //sub_listStyle9 **/
/** table_style **/
table { width: 100%; border-top: 1px solid #00388c; letter-spacing: -0.06em;}
tr { border-bottom: 1px solid #dcdcdc;}
th,td { vertical-align: middle;}
th { background: #f5f5f5; font-weight: 500; padding: 30px 10px;}
td { color: #787878; font-weight: 300; padding: 30px 10px 30px 50px; text-align: left; word-break: keep-all;}
table td ul li { text-indent: -8px;}
.table_box { font-size: 16px;}
.table_info { text-align: right; font-size: 16px; color: #787878; margin-top: 10px;}
.table2 td { padding: 30px 10px; text-align: center; border-right: 1px solid #dcdcdc;}
.table2 td:last-child { border-right: 0 none;}
.table2 th { border-right: 1px solid #dcdcdc;}
.table2 th:last-child { border-right: 0 none; }
.table3 td,.table3 th { padding: 20px 10px; text-align: center; border-right: 1px solid #dcdcdc;}
/** //table_style **/
/** img_style1 **/
.img_style1 { margin-bottom: 50px; letter-spacing: -0.06em;}
.img_style1>ul>li { float: left;}
.img_style1>ul .i1_left { width: 40.75%;}
.img_style1>ul .i1_left img { display: block; margin: 0 auto;}
.img_style1>ul .i1_right { width: 59.25%;}
.img_style1>ul .i1_right>div { border: 1px solid #dcdcdc; border-left-color: transparent; height: calc(100% - 2px); -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 30px;}
.img_style1 .i1_list>li { width: 50%; float: left;}
.img_style1 .i1_list>li>div>* { float: left; }
.img_style1 .i1_desc1 { font-size: 18px; color: #00388c; font-weight: 400;}
.img_style1 .i1_sub { font-size: 32px; }
.img_style1 .i1_sub::after { display: block; content: ''; width: 100%; height: 1px; background: #dcdcdc; margin: 30px 0;}
.img_style1 .i1_sub b { font-weight: bold; margin-right: 5px;}
.img_style1 .i1_tit  { font-size: 20px; color: #00388c; font-weight: 500; margin-right: 20px;}
.img_style1 .i1_desc2 { font-size: 16px; color: #505050; font-weight: 400;}
.img_style1 .i1_desc2 li { width:450px; position: relative; padding-left: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.6;} 
.img_style1 .i1_desc2 li::after { display: block; content: ''; position: absolute; width: 5px; height: 5px; background: #bebebe; border-radius: 50%; top: 9px; left: 0;}
/** //img_style1 **/
/** img_style2 **/
.img_style2 { letter-spacing: -0.06em;}
.img_style2 li { float: left; width: 50%;}
.img_style2 .i2_left img { display: block;}
.img_style2 .i2_right>div { border: 1px solid #dcdcdc; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; display: table; width: 100%;}
.img_style2 .i2_right>div>div { display: table-cell; vertical-align: middle; padding: 0 40px 0 70px;}
.img_style2 .i2_tit { font-size: 25px; color: #00388c; margin-bottom: 20px;}
.img_style2 .i2_desc { font-size: 17px; color: #505050; font-weight: 300; line-height: 1.7; }
/** //img_style2 **/
/** box_style1 **/
.box_style1 { padding: 59px 55px; border: 1px solid #dcdcdc; text-align: center;}
.box_style1 .b1_tit { font-size: 32px; color: #00388c; margin-bottom: 20px;}
.box_style1 .b1_tit b { font-weight: bold;}
.box_style1 .b1_desc { font-size: 16px; font-weight: 300; margin-bottom: 40px;}
/** //box_style1 **/
/** board_style1 **/
.board_style1 { font-size: 15px;}
.board_style1 .board_sub_box li { border-top: 1px solid #00388c;}
.board_style1>ul>li { border-bottom: 1px solid #dcdcdc;}
.board_style1>ul>li>div { float: left; text-align: center; padding: 15px 0;}
.board_style1 .board_sub_box { font-weight: 500; color: #505050; background: #f5f5f5;}
.board_style1 .board_con_box { font-weight: 300; color: #646464;}
.board_style1 .board_con_box li.on { background: #ecf2fb;}
.board_style1 .board_con_box li.on .board_sec { font-weight: 500; color: #00388c;}
.board_style1 .board_con_box li.on .board_fir { opacity: 0;}
.board_style1 .board_fir { width: 17.5%;}
.board_style1 .board_sec { width: 47.5%; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.board_style1 .board_thir { width: 17.5%;}
.board_style1 .board_four { width: 17.5%;}

.board_style1_sub>div { border-bottom: 1px solid #dcdcdc;}
.board_style1_sub .sub_tit_box { padding: 40px 0; background: #f5f5f5; border-top: 1px solid #00388c; }
.board_style1_sub .sub_con_box { padding: 60px;  }
.board_style1_sub .board_tit { font-size: 23px; color: #00388c; font-weight: 500; margin-bottom: 25px;}
.board_style1_sub .board_desc { font-size: 16px; color: #999;}
.board_style1_sub .board_desc span { margin-right: 20px; }
.board_style1_sub .board_desc span:last-child { margin-right: 0px; }
.board_style1_sub .board_desc b { color: #444; margin-left: 3px;}
.board_style1_sub .board_con_tit { font-size: 23px; color: #505050; font-weight: 500;}
.board_style1_sub .board_con_desc { font-size: 17px; color: #505050; font-weight: 300;}

.sub_board .pager a.arr { margin:0; }
.sub_board .pager div { position: relative;}
.sub_board .pager div div {position: absolute; right: 0; top: 0;}
.sub_board .pager div div a:last-child { margin-left: -1px;}
.sub_board .pager a.pager_box { display: inline-block; text-align: center; width: 150px; height: 40px; line-height: 40px; background: #00388c; color: #fff; font-weight: 300; margin: 0 auto; font-size: 15px;}
/** //board_style1 **/
/** board_style2 **/
.board_style2 .board_sub { margin-bottom: 10px;}
.board_style2 .board_tit { font-size: 17px;}
.board_style2 .board_tit b { color: #ffc400;}
.board_style2>ul { border-top: 2px solid #00388c; }
.board_style2>ul>li { border-bottom: 1px solid #dcdcdc; }
.board_style2>ul>li>div { float: left; box-sizing: border-box; display: table-cell; vertical-align: middle;}
.board_style2 .board_fir { width: 21%; background: #fafafa; padding: 10px 30px; }
.board_style2 .board_sec { width: 79%; padding: 10px 20px; box-sizing: border-box; }
.board_style2 input[type="text"] { width: 75%; height: 40px;  padding: 0 10px; box-sizing: border-box;}
.board_style2 textarea { width: 100%; resize: none; height: 320px; overflow-y: scroll; padding: 10px; box-sizing: border-box;}
.sub_board_write .button_box { text-align: center; margin-bottom: 60px;}
.sub_board_write  button { width: 170px; height: 50px; line-height: 50px; color: #fff; background: #00388c; border: 0 none; font-size: 16px; letter-spacing: -0.04em;}
/** //board_style2 **/
/***** //sub_common ****/

/***** sub1_1~4 ****/
.sub1 .sec2 { text-align: center;}
/** sub1_1 **/
.sub1_1 .sec1 .s1_box { padding: 50px 0; text-align: center;}
.sub1_1 .sec1 .s1_tit { font-size: 20px; color: #444; font-weight: 600; }
.sub1_1 .sec1 .s1_desc { font-size: 17px; color: #787878; font-weight: 300; margin-bottom: 35px;}
/** //sub1_1 **/
/** sub1_2 **/
.sub1_2 .list_style1>ul:nth-child(2n)>li { float: right; }
.sub1_2 .s2_num { color: #dcdcdc; font-size: 16px; font-weight: 600;}
.sub1_2 .s2_num::after,.sub1_2 .s2_num::before { display: block; content: ''; width: 20px; height: 1px; background: #dcdcdc; margin: 0 auto;}
.sub1_2 .s2_ltit { font-size: 25px; color: #505050; font-weight: bold; margin: 20px 0;}             
.sub1_2 .s2_ldesc { font-size: 16px; color: #505050; font-weight: 300;}
/** //sub1_2 **/
/** sub1_3 **/
.sub1_3 .sec1 p:first-child { margin-bottom: 80px;}
.sub1_3 .list_style1>ul>li>div { height: 300px; letter-spacing: -0.06em;}
.sub1_3 .list_style1>ul:first-child>li>div { height: auto; }
.sub1_3 .s2_sub { font-size: 30px; font-weight: 600; margin-bottom: 20px;}
.sub1_3 .s2_num { font-size: 80px; font-weight: bold; color: #00388c;}
.sub1_3 .s2_ldesc { font-size: 16px; color: #505050; font-weight: 300;}
.sub1_3 .list_style1>ul:last-child>li { width: 50%; }
.sub1_3 .list_style1>ul:nth-child(2) img { width: auto; margin: 0 auto;}
.sub1_3 .list_style1>ul:first-child>li:last-child { display: none;}
/** //sub1_3 **/
/** sub1_4 **/
.sub1_4 .list_style1>ul>li>div { height: 400px; border-top-color: #ffcc00; padding: 30px; text-align: left;}
.sub1_4 .list_style1>ul>li>div>* { font-size: 16px; color: #505050; font-weight: bold; margin-bottom: 10px;}
.sub1_4 .list_style1>ul>li>div>*:last-child { margin-bottom: 0;}
.sub1_4 .list_style1 .s2_ldesc { font-weight: 300; }
.sub1_4 .list_style1 img { position: absolute; right: 30px; bottom: 30px;}
.sub1_4 .list_style1>ul>li>div img { width: auto; height: auto;}
/** //sub1_4 **/
/***** //sub1_1~4 ****/

/***** sub2_0~9 ****/
/** sub2_0 **/
.sub2_0 div[class^=sec]{ letter-spacing: -0.06em; }
.sub2_0 .sec ul li { float: left; width: 50%;}
.sub2_0 .s1_list>li>div { display: table; width: 100%; height: 400px;}
.sub2_0 .s1_list>li>div>div { display: table-cell; vertical-align: middle;}
.sub2_0 .s1_list>li>div>div:first-child { border: 1px solid #dcdcdc; border-right-color: transparent; padding: 0 70px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff;}
.sub2_0 .s1_tit { font-size: 25px; color: #00388c; margin-bottom: 20px;}
.sub2_0 .s1_desc { font-size: 16px; font-weight: 300; color: #505050; }

.sub2_0 .s2_list li { -webkit-box-sizing: border-box; box-sizing: border-box; }
.sub2_0 .s2_list li:nth-child(2n) { padding-left: 30px;}
.sub2_0 .s2_list li:nth-child(2n+1) { padding-right: 30px;}
.sub2_0 .s2_list li:nth-last-child(-n+2) {margin-top: 80px;}
.sub2_0 .s2_list .s2_tit { font-size: 24px; font-weight: 300; margin-bottom: 20px;}
.sub2_0 .s2_list .s2_tit b { font-weight: bold;}
.sub2_0 .s2_list .s2_tit span { display: inline-block; vertical-align: text-bottom;}
.sub2_0 .s2_list .s2_tit span img { display: block; margin-right: 20px;}
.sub2_0 .s2_list .s2_desc { font-size: 16px; color: #787878; font-weight: 300;}
/** //sub2_0 **/
/*** sub2_common ***/
.sub2_img img { display: block; margin: 0 auto 15px;}
.sub2_tit { font-size: 24px; font-weight: bold; color: #505050; }
.sub2_desc1 { font-size: 16px; color: #787878; font-weight: 300; letter-spacing: 0; text-transform: uppercase;}
.sub2_desc1::after { display: block; content: ''; width: 17px; height: 1px; background: #00388c; margin: 10px auto;}
.sub2_desc2 { font-size: 17px; color: #505050; font-weight: 300; line-height: 1.6; margin-bottom: 50px;}
#sub_contents.sub2 .text1 { margin-bottom: 50px;}
.sub_btn_box { text-align: center;  margin-bottom: 100px; font-size: 0;}
.sub_btn { font-size: 0;}
.sub_btn a { display: inline-block; width: 270px; height: 65px; line-height: 65px; margin: 0 auto; font-weight: 300; font-size: 16px; background: #f5c300; margin-right: 20px;}
.sub_btn a:last-child { margin-right: 0;}
/*** //sub2_common ***/
/** sub2_1_1 **/
.sub2 .sub_banner_box { margin-bottom: 80px;}
.sub2_1 .sub_tab { margin: 0 -5px 60px -1px;}
.sub2_1 .sub_tab li { width: 14.28%;}
.sub2_1_1 .sub_banner .banner_tit { font-weight: bold;}
.sub2_1_1 div[class^=sec] { text-align: center;}
.sub2_1_1 .sec1 td:nth-child(2) { border-right: 1px solid #dcdcdc; color: #323232; padding: 30px 10px; text-align: center;}
.sub2_1_1 .sec1 td:nth-child(3) { text-indent: -15px; }
/** //sub2_1_1 **/
/** sub2_1_3 **/
.sub2_1_3 .mb0 { margin-bottom: 0;}
.sub2_1_3 .sec1 { text-align: center;}
.sub2_1_3 .sec2 { text-align: center;}
.sub2_1_3 .s3_box { padding: 59px; border: 1px solid #dcdcdc;}
.sub2_1_3 .s3_box .text3 { text-align: center; margin-bottom: 50px;}
.sub2_1_3 .s3_img { margin-bottom: 50px;}
.sub2_1_3 .s3_list li { float: left; word-break: keep-all; -webkit-box-sizing: border-box; box-sizing: border-box; letter-spacing: -0.06em;}
.sub2_1_3 .s3_ltit { width: 36%; font-size: 25px; color: #00388c; padding-right: 20px; }
.sub2_1_3 .s3_ldesc { width: 64%; font-size: 17px; color: #505050; font-weight: 300; padding-left: 25px; border-left: 1px solid #ccd7e8; }
.sub2_1_3 .sec4 td:last-child{ border-left: 1px solid #dcdcdc;} 
.sub2_1_3 .sec4 table tr td:nth-last-child(n+2) { color: #323232;}
.sub2_1_3 .table_box:nth-child(2) { margin-bottom: 50px;}
.sub2_1_3 .table_box .text3 { margin-bottom: 15px!important;}
/** //sub2_1_3 **/
/** sub2_1_4 **/
.sub2_1_4 .sub2_desc2 { margin-bottom: 0;}
.sub2_1_4 .list_style3>ul>li>div>div { padding: 80px 5px 35px;}
.sub2_1_4 .l2_desc { color: #505050; }
/** //sub2_1_4 **/
/** sub2_1_5 **/
.sub2_1_5 .list_style3>ul>li>div>div { padding: 80px 5px 30px;}
/** //sub2_1_5 **/
/** sub2_1_6 **/
.sub2_1_6 .mb30 { margin-bottom: 30px;}
.sub2_1_6 .list_style2>ul>li>div>div { padding: 45px 0 20px;}
.sub2_1_6 .list_style3>ul>li>div>div { padding: 80px 0 30px;}
.sub2_1_6 .center th:first-child { border-right: 1px solid #dcdcdc;}
.sub2_1_6 .center td{ text-align: center; padding: 30px 10px;}
.sub2_1_6 .table_box { margin-bottom: 50px;}
.sub2_1_6 .table_box:last-child { margin-bottom: 0px;}
.sub2_1_6 .table_style td { border-left: 1px solid #dcdcdc; padding: 30px 10px; text-align: center;}
.sub2_1_6 .table_style td:first-child { border-left: 0 none; }
.sub2_1_6 .table_style2 td:nth-child(1),.sub2_1_6 .table_style2 td:nth-child(5) { background: #dee5f0; border-bottom: 1px solid #fff;}
.sub2_1_6 .table_style2 tr:nth-child(4) td:nth-child(1),.sub2_1_6 .table_style2 tr:nth-child(4) td:nth-child(5) { border-bottom: 0 none;}
/** //sub2_1_6 **/
/** sub2_2_1 **/
.sub2_2 .sub_tab li { width: 50%!important;}
.sub2_2_1 .list_style2 { margin-bottom: 0;}
.sub2_2_1 .sec5 { text-align: center; }
.sub2_2_1 .sec5 .list_style3>ul { font-size: 0;}
.sub2_2_1 .sec5 .list_style3>ul>li{ float: none; display: inline-block;}
/** //sub2_2_1 **/
/** sub2_2_2 **/
.sub2_2_2 .sub2_desc2 { margin-bottom: 0;}
/** //sub2_2_2 **/
/** sub2_3_1 **/
.sub2_3 .sub_tab li { width: 25%;}
.sub2_3 .sub_tab li a { margin-top: -1px;}
.sub2_3_1 .sec1 { text-align: center;}
.sub2_3_1 .s2_list { margin: 0 -6px; margin-bottom: 30px;}
.sub2_3_1 .s2_list li { float: left; width: 25%; text-align: center;}
.sub2_3_1 .s2_list li>div { margin: 0 6px; border: 1px solid #dcdcdc; padding: 49px 5px; }
.sub2_3_1 .s2_img img{ display: block; margin: 0 auto;}
.sub2_3_1 .s2_ltit { margin: 25px 0 15px; font-size: 24px;}
.sub2_3_1 .s2_ldesc { font-size: 15px; color: #787878; font-weight: 300;}
.sub2_3_1 .sec2 tr td:nth-child(2) { border-right: 1px solid #dcdcdc; position: relative; }
.sub2_3_1 .sec2 .sub_m tr td:nth-child(2) { border-right: 0 none; }
.sub2_3_1 .sec3 { text-align: center;}
.sub2_3_1 .sec3 .s2_list li>div { padding: 20px 0 0px; }
.sub2_3_1 .sec3 .s2_list li { float: left; width: 20%; }
.sub2_3_1 .s3_num { font-size: 37px; color: #00388c; font-family: initial; line-height: 1; margin-bottom: 20px;}
.sub2_3_1 .s3_tit { font-size: 20px; font-weight: 300;}
.sub2_3_1 .s3_tit b { font-weight: 500;}
.sub2_3_1 .s3_circle img { display: block; margin: 20px auto;}
.sub2_3_1 .sec3 .s2_list li:nth-child(2n-1)>div { border-top-color: #00388c;}
.sub2_3_1 .sec3 .s2_list li:nth-child(2n)>div { border-bottom-color: #00388c;}
.sub2_3_1 .s3_btn a { display: block; margin: 0 auto;font-size: 16px; width: 164px; height: 54px; line-height: 52px; border: 1px solid #787878; color: #787878;}
.sub2_3_1 .s3_btn a img { vertical-align: super;}
.sub2_3 .sub_btn a:last-child { margin-right: 0;}
.sub2_3 .sub_btn a b { display: inline-block; width: 65px; height: 65px; background: #f90; float: left;}
.sub2_3 .sub_btn a:nth-child(1) { background: #64cbee; color: #fff; }
.sub2_3 .sub_btn a:nth-child(1) b { background: url(../images/sub_twitter.png) no-repeat center #56b7d8 ;}
.sub2_3 .sub_btn a:nth-child(2) { background: #507cbd; color: #fff; }
.sub2_3 .sub_btn a:nth-child(2) b { background: url(../images/sub_face.png) no-repeat center #496ca1;}
.sub2_3_1 .s4_box { text-align: center; padding: 50px 0; border: 1px solid #dcdcdc;}
.sub2_3_1 .s4_tit { font-size: 30px; color: #03388c; font-weight: bold;}
.sub2_3_1 .s4_desc { font-size: 17px; font-weight: 300; margin: 20px 0 40px;}
/** //sub2_3_1 **/
/** sub2_3_2 **/
.sub2_3_2 .s2_box { padding: 50px 90px; border: 1px solid #dcdcdc; }
.sub2_3_2 .s2_list { margin: 0 -20px;}
.sub2_3_2 .s2_list li { float: left; width: 25%; text-align: center; margin-bottom: 40px; }
.sub2_3_2 .s2_list li div { border: 1px solid #dcdcdc; padding: 60px 0; margin: 0 20px;}
.sub2_3_2 .s2_list li:nth-child(2n-1) div { border-top-color: #00388c; }
.sub2_3_2 .s2_list li:nth-child(2n) div { border-bottom-color: #00388c; }
.sub2_3_2 .s2_limg img { display: block; margin: 0 auto;}
.sub2_3_2 .s2_ltit { font-size: 17px; color: #505050; margin-top: 25px; }
/** //sub2_3_2 **/
/** sub2_3_3 **/
.sub2_3 td { padding: 30px 5px; text-align: center; border-right: 1px solid #dcdcdc;}
.sub2_3 td:last-child { border-right: 0 none;}
.sub2_3_3 td:nth-last-child(n+3) { color: #505050; font-weight: 400;}
/** //sub2_3_3 **/
/** sub2_3_4 **/
.sub2_3_4 tr:first-child { border-bottom: 0 none;}
.sub2_3_4 th { border-right: 1px solid #dcdcdc; }
.sub2_3_4 th:last-child { border-right: 0 none; }
.sub2_3_4 .sec2 td:nth-last-child(n+2) { color: #505050; font-weight: 400; }
.sub2_3_4 .sub_btn a { margin-right: 50px;}
.sub2_3_4 .sub_btn a:last-child { margin-right: 0px;}
.sub2_3_4 .sub_btn a:nth-child(1) { background: #00388c; }
.sub2_3_4 .sub_btn a:nth-child(2) { background: #f5c300; color: #323232; }
.sub2_3_4 .sub_btn a img { vertical-align: super; margin-left: 10px; position: relative; top: 2px;}
/** //sub2_3_4 **/
/** sub2_3_5 **/
.sub2_3_5 .sec1 { text-align: center; letter-spacing: -0.06em;}
.sub2_3_5 .s1_box { border: 1px solid #dcdcdc; padding: 60px;}
.sub2_3_5 .s1_tit { font-size: 32px; color: #00388c; margin-bottom: 15px;}
.sub2_3_5 .s1_text { font-size: 16px; font-weight: 300; }
.sub2_3_5 .s1_lsub { font-size: 25px; }
.sub2_3_5 .s1_lsub::after { display: block; content: ''; width: 100%; height: 1px ; background: #dcdcdc; margin: 30px 0;}
.sub2_3_5 .s1_list { margin: 30px -8px 40px;}
.sub2_3_5 .s1_list li { float: left; width: 33.3%; }
.sub2_3_5 .s1_list li div { padding: 29px ; border: 1px solid #dcdcdc; margin: 0 8px; position: relative;}
.sub2_3_5 .s1_list li div::before { display: block; content: ''; width: calc(100% + 2px); height: 2px; background: #00388c; position: absolute; left: -1px; top: -1px;}
.sub2_3_5 .s1_list dl { width: 100%; display: table; margin-bottom: 15px;}
.sub2_3_5 .s1_list dt,.sub2_3_5 .s1_list dd { display: table-cell; text-align: left;}
.sub2_3_5 .s1_list dt { width: 62%;}
.sub2_3_5 .s1_list dd { width: 100%; color: #787878;}
.sub2_3_5 .s1_text_center { text-align: center; font-size: 18px;}
.sub2_3_5 .s1_box2 { width: 444px; padding: 20px 35px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; background: #eef0f3; font-size: 0;}
.sub2_3_5 .s1_box2 li { display: inline-block; vertical-align: middle;}
.sub2_3_5 .s1_box2 img { display: block;}
.sub2_3_5 .s1_box2 .s1_text { margin-left: 20px; text-align: left;}
.sub2_3_5 .sec2 td:last-child { padding: 30px 5px 30px 40px; text-align: left;}
.sub2_3_5 th { border-right: 1px solid #dcdcdc; }
.sub2_3_5 th:last-child { border-right: 0 none; }
.sub2_3_5 .sub_btn a { background: #00388c!important; }
.sub2_3_5 .sub_btn a img { vertical-align: super; margin-left: 10px; position: relative; top: 3px;}
/** //sub2_3_5 **/
/** sub2_4_1 **/
.sub2_4 .sub_tab li { width: 25%;}
.sub2_4 td { padding: 30px 5px; text-align: center;}
.sub2_4_1 .sec1 { text-align: center;}
.sub2_4_1 .sec1 .list_style5 { margin-top: 50px;}
.sub2_4_1 .sec1 .list_style5 li { margin-bottom: 10px;}
.sub2_4 .sub_btn a:last-child { margin-right: 0;}
.sub2_4 .sub_btn a b { display: inline-block; width: 65px; height: 65px; background: #f90; float: left;}
.sub2_4 .sub_btn a:nth-child(1) { background: #64cbee; color: #fff; }
.sub2_4 .sub_btn a:nth-child(1) b { background: url(../images/sub_twitter.png) no-repeat center #56b7d8 ;}
.sub2_4_1 .s3_box { text-align: center; padding: 50px 0; border: 1px solid #dcdcdc;}
.sub2_4_1 .s3_tit { font-size: 30px; color: #03388c; font-weight: bold;}
.sub2_4_1 .s3_desc { font-size: 17px; font-weight: 300; margin: 20px 0 40px;}
/** //sub2_4_1 **/
/** sub2_4_2 **/
.sub2_4 th { border-right: 1px solid #dcdcdc;}
.sub2_4 th:last-child { border-right: 0 none;}
.sub2_4 td { border-right: 1px solid #dcdcdc;}
.sub2_4 td:last-child { border-right: 0 none;}
.sub2_4_2 .sec1 .wrap { padding: 0;}
/** //sub2_4_2 **/
/** sub2_4_3 **/
.sub2_4_3 td:nth-last-child(n+3) {  color: #505050; font-weight: 400;}
/** //sub2_4_3 **/
/** sub2_4_5 **/
.sub2_4_5 .sec1 { text-align: center; letter-spacing: -0.06em;}
.sub2_4_5 .s1_box { border: 1px solid #dcdcdc; padding: 60px;}
.sub2_4_5 .s1_tit { font-size: 32px; color: #00388c; margin-bottom: 15px; text-align:center}
.sub2_4_5 .s1_text { font-size: 16px; font-weight: 300; }
.sub2_4_5 .s1_lsub { font-size: 25px; }
.sub2_4_5 .s1_lsub::after { display: block; content: ''; width: 100%; height: 1px ; background: #dcdcdc; margin: 30px 0;}
.sub2_4_5 .s1_list { margin: 30px -8px 40px;}
.sub2_4_5 .s1_list li { width: 600px; margin:0 auto}
.sub2_4_5 .s1_list li div { padding: 29px ; border: 1px solid #dcdcdc; margin: 0 8px; position: relative;}
.sub2_4_5 .s1_list li div::before { display: block; content: ''; width: calc(100% + 2px); height: 2px; background: #00388c; position: absolute; left: -1px; top: -1px;}
.sub2_4_5 .s1_list dl { width: 100%; display: table; margin-bottom: 15px;}
.sub2_4_5 .s1_list dt,.sub2_4_5 .s1_list dd { display: table-cell; text-align: left;}
.sub2_4_5 .s1_list dt { width: 62%;}
.sub2_4_5 .s1_list dd { width: 100%; color: #787878;}
.sub2_4_5 .s1_text_center { text-align: center; font-size: 18px;}
.sub2_4_5 .s1_box2 { width: 444px; padding: 20px 35px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; background: #eef0f3; font-size: 0;}
.sub2_4_5 .s1_box2 li { display: inline-block; vertical-align: middle;}
.sub2_4_5 .s1_box2 img { display: block;}
.sub2_4_5 .s1_box2 .s1_text { margin-left: 20px; text-align: left;}
.sub2_4_5 .sec2 td:last-child { padding: 30px 5px 30px 40px; text-align: left;}
.sub2_4_5 th { border-right: 1px solid #dcdcdc; }
.sub2_4_5 th:last-child { border-right: 0 none; }
.sub2_4_5 .sub_btn a { background: #00388c!important; }
.sub2_4_5 .sub_btn a img { vertical-align: super; margin-left: 10px; position: relative; top: 3px;}
/** //sub2_4_5 **/
/** sub2_4_1 **/
/** sub2_5_1 **/
.sub2_5 .sub_tab li { width: 20%;}
.sub2_5_1 .sec1 { text-align: center;}
.sub2_5_1 img { display: block; margin: 0 auto;}
.sub2_5_1 .s1_list { margin: 0 10px;}
.sub2_5_1 .s1_list li { float: left;}
.sub2_5_1 .s1_list li div { margin: 0 10px;}
.sub2_5_1 .s1_list li .s1_img1 { margin-bottom: 20px;}
.sub2_5_1 .s1_left { width: 53.5%; }
.sub2_5_1 .s1_right { width: 46.5%; }
/** //sub2_5_1 **/
/** sub2_5_2 **/
.sub2_5 .sub2_5_list { margin: 0 -10px; letter-spacing: -0.06em;}
.sub2_5 .sub2_5_list li { float: left; width: 25%; margin-bottom: 20px;}
.sub2_5 .sub2_5_list li>div { margin: 0 10px;}
.sub2_5 .sub2_5_list li>div>div { width: 100%; height: 155px; border: 1px solid #dcdcdc; padding: 20px 17px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; border-top-color: transparent;}
.sub2_5 .sub2_5_list img { display: block; width: 100%;}
.sub2_5 .sub2_5_tit { font-size: 17px; color: #392916; padding-right: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;}
.sub2_5 .sub2_5_date { font-size: 15px; color: #888888; position: absolute; left: 17px; bottom: 40px; font-weight: 300;}
.sub2_5 .sub2_5_btn { font-size: 15px; color: #333; width: 170px; height: 50px; border: 1px solid #dcdcdc; margin: 30px auto 0; line-height: 48px; text-align: center; cursor: pointer;}
.sub2_5 .sub2_5_btn img { vertical-align:middle; margin-left: 10px;}
/** //sub2_5_2 **/
/** sub2_5_3 **/
.sub2_5_4 .sub_btn a:last-child { margin-right: 0px;}
.sub2_5_4 .sub_btn a:nth-child(1) { background: #00388c; color: #fff;}
.sub2_5_4 .sub_btn a:nth-child(2) { background: #f5c300; color: #323232; }
.sub2_5_4 .sub_btn a img { vertical-align: super; margin-left: 10px; position: relative; top: 2px;}
/** //sub2_5_3 **/
/** sub2_5_5 **/
.sub2_5_5 .sec1 { letter-spacing: -0.06em;}
.sub2_5_5 td:nth-last-child(n+3) { color: #505050; font-weight: 400;}
/** //sub2_5_5 **/
/** sub2_6_1 **/
.sub2_6 .sub_tab li { width: 33.3333%;}
.sub2_6_1 .sec1 { text-align: center; }
.sub2_6_1 .list_style6>ul>li:last-child div { overflow: hidden;}
.sub2_6_1 .list_style6>ul>li>div { padding: 40px 0;}
.sub2_6_1 .l6_circle { position: relative; }
.sub2_6_1 .l6_circle::after { display: block; content: ''; width: calc(100% + 22px); height: 1px; background: #dcdcdc; position: absolute; top:50%; left: 0; z-index: -1; }
.sub2_6_1 .l6_desc { text-align: left; padding: 0 10px 0 30px;}
.sub2_6_1 .l6_desc li { margin-bottom: 15px;}
.sub2_6_1 .l6_desc li:last-child { margin-bottom: 0;}
.sub2_6_1 .sec3 img { display: block; margin: 0 auto;}
.sub2_6_1 .sec3 table { border: 1px solid #dcdcdc; letter-spacing: -0.07em;}
.sub2_6_1 ul[class^=s3_img] { margin: 0 -10px; margin-bottom: 50px; }
.sub2_6_1 ul[class^=s3_img] li { float: left;}
.sub2_6_1 ul[class^=s3_img] li div{ margin: 0 10px;}
.sub2_6_1 .s3_img1 li:first-child { width: 42%;}
.sub2_6_1 .s3_img1 li:last-child { width: 58%;}
.sub2_6_1 .s3_img2 li:first-child { width: 58%;}
.sub2_6_1 .s3_img2 li:last-child { width: 42%;}
.sub2_6_1 .s3_img3 li:first-child { width: 55%;}
.sub2_6_1 .s3_img3 li:last-child { width: 45%;}
.sub2_6_1 .s3_img3 li:first-child div:first-child{ margin-bottom: 20px;}
.sub2_6_1 .s3_desc1 { font-size: 18px; color: #787878; font-weight: 300;}
.sub2_6_1 .s3_tit { font-size: 48px; color: #00388c; font-weight: bold; line-height: 1;}
.sub2_6_1 .s3_desc2 { font-size: 17px; color: #505050; font-weight: 300; }
.sub2_6_1 .s3_desc2 b { font-weight: 500;}
.sub2_6_1 .s3_desc3 { font-size: 15px; color: #787878; margin-top: 5px;}
.sub2_6_1 .sec3 .s3_box { margin-bottom: 50px;}
.sub2_6_1 .sec3 .s3_box .table_box { margin-bottom: 20px;}
.sub2_6_1 .sec3 .s3_box .table_box:last-child { margin-bottom: 0;}
.sub2_6_1 .s3_desc2 li { position: relative; padding-left: 14px; margin-bottom: 20px;}
.sub2_6_1 .s3_desc2 li:last-child { margin-bottom: 0;}
.sub2_6_1 .s3_desc2 li::after { display: block; content: ''; width: 5px; height: 5px; background: #bebebe; border-radius: 50%; position: absolute; left: 0; top: 9px;}
.sub2_6_1 .sec3 th { padding: 50px 10px; vertical-align: top;}
.sub2_6_1 table td ul li { text-indent: 0;}
.sub2_6_1 table td ul li dt,.sub2_6_1 table td ul li dd { display: table-cell;}
.sub2_6_1 table td ul li dd { padding-left: 5px;}
/** //sub2_6_1 **/
/** sub2_6_3 **/
.sub2_6_3 .sec1 { letter-spacing: -0.06em;}
.sub2_6_3 .table_box:first-child { margin-bottom: 50px;}
.sub2_6_3 .table_box:last-child td:nth-last-child(n+2) { color: #505050; font-weight: 400;}
.sub2_6_3 .sub_btn a:nth-child(1) { background: #00388c; color: #fff;}
.sub2_6_3 .sub_btn a:nth-child(2) { background: #f5c300; color: #323232; }
.sub2_6_3 .sub_btn a img { vertical-align: super; margin-left: 10px; position: relative; top: 2px;}
/** //sub2_6_3 **/
/** sub2_7_1 **/
.sub2_7 .sub_tab li { width: 25%;}
.sub2_7 .sub_tab li a { margin-top: -1px;}
.sub2_7_1 .sec1 { text-align: center;}
.sub2_7_1 .s1_list img { display: block;}
.sub2_7_1 .s1_list { margin: 0 -10px; }
.sub2_7_1 .s1_list li { float: left;}
.sub2_7_1 .s1_list li:first-child { width: 42%;}
.sub2_7_1 .s1_list li:last-child { width: 58%;}
.sub2_7_1 .s1_list li div { margin: 0 10px;}
.sub2_7_1 .list_style6>ul>li { width: 33.3%; letter-spacing: -0.06em;}
.sub2_7_1 .list_style6>ul>li>div { padding: 40px 0;}
.sub2_7_1 .list_style6>ul>li>div>div>div { display: table; width: 100%; padding: 15px 0;}
.sub2_7_1 .list_style6 .l6_tit { display: table-cell; vertical-align: middle;}
.sub2_7_1 .list_style6 .l6_circle { position: relative;}
.sub2_7_1 .list_style6 .l6_circle::after { display: block; content: ''; width: calc(100% + 22px); height: 1px; background: #dcdcdc; position: absolute; top: 50%; left: 0; z-index: -1;}
.sub2_7_1 .list_style6>ul>li:last-child .l6_circle { overflow: hidden;}
.sub2_7_1 .list_style6 .l6_desc { text-align: left; padding: 0 10px 0 30px;}
.sub2_7_1 .sec3 { letter-spacing: -0.06em;}
.sub2_7_1 .sub_btn a:nth-child(1) { background: #00388c; color: #fff;}
.sub2_7_1 .sub_btn a img { vertical-align: super; margin-left: 10px; position: relative; top: 2px;}

.sub2_7_1 div[class^=sec]{ text-align: center; letter-spacing: -0.06em;}
.sub2_7_1 .tit { font-size: 38px; color: #00388c; margin-bottom: 10px; }
.sub2_7_1 .desc { font-size: 24px; font-weight: 300; ; position: relative;}
.sub2_7_1 .s2_list img { display: block;}
.sub2_7_1 .s2_list { margin: 0 -10px; }
.sub2_7_1 .s2_list li { float: left; width: 50%; margin-bottom: 20px;}
.sub2_7_1 .s2_list li div { margin: 0 10px; position: relative;}
.sub2_7_1 .s2_desc { position: absolute; left: 50%; bottom: 30px; width: 370px; height: 47px; background: rgba(255, 255, 255, 0.7); line-height: 47px; margin-left: -185px; font-size: 17px; font-weight: 400; color: #323232;}
.sub2_7_1 .desc::after { display: block; content: ''; width: 1px; height: 64px; background: #b4b4b4; margin: 15px auto 30px;}
/** //sub2_7_1 **/
/** sub2_7_3 **/
.sub2_7_3 .sec3 td:nth-last-child(n+5) { color: #505050; font-weight: 400;}
.sub2_7_3 .sec4 td:nth-last-child(n+3) { color: #505050; font-weight: 400;}
/** //sub2_7_3 **/
/** sub2_7_4 **/
.sub2_7_4 .sec2 td:nth-last-child(n+5) { color: #505050; font-weight: 400;}
.sub2_7_4 .sec3 td:nth-last-child(n+3) { color: #505050; font-weight: 400;}
/** //sub2_7_4 **/
/** sub2_7_5 **/
.sub2_7_5 .list_style9>ul>li { display: inline-block; float: none;}
.sub2_7_5 .list_style9>ul>li i { opacity: 0;}
/** //sub2_7_5 **/
/** sub2_7_6 **/
.sub2_7_6 div[class^=sec]{ text-align: center; letter-spacing: -0.06em;}
.sub2_7_6 .tit { font-size: 38px; color: #00388c; margin-bottom: 10px; }
.sub2_7_6 .desc { font-size: 24px; font-weight: 300; ; position: relative;}
.sub2_7_6 .desc::after { display: block; content: ''; width: 1px; height: 64px; background: #b4b4b4; margin: 15px auto 30px;}
/** //sub2_7_6 **/
/** sub2_8_1 **/
.sub2_8_1 div[class^=sec] { letter-spacing: -0.06em;}
.sub2_8_1 img { display: block; margin: 0 auto; ;}
.sub2_8 .sub_tab li { width: 33.3%!important; }
.sub2_8_1 .sec1 { text-align: center;}
.sub2_8_1 .s1_tit { font-size: 25px; color: #00388c; margin-bottom: 50px;}
.sub2_8_1 .sub2_desc2 { margin-bottom: 30px;}
.sub2_8_1 .list_style8>ul>li>div>div { padding: 60px 5px; }
.sub2_8_1 .list_style3>ul { font-size: 0;}
.sub2_8_1 .list_style3>ul>li { display: inline-block; float: none; margin-bottom: 20px;}
.sub2_8_1 .list_style3>ul>li i { opacity: 0;}
.sub2_8_1 .sec4 { text-align: center; }
.sub2_8_1 .s4_box { background: #f0f0f0; padding: 30px 0; }
.sub2_8_1 .s4_img { padding: 60px; border: 1px solid #dcdcdc; border-top-color: transparent; margin-bottom: 20px;}
.sub2_8_1 .s4_tit { font-size: 24px; font-weight: 300; }
.sub2_8_1 .s4_tit b { font-size: 34px; color: #00388c; font-weight: 500;}
.sub2_8_1 .s4_list { margin: 0 -10px;}
.sub2_8_1 .s4_list li { float: left; width: 33.3333%;}
.sub2_8_1 .s4_list li div { margin: 0 10px; position: relative;}
.sub2_8_1 .s4_ldesc { font-size: 16px; font-weight: 300; position: absolute; bottom: 20px; left: 50%; width: 300px; height: 45px; line-height: 45px; background: rgba(240, 240, 240, 0.73); margin-left: -150px;}
/** //sub2_8_1 **/
/** sub2_8_3 **/
.sub2_8_3 td,.sub2_8_3 th { border-right: 1px solid #dcdcdc;}
.sub2_8_3 td:last-child,.sub2_8_3 th:last-child { border-right: 0 none;}
.sub2_8_3 .sec2 td:nth-last-child(n+3) { text-align: center; padding: 30px 10px;}
.sub2_8_3 .sec2 td:first-child { font-weight: 400; color: #505050;}
.sub2_8_3 .sec3 td:nth-last-child(n+3) { font-weight: 400; color: #505050;}
.sub2_8_3 .sec4 td:nth-last-child(n+4) { font-weight: 400; color: #505050;}
.sub2_8_3 .sec5 .table_box { margin-bottom: 40px;}
.sub2_8_3 .sec5 .table2 td:nth-last-child(n+3) { font-weight: 400; color: #505050;}
.sub2_8_3 .sec5 dl { display: table; width: 100%;}
.sub2_8_3 .sec5 dd,.sub2_8_3 .sec5 dt { display: table-cell; }
.sub2_8_3 .sec5 dt { width: 105px;}
.sub2_8_3 .sec5 .table_box2 td:nth-last-child(n+2) { text-align: center; padding: 30px 10px;}
.sub2_8_3 .sec5 .table_box2 td:nth-last-child(n+3) { font-weight: 400; color: #505050;}
.sub2_8_3 .sec5 .table_box3 td:nth-last-child(n+2) { text-align: center; padding: 30px 10px;}
.sub2_8_3 .sec5 .table_box3 td:nth-last-child(n+3) { font-weight: 400; color: #505050;}
.sub2_8_3 .text3 { margin-bottom: 20px;}
.sub2_8_3 .sub_btn a:nth-child(1) { background: #00388c; color: #fff;}
.sub2_8_3 .sub_btn a img { vertical-align: super; margin-left: 10px; position: relative; top: 2px;}
/** //sub2_8_3 **/
/** sub2_8_4 **/
.sub2_8_4 .banner { margin-bottom: 60px;}
.sub2_8_4 .banner img { display: block;}
//.sub2_8_4 .sec2 td ,.sub2_8_4 .sec2 th { border-right: 0 none;}
.sub2_8_4 .sec3 .table_box2 td:nth-last-child(n+2) { text-align: center; padding: 30px 10px;}
.sub2_8_4 .sec3 .table_box2 td:nth-last-child(n+3) { font-weight: 400; color: #505050;}
/** //sub2_8_4 **/
/** sub2_9 **/
.sub2_9 .sub_bg1 { height: 300px;}
.sub2_9 .sub_bg2 { height: 800px;}
.sub2_9 div[class^=sec] { text-align: center;}
.sub2_9 .sec2,.sub2_9 .sec3 { letter-spacing: -0.06em;}
.sub2_9 .s1_list li{ float: left;}
.sub2_9 .s1_left { width: 25%; display: table; letter-spacing: -0.06em;}
.sub2_9 .s1_right { width: 75%; text-align: left;}
.sub2_9 .s1_left div { background: #00388c; display: table-cell; vertical-align: middle; height: 282px;}
.sub2_9 .s1_sub { font-size: 23px; color: #fff;}
.sub2_9 .s1_sub b { font-size: 26px;}
.sub2_9 .s1_right article { padding: 50px 60px; border: 1px solid #dcdcdc; background: #fff; height:182px}
.sub2_9 .s1_tit { font-size: 26px; color: #00388c; font-weight: 300; margin-bottom: 25px;}
.sub2_9 .s1_tit b { font-weight: 500;}
.sub2_9 .s1_desc { letter-spacing: -0.1em; font-weight: 300;  font-size: 17px; color: #505050;}
.sub2_9 .s2_sub { margin-bottom: 35px; }
.sub2_9 .s2_sub span{ font-size: 28px; font-weight: 500; position: relative; }
.sub2_9 .s2_sub b { content: ''; width: 100%; height: 15px; background: #f5c300; position: absolute; bottom: 2px; left: 0; z-index: -1; }
.sub2_9 .s2_desc { font-size: 17px; color: #505050; font-weight: 300;}
.sub2_9 .s2_desc::after { display: block; content: ''; width: 12px; height: 2px; background: #00388c; margin: 20px auto;}
.sub2_9 .s2_tit { font-size: 22px; color: #505050; font-weight: 500;}
.sub2_9 .s3_box { padding: 55px 0 80px; border: 1px solid #dcdcdc; background: #fff; margin-bottom: 60px; }
.sub2_9 .s3_sub { font-size: 24px; font-weight: 300; margin-bottom: 60px; }
.sub2_9 .s3_sub b { font-size: 34px; color: #00388c; font-weight: 500;}
.sub2_9 .s3_list li { float: left; width: 25%; font-size: 0; }
.sub2_9 .s3_list li div>* { display: inline-block; vertical-align: text-bottom;}
.sub2_9 .s3_ldesc { text-align: left; font-size: 18px; font-weight: 300; margin-left: 20px;}
.sub2_9 .s3_ldesc b { font-weight: 500; }
.sub2_9 .s3_desc { font-size: 17px; color: #505050; font-weight: 300; margin-bottom: 30px; }
.sub2_9 .s3_tit { font-size: 24px; color: #00388c; font-weight: 500;}
/** //sub2_9 **/
/***** //sub2_0~9 ****/
/***** sub3_1~4 ****/
/** sub3_1**/
.sub3_1 .text1 { color: #232323}
.sub .text4 { font-size: 16px; font-weight: 300; text-align: center; margin-bottom: 40px;letter-spacing: -0.06em; }
.sub3_1 .list_style9 .l9_circle::after,.sub3_1 .list_style9>ul>li>div>div::after{ display: none;}
.sub3_1 .sec1 img ,.sub3_1 .sec6 img { display: block; margin: 0 auto;}
.sub3_1 .list_style9>ul>li { width: 14.285%;}
.sub3_1 .list_style9 .l9_desc { font-size: 16px; letter-spacing: -0.08em;}
.sub3_1 .list_style9>ul>li>div>div { padding: 25px 5px 35px; }
.sub3_1 .list_style9>ul>li>div>div::before { display: block; content: ''; width: 12px; height: 18px; background: url(../images/sub3_1_img2.png); position: absolute; right: -12px; top: 50%; margin-top: -9px;}
.sub3_1 .list_style9>ul>li:last-child>div>div::before { display: none;}
.sub3_1 .s3_list { letter-spacing: -0.06em; margin: 0 -10px;}
.sub3_1 .s3_list>li { float: left; width: 20%; margin-bottom: 20px;}
.sub3_1 .s3_list>li>div { padding: 0 10px; height: 100%; display: table; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sub3_1 .s3_list>li>div>div { display: table-cell; vertical-align: middle; background: #00388c; color: #fff; padding: 60px 30px; position: relative;}
.sub3_1 .s3_list>li>div>div::after { display: block; content: ''; width: 13px; height: 20px; background: url(../images/sub3_1_img3.png); position: absolute; top: 50%; right: -13px; margin-top: -10px;}
.sub3_1 .s3_list>li:last-child>div>div::after { display: none;}
.sub3_1 .s3_num { font-size: 28px; font-family: initial; margin-bottom: 20px;}
.sub3_1 .s3_desc { font-size: 17px; font-weight: 300;}
.sub3_1 .s3_box { text-align: center; background: #f5f5f5; padding: 50px 0 60px;}
.sub3_1 .s3_plus { width: 35px; height: 35px; background: url(../images/sub3_1_img5.png) no-repeat center #00388c; margin: 0 auto; margin-bottom: 25px;}
.sub3_1 .s3_desc2 { font-size: 18px; font-weight: 300; color: #505050; letter-spacing: -0.06em; }
.sub3_1 .list_style3 .l2_desc { color: #505050;}
.sub3_1 .list_style3>ul>li>div>div { padding: 60px 0 35px; border-top-color: #00388c;}
.sub3_1 .l3_circle { margin-bottom: 15px;}
#sub_contents.sub3_1 .sec4 .text1 { margin-bottom: 50px;}
.sub3_1 .sec4 .table_box { margin-top: 40px;}
.sub3_1 .sec4 td { color: #505050;}
.sub3_1 .sec4 .table3 td:last-child { padding: 20px 10px 20px 90px; text-align: left; }
.sub3_1 .sec5 td { font-weight: 400; color: #232323;}
.sub3_1 .s6_list { margin: 0 -10px; margin-top: 40px; text-align: center; letter-spacing: -0.06em;}
.sub3_1 .s6_list>li { float: left; width: 50%;}
.sub3_1 .s6_list>li>div { margin: 0 10px;}
.sub3_1 .s6_list>li>div>div { background: #f5f5f5; padding: 40px 20px;}
.sub3_1 .s6_num { font-size: 15px; color: #fff; background: #00388c; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; position: absolute; left: 50%; margin-left: -20px; top:-20px;}
.sub3_1 .s6_desc { font-size: 18px; color: #505050; font-weight: 300;}
.sub3_1 .s6_box{ position: relative;}
.sub3_1 .s6_box>div { position: relative;}
.sub3_1 .s6_box2 { background: #fff; padding: 25px 0; margin-bottom: 40px;}
.sub3_1 .s6_box3 { margin-bottom: 0px;}
.sub3_1 .s6_right>div>div { display: table; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.sub3_1 .s6_right .s6_box { background: #fff; display: table-cell; vertical-align: middle;}
.sub3_1 .s6_right .s6_num { background: url(../images/sub3_1_img5.png) no-repeat center #00388c;}
.sub3_1 .s6_right .s6_desc li { font-weight: 400; margin-bottom: 10px;}
.sub3_1 .s6_right .s6_desc li:last-child { margin-bottom: 0;}
/** //sub3_1**/
/** sub3_2**/
.sub3_2 .s1_tit { font-size: 20px; color: #323232; font-weight: 500; margin-bottom: 5px;}
.sub3_2 .s1_sub { color: #1e1e1e; font-weight: 400; text-align: center; background: #f0f0f0; padding: 30px 0; border-top: 1px solid #00388c; margin-bottom: 0;}
.sub3_2 .s1_list>li { float: left;}
.sub3_2  .s1_box { border: 1px solid #dcdcdc; padding: 55px 75px;}
.sub3_2 .s1_left { width: 65%; }
.sub3_2 .s1_right { width: 35%; border-left: 1px solid #dcdcdc; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sub3_2 .s1_list2 li { width: 50%; float: left; }
.sub3_2 .s1_list2 li:nth-last-child(n+3) { margin-bottom: 60px; }
.sub3_2 .s1_desc1 { font-size: 17px; color: #787878; font-weight: 300;}
.sub3_2 .s1_desc2 { font-size: 16px; color: #505050; font-weight: 400; background: #f5f5f5; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px; margin-bottom: 20px;}
.sub3_2 .s1_right div { padding: 0 20px 0 65px;}
.sub3_2 .sub_btn a { width: 100%; text-align: center;}
.sub3_2 .s1_fir { margin-bottom: 60px;}
/** //sub3_2**/
/** sub3_3**/
#sub_contents.sub3_3 .text1 { margin-bottom: 50px;}
.sub3_3 .sub_banner_box .wrap { background-image: url(../images/sub3_banner.jpg)}
.sub3_banner { padding: 50px 10px; color: #fff; text-align: center; letter-spacing: -0.06em; margin-bottom: 100px;}
.sub3_banner .b_desc1 { font-size: 20px; }
.sub3_banner .b_sub { font-size: 40px; font-weight: bold;}
.sub3_banner .b_tit { font-size: 28px; color: #1e1e1e; background: #f5c300;padding:  0 10px; margin: 25px 0 20px; display: inline-block;}
.sub3_banner .b_desc2 { font-size: 16px;}
.sub3_3 .sec1,.sub3_3 .sec2  { text-align: center; letter-spacing: -0.06em;}
.sub3_3 .s1_tit { font-size: 30px; color: #1e1e1e; margin-bottom: 25px;}
.sub3_3 .s1_tit b { font-weight: bold; }
.sub3_3 .s1_desc { font-size: 17px; color: #505050; font-weight: 300; }
.sub3_3 .s2_tit { font-size: 32px; color: #00388c; }
.sub3_3 .s2_tit b { font-weight: bold;}
.sub3_3 .s2_box{ padding: 59px 55px; border: 1px solid #dcdcdc; text-align: center;}
.sub3_3 .s2_tit { font-size: 32px; color: #00388c; margin-bottom: 20px;}
.sub3_3 .s2_desc { font-size: 16px; font-weight: 300; margin-bottom: 40px;}
.sub3_3 .sec3 .sub_btn a { width: 154px; height: 45px; line-height: 45px;text-align: center; background: #00388c; color: #fff; font-size: 14px;}
.sub3_3 .sec3 .sub_btn a img { position: relative; top:-4px; margin-left: 8px; }
.sub3_3 .sec4 th { padding: 20px 5px; border-right: 1px solid #dcdcdc;}
.sub3_3 .sec4 td { border-right: 1px solid #dcdcdc;}
.sub3_3 .sec4 td:last-child, .sub3_3 .sec4 th:last-child { border-right: 0 none;}
.sub3_3 .sec4 td:first-child { padding: 20px 5px; text-align: center; color: #505050; font-weight: 400;}
/** //sub3_3**/
/** sub3_4**/
.sub3_4 .s1_desc { margin-bottom: 40px;}
.sub3_4 .s1_desc:last-child { margin-bottom: 0;}
.sub3_4 .s1_desc b { font-size: 27px; font-weight: 500; color: #323232; }
/** //sub3_4**/
/***** //sub3_1~4 ****/

/***** sub4_1~4 ****/
/** sub4_1 **/
.sub4 .sub_banner_box .wrap { background-image: url(../images/sub4_banner.jpg); text-align: center; color: #fff;}
.sub4_banner { padding: 45px 0; margin-bottom: 60px;}
.sub4 .b_desc1 { font-size: 20px; font-weight: 300; letter-spacing: -0.08em;}
.sub4 .b_tit { font-size: 38px; font-weight: bold; margin-bottom: 10px;}
.sub4 .b_desc2 { font-size: 16px; font-weight: 300;}
.sub4_1 .i2_left { width: 42.5%; }
.sub4_1 .i2_right { width: 57.5%; }
.sub4_1 .img_style2 { margin-bottom: 20px;}
.sub4_1 .img_style2:last-child { margin-bottom: 0px;}

.sub4_1 .s2_tit { font-size: 23px; font-weight: 500; color: #505050; margin-bottom: 15px;}
.sub4_1 .s2_list img { display: block;}
.sub4_1 .s2_list { border-top: 2px solid #00388c; margin-bottom: 50px;}
.sub4_1 .s2_list:last-child { margin-bottom: 0;}
.sub4_1 .s2_list li { float: left; width: 16.6666%; border-right: 1px solid #dcdcdc; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #dcdcdc;}
.sub4_1 .s2_list li:nth-child(6n) { border-right: 0 none;}
/** //sub4_1 **/
/** sub4_2 **/
.sub4_2 .sub4_banner { padding: 70px 0;}
.sub4_2 .sub_banner_box .wrap { background-image: url(../images/sub4_banner2.jpg);}
.sub4_2 .list_style3>ul { margin: 0 -20px; }
.sub4_2 .list_style3>ul>li { width: 50%; margin-bottom: 20px; letter-spacing: -0.08em;}
.sub4_2 .list_style3>ul>li>div>div { padding: 70px 5px;}
.sub4_2 .list_style3 .l3_circle { margin-bottom: 20px;}
.sub4_2 .list_style3 .l2_desc { margin-top: 0; color: #505050;}
.sub4_2 .s1_list { background: #fafafa; border-top: 1px solid #00388c; border-bottom: 1px solid #dcdcdc; padding: 40px 60px; }
.sub4_2 .s1_list li { font-size: 17px; color: #505050; padding-left: 15px; position: relative; margin-bottom: 15px; }
.sub4_2 .s1_list li:last-child { margin-bottom: 0; }
.sub4_2 .s1_list li::after { display: block; content: ''; width: 4px; height: 4px; background: #00388c; position: absolute; left: 0; top: 10px;}
.sub4_2 .s1_list li i { font-weight: 300; }
.sub4_2 .s1_list li b { font-weight: 500; color: #00388c;}
/** //sub4_2 **/
/** sub4_3 **/
#sub_contents.sub4_3 .text1 { margin-bottom: 30px; color: #323232;}
.sub4_3 .s1_list { margin: 0 -7px; }
.sub4_3 .s1_list>li { float: left; width: 25%; letter-spacing: -0.06em; text-align: center;}
.sub4_3 .s1_list>li>div { display: table; width: 100%; padding: 0 7px;  -webkit-box-sizing: border-box;  box-sizing: border-box;}
.sub4_3 .s1_list>li>div>div { display: table-cell; border: 1px solid #dcdcdc; vertical-align: middle; padding: 50px 0 45px; position: relative;}
.sub4_3 .s1_list>li>div>div::after { display: block; content: ''; width: calc(100% + 2px); height: 2px; background: #00388c; position: absolute; top: -1px; left: -1px;}
.sub4_3 .s1_list>li:nth-child(2)>div>div::after,.sub4_3 .s1_list>li:nth-child(3)>div>div::after { top: auto; bottom: -1px;}
.sub4_3 .s1_num { font-size: 14px; color: #002c6d;}
.sub4_3 .s1_img { margin: 35px 0 25px; }
.sub4_3 .s1_img img { display: block; margin: 0 auto;}
.sub4_3 .s1_tit { font-size: 23px; font-weight: bold; margin-bottom: 5px;}
.sub4_3 .s1_desc { font-size: 16px; color: #505050; font-weight: 300;}
.sub4_3 .s2_list img { display: block; height: 100%; }
.sub4_3 .s2_list { margin: 0 -7px; }
.sub4_3 .s2_list>li { float: left; width: 50%; }
.sub4_3 .s2_list>li>div { margin: 0 7px; }
.sub4_3 .s2_right { display: table; padding: 0 7px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.sub4_3 .s2_right div { vertical-align: middle; display: table-cell; border: 1px solid #dcdcdc; padding-left: 59px; padding-right: 10px; position: relative;}
.sub4_3 .s2_num { font-size: 17px; color: #fff; background: #00388c; width: 60px; height: 60px; line-height: 60px; text-align: center; position: absolute; right: 0; top: -1px;}
.sub4_3 .s2_desc { font-size: 20px; font-weight: 300; letter-spacing: -.06em;}
.sub4_3 .s2_tel { font-size: 35px; color: #00388c; font-weight: bold; margin: 15px 0;}
.sub4_3 .s2_desc2 li { font-size: 18px; color: #505050; letter-spacing: 0; }

.form_list { border-top: 1px solid #00388c; margin-bottom: 30px;}
.form_list li>div { float: left;  border-bottom: 1px solid #dcdcdc; -webkit-box-sizing: border-box; box-sizing: border-box; height: 70px; display: table;}
.form_list li>div>div { display: table-cell; vertical-align: middle;}
.form_fir { width: 19%; background: #ecf2fb; padding-left: 65px;}
.form_sec{ width: 81%; padding-left: 20px;}
.form_tit { font-size: 17px; font-weight: 500;}
.form_tit b { color: #12a8fe;}
.form_list input[type="text"] { width: 298px;height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.form_list select { width: 120px; height: 50px; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 16px; color: #505050;  -webkit-appearance:none; background: url(../images/select_arrow.png) no-repeat 270px center; border: 1px solid #dcdcdc; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -0.04em;} 
.form_list input[type="text"],.form_list input[type="password"] { padding: 10px; font-size: 16px; color: #505050; font-weight: 300; border: 1px solid #dcdcdc;font-family: 'Noto Sans KR', sans-serif; letter-spacing: -0.04em;}
.sub4_3 .form_list li:nth-child(3) input[type="text"],.sub9_3 .form_list li:nth-child(5) input[type="text"] { width: 150px;} 
.sub4_3 .form_list li:nth-child(4) input[type="text"],.sub9_3 .form_list li:nth-child(6) input[type="text"] { width: 180px;}
.sub4_3 .form_list li:nth-child(4) select,.sub9_3 .form_list li:nth-child(6) select{  width: 150px; background-position: 130px center; margin-left: 5px; }
.form_list span { margin: 0 8px;}
.form textarea { width: 100%; height: 140px; padding: 18px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ecf2fb; border: 0 none; font-size: 15px; color: #424242; font-weight: 300;letter-spacing: -0.04em; font-family: 'Noto Sans KR', sans-serif; resize: none; word-break: keep-all;}
.form textarea::-webkit-scrollbar {-webkit-appearance: none;width: 4px;}
.form textarea::-webkit-scrollbar-thumb { background: #c6c6c6; }
.form_info { position: relative; margin-bottom: 45px;}
.form_info .form_tit { margin-bottom: 10px; }
.form_radio { position: absolute; right: 0; top: 0;}
.form_button { text-align: center;}
.form .button { width: 240px; height: 62px; background: #002c6d; border: 0 none; font-size: 17px; color: #fff; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -.04em; margin: 0 auto;}
/** //sub4_3 **/ 
/** sub4_4 **/
.sub4_4 .s1_list { margin: 0 -10px; padding: 20px 20px 10px;text-align: center; border-top: 1px solid #00388c; border-bottom: 1px solid #dcdcdc; }
.sub4_4 .s1_list li { float: left; width: 25%; margin-bottom: 35px;}
.sub4_4 .s1_list li div { margin: 0 10px; }
.sub4_4 .s1_img img { display: block;}
.sub4_4 .s1_tit { margin-top: 15px; font-weight: 500;}
.sub4_4 .s1_text1 { font-size: 16px;}
.sub4_4 .s1_date { font-weight: 300;}
.pager { text-align: center; font-size: 0; margin-bottom: 80px;}
.pager a { display: inline-block; width: 40px; height: 40px; line-height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; vertical-align: middle; }
.pager a.on { background: #00388c; color: #fff; font-weight: bold;}
.pager .arr { border: 1px solid #dcdcdc; text-indent: -9999px; background:  no-repeat center;}
.pager .arr.next { background-image: url(../images/sub_next.png); margin-left: 40px;}
.pager .arr.prev { background-image: url(../images/sub_prev.png); margin-right: 40px;}
/** //sub4_4 **/
/** sub4_5 **/
.sub4_5 th { background: #ecf2fb; padding: 20px 5px;}
.sub4_5 td { color: #505050; }
.sub4_5 .sec4 td { padding: 20px 5px 20px 50px; }
.sub4_5 .s4_5_text { text-align: center; font-size: 17px; }
.sub4_5 .s1_list img { display: block; margin: 20px auto 30px;}
.sub4_5 .s1_list { margin: 0 -10px; }
.sub4_5 .s1_list li { float: left; width: 25%;}
.sub4_5 .s1_list li div { margin: 0 10px;}
.sub4_5 .s1_desc2 { font-weight: 300; line-height: 1.6;}
.sub4_5 .sec2 table td ul li { position: relative; padding-left: 20px; margin-bottom: 10px;}
.sub4_5 .sec2 table td ul li:last-child { margin-bottom: 0;}
.sub4_5 .sec2 table td ul li::after { display: block; content: ''; width: 4px; height: 4px; background: #787878; position: absolute; left: 0; top: 10px;}
.sub4_5 .list_style3>ul>li { width: 50%;}
.sub4_5 .l2_desc { color: #505050;}
.sub4_5 .sec2 .list_style3 { margin: 50px 0;}
.sub4_5 .table_info { text-align: left;}
.sub4_5 .table_info b {font-weight: 300;}
.sub4_5 .s3_desc {margin-bottom: 60px;}
.sub4_5 .sec3 .list_style3>ul>li:nth-last-child(n+3) { margin-bottom: 20px;}
.sub4_5 .sec3 .list_style3>ul>li:nth-last-child(n+3) img { width: 100%;}
#sub_contents.sub4_5 .sec4 .text1 { margin-bottom: 30px;}
/** //sub4_5 **/
/***** //sub4_1~4 ****/

/***** sub5_1~6 ****/
/** sub5_1 **/
.sub5_1 .sec1 { letter-spacing: -0.06em;}
.sub5_1 .sec1 img  { margin: 0 auto; display: block; width: 100%;} 
.sub5_1 .s1_list { margin: 0 -10px; }
.sub5_1 .s1_list>li { float: left; width: 50%; margin-bottom: 20px; }
.sub5_1 .s1_list>li>div { padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sub5_1 .s1_slist { border: 1px solid #dcdcdc; padding: 19px; }
.sub5_1 .s1_slist>li { float: left; -webkit-box-sizing: border-box; box-sizing: border-box; }
.sub5_1 .s1_slist>li:first-child { width: 40%; padding-right: 10px;}
.sub5_1 .s1_slist>li:last-child { width: 60%; padding-left: 10px;}
.sub5_1 .s1_tit { font-size: 20px; font-weight: 500; margin-top: 25px; padding: 0 8px;}
.sub5_1 .s1_line { width: 100%; height: 1px; background: #00388c; margin: 10px 0; position: relative; }
.sub5_1 .s1_line.on::after { display: block; content: '추천'; width: 40px; height: 40px; background: #00388c; line-height: 40px; color: #fff; font-size: 15px; text-align: center; position: absolute; right: 0;bottom: 0}
.sub5_1 .s1_desc { font-size: 16px; color: #505050; font-weight: 300; padding: 0 8px;}
/** //sub5_1 **/
/** sub5_4 **/
.sub5_4 .sec1 { text-align: center;  }
.sub5_4 .s1_list { margin: 0 -10px;}
.sub5_4 .s1_list>li { float: left; width: 50%; margin-bottom: 20px;}
.sub5_4 .s1_list>li>div { padding: 0 10px; display: table; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sub5_4 .s1_list>li>div>div { height: 300px; border: 1px solid #dcdcdc; -webkit-box-sizing: border-box; box-sizing: border-box; display: table-cell; vertical-align: middle; letter-spacing: -0.06em; padding: 10px;}

.sub5_4 .s1_list>li:nth-child(1)>div>div { background: url(../images/sub5_4_img1.jpg) no-repeat center; background-size: cover; position: relative;}
.sub5_4 .s1_list>li:nth-child(1)>div>div::after { display: block; content: '';  background: rgba(255, 255, 255, 0.6); position: absolute; top: 20px; left: 20px;  height: 260px;  width: calc(100% - 40px)}
.sub5_4 .s1_list>li:nth-child(1)>div>div>* { position: relative; z-index: 1;}
.sub5_4 .s1_num { position: relative; color: #dcdcdc; font-size: 18px;
 font-family: initial; font-weight: 600; line-height: 1.3; }
.sub5_4 .s1_num::after { display: block; content: ''; width: 20px; height: 1px; background: #dcdcdc; margin: 0 auto; }
.sub5_4 .s1_num::before { display: block; content: ''; width: 20px; height: 1px; background: #dcdcdc; margin: 0 auto; }
.sub5_4 .s1_tit { font-size: 23px; font-weight: 300; color: #505050; margin: 15px 0 25px; letter-spacing: -0.06em;}
.sub5_4 .s1_tit b { font-weight: bold; }
.sub5_4 .s1_desc { font-size: 15px; color: #505050; letter-spacing: -0.08em;}
/** //sub5_4 **/
/** sub5_5 **/
.sub5_5 .s1_list_box { margin-bottom: 75px; }
.sub5_5 .s1_list { border-top: 2px solid #00388c; margin-top: 30px;}
.sub5_5 .s1_list li { float: left; width: 14.2857%; text-align: center; line-height: 2}
.sub5_5 .s1_list li p { height: 51px; line-height: 51px; border-bottom: 1px solid #dcdcdc;  border-right: 1px solid #dcdcdc; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 17px;
 font-weight: 500;}
.sub5_5 .s1_list li:nth-child(7n) p { border-right: 0 none;}
.sub5_5 .s1_list_box:nth-child(2) li:nth-last-child(-n+3) { display: none;}
.sub5_5 .s1_list_box:nth-child(4) li:nth-last-child(-n+4) { display: none;}
.sub5_5 .s1_list_box:nth-child(6) li:nth-last-child(-n+4) { display: none;}
.sub5_5 .s1_list_box:nth-child(7) li:nth-last-child(-n+4) { display: none;}
.sub5_5 .s1_list_box:nth-child(10) li:nth-last-child(-n+1) { display: none;}
.sub5_5 .s1_list_box:nth-child(11) li:nth-last-child(-n+1) { display: none;}
/** //sub5_5 **/
/** sub5_6 **/
.sub5_6 .s1_list { margin: 0 -7px; letter-spacing: -0.06em;}
.sub5_6 .s1_list img { display: block; margin: 0 auto; width: 100%;}
.sub5_6 .s1_list>li { float: left; width: 33.3333%; margin-bottom: 30px; }
.sub5_6 .s1_list>li>div { margin: 0 7px; border-top: 3px solid #00388c;}
.sub5_6 .s1_box { border: 1px solid #dcdcdc; border-top-color: transparent; padding: 30px 10px 40px 30px;}
.sub5_6 .s1_sub { font-size: 28px; color: #232323; font-weight: bold; }
.sub5_6 .s1_tit { font-size: 20px; color: #505050; font-weight: 500; margin: 20px 0 20px;}
.sub5_6 .s1_desc { font-size: 16px; color: #787878; font-weight: 300; }
/** //sub5_6 **/
/***** //sub5_1~6 ****/

/***** sub6_1~5 ****/
/** sub6_1 **/
.sub6_1 .contents { padding: 0; padding-bottom: 80px;}
.sub6_1 .form_list>li:nth-child(4) select { margin-left: 5px;}
.sub6_1 .form_list li:nth-child(5) input[type='radio'] { width: 20px; height: 20px; position: relative; top:2px;}
/** //sub6_1 **/
/** sub6_2 **/
#sub_contents.sub6 .text1 { margin-bottom: 30px;}
.sub6 table { border-top-width: 2px;}
.sub6 th { background: #eef5ff; }
.sub6 td { color: #505050; }
.sub6 .t_left { text-align: left; padding: 20px 10px 20px 40px;}
.sub6_2 .sec1 .submit a { display: inline-block; width: 156px; height: 46px; line-height: 46px; background: #00388c; color: #fff;}
.sub6_2 .sub6_banner_box { display: table; width: 100%; border: 1px solid #dcdcdc; -webkit-box-sizing: border-box; box-sizing: border-box;  background: url(../images/sub6_2_img2.jpg) no-repeat center; text-align: center; margin-top: 30px;}
.sub6_2 .sub6_banner { display: table-cell; padding: 25px 10px; vertical-align: middle; color: #fff; }
.sub6_2 .b_desc { font-size: 18px; font-weight: 300; }
.sub6_2 .b_tit { font-size: 40px; font-weight: bold; letter-spacing: -0.06em; margin: 5px 0 10px;}
.sub6_2 .b_btn a { display: block; font-size: 16px; background: #f1bc04; width: 170px; height: 40px; line-height: 40px; margin: 0 auto;}
.sub6_2 .sec2 .table3 td { padding: 10px 5px;}
.sub6_2 .sec3 span { display: inline-block; margin-bottom: 10px;}
.sub6_2 .sec4 th,.sub6_1 .sec4 td { border-right: 1px solid #dcdcdc;}
.sub6_2 th:last-child { border-right: 0 none; border-left:1px solid #dcdcdc;}
.sub6_2 td:last-child { border-right: 0 none; border-left:1px solid #dcdcdc;}
.sub6_2 .s6_tit { font-size: 20px; font-weight: bold; padding-left: 28px; text-indent: -28px;}
.sub6_2 .s6_tit span { position: relative; top:2px; margin-right: 10px}
.sub6_2 .s6_desc {font-size: 16px; font-weight: 300; margin-left: 29px; padding: 30px; background: #f5f5f5; margin-top: 20px;}
.sub6_2 .s6_desc b { color: #e00404; }
.sub6_2 .s6_list li { padding-bottom: 40px; position: relative;}
.sub6_2 .s6_list li::after { display: block; content: ''; width: 3px; height: 100%; background: #dcdcdc; position: absolute; left: 8px; top:10px;z-index: -1; }
.sub6_2 .s6_list li:last-child::after { display: none;}
.sub6_2 .s6_list li:last-child { padding-bottom: 0;}
.sub6_2 .sec8 img { display: block; margin: 0 auto;}
.sub6_2 .s8_list { margin: 0 -10px;}
.sub6_2 .s8_list>li { float: left; width: 20%; text-align: center; }
.sub6_2 .s8_list>li>div { display: table; width: 100%; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sub6_2 .s8_list>li>div>div { display: table-cell; vertical-align: middle; padding: 40px 5px; border: 1px solid #dcdcdc;}
.sub6_2 .s8_list>li:nth-child(1) .s8_tell { margin-bottom: 20px; }
.sub6_2 .s8_list>li:nth-last-child(-n+4) .s8_tell { line-height: 1 }
.sub6_2 .s8_list>li:last-child .s8_tit { margin: 10px 0;}
.sub6_2 .s8_tell { font-size: 25px; color: #00388c; font-weight: bold;}
.sub6_2 .s8_tit { font-size: 18px; color: #505050; font-weight: 500;}
.sub6_2 .s8_desc { font-size: 15px; color: #505050; font-weight: 300;}
.sub6_2 .s8_circle { margin-bottom: 15px;}
.sub6_2 .s8_btn a { display: inline-block; width: 150px; line-height: 45px; height: 45px; font-size: 15px; color: #fff; font-weight: 300; background: #00388c; }
.sub6_2 td hr {height:1px; margin:5px; border:0; color:white; background-color:#dcdcdc; }
/** //sub6_2 **/
/** sub6_3 **/
.sub6_3 .sec1 td:first-child { font-weight: 500;}
.sub6_3 .sec1 tr:first-child td { font-weight: 500; background: #edf2fa;}
.sub6_3 .s_list img { display: block; margin: 0 auto;}
.sub6_3 .s_list { margin: 0 -10px; text-align: center; letter-spacing: -0.06em;}
.sub6_3 .s_list>li { float: left; width: 33.3333%}
.sub6_3 .s_list>li>div { display: table; width: 100%; padding: 0 10px ; -webkit-box-sizing: border-box; box-sizing: border-box; }
.sub6_3 .s_list>li>div>div { display: table-cell; padding: 55px 19px 40px; border: 1px solid #dcdcdc; }
.sub6_3 .s_list .s_img { margin-bottom: 35px;}
.sub6_3 .s2_tit { font-size: 18px; color: #323232; font-weight: 500; margin-bottom: 5px; }
.sub6_3 .s2_desc { font-size: 16px; color: #505050; font-weight: 300; }
.sub6_3 .s2_desc b { font-weight: 500; color: #323232;}
.sub6_3 .sec2 .s_list li:first-child .s2_desc { padding: 15px; background: #edf2fa; }
.sub6_3 .s2_desc span { font-weight: 500; margin-bottom: 5px; display: inline-block;}
.sub6_3 .sec3 .s_list>li>div>div  { padding: 80px 19px 100px;}
.sub6_3 .s3_tit { font-size: 20px; color: #505050; font-weight: 300; }
.sub6_3 .s3_tit b { font-weight: 500; color: #323232; }
.sub6_3 .s4_desc::before { display: block; content: ''; width: 100%; height: 2px; background: #00388c; position: absolute; top: 0px; left: 0;}
.sub6_3 .s4_desc { padding: 50px 30px; background: #f5f5f5; position: relative; }
.sub6_3 .s4_desc b { font-size: 16px; font-weight: 500; padding-left: 16px; position: relative; display: block;}
.sub6_3 .s4_desc b::after { display: block; content: ''; width: 5px; height: 5px; background: #00388c; position: absolute; top: 10px; left: 0;}
/** //sub6_3 **/
/** sub6_4 **/
.sub6_4 .sec1 .wrap { background:url(../images/sub6_4_img1.jpg) no-repeat center; background-size: cover;}
.sub6_4 .sub6_box { display: table; width: 100%; padding: 55px 10px;  text-align: center; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sub6_4 .sub6_4_box { display: table-cell; }
.sub6_4 .b_desc { font-size: 18px; letter-spacing: 0;}
.sub6_4 .b_tit { font-size: 40px; font-weight: bold;}
.sub6_4 .s_list img { display: block; margin: 0 auto;}
.sub6_4 .s_list { margin: 0 -10px; text-align: center; letter-spacing: -0.06em; margin-bottom: 50px;}
.sub6_4 .s_list>li>div { display: table; width: 100%; padding: 0 10px ; -webkit-box-sizing: border-box; box-sizing: border-box; }
.sub6_4 .s_list>li>div>div { display: table-cell; padding: 50px 10px ; border: 1px solid #dcdcdc; }
.sub6_4 .s_img { margin-bottom: 20px;}
.sub6_4 .s_tit { font-size: 16px; color: #505050; font-weight: 300; }
.sub6_4 .s_desc { font-size: 14px; color: #787878; font-weight: 300; margin-top: 15px;}
.sub6_4 .stext1 { font-size: 28px; color: #505050; font-weight: 500; text-align: center; margin-bottom: 25px;}
.sub6_4 .s_list>li { float: left; width: 16.6%}
/** //sub6_4 **/
/** sub6_5 **/
.sub6_5 .s1_list>li { border: 1px solid #dcdcdc; margin-bottom: 30px; padding: 29px; position: relative; letter-spacing: 0;}
.sub6_5 .s1_list>li:last-child { margin-bottom: 0; }
.sub6_5 .s1_list>li::after { display: block; content: ''; width: calc(100% + 2px); height: 2px; background: #00388c; position: absolute; top: -1px; left: -1px; }
.sub6_5 .s1_slist>li { float: left; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sub6_5 .s1_left { width: 22.5%; padding-right: 15px; }
.sub6_5 .s1_left div img { display: block; border: 1px solid #dcdcdc; }
.sub6_5 .s1_right { width: 76.5%; padding-left: 15px; }
.sub6_5 .s1_right>div{ padding-top: 15px; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative;}
.sub6_5 .s1_tit { font-size: 22px; font-weight: 600; color: #303030; padding: 0 10px;}
.sub6_5 .s1_line { width: 100%; height: 1px; background: #dcdcdc; margin: 20px 0; position: relative;}
.sub6_5 .s1_line.on::after { display: block; content: '종료'; text-align: center; width: 60px; height: 60px; line-height: 60px; background: #00388c; color: #fff; font-size: 16px; font-weight: 500; position: absolute; right: 0; bottom: -1px;}
.sub6_5 .s1_desc { font-size: 15px; color: #787878; font-weight: 300; padding-left: 8px; position: relative; }
.sub6_5 .s1_desc.dot { margin-bottom: 10px;}
.sub6_5 .s1_desc.dot::after { display: block; content: ''; width: 4px; height: 4px; background: #787878; position: absolute; top: 8px; left: 0; }
.sub6_5 .s1_btn { position: absolute; right: 0; bottom: 0; background: #fff;}
.sub6_5 .s1_btn a { display: block; width: 210px; height: 60px; text-align: center; border: 1px solid #dcdcdc; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 58px; font-size: 15px; font-weight: 300; color: #505050;}
.sub6_5 .s1_btn a img { margin-left: 10px;}
.sub6_5_1 .s1_tit { margin-bottom: 40px;}
/** //sub6_5 **/
/***** //sub6_1~5 ****/

/***** //sub7_1 ****/
/** sub7_1 **/
.sub7 .sub_tab { text-align: center;}
.sub7 .sub_tab li { display: inline-block; float: left; }
.sub7_1 .s1_tit { font-size: 24px; font-weight: 300; background: #f0f0f0; padding: 40px 10px; text-align: center; }
.sub7_1 .s1_tit b{ font-size: 34px; color: #00388c; font-weight: 500;}
.sub7_1 .box_style1 { border-top-color: transparent;}
.sub7_1 .s1_desc { font-size: 17px; font-weight: 300; margin-bottom: 50px;}
.sub7_1 .s1_desc b { font-size: 27px; font-weight: 500;}
#sub_contents.sub7 .text1 { margin-bottom: 50px;}
.sub7_1 iframe { margin-bottom: 40px; border: 1px solid #dcdcdc;}
.sub7_1 .s1_list { margin: 0 -10px; margin-top: 40px;}
.sub7_1 .s1_list img { display: block; margin: 0 auto; width: 100%;}
.sub7_1 .s1_list li { float: left; width: 33.3333%; }
.sub7_1 .s1_list li:nth-last-child(n+4) { margin-bottom: 20px;}
.sub7_1 .s1_list li div { margin: 0 10px;}
/** sub7_1 **/
/***** //sub7_1 ****/
/***** //sub8_1~3 ****/
/** sub8_2 **/
.board_con_box .board_sec img { vertical-align: middle; margin-right: 7px;}
.board_con_box.re .board_sec { text-align: left; padding-left: 5%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.board_con_box.re .board_sec.reply { height: 51px;}
.sub_reply_box .board_con_desc { text-indent: -50px; padding-left: 50px;}
.board_con_desc img { vertical-align: middle; margin-right: 7px;}
.sub8_2_1 .pager>div>a:nth-child(2) { margin-left: 10px!important;}
/** //sub8_2 **/
/** sub8_3 **/
.sub8_3 .sub_tab li { width: 25%;}
.sub8_3 .s1_box { border-top: 1px solid #dcdcdc; }
.sub8_3 .b1_box { border-bottom: 1px solid #dcdcdc;}
.sub8_3 .b1_sub { cursor: pointer;}
.sub8_3 .b1_sub.on { background: #00388c; color: #fff; font-weight: 500;}
.sub8_3 .b1_sub.on .box_fir { background-image: url(../images/sub8_3_img2.png);}
.sub8_3 .b1_sub.on .box_thir { background-image: url(../images/sub8_3_img4.png);}
.sub8_3 .b1_sub>* { float: left; background-position: center center; background-repeat: no-repeat; }
.sub8_3 .b1_sub>* p { height: 100%;}
.sub8_3 .box_fir,.sub8_3 .box_thir { width: 8%; }
.sub8_3 .box_sec { width: 84%; }
.sub8_3 .box_sec p{ padding: 25px 0; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 16px; padding-right: 10px; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.sub8_3 .box_fir { background-image: url(../images/sub8_3_img1.png);}
.sub8_3 .box_thir { background-image: url(../images/sub8_3_img3.png);}
.sub8_3 .b1_con { font-size: 16px; color: #787878; font-weight: 300; background: #f5f5f5; padding: 70px 50px; display: none;}
.sub8_3 .b1_con.on { display: block;}
/** //sub8_3 **/
/***** //sub8_1~3 ****/

/***** sub9_1~5 ****/
/** sub9_1 **/
.sub9_1 { text-align: center;}
.sub9_1 .login { background: #f5f5f5; padding-bottom: 40px;}
.sub9_1 .s1_box { max-width: 600px; margin: 0 auto; border: 1px solid #dcdcdc; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 59px; padding-top: 0; background: #fff; position: relative; top:-60px;}
.sub9_1 .s1_logo img { display: block; margin: 0 auto; position: relative; top: -1px; margin-bottom: 30px;}
.sub9_1 .form_box { width: 100%; height: 70px; border: 1px solid #dcdcdc; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 22px 39px; font-size: 18px; color: #323232; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -0.02em;}
.sub9_1 .form_box:first-child { margin-bottom: 10px; border-color: #0252cb; position: relative;}
.sub9_1 .form_box:first-child::after { display: block; content: ''; width: calc(100% + 2px); height: calc(100% + 2px); position: absolute; left: -1px; top: -1px; background: #f90;}
.sub9_1 .form_box::-webkit-input-placeholder { color: #aaa; opacity: 1; font-weight: 300;}
.sub9_1 .form_box:-ms-input-placeholder { color: #aaa; opacity: 1; font-weight: 300;}
.sub9_1 .form_box::-ms-input-placeholder { color: #aaa; opacity: 1; font-weight: 300;}
.sub9_1 .form_box::placeholder { color: #aaa; opacity: 1; font-weight: 300;}
.sub9_1 .form_box:-ms-input-placeholder { color: #aaa; font-weight: 300;}
.sub9_1 .form_box::-ms-input-placeholder { color: #aaa; font-weight: 300;}
.sub9_1 .check_box { text-align: left; font-size: 15px; color: #505050; font-weight: lighter;margin: 5px 0 10px;}
.sub9_1 .login_btn { width: 100%; height: 70px; background: #00388c; color: #fff; font-size: 18px; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -0.02em; font-weight: 300; border: 0 none; margin-bottom: 10px;}
.sub9_1 .login_box { font-size: 0;}
.sub9_1 .login_box a { display: inline-block; width: 49%; height: 60px; line-height: 60px; font-size: 15px; background: #fed638;}
.sub9_1 .login_box a:nth-child(2) { background: #505050; color: #fff; margin-left: 9px; font-weight: 300;}
/** //sub9_1 **/
/** sub9_2 **/
.sub9_2 .join { padding: 100px 0;}
.sub9 .s1_img img { display: block; margin: 0 auto; margin-bottom: 100px;}
.sub9_2 .s1_tit { font-size: 23px; font-weight: 500; letter-spacing: -0.06em; padding: 0 10px;}
.sub9_2 .s1_tit::after { display: block; content: ''; width: calc(100% + 20px); height: 1px; background: #323232; margin: 10px 0 50px; position: relative; left: -10px;}
.sub9_2 .s1_box { position: relative;}
.sub9_2 .cehck_box { position: absolute; right: 10px; top: 5px; font-weight: 500;}
.sub9_2 .info_sub { font-size: 35px; font-weight: 500; margin-bottom: 40px; text-align: center;}
.sub9_2 .info { padding: 30px; border: 1px solid #dcdcdc; -webkit-box-sizing: border-box; box-sizing: border-box; height: 400px; overflow-y: scroll; padding-bottom: 0; margin-bottom: 20px;}
.sub9_2 .info::-webkit-scrollbar {-webkit-appearance: none;width: 4px;}
.sub9_2 .info::-webkit-scrollbar-thumb { background: #c6c6c6; }
.sub9_2 .info_tit { font-size: 20px; font-weight: 500; }
.sub9_2 .info_desc { font-size: 16px; font-weight: 300; line-height: 1.6; }
.sub9_2 .info_desc b { font-weight: 400;}
.sub9_2 .info_box { margin-bottom: 80px;}
.sub9_2 .event_box { font-size: 16px; font-weight: 300; border-bottom: 1px solid #dcdcdc; padding: 20px;}
.sub9_2 .event_box>li:first-child { float: left; }
.sub9_2 .event_box>li:last-child { float: right; }
.sub9_2 a { display: block; margin: 0 auto; width: 260px; height: 60px; line-height: 60px; background: #00388c; color: #fff; text-align: center; font-size: 16px;}
input[type='radio'],.sub9_2 input[type="checkbox" i]{display: none; }
input[type='radio']+label,.sub9_2 input[type="checkbox" i]+label { display: inline-block; padding-left: 25px; position: relative; cursor: pointer;}
input[type='radio']+label::after,.sub9_2 input[type="checkbox" i]+label::after{  display: block; content: ''; width: 20px; height: 20px;  background: url(../images/sub_radio.png) right top no-repeat; position: absolute; left: 0; top: 2px;}
.sub9_2 input[type="checkbox" i]+label::after { background-image: url(../images/sub_checkbox.png)}
input[type='radio']:checked+label::after{ background-image: url(../images/sub_radio1.png); }
.sub9_2 input[type="checkbox" i]:checked+label::after { background-image: url(../images/sub_checkbox1.png); }
.sub9 label.label{ margin-right: 10px;}
/** //sub9_2 **/

/** sub9_3 **/
.contents { padding: 100px 0;}
.form_list li>div>div { padding: 20px 0;}
.sub9_3 .form_tit b { color: #ffbb0f; }
.sub9_3 .form_fir { padding-left: 40px; background: #f0f0f0; }
.sub9_3 .form_stit { font-size: 14px; color: #787878; font-weight: 300; margin-top: 5px;}
.sub9_3 .check_btn { width: 190px; height: 50px; line-height: 50px; border: 0 none; background: #ffbb0f; vertical-align: top; margin-left: 10px; font-family: 'Noto Sans KR', sans-serif; font-size: 15px;}
.sub9_3 .form_list li:nth-child(7) input[type='radio'] { width: 20px; height: 20px; position: relative; top:2px;}
/** //sub9_3 **/
/** sub9_4 **/
.sub9_4 .complete{ padding: 100px 0; text-align: center; }
.sub9_4 .c1_sub { font-size: 35px; margin-bottom: 60px; font-weight: 500;}
.sub9_4 .c1_box { border: 1px solid #dcdcdc; padding: 140px 10px; position: relative;}
.sub9_4 .c1_box::after { display: block; content: ''; width: calc(100% + 2px); height: 2px; background: #00388c; position: absolute; left: -1px; top: -1px; }
.sub9_4 .c1_tit { font-size: 30px; font-weight: 300; margin-bottom: 30px;}
.sub9_4 .c1_tit b { font-weight: bold; }
.sub9_4 .c1_desc { font-size: 17px; font-weight: 300; color: #787878; margin-bottom: 50px; }
.sub9_4 .c1_desc b { font-weight: bold; color: #ffbb0f;}
.sub9_4 .btn_box { font-size: 0;}
.sub9_4 .btn_box a { display: inline-block; width: 240px; height: 60px; line-height: 60px; background: #ffbb0f; font-size: 16px; }
.sub9_4 .btn_box a:last-child { background: #00388c; color: #fff; margin-left: 9px;}
/** //sub9_4 **/
/** sub9_5 **/
.sub9_5 input{ line-height: 1.4; font-family: 'Noto Sans KR', sans-serif!important; letter-spacing: -0.04em; color: #323232; }
.search_box { padding: 80px 0; background: #f5f5f5; }
.sub9_5 .search_tit { font-size: 25px; font-weight: 500; }
.sub9_5 .search_desc { font-size: 17px; color: #787878; font-weight: 300; }
.search_box>div>ul>li { float: left; display: table;}
.search_box>div>ul>li>div { border: 1px solid #dcdcdc; width: 100%; height: 100%; display: table-cell; vertical-align: middle; background: #ffff;}
.search_box .search_left { width: 63%;  }
.search_box .search_left>div{ box-sizing: border-box; padding: 50px 59px; }
.search_box .search_left .search_desc { margin-bottom: 20px;}
.search_box .search_left ul li>div { float: left;  display: table;  }
.search_box .search_left ul li>div>div{ display: table-cell; vertical-align: middle;  padding: 10px 0; }
.search_box .search_fir { width: 16%; font-size: 18px; }
.search_box .search_sec { width: 84%;}
.search_box .search_right { width: 37%; margin-left: -1px; text-align: center;}
.search_box input[type="text"] { width: 45%; height: 70px; font-size: 18px; padding-left: 20px; box-sizing: border-box; }
.search_box span{ margin: 0 5px;}
.search_box .button_box { text-align: center;  margin-top: 40px;}
.search_box button { background: #00388c; color: #fff; font-size: 16px; width: 190px; height: 55px; line-height: 55px; border: 0 none; cursor: pointer;}
.search_box img { display: block; margin: 0 auto;}
.search_right .search_tit { margin: 20px 0 10px;;}
/** //sub9_5 **/
/***** //sub9_1~5 ****/



@media screen and (max-width: 1365px) {
    #header { border: 0 none;}
    .gnb,.toggle,.toggle_menu,.gnb_depth  { display: none;}
    .header_top { padding-top: 20px;}
    .header_top .close_btn { right: 15px; bottom: 0; top: -18px; font-size: 12px;}
    .header_top input[type="checkbox" i] { margin: 0; vertical-align:bottom;}
    .header_top span img { width: 11px;}
    .header_txt { height: auto;}
    .header_txt .h_logo { position: static; text-align: left; display: block; width: 90px;}
    .header_txt .h_logo img { display: block; width: 90px;}
    .header_txt .lnb { top: -15px; right: 15px;}
    .header_txt .lnb li a { font-size: 12px;}
    .m_btn { display: block;}
    .wrap { padding: 0 15px;}
    #main_visual #slide_pager a { font-size: 14px;}
    #main_contents .sec1 { padding: 40px 0;}
    #main_contents .text1 { margin-bottom: 40px; font-size: 28px;}
    .sec1 .bx-viewport { margin-left: 0px; margin-top: 35px; }
    #main_contents .tab li a { font-size: 14px; }
    #main_contents .w1_tit { font-size: 20px;}
    #main_contents .w1_desc { font-size: 14px; margin: 10px 0 15px;}
    #main_contents .w1_btn { width: 120px; height: 32px; line-height: 30px; font-size: 13px;}
    #main_contents .w1_btn img { width: 15px;}
    #main_contents .s1_wrap_arr { top: -20%;}
    #main_contents .s1_wrap_arr img { width: 45px;}
    #main_contents .s1_prev { left: 0;}
    #main_contents .s1_next { right: 0;}
    #main_contents .sec3 { padding: 40px 0;}
    #main_contents .s3_list li { width: 50%;}
    #main_contents .w3_tit { font-size: 18px; padding-bottom: 15px;}
    #main_contents .w3_desc { font-size: 13px; padding-bottom: 20px;}
    #main_contents .sec4 { padding: 60px 0;}
    #main_contents .s4_right>div>div { padding-left: 30px;}
    #main_contents .text2 { font-size: 36px;}
    #main_contents .text2::after { margin: 15px 0 5px;}
    #main_contents .s4_desc { font-size: 15px; margin-bottom: 15px;}
    #main_contents .s4_wrap_arr li img { width: 40px;}
    #main_contents .s4_list2 li>div { padding: 20px 15px;}
    #main_contents .s4_list2 li>div::before { height: 3px; top: -3px}
    #main_contents .s4_sub { font-size: 16px;}
    #main_contents .s4_desc2 { font-size: 13px;}
    #main_contents .s4_date  { font-size: 13px; bottom: 20px;}
    #main_contents .sec5 { padding: 60px 0 ;}
    #main_contents .sec4 .bx-viewport { height: 170px!important;}
    #main_contents .s5_left2 div { padding-right: 40px;}
    #main_contents .s5_right2 { padding: 0 15px;}
    #main_contents .s5_sub { font-size: 30px; margin-right: 10px; }
    #main_contents .s5_desc { font-size: 14px;}
    #main_contents .s5_sub2 { font-size: 20px;}
    #main_contents .s5_sub2::after { margin: 10px 0 5px;}
    #main_contents .s5_desc2 { font-size: 14px;}
    .f_top_txt { margin-top: 20px;}
    .f_top_txt li { font-size: 13px; margin-right: 13px;}
    .f_top_social li img { width: 35px;}
    .f_top_social { margin: 10px 0;}
    .footer_txt { padding: 40px 0 30px;}
    .f_logo { padding-right: 40px;}
    .f_logo img { width: 180px;}
    .f_txt li { margin-right: 15px;}
    .f_tit { font-size: 13px; margin-bottom: 10px;}
    .f_txt { margin-bottom: 10px;}
    .footer_txt .text1 { font-size: 12px; }
    .f_tel { font-size: 22px;}
    .f_time { font-size: 13px;}
    .f_site { font-size: 13px;}
    .f_site_tit { background-position: 190px center;}
    .f_site .f_site_list>li>div li,.f_site_tit { font-size: 13px;}
    
    
    /*** sub ***/
    .sub_visual .visual_box { padding: 60px 0}
    .sub_visual .v_desc { font-size: 16px; }
    .sub_visual .v_tit { font-size: 32px; }
    
    .index>div>ul>li { font-size: 14px;}
    .index .depth { background-size: 20px;}
    .index .home img { width: 14px;}
    .index .depth ul { top: 54px;}
    .index .depth ul li { font-size: 14px;}
    
    .sub_tit { font-size: 30px; margin: 50px 0;}
    .sub_tit::after { width: 50px; height: 3px; margin: 10px auto 0;}
    .sub_desc { top: -40px;}
    
    .sub .sub_bg1 { height: 450px;}
    
    .sub1_1 .sec1 .s1_box { padding: 60px 0;}
    .sub1_1 .sec1 .s1_desc { font-size: 15px; margin-bottom: 25px;}
    .sub1_1 .sec1 .s1_tit { font-size: 18px; }
    
    #sub_contents .text1 { font-size: 26px;}
    #sub_contents .text2 { font-size: 18px; margin-bottom: 30px;}
    #sub_contents div[class^=sec] { padding-bottom: 60px;}
    .sub1_2 iframe { height: 400px;}
    .sub1_2 .s2_num { font-size: 14px;}
    .sub1_2 .s2_num::after, .sub1_2 .s2_num::before { width: 16px;}
    .sub1_2 .s2_ltit { font-size: 22px; margin: 15px 0;}
    .sub1_2 .s2_ldesc { font-size: 14px; }
    
    .sub1_3 .s2_sub { font-size: 22px;}
    .sub1_3 .s2_num { font-size: 60px;}
    .sub1_3 .s2_ldesc { font-size: 14px;}
    .sub1_3 .list_style1>ul>li>div { height: 250px;}
    .sub1_3 .list_style1>ul:nth-child(2) img { width: 40px;}
    
    .sub1_4 iframe { height: 320px;}
    .sub1_4 .list_style1>ul>li>div { height: 350px;}
    .sub1_4 .list_style1>ul>li>div>* { font-size: 15px;}
    
    
    .sub2_0 .sec .s1_list { position: relative;}
    .sub2_0 .sec .s1_list li { width: 100%;}
    .sub2_0 .s1_list>li>div>div:first-child { background: transparent;}
    .sub2_0 .sec .s1_list li:last-child { position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0.15; overflow: hidden; z-index: -1;}
    .sub2_0 .s1_list>li>div { height: 300px;}
    .sub2_0 .s1_list>li>div>div:first-child { border-right-color: #dcdcdc; text-align: center;}
    .sub2_0 .sec .s1_list li img { width: 100%; position: relative; top: -50px;}
    .sub2_0 .s1_tit { font-size: 22px;}
    .sub2_0 .s1_desc { font-size: 15px;}
    .sub2_0 .s2_list .s2_tit { font-size: 20px;}
    .sub2_0 .s2_list .s2_desc { font-size: 15px; }
    .sub2_0 .s2_list li:nth-last-child(-n+2){ margin-top: 50px;}
    .sub2_0 .s2_list .s2_tit span img { width: 50px; margin-right: 15px;}
    
    
    .sub_tab li a { font-size: 14px; height: 50px; line-height: 48px;}
    .sub_tab li.on a { border-width: 3px; line-height: 44px;}
    .sub_banner { padding: 40px 0;}
    .sub_banner .banner_tit { font-size: 32px;}
    .sub_banner .banner_desc { font-size: 16px;}
    .sub2 .sub_tab { margin-bottom: 30px;}
    .sub2 .sub_banner_box { margin-bottom: 40px;}
    .sub2_img img { width: 40px; margin: 0 auto 10px;}
    .sub2_tit { font-size: 20px;}
    .sub2_desc1 { font-size: 14px;}
    .sub2_desc2 { font-size: 15px; margin-bottom: 30px;}
    
    .list_style2>ul>li { width: 30%;}
    .list_style2>ul>li>div>div { padding: 25px 0;}
    .l2_line { padding: 15px 0;}
    .l2_tit { font-size: 15px; margin-bottom: 10px;}
    .l2_desc { font-size: 14px;}
    .l2_desc2 { font-size: 12px;}
    .l2_img img { width: 55px; }
    .l2_sub { font-size: 20px; margin-bottom: 30px;}
    
    table { font-size: 14px;}
    th,.sub2_1_1 .sec1 td:nth-child(2) { padding: 20px 10px;}
    td { padding: 20px 10px 20px 40px;}
    .list_style3>ul>li { width: 50%; margin-bottom: 20px; }
    .list_style3>ul>li>div>div { padding: 0 10px; height: 200px;}
    .list_style3 .l3_tit { font-size: 20px;}
    .table_info { font-size: 14px;}
    .table2 td { padding: 20px 5px;}
    
    #sub_contents.sub2 .text1 { margin-bottom: 30px;}
    .sub_btn_box { margin-bottom: 60px;}
    .sub_btn a { width: 180px; height: 46px; line-height: 46px; font-size: 14px;}
    
    .list_style4>ul>li { margin-bottom: 40px;}
    .list_style4>ul>li>div { padding: 20px;}
    .list_style4 .s4_tit { font-size: 18px;}
    .list_style4 .s4_img img { width: 100%; margin-bottom: 15px;}
    .list_style4 .s4_desc { font-size: 14px;}
    
    .sub2_1_3 .s3_box { padding: 40px;}
    .sub2_1_3 .s3_ltit { font-size: 20px; }
    .sub2_1_3 .s3_ldesc { font-size: 15px; }
    #sub_contents .text3 { font-size: 18px; margin-bottom: 30px;}
    
    .sub2_1_4 .list_style3>ul>li>div>div,.sub2_1_5 .list_style3>ul>li>div>div,.sub2_1_6 .list_style3>ul>li>div>div  { padding: 15px 5px;}
    
    .l2_img img { height: 48px;}
    .sub2_2_1 .list_style2 li:nth-child(2) .l2_img img { width: 40px; }
    .sub2_2 .list_style2>ul>li { width: 50%; margin-bottom: 20px;}
    
    .sub2_3 .sub2_img img,.sub2_4 .sub2_img img,.sub2_5 .sub2_img img,.sub2_6 .sub2_img img,.sub2_7 .sub2_img img { width: 60px;}
    .sub2_3 td  { padding: 20px 5px;}
    
    .list_style5 { margin-bottom: 30px;}
    .list_style5>ul>li>div>div { padding: 30px 5px;}
    .list_style5 .l5_num { font-size: 40px;}
    .list_style5 .l5_img img { width: 100px; margin-bottom: 15px;}
    .list_style5 .l5_tit { font-size: 15px; }
    .list_style5 .l5_desc { font-size: 13px; margin-top: 10px;}
    
    .sub2_3 .sub_btn a { margin-right: 15px;}
    .sub2_3 .sub_btn a b { height: 46px; width: 46px; }
    .sub2_3 .sub_btn a:nth-child(1) b { background-size: 18px;}
    .sub2_3 .sub_btn a:nth-child(2) b { background-size: 8px;}
    
    .sub2_3_1 .s2_list li>div { padding: 35px 5px;}
    .sub2_3_1 .s2_ltit { font-size: 20px; margin: 20px 0 10px;}
    .sub2_3_1 .s2_ldesc { font-size: 14px;}
    .sub2_3_1 .sec3 .s2_list li>div { padding: 30px 0 0px;}
    .sub2_3_1 .s3_num { font-size: 40px; margin-bottom: 15px;}
    .sub2_3_1 .s3_tit { font-size: 16px;}
    .sub2_3_1 .s3_circle img { margin: 10px auto;}
    .sub2_3_1 .s3_btn a { width: 140px; font-size: 14px; height: 44px; line-height: 42px;}
    .sub2_3_1 .s4_box { padding: 30px 0;}
    .sub2_3_1 .s4_tit { font-size: 22px;}
    .sub2_3_1 .s4_desc { font-size: 15px; margin: 10px 0 30px;}
    
    .list_style6>ul>li { margin-bottom: 40px;}
    .list_style6>ul>li>div { padding: 30px 5px;}
    .list_style6 .l6_num { font-size: 40px;}
    .list_style6 .l6_tit { font-size: 20px; margin: 10px 0;}
    .list_style6 .l6_desc { font-size: 14px;}
    
    .sub2_3_2 .s2_list li div { padding: 40px 0;}
    .sub2_3_2 .s2_box { padding: 30px 50px;}
    .sub2_3_2 .s2_ltit { font-size: 15px;}
    
    .sub2_3_5 .s1_box { padding: 40px;}
    .sub2_3_5 .s1_tit { font-size: 24px; margin-bottom: 10px;}
    .sub2_3_5 .s1_text { font-size: 14px; }
    .sub2_3_5 .s1_list { margin: 20px -8px 30px;}
    .sub2_3_5 .s1_lsub { font-size: 20px;}
    .sub2_3_5 .s1_lsub::after { margin: 20px 0;}
    .sub2_3_5 .s1_list li div { padding: 20px;}
    .sub2_3_5 .s1_list dl { padding-left: 10px; -webkit-box-sizing: border-box; box-sizing: border-box;}
    .sub2_3_5 .s1_box2 { width: 380px; padding: 20px;}
    
    .list_style7>ul>li>div { padding: 25px 5px 0 25px; height: 250px;}
    .list_style7 .l7_tit { font-size: 18px;}
    .list_style7 .l7_sub { font-size: 28px; margin-bottom: 10px;}
    .list_style7 .l7_desc { font-size: 14px;}
    .list_style7 .l7_img { right: 25px; bottom: 25px;}
    
    .sub2_4_1 .sec1 .list_style5 { margin-top: 30px;}
    .sub2_4 .sub_btn a { margin-right: 15px;}
    .sub2_4 .sub_btn a b { height: 46px; width: 46px; }
    .sub2_4 .sub_btn a:nth-child(1) b { background-size: 18px;}
    .sub2_4 .sub_btn a:nth-child(2) b { background-size: 8px;}
    .sub2_4_1 .s3_btn a { width: 140px; font-size: 14px; height: 44px; line-height: 42px;}
    .sub2_4_1 .s3_box { padding: 30px 0;}
    .sub2_4_1 .s3_tit { font-size: 22px;}
    .sub2_4_1 .s3_desc { font-size: 15px; margin: 10px 0 30px;}
    .img_style1 .i1_sub::after { margin: 20px 0;}
    
    .sub2_5 .sub2_5_list li>div>div { height: 140px;}
    .sub2_5 .sub2_5_tit { font-size: 15px;}
    .sub2_5 .sub2_5_date { font-size: 13px;}
    
    .img_style1>ul>li { width: 100%!important;}
    .img_style1>ul .i1_left { margin-bottom: 15px;}
    .img_style1>ul .i1_right>div { border-left-color: #dcdcdc; padding: 30px;}
    .img_style1 .i1_desc1 { font-size: 15px; text-align: center;}
    .img_style1 .i1_sub { font-size: 26px; text-align: center;}
    .img_style1 .i1_tit { font-size: 18px;}
    .img_style1 .i1_desc2 li { font-size: 14px; padding-left: 8px;}
    .img_style1 .i1_desc2 li::after { width: 3px; height: 3px; }
    
    .sub2_6_1 .list_style6>ul>li>div { padding: 30px 0;}
    .sub2_6_1 .l6_desc { padding:  0 10px 0 20px}
    .sub2_6_1 .l6_desc li { margin-bottom: 10px;}
    .sub2_6_1 .s3_desc2 li { padding-left: 8px}
    .sub2_6_1 .s3_desc2 li::after { width: 3px; height: 3px; top: 7px;}
    .sub2_6_1 .sec3 th { padding: 30px 10px; }
    .sub2_6_1 .s3_desc1 { font-size: 16px;}
    .sub2_6_1 .s3_tit { font-size: 32px;}
    .sub2_6_1 .s3_desc2 {font-size: 15px;}
    .sub2_6_1 .s3_desc3 { font-size: 13px;}
    .sub2_6_1 ul[class^=s3_img],.sub2_6_1 .sec3 .s3_box { margin-bottom: 30px;}
    .sub2_6_3 .table_box:first-child { margin-bottom: 30px;}
    
    .sub2_7_1 .list_style6>ul>li>div { padding: 30px 0px;}
    .sub2_7_1 .list_style6 .l6_desc { padding: 0 10px 0 20px;}
    .sub2_7_1 .tit { font-size: 32px;}
    .sub2_7_1 .desc { font-size: 20px;}
    .sub2_7_1 .desc::after { height: 50px; margin: 10px auto 20px;}
    .sub2_7_1 .s2_desc { font-size: 15px; width: 320px; margin-left: -160px; height: 42px; line-height: 42px;}
    
    .img_style2 .i2_tit { font-size: 22px; margin-bottom: 15px;}
    .img_style2 .i2_desc { font-size: 16px;}
    .img_style2 .i2_right>div>div { padding: 0 30px 0 50px;}
    
    .list_style8 .l8_num { font-size: 22px; height: 40px; width: 40px; line-height: 37px;}
    .list_style8 .l8_desc { font-size: 16px;}
    .list_style8>ul>li>div>div { padding: 70px 5px;}
    
    .box_style1 { padding: 50px;}
    .box_style1 .b1_tit { font-size: 28px; margin-bottom: 15px;}
    .box_style1 .b1_desc { font-size: 15px; margin-bottom: 30px;}
    
    .sub2_7_6 .tit { font-size: 32px;}
    .sub2_7_6 .desc { font-size: 20px;}
    .sub2_7_6 .desc::after { height: 50px; margin: 10px auto 20px;}
    .sub2_7_6 .s2_desc { font-size: 15px; width: 320px; margin-left: -160px; height: 42px; line-height: 42px;}
    
    .list_style9>ul>li>div>div { padding: 20px 10px 40px; }
    .list_style9 .l9_num { font-size: 22px;}
    .list_style9 .l9_circle { margin: 15px;}
    .list_style9 .l9_desc { font-size: 15px;}
    
    .sub2_8 .sub2_img img { width: auto;}
    .sub2_8_1 .s1_tit { font-size: 22px; margin-bottom: 30px;}
    .sub2_8_1 .s4_box { padding: 20px 0;}
    .sub2_8_1 .s4_tit { font-size: 18px; }
    .sub2_8_1 .s4_tit b { font-size: 28px; }
    .sub2_8_1 .s4_img { padding: 40px;}
    .sub2_8_1 .s4_ldesc { width: 280px; margin-left: -140px; }
    
    .sub2_8_3 .sec2 td:nth-last-child(n+3),.sub2_8_3 .sec5 .table_box2 td:nth-last-child(n+2),.sub2_8_3 .sec5 .table_box3 td:nth-last-child(n+2),.sub2_8_4 .sec3 .table_box2 td:nth-last-child(n+2) { padding: 20px 5px;}
    
    .sub2_8_3 .sec5 dt { width: 91px;}
    
    .sub2_9 .sub_bg1 { height: 300px; }
    .sub2_9 .sub_bg2 { height: 600px; }
    .sub2_9 .s1_sub { font-size: 22px;}
    .sub2_9 .s1_sub b { font-size: 25px;}
    .sub2_9 .s1_right div { padding: 40px 50px;}
    .sub2_9 .s1_tit { font-size: 22px; margin-bottom: 20px;}
    .sub2_9 .s1_desc { font-size: 15px;}
    .sub2_9 .s2_sub { margin-bottom: 20px;}
    .sub2_9 .s2_sub span { font-size: 24px;}
    .sub2_9 .s2_sub b { height: 13px;}
    .sub2_9 .s2_desc { font-size: 15px;}
    .sub2_9 .s2_desc::after { margin: 15px auto;}
    .sub2_9 .s2_tit { font-size: 18px;}
    .sub2_9 .s3_box { padding: 40px 10px 60px; margin-bottom: 40px;}
    .sub2_9 .s3_sub { font-size: 18px;}
    .sub2_9 .s3_sub b { font-size: 24px;}
    .sub2_9 .s3_ldesc { font-size: 16px;}
    .sub2_9 .s3_desc { font-size: 15px; margin-bottom: 20px;}
    .sub2_9 .s3_tit { font-size: 20px;}
    
    .sub .text4 { font-size: 14px; margin-bottom: 20px;}
    .sub3_1 .list_style9>ul>li { width:  25%;}
    .sub3_1 .list_style9>ul>li:nth-last-child(n+4) { margin-bottom: 20px; }
    .sub3_1 .list_style9>ul>li:nth-child(4)>div>div::before { display: none;}
    .sub3_1 .s3_list>li>div>div { padding: 45px 20px 60px;}
    .sub3_1 .s3_num { font-size: 24px; margin-bottom: 10px;}
    .sub3_1 .s3_desc { font-size: 15px;}
    .sub3_1 .s3_box { padding: 30px 0 40px;}
    .sub3_1 .s3_desc2 { font-size: 16px; }
    .sub3_1 .list_style3>ul>li { width: 25%;}
    .sub3_1 .list_style3>ul>li>div>div { padding: 0px 10px;}
    .sub3_1 .sec4 .table3 td:last-child { padding:  20px 10px  20px 60px;}
    .sub3_1 .s6_desc { font-size: 16px;}
    
    .sub3_2 .s1_sub { padding: 20px 0; }
    .sub3_2 .s1_tit { font-size: 18px;}
    .sub3_2 .s1_box { padding: 45px 65px;}
    .sub3_2 .s1_right div { padding: 0 20px 0 40px;}
    .sub3_2 .s1_desc1 { font-size: 15px;}
    .sub3_2 .s1_desc2 { font-size: 14px;}
    .sub3_2 .s1_list2 li:nth-last-child(n+3) { margin-bottom: 50px;}
    
    .sub3_banner { padding: 40px 10px; margin-bottom: 60px;}
    .sub3_banner .b_desc1 { font-size: 17px;}
    .sub3_banner .b_sub { font-size: 32px; }
    .sub3_banner .b_tit { font-size: 20px; margin: 15px 0 10px;}
    .sub3_banner .b_desc2 { font-size: 14px; }
    .sub3_3 .s1_tit {font-size: 24px; margin-bottom: 15px; }
    .sub3_3 .s1_desc { font-size: 15px; }
    .sub3_4 .s1_desc { margin-bottom: 20px;}
    .sub3_4 .s1_desc b { font-size: 20px; }
    
    .sub4_banner { padding: 35px 0; margin-bottom: 40px;}
    .sub4 .b_desc1 { font-size: 18px;}
    .sub4 .b_tit { font-size: 30px;}
    .sub4 .b_desc2 { font-size: 14px;}
    .sub4_1 .s2_tit { font-size: 20px;}
    
    .sub4_2 .sub4_banner { padding: 55px 0;}
    .sub4_2 .list_style3>ul>li>div>div { padding: 20px 10px;}
    .sub4_2 .s1_list { padding: 30px 40px;}
    .sub4_2 .s1_list li { font-size: 15px; padding-left: 10px;}
    .sub4_2 .s1_list li::after { width: 3px; height: 3px; top: 8px;}
    .form_fir { padding-left: 50px; }
    
    .sub4_3 .s1_list>li>div>div { padding: 40px 0 ;}
    .sub4_3 .s1_img { margin:  30px 0 20px;}
    .sub4_3 .s1_tit { font-size: 20px; }
    .sub4_3 .s1_desc { font-size: 14px; }
    .sub4_3 .s2_num { width: 50px; height: 50px; line-height: 50px; font-size: 15px;}
    .sub4_3 .s2_desc { font-size: 18px; }
    .sub4_3 .s2_tel { font-size: 28px; margin: 10px 0;}
    .sub4_3 .s2_desc2 li { font-size: 16px;}
    .form textarea { font-size: 14px;}
    
    .sub4_4 .s1_text1 { font-size: 15px;} 
    .pager a { width: 35px; height: 35px; line-height: 35px; font-size: 13px;}
    .pager .arr.prev { margin-right: 35px;}
    .pager .arr.next { margin-left: 35px;}
    
    .sub4_5 .s4_5_text { font-size: 15px; }
    .sub4_5 .sec2 table td ul li { padding-left: 15px;}
    .sub4_5 .sec2 table td ul li::after { width: 3px; height: 3px; top: 8px;}
    .sub4_5 .sec2 .list_style3 { margin: 30px 0; }
    .sub4_5 .list_style3>ul>li { margin-bottom: 0; }
    .sub4_5 .s3_desc { margin-bottom: 30px;}
    
    .sub5_1 .s1_tit { font-size: 18px;}
    
    .board_style1_sub .sub_tit_box { padding: 30px 0;}
    .board_style1_sub .board_tit { font-size: 20px; margin-bottom: 15px;}
    .board_style1_sub .board_desc { font-size: 14px; }
    .board_style1_sub .sub_con_box { padding: 40px;}
    .board_style1_sub .board_con_tit { font-size: 20px;}
    .board_style1_sub .board_con_desc { font-size: 15px; }
    .sub_board .pager a.pager_box { width: 130px; height: 35px; line-height: 35px; font-size: 14px;}
    
    .sub5_4 .s1_list>li>div>div { height: 280px;}
    .sub5_4 .s1_num { font-size: 16px; }
    .sub5_4 .s1_num::before,.sub5_4 .s1_num::after { width: 18px;}
    .sub5_4 .s1_tit { font-size: 20px; margin: 10px 0 20px;}
    .sub5_4 .s1_desc { font-size: 14px;}
    .sub5_4 .s1_list>li:nth-child(1)>div>div::after { height: 240px;}

    
    .sub5_5 .s1_list li { width: 16.6666%;}
    .sub5_5 .s1_list li:nth-child(7n) p { border-right: 1px solid #dcdcdc;}
    .sub5_5 .s1_list li:nth-child(6n) p { border-right: 0 none;}
    .sub5_5 .s1_list li p { font-size: 16px;}
    .sub5_5 .s1_list_box:nth-child(2) li:nth-last-child(-n+3) { display: block;}
    .sub5_5 .s1_list_box:nth-child(3) li:nth-last-child(-n+3) { display: none;}
    .sub5_5 .s1_list_box:nth-child(4) li:nth-last-child(-n+4) { display: block;}
    .sub5_5 .s1_list_box:nth-child(5) li:nth-last-child(-n+3) { display: none;}
    .sub5_5 .s1_list_box:nth-child(6) li:nth-last-child(-n+4) { display: block;}
    .sub5_5 .s1_list_box:nth-child(7) li:nth-last-child(-n+4) { display: block;}
    .sub5_5 .s1_list_box:nth-child(8) li:nth-last-child(-n+3) { display: none;}
    .sub5_5 .s1_list_box:nth-child(9) li:nth-last-child(-n+5) { display: none;}
    .sub5_5 .s1_list_box:nth-child(10) li:nth-last-child(-n+3) { display: none;}
    .sub5_5 .s1_list_box:nth-child(11) li:nth-last-child(-n+3) { display: none;}
    
    .sub5_6 .s1_sub { font-size: 23px;}
    .sub5_6 .s1_tit { font-size: 17px; margin: 15px 0;}
    .sub5_6 .s1_desc { font-size: 14px;}

    .sub6_1 .form_list li:nth-child(5) input[type='radio'] { width: 17px; height: 17px; position: relative; top:2px;}
    
    .sub6_2 .b_desc { font-size: 16px;}
    .sub6_2 .b_tit { font-size: 30px;}
    .sub6_2 .b_btn a { font-size: 14px; width: 150px; height: 35px; line-height: 35px;}
    .sub6_2 .s6_tit { font-size: 18px;}
    .sub6_2 .s6_tit img { width: 16px;}
    .sub6_2 .s6_list li::after { left: 7px; width: 2px;}
    .sub6_2 .s6_desc {font-size: 15px; padding: 25px;}
    .sub6_2 .s6_list li { padding-bottom: 30px;}
    .sub6_2 .s8_tell { font-size: 22px;}
    .sub6_2 .s8_tit { font-size: 16px; }
    .sub6_2 .s8_desc {font-size: 14px;}
    .sub6_2 .s8_circle { margin-bottom: 10px;}
    .sub6_2 .s8_list>li>div>div { padding: 30px 5px;}
    .sub6 .t_left { padding: 20px 10px 20px 30px;}
    
    .sub9_1 .s1_box { top: -40px;}
    .sub9_1 .s1_logo img { width: 140px;}
    .sub9_1 .form_box { height: 60px; font-size: 16px; padding: 15px 30px;}
    .sub9_1 .login_btn { height: 60px; line-height: 60px; font-size: 16px; }
    .sub9_1 .login_box a { height: 50px; line-height: 50px; font-size: 13px;}
    
    .sub9_2 .join,.sub9_3 .contents,.sub9_4 .complete { padding: 80px 0;}
    .sub9 .s1_img img { margin-bottom: 80px;}
    .sub9_2 .s1_tit { font-size: 20px;}
    .sub9_2 .cehck_box,.radio_box { font-size: 15px;}
    input[type='radio']+label::after, .sub9_2 input[type="checkbox" i]+label::after { background-size: 17px;}
    .sub9_3 .form_list li:nth-child(7) input[type='radio'] { width: 17px; height: 17px;}
    .sub9_2 .s1_tit::after { margin: 10px 0 30px;}
    .sub9_2 .info_box { margin-bottom: 60px;}
    .sub9_2 .info_sub { font-size: 28px; margin-bottom: 30px;}
    .sub9_2 .info_tit { font-size: 18px; }
    .sub9_2 .info_desc { font-size: 14px; }
    .sub9_2 .info { height: 300px; padding: 20px; padding-bottom: 0;}
    .sub9_2 a { width: 220px; height: 50px; line-height: 50px; font-size: 14px;}
    .sub9_2 .event_box { font-size: 14px; padding: 15px 20px;}
    
    .form_tit { font-size: 15px;}
    .form .button { width: 200px; height: 52px; line-height: 52px; font-size: 15px;}
    .sub9_3 .form_fir { padding-left: 30px;}
    .sub9_3 .form_list input[type="text"], 
    .form_list input[type="password"] { width: 250px; height: 45px;}
    .sub4_3 .form_list li:nth-child(3) input[type="text"], 
    .sub9_3 .form_list li:nth-child(5) input[type="text"],
    .sub6_1 .form_list li:nth-child(3) input[type="text"] { width: 135px;}
    .sub4_3 .form_list li:nth-child(4) input[type="text"], 
    .sub9_3 .form_list li:nth-child(6) input[type="text"],
    .sub6_1 .form_list li:nth-child(4) input[type="text"] { width: 160px;}
    .form_list select { width: 110px; background-position: 90px center; height: 45px;}
    
    .sub6_3 .s_list>li>div>div { padding: 40px 19px 30px;}
    .sub6_3 .s2_tit { font-size: 16px; margin-bottom: 10px;}
    .sub6_3 .s2_desc { font-size: 15px;}
    .sub6_3 .sec3 .s_list>li>div>div { padding: 60px 19px 80px;}
    .sub6_3 .s3_tit { font-size: 18px;}
    .sub6_3 .s4_desc { padding: 40px 20px;}
    .sub6_3 .s4_desc b { font-size: 15px; padding-left: 12px;}
    .sub6_3 .s4_desc b::after { width: 4px; height: 4px; top: 8px;}
    
    .sub6_4 .sub6_box { padding: 40px 10px;}
    .sub6_4 .b_desc { font-size: 16px; }
    .sub6_4 .b_tit { font-size: 30px; }
    .sub6_4 .s_list>li>div>div { padding: 40px 10px;}
    .sub6_4 .stext1 { font-size: 22px; margin-bottom: 20px; }
    .sub6_4 .s_tit { font-size: 15px;}
    .sub6_4 .s_img { margin-bottom: 15px; }
    .sub6_4 .s_desc { margin-top: 10px; font-size: 13px;}
    .sub6_4 .s_list { margin-bottom: 30px;} 
    
    .sub6_5 .s1_tit { font-size: 20px;}
    .sub6_5 .s1_line.on::after { width: 50px; height: 50px; line-height: 50px; font-size: 15px;}
    .sub6_5 .s1_line { margin: 15px 0;}
    .sub6_5 .s1_desc { font-size: 14px; padding-left: 7px;}
    .sub6_5 .s1_desc.dot::after { width: 3px; height: 3px; }
    .sub6_5 .s1_btn a { width: 180px; height: 50px; line-height: 48px; font-size: 14px;}
    
    .sub7_1 .s1_tit { font-size: 20px; padding: 30px 10px;}
    .sub7_1 .s1_tit b { font-size: 28px; }
    .sub7_1 .s1_desc { font-size: 15px; margin-bottom: 40px;}
    .sub7_1 .s1_desc b { font-size: 24px; }
    .sub7_1 .list_style1>ul>li>div { height: 320px; }
    
    .sub_reply_box .board_con_desc img { width: 35px;}

    .sub8_3 .b1_con { padding: 50px 40px;}
    
    .sub9_3 .check_btn { width: 160px; font-size: 14px; height: 45px; line-height: 45px;}
    .form_list li>div>div { padding: 15px 0;}
    
    .sub9_4 .c1_sub { font-size: 28px; margin-bottom: 40px;}
    .sub9_4 .c1_box { padding: 100px 10px;}
    .sub9_4 .c1_tit { font-size: 22px; margin-bottom: 20px;}
    .sub9_4 .c1_desc { font-size: 15px; margin-bottom: 30px;}
    .sub9_4 .btn_box a { width: 200px; line-height: 50px; height: 50px; font-size: 14px;}
    
    .search_box .search_left>div { padding: 40px 49px;}
    
    /*** //sub ***/
    
}
@media screen and (max-width: 1024px) {
    #main_visual { margin-bottom: 40px;}
    #main_visual #slide_pager { bottom: -40px;}
    #main_visual #slide_pager a { width: 33.3333%; height: 40px; line-height: 40px; border-bottom: 1px solid rgba(44, 45, 47, 0.45); font-size: 13px;}
    #main_visual #slide_pager a:nth-last-child(-n+3) { border-bottom: 0 none;}
    #main_contents .sec1 { padding: 30px 0;}
    #main_contents .text1 { font-size: 22px; margin-bottom: 20px;}
    #main_contents .tab li a { height: 40px; line-height: 38px; font-size: 12px; }
    #main_contents .s1_wrap_arr img { width: 40px;}
    #main_contents .w1_num { font-size: 14px; width: 40px; height: 40px; top: -20px; line-height: 40px;}
    #main_contents .w1_tit { font-size: 15px;}
    #main_contents .w1_desc { font-size: 12px; margin: 5px 0 10px;}
    #main_contents .w1_btn { font-size: 11px; width: 100px; height: 28px; line-height: 26px;}
    #main_contents .w1_btn img { width: 13px; margin-left: 5px;}
    #main_contents .sec3 { padding: 30px 0;}
    #main_contents .w3_tit { font-size: 16px;}
    #main_contents .w3_desc { font-size: 12px;}
    #main_contents .sec4 { padding: 50px 0;}
    #main_contents .s4_sub { font-size: 14px;}
    #main_contents .s4_date { font-size: 12px;}
    #main_contents .text2 { font-size: 28px;}
    #main_contents .text2::after { margin: 10px 0 5px;}
    #main_contents .s4_desc { font-size: 13px;}
    #main_contents .s4_wrap_arr li img { width: 30px;}
    #main_contents .sec5 { padding:  40px 0; }
    #main_contents .s5_list2 { padding: 20px;}
    #main_contents .s5_left2 { width: 35%;}
    #main_contents .s5_right2 { width: 65%;}
    #main_contents .s5_sub { font-size: 20px; margin-right: 5px;}
    #main_contents .s5_desc { font-size: 12px;}
    #main_contents .s5_sub2 { font-size: 16px;}
    #main_contents .s5_desc2 { font-size: 12px;}
    .footer_txt { padding: 20px 0;}
    .footer_txt .f_logo { float: none; text-align: center; margin-bottom: 10px; padding: 0; }
    
    /*** sub ***/
    .sub_visual .visual_box { padding: 50px 0}
    .sub_visual .v_desc { font-size: 14px; }
    .sub_visual .v_tit { font-size: 26px; }
    
    .index .depth { width: 180px; background-position: 180px center;}
    
    .sub_tit { font-size: 24px; margin: 40px 0;}
    .sub_tit::after { width: 45px; height: 2px; }
    .sub_desc { top: -25px;}
    
    .sub .sub_bg1 { height: 380px;}
    
    .sub1_1 .sec1 .s1_box { padding: 40px 0;}
    .sub1_1 .sec1 .s1_desc { font-size: 13px; margin-bottom: 20px;}
    .sub1_1 .sec1 .s1_tit { font-size: 15px; }
    
    #sub_contents .text1 { font-size: 22px;}
    #sub_contents .text2 { font-size: 16px; margin-bottom: 30px;}
    #sub_contents div[class^=sec] { padding-bottom: 50px;}
    .sub1_2 iframe { height: 350px;}
    .sub1_2 .s2_num { font-size: 13px;}
    .sub1_2 .s2_num::after, .sub1_2 .s2_num::before { width: 14px;}
    .sub1_2 .s2_ltit { font-size: 20px; margin: 15px 0;}
    .sub1_2 .s2_ldesc { font-size: 13px; }
    .sub1_2 .list_style1>ul>li:first-child { width: 100%; }
    .sub1_2 .list_style1>ul>li:first-child>div { width: auto; height: 250px!important;}
    .sub1_2 .list_style1>ul>li { width: 50%;}
    
    .sub1_3 .list_style1>ul:nth-child(n+2)>li:first-child { width: 100%;}
    .sub1_3 .list_style1>ul:nth-child(n+2)>li,.sub1_3 .list_style1>ul:last-child>li:first-child  { width: 50%;}
    .sub1_3 .s2_sub { font-size: 18px;}
    .sub1_3 .s2_num { font-size: 45px;}
    .sub1_3 .s2_ldesc { font-size: 13px;}
    .sub1_3 .list_style1>ul>li>div { height: 200px;}
    .sub1_3 .list_style1>ul:nth-child(2) img { width: 35px;}
    
    .sub1_4 iframe { height: 350px;}
    .sub1_4 .list_style1>ul>li>div { height: 300px;}
    .sub1_4 .list_style1>ul>li>div>* { font-size: 14px;}
    
    
    .sub2_0 .s1_list>li>div { height: 250px;}
    .sub2_0 .s1_tit { font-size: 20px;}
    .sub2_0 .s1_desc { font-size: 13px;}
    .sub2_0 .s2_list .s2_tit { font-size: 16px;}
    .sub2_0 .s2_list .s2_desc { font-size: 13px; }
    .sub2_0 .s2_list li:nth-last-child(-n+2){ margin-top: 30px;}
    .sub2_0 .s2_list .s2_tit span img { width: 45px; margin-right: 10px;}
   
    .sub_tab li a { font-size: 13px; height: 40px; line-height: 38px;}
    .sub_tab li.on a { border-width: 2px; line-height: 36px;}
    .sub_banner { padding: 30px 0;}
    .sub_banner .banner_tit { font-size: 26px;}
    .sub_banner .banner_desc { font-size: 14px;}
    .sub2 .sub_tab { margin-bottom: 20px;}
    .sub2 .sub_banner_box { margin-bottom: 30px;}
    
    .sub2_tit { font-size: 18px;}
    .sub2_desc1 { font-size: 13px;}
    .sub2_desc2 { font-size: 14px; margin-bottom: 20px;}
    
    .list_style2>ul>li { width: 50%;}
    .l2_line { padding: 10px 0;}
    .l2_tit { font-size: 14px; }
    .l2_desc { font-size: 13px;}
    .l2_sub { font-size: 18px; margin-bottom: 20px;}
    
    .list_style3>ul>li>div>div { height: 180px; }
    
    table { font-size: 13px;}
    th,.sub2_1_1 .sec1 td:nth-child(2) { padding: 15px 10px;}
    td { padding: 15px 10px 15px 30px;}
    #sub_contents.sub2 .text1 { margin-bottom: 20px;}
    .sub_btn_box { margin-bottom: 50px;}
    .sub_btn a { width: 150px; height: 40px; line-height: 40px; font-size: 13px;}
    
    .list_style4>ul>li { width: 33.3333%;}
    .list_style4 .s4_tit { font-size: 16px;}
    .list_style4 .s4_desc { font-size: 13px;}
    
    .sub2_1_3 .s3_box { padding: 30px;}
    .sub2_1_3 .s3_ltit { font-size: 18px; }
    .sub2_1_3 .s3_ldesc { font-size: 14px; }
    #sub_contents .text3 { font-size: 16px; }
    
    .list_style5 { margin-bottom: 0px;}
    .list_style5>ul>li { width: 50%; margin-bottom: 15px;}
    .list_style5>ul>li>div>div { padding: 20px 5px;}
    .list_style5 .l5_num { font-size: 32px;}
    .list_style5 .l5_img img { width: 100px; margin-bottom: 10px;}
    .list_style5 .l5_tit { font-size: 14px; }
    .list_style5 .l5_desc { font-size: 12px; }
    
    .sub2_3 .sub_btn a { margin-right: 10px;}
    .sub2_3 .sub_btn a b { height: 40px; width: 40px; }
    
    .sub2_3_1 .s2_list { margin-bottom: 10px;}
    .sub2_3_1 .s2_list li { width: 50%; margin-bottom: 12px;}
    .sub2_3_1 .s2_list li>div { padding: 20px 5px;}
    .sub2_3_1 .s2_img img { width: 130px;}
    .sub2_3_1 .s2_ltit { font-size: 18px; margin: 20px 0 10px;}
    .sub2_3_1 .s2_ldesc { font-size: 12px;}
    .sub2_3_1 .sec3 .s2_list li { width: 20%; }
    .sub2_3_1 .sec3 .s2_list li>div { padding: 20px 0 0px;}
    .sub2_3_1 .s3_num { font-size: 32px; margin-bottom: 10px;}
    .sub2_3_1 .s3_tit { font-size: 14px;}
    .sub2_3_1 .s3_btn a { width: 120px; font-size: 12px; height: 36px; line-height: 34px;}
    .sub2_3_1 .s4_box { padding: 20px 0;}
    .sub2_3_1 .s4_tit { font-size: 18px;}
    .sub2_3_1 .s4_desc { font-size: 14px; margin: 10px 0 30px;}
    
    .list_style6>ul>li { margin-bottom: 20px;}
    .list_style6>ul>li>div { padding: 20px 8px;}
    .list_style6 .l6_num { font-size: 32px;}
    .list_style6 .l6_tit { font-size: 17px; margin: 5px 0;}
    .list_style6 .l6_desc { font-size: 13px; margin-top: 5px; }
    .list_style6 .l6_desc br { display: none;}
    
    .sub2_3_2 .s2_box { padding: 20px 40px;}
    .sub2_3_2 .s2_list li { margin-bottom: 20px;}
    .sub2_3_2 .s2_list li div { padding: 30px 0; margin: 0 10px;}
    .sub2_3_2 .s2_ltit { font-size: 13px; margin-top: 15px;}
    
    .sub2_3_5 .s1_box { padding: 30px;}
    .sub2_3_5 .s1_list li { width: 50%; margin-bottom: 15px;}
    .sub2_3_5 .s1_tit { font-size: 20px; }
    .sub2_3_5 .s1_text { font-size: 13px; }
    .sub2_3_5 .s1_list { margin: 20px -8px 0;}
    .sub2_3_5 .s1_lsub { font-size: 18px;}
    .sub2_3_5 .s1_list dl { padding-left: 0px; }
    .sub2_3_5 .s1_list dt, .sub2_3_5 .s1_list dd { text-align: center;}
    .sub2_3_5 .s1_box2 { width: 380px; padding: 20px;}
    
    .list_style7>ul>li { width: 33.3333%;}
    .list_style7>ul>li>div { height: 200px;}
    .list_style7 .l7_tit { font-size: 16px;}
    .list_style7 .l7_sub { font-size: 24px;}
    .list_style7 .l7_desc { font-size: 13px;}
    .list_style7 .l7_img { opacity: 0.7}
    
    .sub2_4 .sub_tab li { width: 33.3333%}
    .sub2_4 .sub_tab li a { margin-top: -1px;}
    .sub2_4 .sub_btn a { margin-right: 10px;}
    .sub2_4 .sub_btn a b { height: 40px; width: 40px; }
    .sub2_4_1 .s3_box { padding: 20px 0;}
    .sub2_4_1 .s3_tit { font-size: 18px;}
    .sub2_4_1 .s3_desc { font-size: 14px; margin: 10px 0 30px;}
    
    .sub2_5 .sub2_5_list li { width: 33.3333%;}

    .img_style1>ul .i1_right>div { padding: 25px;}
    .img_style1 .i1_sub { font-size: 24px; }
    
    .sub2_6_1 .list_style6>ul>li>div { padding: 20px 0;}
    .sub2_6_1 .l6_desc { padding:  0 10px;}
    .sub2_6_1 .sec3 th { padding: 20px 5px; }
    .sub2_6_1 .s3_desc1 { font-size: 15px;}
    .sub2_6_1 .s3_tit { font-size: 24px;}
    .sub2_6_1 .s3_desc2 {font-size: 14px; }
    .sub2_6_1 .s3_desc2 li { margin-bottom: 10px;}
    .sub2_6_1 ul[class^=s3_img],.sub2_6_1 .sec3 .s3_box,.sub2_6_3 .table_box:first-child { margin-bottom: 20px;}
    
    .sub2_7_1 .list_style6>ul>li { width: 50%;}
    .sub2_7_1 .list_style6>ul>li>div { padding: 20px 0;}
    .sub2_7_1 .list_style6>ul>li:nth-child(2)>div { overflow: hidden;}
    .sub2_7_1 .list_style6 .l6_desc { padding: 0 10px;}
    .sub2_7_1 .tit { font-size: 26px;}
    .sub2_7_1 .desc { font-size: 17px;}
    .sub2_7_1 .desc::after { height: 40px; }
    .sub2_7_1 .s2_desc { font-size: 14px; width: 300px; margin-left: -150px; height: 40px; line-height: 40px;}

    .img_style2 .i2_tit { font-size: 17px; margin-bottom: 10px;}
    .img_style2 .i2_desc { font-size: 14px;}
    .img_style2 .i2_right>div>div { padding: 0 15px;}
    
    .list_style8>ul>li { width: 33.3333%; margin-bottom: 20px;}
    .list_style8>ul>li>div>div { padding: 60px 5px;}
    .list_style8 .l8_num { font-size: 20px; height: 35px; width: 35px; line-height: 32px;}
    .list_style8 .l8_desc { font-size: 15px;}
    
    .box_style1 { padding: 30px 30px 10px;;}
    .box_style1 .b1_tit { font-size: 24px; margin-bottom: 10px;}
    .box_style1 .b1_desc { font-size: 14px; margin-bottom: 20px;}
    .sub2_7_5 .list_style9>ul>li { display: block; float: left;}   
    
    .sub2_7_6 .tit { font-size: 26px;}
    .sub2_7_6 .desc { font-size: 17px;}
    .sub2_7_6 .desc::after { height: 40px; }
    .sub2_7_6 .s2_desc { font-size: 14px; width: 300px; margin-left: -150px; height: 40px; line-height: 40px;}
    
    .list_style9>ul>li { width: 50%; margin-bottom: 20px;}
    .list_style9>ul>li>div>div { padding: 20px 10px 30px; }
    .list_style9 .l9_num { font-size: 20px;}
    .list_style9 .l9_circle { margin: 10px;}
    .list_style9 .l9_desc { font-size: 14px;}
    
    .sub2_8_1 .s1_tit { font-size: 20px; margin-bottom: 25px;}
    .sub2_8_1 .s4_box { padding: 15px 0;}
    .sub2_8_1 .s4_tit { font-size: 16px; }
    .sub2_8_1 .s4_tit b { font-size: 24px; }
    .sub2_8_1 .s4_img { padding: 30px;}
    .sub2_8_1 .s4_ldesc { position: static; margin-left: 0; width: 100%; height: 40px; ; line-height: 40px; font-size: 14px; }  
    
    .sub2_8_3 .sec5 dt { width: 85px;}
    
    .sub2_9 .sub_bg1 { height: 250px; }
    .sub2_9 .s1_sub { font-size: 18px;}
    .sub2_9 .s1_sub b { font-size: 22px;}
    .sub2_9 .s1_right div { padding: 30px;}
    .sub2_9 .s1_tit { font-size: 18px; margin-bottom: 10px;}
    .sub2_9 .s1_desc { font-size: 14px;}
    .sub2_9 .s2_sub span { font-size: 22px;}
    .sub2_9 .s2_sub b { height: 10px;}
    .sub2_9 .s2_desc { font-size: 14px;}
    .sub2_9 .s2_desc::after { margin: 10px auto;}
    .sub2_9 .s2_tit { font-size: 16px;}
    .sub2_9 .s3_box { padding: 20px 10px 30px; margin-bottom: 40px;}
    .sub2_9 .s3_sub { font-size: 16px; margin-bottom: 40px;}
    .sub2_9 .s3_sub b { font-size: 20px;}
    .sub2_9 .s3_desc { font-size: 14px;}
    .sub2_9 .s3_ldesc { font-size: 14px; margin-left: 0px;}
    .sub2_9 .s3_list li div>* { display: block; text-align: center;}
    .sub2_9 .s3_list li img { width: 56px; margin: 0 auto 10px;}
    .sub2_9 .s3_list li:nth-last-child(n+3) img { width: 51px;}
    .sub2_9 .s3_tit { font-size: 18px;}
   
    .sub3_1 .list_style9 .l9_desc { font-size: 14px;}
    .sub3_1 .s3_list>li { width: 33.3333%;}
    .sub3_1 .s3_list>li>div>div { padding: 30px 20px 40px;}
    .sub3_1 .s3_list>li:nth-child(3)>div>div::after { display: none;}
    .sub3_1 .s3_num { font-size: 20px; }
    .sub3_1 .s3_desc { font-size: 14px;}
    .sub3_1 .s3_box { padding: 20px 10px 30px;}
    .sub3_1 .s3_desc2 { font-size: 15px; }
    .sub3_1 .list_style3>ul>li { width: 50%;}
    .sub3_1 .list_style3>ul>li>div>div { padding: 0px 10px; height: 160px;}
    .sub3_1 .sec4 .table3 td:last-child { padding:  20px 10px  20px 40px;}
    .sub3_1 .s6_num { width: 35px; height: 35px; line-height: 35px;}
    .sub3_1 .s6_desc { font-size: 15px;}
    
    .sub3_2 .s1_sub { padding: 15px 0; }
    .sub3_2 .s1_tit { font-size: 16px;}
    .sub3_2 .s1_box { padding: 25px 30px;}
    .sub3_2 .s1_left { width: 60%;}
    .sub3_2 .s1_right { width: 40%; display: table;}
    .sub3_2 .s1_right div { padding: 0 20px 0; display: table-cell; vertical-align: middle;}
    .sub3_2 .s1_desc1 { font-size: 14px;}
    .sub3_2 .s1_desc2 { font-size: 13px;}
    .sub3_2 .s1_list2 li { width: 100%;}
    .sub3_2 .s1_list2 li:nth-last-child(n+3) { margin-bottom: 0px;}
    .sub3_2 .s1_list2 li:nth-last-child(n+2) { margin-bottom: 20px;}
    
    .sub3_banner { padding: 30px 10px; margin-bottom: 30px;}
    .sub3_banner .b_desc1 { font-size: 15px;}
    .sub3_banner .b_sub { font-size: 24px; }
    .sub3_banner .b_tit { font-size: 17px; margin: 10px 0;}
    .sub3_banner .b_desc2 { font-size: 13px; }
    .sub3_3 .s1_tit {font-size: 20px; margin-bottom: 10px; }
    .sub3_3 .s1_desc { font-size: 14px; }
    .sub3_4 .s1_desc b { font-size: 17px; }
    .sub3_3 .sec3 .sub_btn a { width: 135px; height: 40px; line-height: 40px;}
    .sub3_3 .sec3 .sub_btn a img { width: 15px;}
    
    .sub4_1 .s2_tit { font-size: 18px;}
    
    .sub4_3 .s1_list>li>div>div { padding: 30px 5px ;}
    .sub4_3 .s1_img { margin:  20px 0 ;}
    .sub4_3 .s1_tit { font-size: 18px; }
    .sub4_3 .s1_desc { font-size: 13px; }
    .sub4_3 .s2_num { width: 40px; height: 40px; line-height: 40px; font-size: 13px;}
    .sub4_3 .s2_desc { font-size: 16px; }
    .sub4_3 .s2_tel { font-size: 22px; margin: 5px 0;}
    .sub4_3 .s2_desc2 li { font-size: 14px;}
    .form_fir { padding-left: 25px;}
    
    .sub4_5 .s1_list img { margin: 10px auto 20px;}
    .sub4_5 .s4_5_text { font-size: 14px; }
    .sub4_5 .sec2 .list_style3 { margin: 20px 0; }
    .sub4_5 .list_style3>ul>li { margin-bottom: 0; }
    .sub4_5 .s3_desc { margin-bottom: 20px;}
    #sub_contents.sub4_5 .sec4 .text1 { margin-bottom: 20px;}
    .sub4_5 .sec4 td { padding: 20px 5px 20px 30px;}
    
    .sub5_1 .s1_tit { font-size: 16px;}
    .sub5_1 .s1_line.on::after { width: 35px; height: 35px; line-height: 35px; font-size: 13px;}
    .sub5_1 .s1_desc {font-size: 14px;}
    
    .board_style1 { font-size: 14px;}
    
    .board_style1_sub .sub_tit_box { padding: 20px 0;}
    .board_style1_sub .board_tit { font-size: 18px; margin-bottom: 10px;}
    .board_style1_sub .board_desc { font-size: 13px; }
    .board_style1_sub .sub_con_box { padding: 30px 20px;}
    .board_style1_sub .board_con_tit { font-size: 18px;}
    .board_style1_sub .board_con_desc { font-size: 14px; }
    
    .sub5_4 .s1_list>li>div>div { height: 250px; padding: 15px;}
    .sub5_4 .s1_num { font-size: 15px; }
    .sub5_4 .s1_num::before,.sub5_4 .s1_num::after { width: 16px;}
    .sub5_4 .s1_tit { font-size: 18px; margin: 10px 0;}
    .sub5_4 .s1_desc { font-size: 13px; word-break: keep-all;}
    .sub5_4 .s1_desc br { display: none;}
    .sub5_4 .s1_img img { width: 30px;}
    .sub5_4 .s1_list>li:nth-child(1)>div>div::after { height: 210px;}
    
    .sub5_5 .s1_list li { width: 20%;}
    .sub5_5 .s1_list li:nth-child(6n) p { border-right: 1px solid #dcdcdc;}
    .sub5_5 .s1_list li:nth-child(5n) p { border-right: 0 none ;}
    .sub5_5 .s1_list li p { font-size: 14px;}
    .sub5_5 .s1_list_box:nth-child(1) li:nth-last-child(-n+2) { display: none;}
    .sub5_5 .s1_list_box:nth-child(2) li:nth-last-child(-n+4) { display: none;}
    .sub5_5 .s1_list_box:nth-child(3) li:nth-last-child(-n+6) { display: none;}
    .sub5_5 .s1_list_box:nth-child(4) li:nth-last-child(-n+3) { display: none;}
    .sub5_5 .s1_list_box:nth-child(5) li:nth-last-child(-n+3) { display: block;}
    .sub5_5 .s1_list_box:nth-child(5) li:nth-last-child(-n+1) { display: none;}
    .sub5_5 .s1_list_box:nth-child(6) li:nth-last-child(-n+3) { display: none;}
    .sub5_5 .s1_list_box:nth-child(7) li:nth-last-child(-n+3) { display: none;}
    .sub5_5 .s1_list_box:nth-child(8) li:nth-last-child(-n+3) { display: block;}
    .sub5_5 .s1_list_box:nth-child(8) li:nth-last-child(-n+1) { display: none;}
    .sub5_5 .s1_list_box:nth-child(10) li:nth-last-child(-n+2) { display: none;}
    .sub5_5 .s1_list_box:nth-child(10) li:nth-last-child(-n+3) { display: block;}
    .sub5_5 .s1_list_box:nth-child(11) li:nth-last-child(-n+3) { display: block;}
    
    .sub5_6 .s1_box { padding: 30px 10px 40px 20px; }
    .sub5_6 .s1_sub { font-size: 20px;}
    .sub5_6 .s1_tit { font-size: 15px; margin: 10px 0;}
    .sub5_6 .s1_desc { font-size: 13px;}
    
    .sub6_2 .s8_list>li { width: 33.3333%; margin-bottom: 20px;}
    .sub6_2 .s8_list>li:nth-last-child(n+4) { width: 50%;}
    .sub6_2 .b_desc { font-size: 14px;}
    .sub6_2 .b_tit { font-size: 22px;}
    .sub6_2 .b_btn a { font-size: 13px; width: 150px; height: 35px; line-height: 35px;}
    .sub6_2 .s6_tit { font-size: 16px;}
    .sub6_2 .s6_desc {font-size: 14px; padding: 20px;}
    .sub6_2 .s6_list li { padding-bottom: 20px;}
    .sub6_2 .s8_tell { font-size: 20px;}
    .sub6_2 .s8_circle { margin-bottom: 10px;}
    .sub6_2 .s8_list>li:nth-child(1) .s8_tell { margin-bottom: 10px;}
    .sub6_2 .s8_btn a { width: 130px; height: 40px; line-height: 40px; font-size: 13px; }
    .sub6 .t_left { padding: 20px 10px 20px 20px;}
    
    .sub6_3 .s_list>li>div>div { padding: 30px 15px 20px;}
    .sub6_3 .s_list .s_img { margin-bottom: 20px;}
    .sub6_3 .s2_tit { font-size: 15px; margin-bottom: 10px;}
    .sub6_3 .s2_desc { font-size: 14px; word-break: keep-all;}
    .sub6_3 .s_list>li:nth-last-child(-n+2) .s2_desc br { display: none;}
    .sub6_3 .sec3 .s_list>li>div>div { padding: 40px 15px 60px;}
    .sub6_3 .s3_tit { font-size: 16px;}
    .sub6_3 .s4_desc { padding: 40px 20px;}
    .sub6_3 .s4_desc b { font-size: 15px;}
    
    .sub6_4 .sub6_box { padding: 30px 10px;}
    .sub6_4 .b_desc { font-size: 15px; }
    .sub6_4 .b_tit { font-size: 24px; }
    .sub6_4 .s_list>li>div>div { padding: 30px 10px;}
    .sub6_4 .stext1 { font-size: 20px; }
    .sub6_4 .s_tit { font-size: 14px;}
    .sub6_4 .s_img { margin-bottom: 10px; }
    .sub6_4 .s_desc {  font-size: 12px;}
    .sub6_4 .s_list>li { width: 33.3333%; margin-bottom: 20px; }
    .sub6_4 .s_list { margin-bottom: 20px;}
    
    .sub6_5 .s1_slist>li { width: 100%; padding: 0;}
    .sub6_5 .s1_left div img { margin:  0 auto; margin-bottom: 20px;}
    .sub6_5 .s1_tit { font-size: 18px; text-align: center; padding: 0;}
    .sub6_5 .s1_line.on::after { width: 40px; height: 40px; line-height: 40px; font-size: 13px;}
    .sub6_5 .s1_btn a { width: 150px; height: 45px; line-height: 43px; font-size: 13px;}
    .sub6_5 .s1_btn { position: static; margin-top: 20px;}
    
    .sub7 .sub_tab { margin-bottom: 40px;}
    .sub7_1 .s1_tit { font-size: 17px; padding: 25px 10px;}
    .sub7_1 .s1_tit b { font-size: 24px; }
    .sub7_1 .s1_desc { font-size: 14px; margin-bottom: 30px;}
    .sub7_1 .s1_desc b { font-size: 22px; }
    
    .board_con_box .board_sec img { width: 34px;}
    .board_con_box.re .board_sec.reply { height: 49px;}
    .sub_reply_box .board_con_desc img { width: 30px;}
    
    .board_style2 .board_tit { font-size: 16px;}
    .board_style2 textarea { height: 280px;}
    
    .sub8_3 .box_sec p { font-size: 15px; padding: 22px 0;} 
    .sub8_3 .b1_con { padding: 40px 30px; font-size: 15px;}
    .sub8_3 .box_fir { background-size: 16px}
    .sub8_3 .box_thir { background-size: 17px;}
    
    .sub9_2 .join,.sub9_3 .contents,.sub9_4 .complete { padding: 60px 0;}
    .sub9 .s1_img img { margin-bottom: 60px;}
    .sub9_2 .info_box { margin-bottom: 40px;}
    .sub9_1 .s1_box { top: -20px;}
    .sub9_1 .s1_logo img { width: 120px;}
    
    .search_box .search_left>div { padding: 30px 39px;}
    .sub9_5 .search_tit { font-size: 20px;}
    .sub9_5 .search_desc { font-size: 15px;}
    .search_box .search_fir { font-size: 16px;}
    .search_box input[type="text"] { font-size: 16px; height: 55px;}
    .search_box button { width: 160px; height: 45px; line-height: 45px; font-size: 14px;}
    .search_box .button_box { margin-top: 30px;}
    .search_right .search_tit { margin: 15px 0 5px;}
    
    .form_fir { padding-left: 20px;}
    /*** //sub ***/
}
@media screen and (max-width: 800px){
    .sub4_1 .img_style2 li { width: 100%;}
    .sub4_1 .img_style2 .i2_left img { margin: 0 auto 20px; }
    .sub4_1 .img_style2 .i2_right>div>div { text-align: center;}
    
    .sub5_1 .s1_slist>li:last-child { padding-left: 0;}
}

@media screen and (max-width: 768px) {
    .header_top .top_m { display: block;}
    .header_top .top_pc { display: none;}
    #main_visual .visual_pc { display: none;}
    #main_visual .visual_m { display: block;}
    #main_visual #slide_pager { bottom: -35px;}
    #main_visual #slide_pager a { height: 35px; line-height: 35px; font-size: 12px; }
    #main_contents .sec1 { padding: 15px 0;}
    #main_contents .s1_wrap_arr img { width: 35px; }
    #main_contents .text1 { font-size: 18px;}
    #main_contents .tab li a{ height: 35px; line-height: 33px;}
    #main_contents .sec2_pc { display: none;}
    #main_contents .sec2_m { display: block; }
    #main_contents .sec2_m img { width: 100%;}
    #main_contents .sec3 { padding: 15px 0; }
    #main_contents .w3_tit { font-size: 14px; }
    #main_contents .s4_left { width: 65%;}
    #main_contents .s4_right { width: 35%;}
    #main_contents .s4_right>div>div { padding-left: 0px;}
    #main_contents .s4_wrap_arr  { font-size: 0;}
    #main_contents .s4_wrap_arr li { float: none; display: inline-block;}
    #main_contents .sec4 .bx-viewport { height: 140px!important;}
    #main_contents .s5_left { margin-bottom: 15px;}
    #main_contents .s5_left,#main_contents .s5_right { width: 100%; }
    #main_contents .s5_list4 li div { background-position: right center; padding: 30px;}
    #main_contents .s5_left2 div { padding-right: 10px;}
    #footer { text-align: center;}
    .footer_txt .wrap>*,.f_txt li,.f_top_txt,.f_top_social,.f_top_txt li,.f_top_social li { float: none;}
    .footer_top { padding: 15px 0;}
    .f_top_txt  { padding-bottom: 15px;}
    .f_top_txt ,.f_top_social { font-size: 0; margin: 0}
    .f_top_txt li,.f_top_social li { display: inline-block; }
    .f_logo img { margin: 0 auto;}
    .f_con>* { margin-bottom: 10px;}
    .f_txt li { margin-right: 0;}
    .f_site_tit { background-position: 160px center;}
    .f_site { width: 200px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 10px auto 0; text-align: left;}
    .f_time { margin: 10px 0;}
    
    /*** sub ***/
    .sub_m { display: block;}
    .sub_pc { display: none;}
    .sub_visual .visual_box { padding: 40px 0}
    .sub_visual .v_desc { font-size: 13px; }
    .sub_visual .v_tit { font-size: 20px; }
    
    .index>div>ul>li { font-size: 13px;}
    .index .depth { width: 130px; background-position: 130px center;}
    
    
    .sub_tit { font-size: 20px; margin: 35px 0;}
    .sub_tit::after { width: 35px; height: 2px; }
    
    .sub .sub_bg1 { height: 280px;}
    
    .sub1_1 .sec1 .s1_box { padding: 30px 0;}
    .sub1_1 .sec1 .s1_desc { margin-bottom: 15px;}
    .sub1_1 .sec1 .s1_tit { font-size: 14px; }
    
    #sub_contents .text1 { font-size: 18px;}
    #sub_contents .text2 { font-size: 14px; margin-bottom: 20px;}
    #sub_contents div[class^=sec] { padding-bottom: 40px;}
    .sub1_2 iframe { height: 300px;}
    .sub1_2 .s2_num { font-size: 12px;}
    .sub1_2 .s2_num::after, .sub1_2 .s2_num::before { width: 13px;}
    .sub1_2 .s2_ltit { font-size: 16px; margin: 15px 0;}
    .sub1_2 .list_style1>ul>li:first-child>div { height: 200px!important;}
    
    
    .sub1_3 .list_style1>ul:first-child>li { width: 50%!important;}
    .sub1_3 .list_style1>ul>li { width: 100%!important;}
    .sub1_3 .list_style1>ul:first-child>li:last-child { display: block;}
    .sub1_3 .list_style1>ul:nth-child(2)>li:first-child { display: none; }
    .sub1_3 .list_style1>ul:first-child>li:last-child img { width: 35px; margin: 0 auto;}
    
    .sub1_3 .s2_sub { font-size: 16px;}
    .sub1_3 .s2_num { font-size: 40px;}
    .sub1_3 .list_style1>ul>li>div { height: 180px;}
    
    .sub1_4 iframe { height: 300px;}
    .sub1_4 .list_style1>ul>li { width: 100%; }
    .sub1_4 .list_style1>ul>li>div { height: 250px;}
    .sub1_4 .list_style1>ul>li>div>* { font-size: 13px; margin-bottom: 5px;}
    
    .sub2 .index .wrap { padding: 0;}
    .sub2 .index .home img { width: 11px;}
    .sub2 .index>div>ul>li { padding: 15px 8px; font-size: 12px; -webkit-box-sizing: border-box; box-sizing: border-box;}
    .sub2 .index>div>ul>li p { padding-right: 20px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }
    .sub2 .index .depth ul li { font-size: 12px;}
    .sub2 .index .depth ul { top: 42px;}
    .sub2 .index .depth { width: 27%; background-position: 90% center; background-size: 15px;}
    
    .sub2_0 .sec ul li { width: 100%; padding: 0!important;}
    .sub2_0 .s1_list>li>div>div:first-child { padding: 0 10px; background: #fff;}
    .sub2_0 .s1_tit { font-size: 18px; margin-bottom: 10px;}
    .sub2_0 .s2_list li { margin-bottom: 20px;}
    .sub2_0 .s2_list .s2_tit { font-size: 15px;}
    .sub2_0 .s2_list li:nth-last-child(-n+2){ margin-top: 0px;}
    .sub2_0 .s2_list .s2_tit span img { width: 35px; }
     
    .sub2 .sub_tab li { width: 33.3333%}
    .sub_tab li a { height: 30px; line-height: 28px; margin-top: -1px;}
    .sub_tab li.on a { line-height: 26px;}
    .sub_banner { padding: 20px 0;}
    .sub_banner .banner_tit { font-size: 22px;}
    .sub_banner .banner_desc { font-size: 12px;}
    .sub2_1 .sub_tab { margin-bottom: 15px;}
    .sub2_1 .sub_banner_box { margin-bottom: 30px;}
    
    .sub2_tit { font-size: 16px;}
    .sub2_desc1 { font-size: 12px;}
    .sub2_desc2 { font-size: 13px; margin-bottom: 15px;}
    
    .list_style3 .l3_tit { font-size: 17px; margin-bottom: 10px;}
    .l2_tit { font-size: 13px; }
    .l2_sub { font-size: 16px; }
    
    #sub_contents.sub2 .text1 { margin-bottom: 15px;}
    .sub_btn a { width: 145px; height: 38px; line-height: 38px; font-size: 12px;}
    .table_info { font-size: 12px;}
    
    .list_style4 .s4_tit { font-size: 14px;}
    
    .sub2_1_3 .s3_ltit { font-size: 16px; width: 100%; padding: 0; margin-bottom: 20px;}
    .sub2_1_3 .s3_ltit br  { display: none;}
    .sub2_1_3 .s3_ldesc { font-size: 13px; width: 100%; padding: 0; border: 0 none;}
    #sub_contents .text3 { font-size: 14px; }
    .sub2_1_3 .s3_list li { float: none;}
    
    .sub2_3 .sub_tab li:nth-last-child(-n+2) { width: 50%;}
    
    .sub2_3_5 .sec2 td:last-child { padding: 20px 5px 20px 20px;}
    
    .list_style5 .l5_num { font-size: 26px;}
    .list_style5 .l5_img img { width: 80px; margin-bottom: 10px;}
    .list_style5 .l5_tit { font-size: 13px; }
    
    .sub2_3 .sub_btn a { margin-right: 10px;}
    .sub2_3 .sub_btn a b { width: 28px; height: 38px;}
    .sub2_3 .sub_btn a:nth-child(1) b { background-size: 13px;}
    .sub2_3 .sub_btn a:nth-child(2) b { background-size: 6px; }
    
    .sub2_3_1 .s2_list li>div { padding: 15px 5px;}
    .sub2_3_1 .s2_img img { width: 110px;}
    .sub2_3_1 .s2_ltit { font-size: 16px; margin: 15px 0 10px;}
    .sub2_3_1 .sec3 .s2_list li>div { padding: 15px 0 0px;}
    .sub2_3_1 .sec3 .s2_list li { width: 50%; }
    .sub2_3_1 .sec3 .s2_list li:nth-last-child(-n+3) { width: 50%; }
    .sub2_3_1 .s3_num { font-size: 24px; margin-bottom: 10px;}
    .sub2_3_1 .s3_tit { font-size: 13px;}
    .sub2_3_1 .s3_circle img { margin: 5px auto;}
    .sub2_3_1 .s3_btn a { width: 110px; font-size: 12px; height: 34px; line-height: 32px;}
    .sub2_3_1 .s4_tit { font-size: 16px;}
    .sub2_3_1 .s4_desc { font-size: 13px; margin: 10px 0 20px;}
    
    .list_style6>ul>li { margin-bottom: 20px; width: 50%;}
    .list_style6>ul>li>div { padding: 20px 10px;}
    .list_style6 .l6_num { font-size: 24px;}
    .list_style6 .l6_tit { font-size: 15px; margin: 5px 0;}
    .list_style6 .l6_circle img { width: 17px;}
    .list_style6 .l6_desc { margin-top: 5px; }
    
    .sub2_3_2 .s2_box { padding: 20px 30px;}
    .sub2_3_2 .s2_list li { width: 50%;}
    .sub2_3_2 .s2_list li div { padding: 20px 0;}
    
    .sub2_3_5 .s1_box { padding: 20px;}
    .sub2_3_5 .s1_tit { font-size: 18px; }
    .sub2_3_5 .s1_lsub { font-size: 16px;}
    .sub2_3_5 .s1_lsub::after { margin: 15px 0;}
    .sub2_3_5 .s1_list dl { margin-bottom: 10px;}
    .sub2_3_5 .s1_list li div { padding: 15px;}
    .sub2_3_5 .s1_box2 { width: 350px;}
    .sub2_3_5 .s1_box2 img { width: 45px;}
    
    .list_style7>ul>li { width: 50%;}
    .list_style7 .l7_tit { font-size: 14px; margin-bottom: 5px;}
    .list_style7 .l7_sub { font-size: 22px;}
    
    .sub2_4_1 .sec1 .list_style5 { margin-top: 20px;}
    .sub2_4 .sub_btn a b { width: 28px; height: 38px;}
    .sub2_4 .sub_btn a:nth-child(1) b { background-size: 13px;}
    .sub2_4_1 .s3_tit { font-size: 16px;}
    .sub2_4_1 .s3_desc { font-size: 13px; margin: 10px 0 20px;}
    
    .sub2_5 .sub_tab li:nth-last-child(-n+2) { width: 50%;}
    .sub2_5 .sub2_5_list li { width: 50%;}
    .sub2_5 .sub2_5_list li>div>div { height: 120px;}
    .sub2_5 .sub2_5_date { bottom: 30px;}
    
    
    .img_style1 .i1_desc1 { font-size: 14px; }
    .img_style1 .i1_sub { font-size: 20px; }
    .img_style1 .i1_tit { font-size: 15px; }
    .img_style1 .i1_desc2 li { font-size: 13px; width:300px;}
    .img_style1 .i1_list>li { width: 100%;}
    .img_style1 .i1_sub::after { margin: 15px 0;}
    
    .sub2_6_1 .l6_desc li { margin-bottom: 5px;}
    .sub2_6_1 .list_style6>ul>li:nth-child(2)>div { overflow: hidden;}
    
    .sub2_6_1 td { padding: 15px;}
    .sub2_6_1 .s3_desc1 { font-size: 14px;}
    .sub2_6_1 .s3_tit { font-size: 20px;}
    .sub2_6_1 .s3_desc2 {font-size: 13px; }
    .sub2_6_1 .s3_desc3 {font-size: 12px; }
    
    .img_style2 .i2_left img { display: block; margin: 0 auto 20px;}
    .img_style2 li { width: 100%;}
    .img_style2 .i2_right>div>div { padding: 20px 15px;text-align: center;}
    .img_style2 .i2_tit { font-size: 15px; }
    .img_style2 .i2_desc { font-size: 13px; }
    
    .list_style8>ul>li { width: 50%;}
    .list_style8>ul>li>div>div { padding: 50px 5px;}
    .list_style8 .l8_num { font-size: 17px; height: 30px; width: 30px; line-height: 27px;}
    .list_style8 .l8_desc { font-size: 14px;}
    
    .box_style1 { padding: 20px 20px 0px;}
    .box_style1 .b1_tit { font-size: 20px; }
    .box_style1 .b1_desc { font-size: 13px; }
    
	.sub2_7_1 .tit { font-size: 22px;}
    .sub2_7_1 .desc { font-size: 15px;}
    .sub2_7_1 .desc::after { height: 35px; }
    .sub2_7_1 .s2_desc { font-size: 13px; width: 100%; margin-left: 0px; height: 0; padding: 20px 0; line-height: 0; position: static; background: #efefef;}
    
    .sub2_7_6 .tit { font-size: 22px;}
    .sub2_7_6 .desc { font-size: 15px;}
    .sub2_7_6 .desc::after { height: 35px; }
    .sub2_7_6 .s2_desc { font-size: 13px; width: 100%; margin-left: 0px; height: 0; padding: 20px 0; line-height: 0; position: static; background: #efefef;}
    
    .list_style9>ul>li>div>div { padding: 20px 10px; }
    .list_style9 .l9_num { font-size: 16px;}
    .list_style9 .l9_desc { font-size: 13px;}
    
    .sub2_8_1 .s1_tit { font-size: 18px; margin-bottom: 20px;}
    .sub2_8_1  .sec2 .sub_m img { width: 75%;}
    .sub2_8_1 .s4_tit { font-size: 14px; }
    .sub2_8_1 .s4_tit b { font-size: 20px; }
    .sub2_8_1 .s4_img { padding: 30px;}
    .sub2_8_1  .sec4 .sub_m img { width: 80%;}
        
    .sub2_9 .s1_sub { font-size: 15px;}
    .sub2_9 .s1_sub b { font-size: 18px;}
    .sub2_9 .s1_right div { padding: 20px;}
    .sub2_9 .s1_tit { font-size: 16px; margin-bottom: 10px;}
    .sub2_9 .s1_desc { font-size: 13px;}
    .sub2_9 .s2_sub span { font-size: 20px;}
    .sub2_9 .s2_sub b { height: 8px;}
    .sub2_9 .s2_desc { font-size: 13px;}
    .sub2_9 .s2_tit { font-size: 14px;}
    .sub2_9 .s3_box { padding: 20px 10px 0px; margin-bottom: 20px;}
    .sub2_9 .s3_sub { font-size: 14px; margin-bottom: 20px;}
    .sub2_9 .s3_sub b { font-size: 18px;}
    .sub2_9 .s3_desc { font-size: 13px; margin-bottom: 15px;}
    .sub2_9 .s3_ldesc { font-size: 13px;}
    .sub2_9 .s3_tit { font-size: 16px;}
    .sub2_9 .s3_list li { width: 50%; margin-bottom: 20px;}
    .sub2_9 .s3_list li div>* { display: block; text-align: center;}
    .sub2_9 .s3_list li img { width: 50px; }
    .sub2_9 .s3_list li:nth-last-child(n+3) img { width: 44px;}
    
    .sub .text4 { font-size: 13px;}
    .sub3_1 .s1_img,.sub3_1 .s6_img { width: 60%; margin: 0 auto;}
    .sub3_1 .list_style9>ul>li { width: 33.3333%;}
    .sub3_1 .list_style9 .l9_desc { font-size: 13px;}
    .sub3_1 .list_style9>ul>li:nth-child(4)>div>div::before { display: block;}
    .sub3_1 .list_style9>ul>li:nth-child(3n)>div>div::before { display: none;}
    .sub3_1 .s3_list>li { width: 50%;}
    .sub3_1 .s3_list>li>div>div { padding: 30px 20px 40px;}
    .sub3_1 .s3_list>li:nth-child(3)>div>div::after { display: block;}
    .sub3_1 .s3_list>li:nth-child(2n)>div>div::after { display: none;}
    .sub3_1 .s3_num { font-size: 18px; }
    .sub3_1 .s3_desc { font-size: 13px;}
    .sub3_1 .s3_box { padding: 20px 10px;}
    .sub3_1 .s3_desc2 { font-size: 14px; }
    .sub3_1 .sec4 .table3 td:last-child { padding:  20px 10px  20px 20px;}
    .sub3_1 .s6_desc { font-size: 14px;}
    
    .sub3_2 .s1_tit { font-size: 15px;}
    .sub3_2 .s1_box { padding: 20px 25px;}
    
    .sub3_banner { padding: 20px 10px; margin-bottom: 20px;}
    .sub3_banner .b_desc1 { font-size: 14px;}
    .sub3_banner .b_sub { font-size: 20px; }
    .sub3_banner .b_tit { font-size: 16px;}
    .sub3_3 .s1_tit {font-size: 18px;  }
    .sub3_3 .s1_desc { font-size: 13px; }
    .sub3_4 .s1_desc b { font-size: 16px; }
    
    .sub4_banner { padding: 25px 0; margin-bottom: 20px;}
    .sub4 .b_desc1 { font-size: 16px;}
    .sub4 .b_tit { font-size: 22px;}
    .sub4 .b_desc2 { font-size: 13px;}
    .sub4_1 .s2_tit { font-size: 16px;}
    .sub4_1 .s2_list li { width: 25%;}
    .sub4_1 .s2_list li img { margin: 0 auto;}
    .sub4_1 .s2_list li:nth-child(6n) { border-right: 1px solid #dcdcdc;}
    .sub4_1 .s2_list li:nth-child(4n) { border-right: 0 none;}
    .sub4_1 .s2_box>li:nth-last-child(-n+2) { display: none;}
    
    .sub4_2 .sub4_banner { padding: 45px 0; margin-bottom: 20px;}
    .sub4_2 .list_style3>ul>li { width: 100%;}
    .sub4_2 .list_style3>ul>li>div>div { padding: 20px 10px; height: 150px;}
    .sub4_2 .s1_list { padding: 20px;}
    .sub4_2 .s1_list li { font-size: 14px; padding-left: 8px;}
    .sub4_2 .s1_list li::after { width: 3px; height: 3px; top: 8px;}
    
    .sub4_3 .s1_list>li { width: 50%; }
    .sub4_3 .s1_list>li:nth-last-child(n+3) { margin-bottom: 15px; }
    .sub4_3 .s1_list>li:nth-child(2)>div>div::after, .sub4_3 .s1_list>li:nth-child(3)>div>div::after { bottom: auto; top: -1px;}
    .sub4_3 .s1_list>li>div>div { padding: 20px 5px ;}
    .sub4_3 .s1_img img { width: 60px;}
    .sub4_3 .s1_img { margin:  10px 0 ;}
    .sub4_3 .s1_tit { font-size: 17px; }
    .sub4_3 .s2_right div { padding-left: 20px;}
    .sub4_3 .s2_desc { font-size: 15px; }
    .sub4_3 .s2_tel { font-size: 18px; }
    .sub4_3 .s2_desc2 li { font-size: 13px;}
    .form_list li>div { height: 50px; padding: 0px 20px;}
    .form_fir { padding-left: 20px;}
    .form_list input { width: 100%; height: 40px;}
    .form textarea { font-size: 13px;}
    
    .sub4_4 .s1_list { padding: 20px 10px;}
    .sub4_4 .s1_text1 { font-size: 14px;} 
    .sub4_4 .s1_list li { width: 50%; margin-bottom: 20px;}
    .sub4_4 .s1_img img { margin: 0 auto; width: 100%;}
    
    .sub4_5 .s4_5_text { font-size: 13px; }
    .sub4_5 .sec2 .list_style3 { margin: 15px 0; }
    .sub4_5 .list_style3>ul>li { margin-bottom: 0; }
    .sub4_5 .s3_desc { margin-bottom: 15px;}
    #sub_contents.sub4_5 .sec4 .text1 { margin-bottom: 15px;}
    
    .sub5_1 .s1_tit { font-size: 15px;}
    .sub5_1 .s1_line.on::after { width: 35px; height: 35px; line-height: 35px; font-size: 12px;}
    .sub5_1 .s1_desc {font-size: 13px;}
    .sub5_1 .s1_slist>li { width: 100%!important;}
    .sub5_1 .sec1 img { width: auto;}

    .board_style1 .board_sec { width: 65%; }
    .board_style1 .board_four { display: none;}
    
    .sub5_4 .s1_list>li { width: 100%;}
    .sub5_4 .s1_list>li>div>div { height: 220px; }
    .sub5_4 .s1_num { font-size: 14px; }
    .sub5_4 .s1_num::before,.sub5_4 .s1_num::after { width: 14px;}
    .sub5_4 .s1_tit { font-size: 16px; word-break: keep-all; }
    .sub5_4 .s1_list>li:nth-child(1)>div>div::after { height: 180px;}
    
    .sub5_5 .s1_list li { width: 33.3333%;}
    .sub5_5 .s1_list li:nth-child(5n) p { border-right: 1px solid #dcdcdc;}
    .sub5_5 .s1_list li:nth-child(3n) p { border-right: 0 none ;}
    .sub5_5 .s1_list li p { font-size: 13px;}
    .sub5_5 .s1_list_box:nth-child(1) li:nth-last-child(-n+3) { display: none;}
    .sub5_5 .s1_list_box:nth-child(2) li:nth-last-child(-n+4) { display: block;}
    .sub5_5 .s1_list_box:nth-child(2) li:nth-last-child(-n+3) { display: none;}
    .sub5_5 .s1_list_box:nth-child(5) li:nth-last-child(-n+3) { display: none;}
    .sub5_5 .s1_list_box:nth-child(8) li:nth-last-child(-n+3) { display: none;}
    .sub5_5 .s1_list_box:nth-child(10) li:nth-last-child(-n+3) { display: none;}
    .sub5_5 .s1_list_box:nth-child(11) li:nth-last-child(-n+3) { display: none;}
    
    .sub5_6 .s1_list>li { width: 50%;}
    .sub5_6 .s1_box { padding: 30px 10px 40px 15px; }
    .sub5_6 .s1_sub { font-size: 18px;}
    .sub5_6 .s1_tit { font-size: 14px;}
    
    .sub6_1 .form_list li:nth-child(5) input[type='radio'] { width: 15px; height: 15px; position: relative; top:2px;}
    
    #sub_contents.sub6 .text1 { margin-bottom: 20px;}
    .sub6_2 .sec1 .submit a { width: 140px; height: 40px; line-height: 40px; }
    .sub6_2 .s8_list>li { width: 50%;}
    .sub6_2 .b_desc { font-size: 13px;}
    .sub6_2 .b_tit { font-size: 18px;}
    .sub6_2 .b_btn a {  width: 130px; height: 30px; line-height: 30px;}
    .sub6_2 .s6_tit img { width: 15px;}
    .sub6_2 .s6_tit { font-size: 15px;}
    .sub6_2 .s6_desc {font-size: 13px; padding: 15px;}
    .sub6_2 .s8_tell { font-size: 18px;}
    .sub6 .t_left { padding: 20px 10px 20px 15px;}
    
    .sub6_3 .s_list>li:nth-child(1) { width: 100%; }
    .sub6_3 .s_list>li { width: 50%; margin-bottom: 20px;}
    .sub6_3 .s_list>li>div>div { padding: 30px 15px;}
    .sub6_3 .s_list .s_img { margin-bottom: 15px;}
    .sub6_3 .s_list>li:nth-last-child(-n+2) .s2_desc br { display: block;}
    .sub6_3 .sec3 .s_list>li>div>div { padding: 35px 15px;}
    .sub6_3 .s4_desc { padding: 35px 20px;}
    .sub6_3 .s4_desc b::after { width: 3px; height: 3px; top: 8px;}
    
    .sub6_4 .stext1 { font-size: 18px; }
    .sub6_4 .s_list { margin-bottom: 0px;}
    .sub6_4 .s_list>li { width: 50%;}
    
    .sub7 .sub_tab li { width: 25%;}
    .sub7_1 .s1_tit { font-size: 16px; padding: 20px 10px;}
    .sub7_1 .s1_tit b { font-size: 22px; }
    .sub7_1 .s1_desc { font-size: 13px; margin-bottom: 20px;}
    .sub7_1 .s1_desc b { font-size: 18px; }
    .sub7_1 .s1_list li { width: 50%;}
    .sub7_1 .s1_list li:nth-last-child(n+3) { margin-bottom: 20px;}
    .sub7_1 .list_style1>ul>li>div { height: 220px;}
    
    .sub8_3 .box_sec p { font-size: 14px; padding: 20px 0;} 
    .sub8_3 .b1_con { padding: 30px 20px; font-size: 14px;}
    .sub8_3 .box_fir { background-size: 15px}
    .sub8_3 .box_thir { background-size: 16px;}
    
    .sub9 .s1_img img { width: 80%;}
    .sub9_1 .s1_box { top: 0px; padding: 30px;}
    .sub9_1 .login { padding: 40px 0; }
    .sub9_1 .s1_logo img { width: 100px;}
    .sub9_1 .form_box { height: 50px; font-size: 15px; padding: 10px 30px;}
    .sub9_1 .login_btn { height: 50px; line-height: 50px; font-size: 15px; }
    .sub9_1 .login_box a { height: 50px; line-height: 50px; font-size: 12px;}
    .sub9_1 .check_box { font-size: 13px;}
    .sub9_1 input[type="checkbox" i] { position: relative; top: 1px;}
    
    .sub9_2 .join,.sub9_3 .contents,.sub9_4 .complete { padding: 40px 0;}
    .sub9 .s1_img img { margin-bottom: 40px;}
    .sub9_2 .s1_tit { font-size: 18px;}
    .sub9_2 .cehck_box,.radio_box { font-size: 13px;}
    input[type='radio']+label::after, .sub9_2 input[type="checkbox" i]+label::after { background-size: 15px;}
    .sub9_3 .form_list li:nth-child(7) input[type='radio'] { width: 15px; height: 15px;}
    .sub9_2 .s1_tit::after { margin: 10px 0 20px;}
    .sub9_2 .info_box { margin-bottom: 20px;}
    .sub9_2 .info_sub { font-size: 22px; margin-bottom: 20px;}
    .sub9_2 .info_tit { font-size: 18px; }
    .sub9_2 .info_desc { font-size: 13px; }
    .sub9_2 .info { height: 300px; padding: 20px; padding-bottom: 0;}
    .sub9_2 a { width: 180px; height: 40px; line-height: 40px; font-size: 13px;}
    .sub9_2 .event_box { font-size: 13px; padding: 10px 20px;}
    
    .form_fir,.form_sec { width: 100%;}
    .form_sec { padding: 0 20px;}
    .form_tit,.sub9_3 .check_btn,.form_list select { font-size: 13px;}
    .form_list input[type="text"], .form_list input[type="password"] { font-size: 13px;}
    
    .board_style2 .board_tit { font-size: 14px;}
    .board_style2>ul>li>div { width: 100%!important;}
    .board_style2 input[type="text"] { width: 100%;}    
    .sub_board_write button { font-size: 15px; width: 150px; height: 45px; line-height: 45px;}
    
    .sub9_4 .c1_sub { font-size: 22px; margin-bottom: 25px;}
    .sub9_4 .c1_box { padding: 50px 10px;}
    .sub9_4 .c1_tit { font-size: 18px; margin-bottom: 10px;}
    .sub9_4 .c1_desc { font-size: 14px; margin-bottom: 20px;}
    .sub9_4 .btn_box a { width: 170px; line-height: 40px; height: 40px; font-size: 13px;}
    
    .search_box>div>ul>li { width: 100%!important;}
    .search_box .search_right { margin-left: 0; margin-top: -1px;}
    .search_box .search_right>div { padding: 30px 10px;}
    .search_box .search_left>div { padding: 30px 39px;}
    .sub9_5 .search_tit { font-size: 18px;}
    .sub9_5 .search_desc { font-size: 14px;}
    .search_box .search_fir { font-size: 15px;}
    .search_box input[type="text"] { font-size: 15px; height: 50px;}
    .search_box button { width: 150px; height: 40px; line-height: 40px; font-size: 13px;}
    .search_box .button_box { margin-top: 20px;}
    .search_right .search_tit { margin: 15px 0 5px;}
    .search_box img { width: 40px;}
    .search_box span { margin: 0 3px;}
    
    /*** //sub ***/
}

@media screen and (max-width: 650px) {
    .list_style4>ul>li { width: 50%; margin-bottom: 20px;}
    .sub2_8_1 .s4_list li { width: 50%; margin-bottom: 20px;}
    .sub2_8_1 .s4_list li:last-child { margin-bottom: 0px;}
    
    .sub2_5_1 .s1_list li { width: 100%;}
    .sub2_5_1 .s1_right { margin-top: 20px;}
    
    .sub3_1 .s6_list>li { width: 100%;}
    .sub3_1 .s6_left{ margin-bottom: 20px;}
    .sub3_1 .s6_right .s6_desc { padding: 20px 0;}
    
    .sub3_1 .s6_num { font-size: 13px; width: 30px; height: 30px; line-height: 30px;}
    
    .sub3_2 .s1_list2 li:nth-last-child(n+1) { margin-bottom: 20px; text-align: center;}
    .sub3_2 .s1_right { border-left: 0 none; border-top: 1px solid #dcdcdc;}
    .sub3_2 .s1_list>li { width: 100%;}
    .sub3_2 .s1_right div { padding: 20px;}
    
    .sub4_5 .s1_list li { width: 50%;}
    
    .sub9_3 .form_list input[type="text"], .form_list input[type="password"] { width: 100%;}
    .sub9_3 .check_btn { width: 100%; margin-left: 0; margin-top: 10px;}
    .sub4_3 .form_list li:nth-child(3) input[type="text"],
    .sub4_3 .form_list li:nth-child(4) input[type="text"], 
    .sub9_3 .form_list li:nth-child(5) input[type="text"],
    .sub9_3 .form_list li:nth-child(6) input[type="text"], 
    .sub6_1 .form_list li:nth-child(3) input[type="text"],
    .sub6_1 .form_list li:nth-child(4) input[type="text"],
    .sub4_3 .form_list li:nth-child(4) select, 
    .sub9_3 .form_list li:nth-child(6) select,
    .sub6_1 .form_list li:nth-child(4) select { width: 30%;}
    .form_list select { width: 20%; background-position: 92% center; padding: 5px;}
    .sub4_3 .form_list li:nth-child(4) select, .sub9_3 .form_list li:nth-child(6) select { background-position: 90% center;}
    .form_list span { margin: 0 5px;}



}

@media screen and (max-width: 580px) {
    .sub9_1 .login_box a { width: 100%; }
    .sub9_1 .login_box a:nth-child(2) { margin-left: 0; margin-top: 10px;}
    .sub9_2 .event_box>li:first-child { margin-bottom: 10px;}    
}

@media screen and (max-width: 550px) {
    
    #main_contents .w3_img { opacity: 0.5}
    #main_contents .w3_img.hover { opacity: 0.2}
    
	.sub2_7_1 .s2_list li { width: 100%;}
    .sub2_7_1 .s2_list li:last-child { margin-bottom: 0;}
    .sub2_7_6 .s2_list li { width: 100%;}
    .sub2_7_6 .s2_list li:last-child { margin-bottom: 0;}
    
    .sub2_6_1 ul[class^=s3_img] li { width: 100%!important; }
    .sub2_6_1 ul[class^=s3_img] li:first-child { margin-bottom: 20px; }
    
    .sub3_1 .s6_img { width: 80%;}
    
}

@media screen and (max-width: 480px) {
    .sub3_1 .s1_img,.sub3_1 .s6_img { width: 95%; }
    #main_visual { margin-bottom: 50px; }
    #main_visual #slide_pager { bottom: -50px;}
    #main_visual #slide_pager a { height: 25px; line-height: 25px; font-size: 11px; width: 50%;}
    #main_visual #slide_pager a:nth-child(4) { border-bottom: 1px solid rgba(44, 45, 47, 0.45)}
    #main_visual #slide_pager a:nth-child(n+1) { border-right: 0 none;}
    #main_contents .tab li { width: 33.3333%;}
    #main_contents .s1_wrap_arr { top: -35px;}
    .sec1 .bx-viewport{ margin-top: 45px;}
    #main_contents .s3_list li { width: 100%;}
    #main_contents .w3_img { opacity: 1}
    #main_contents .w3_img.hover { opacity: 1}
    #main_contents .sec4 #slide3>li { padding-left: 5px;}
    #main_contents .sec4 { padding: 20px 0;}
    #main_contents .s4_left { width: 100%;}
    #main_contents .s4_right { width: 100%; margin-top: 15px; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center;}
    #main_contents .text2::after { margin: 10px auto 5px;}
    #main_contents .sec4 #slide3>li { height: 142px;}
    #main_contents .s4_list2 li>div { padding: 20px 15px 40px; height: 142px; -webkit-box-sizing: border-box; box-sizing: border-box; }
    #main_contents .s5_left2 { width: 100%; text-align: center; margin-bottom: 15px;}
    #main_contents .s5_right2 { width: 100%;}
    
    .index .wrap { padding: 0;}
    .index .home img { width: 11px;}
    .index>div>ul>li { padding: 15px 8px; font-size: 12px; -webkit-box-sizing: border-box; box-sizing: border-box;}
    .index>div>ul>li p { padding-right: 20px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }
    .index .depth ul li { font-size: 12px;}
    .index .depth ul { top: 42px;}
    .index .depth { width: 27%; background-position: 90% center; background-size: 15px;}
    
    .sub1_2 .list_style1>ul>li { width: 100%;}
    .sub1_3 .list_style1>ul:first-child>li { width: 100%!important;}
    .sub1_3 .list_style1>ul:nth-child(2)>li:first-child { display: block;}
    .sub1_3 .list_style1>ul:first-child>li:last-child { display: none;}
    
    .sub1_4 .list_style1>ul>li>div img { opacity: 0.5;}
    
    .sub2_0 .s1_tit { font-size: 17px; }
    .sub2_0 .s2_list .s2_tit { font-size: 14px;}
    .sub2_0 .sec .s1_list li:last-child { position: static; opacity: 1;}
    .sub2_0 .sec .s1_list li img { top: 0;}
    
    .list_style2>ul>li { width: 100%; margin-bottom: 20px;}
    .list_style2>ul>li:last-child { margin-bottom: 0;}
    .l2_line::after { width: 100%;}
    .list_style3>ul>li { width: 100%;}
    .list_style4>ul>li { width: 100%;}
    .l2_sub { font-size: 14px; }
    .list_style3 .l3_tit { font-size: 15px;}
    
    td { padding: 15px 10px 15px 20px;}
    
    .sub2_1_3 .s3_box { padding: 20px 10px;}
    
    .sub2_2 .list_style2>ul>li { width: 100%;}
    
    .list_style5>ul>li { width: 100%;}
    
    .sub2_3_1 .s2_list li,.sub2_3_2 .s2_list li { width: 100%;}
    
    .sub2_3_1 .sec3 .s2_list li { width: 50%;}
    .sub2_3_1 .s4_box { padding: 20px 10px;}
    .sub2_3_1 .s4_desc br { display: none;}
    .sub2_3 .sub_btn a,.sub2_5 .sub_btn a,.sub2_6 .sub_btn a { margin: 0 auto 5px!important; display: block; }
    
    .list_style6>ul>li { width: 100%;}
    
    .sub2_3_5 .s1_list li { width: 100%;}
    .sub2_3_5 .s1_tit { font-size: 17px; }
    .sub2_3_5 .s1_lsub { font-size: 15px;}
    .sub2_3_5 .s1_lsub::after { margin: 10px 0;}
    .sub2_3_5 .s1_box2 { width: 80%; padding: 10px 0;}
    .sub2_3_5 .s1_box2 li { display: block;}
    .sub2_3_5 .s1_box2 .s1_text { margin-left: 0; text-align: center;}
    .sub2_3_5 .s1_box2 img { width: 45px; margin: 0 auto 10px;}
    .sub2_3_5 .sec2 .wrap { padding: 0;}
    .sub2_3_5 .sec2 td:last-child { padding: 20px 5px 20px 10px; }
    .sub2_3_5 table td ul li { text-indent: -5px;}
    .sub2_3_5 .sub_btn a { width: 100px; font-size: 11px;}
    .sub2_3_5 .sub_btn a img { width: 14px; margin-left: 5px;}
    
    .list_style7>ul>li { width: 100%;} 
    .list_style7>ul>li>div { padding: 20px 5px 0 20px; height: 180px;}
    .list_style7 .l7_img { right: 20px; bottom: 20px; }
    
    .sub2_4 .sub_tab li { width: 50%}
    .sub2_4_1 .s3_box { padding: 20px 10px;}
    .sub2_4_1 .s3_desc br { display: none;}
    .sub2_4 .sub_btn a { margin: 0 auto 5px!important; display: block; }
    
    .sub2_5_1 .s1_list { margin: 0;}
    .sub2_5 .sub2_5_list li { width: 100%;}
    
    .img_style1 .i1_list>li>div>* { float: none;}
    .img_style1 .i1_tit { margin-right: 0;}
    .img_style1 .i1_sub::after { margin: 10px 0;}
    
    .sub2_6_1 .list_style6>ul>li>div { overflow: hidden;}
    
    .sub2_7_1 .s1_list li:first-child { margin-bottom: 20px;}
    .sub2_7_1 .list_style6>ul>li { width: 100%;}
    .sub2_7_1 .list_style6>ul>li>div { padding: 15px 0; overflow: hidden;}
    .sub2_7_1 .list_style6 .l6_desc { text-align: center;}
    .sub2_7_1 .tit { font-size: 20px;}
    .sub2_7_1 .desc { font-size: 14px;}

    .list_style8>ul>li { width: 100%;}
    .list_style8>ul>li>div>div { padding: 30px 5px;}
    .list_style8 .l8_num { font-size: 15px; height: 25px; width: 25px; line-height: 22px;}
    .list_style8 .l8_desc { font-size: 13px;}
    
    .box_style1 .b1_tit { font-size: 17px;}
    .list_style9>ul>li { width: 100%;}
    
    .sub2_7_6 .tit { font-size: 20px;}
    .sub2_7_6 .desc { font-size: 14px;}
    
    .sub2_8 .sub_tab li { width: 50%!important;}
    .sub2_8_1 .s1_tit { font-size: 16px;}
    .sub2_8_1  .sec2 .sub_m img,.sub2_8_1  .sec4 .sub_m img { width: 100%;}
    .sub2_8_1 .s4_tit { font-size: 13px; }
    .sub2_8_1 .s4_tit b { font-size: 17px; }
    .sub2_8_1 .s4_img { padding: 20px;}
    
    .sub2_8_3 .sec2 .wrap { padding: 0;}
    .sub2_8_4 .s1_desc br { display: none}
    
    .sub2_9 .s1_list li { width: 100%;}
    .sub2_9 .s1_left>div { padding: 10px 0;}
    .sub2_9 .s1_sub { font-size: 20px; line-height: 1.6em;}
    .sub2_9 .s1_sub b { font-size: 22px;}
    .sub2_9 .s1_tit { font-size: 15px; }
    .sub2_9 .s2_sub span { font-size: 19px;}
    .sub2_9 .s2_sub b { height: 7px;}
    .sub2_9 .s3_sub b  { font-size: 16px;}
    .sub2_9 .s3_sub { font-size: 13px;}
    .sub2_9 .s3_tit {font-size: 15px;}
    
    .sub3_1 .list_style9>ul>li { width: 50%;}
    .sub3_1 .list_style9>ul>li>div>div { padding: 15px 5px 25px;}
    .sub3_1 .list_style9>ul>li:nth-child(3n)>div>div::before { display: block;}
    .sub3_1 .list_style9>ul>li:nth-child(2n)>div>div::before { display: none;}
    .sub3_1 .s3_plus { width: 30px; height: 30px; background-size: 9px;}
    .sub3_1 .s6_num { font-size: 13px; width: 30px; height: 30px; line-height: 30px;}
    .sub3_1 .s6_right .s6_num { background-size: 9px;}
    
    .sub3_banner .b_desc2 { word-break: keep-all;}
    .sub3_3 .sec3 .sub_btn a { width: 125px; height: 38px; line-height: 38px;}
    .sub3_3 .sec3 .sub_btn a img { width: 14px; top: -3px;}
    
    .sub4_banner { padding: 20px 0; margin-bottom: 20px;}
    .sub4 .b_desc1 { font-size: 15px;}
    .sub4 .b_tit { font-size: 20px;}
    .sub4_1 .s2_list li { width: 50%;}
    .sub4_1 .s2_list li:nth-child(4n) { border-right: 1px solid #dcdcdc;}
    .sub4_1 .s2_list li:nth-child(2n) { border-right: 0 none;}
    .sub4_1 .s2_box>li:nth-last-child(-n+2) { display: none;}
    
    .sub4_2 .sub4_banner { padding: 30px 0; }
    .sub4_2 .s1_list { padding: 15px;}
    .sub4_2 .s1_list li { font-size: 13px; padding-left: 6px;}
    .sub4_2 .s1_list li::after { width: 2px; height: 2px; top: 8px;}
    
    .sub4_3 .s1_img img { width: 50px;}
    .sub4_3 .s1_tit { font-size: 15px;}
    .sub4_3 .s1_list>li { width: 100%; }
    .sub4_3 .s2_list>li { width: 100%;}
    .sub4_3 .s1_list>li:nth-last-child(n+2) { margin-bottom: 15px;}
    .sub4_3 .s2_list img { height: auto;}
    .sub4_3 .s2_list>li:first-child { margin-bottom: 15px;}
    .sub4_3 .s2_list .s2_right div { padding: 30px 20px;}
    
    .sub4_4 .s1_tit { margin-top: 10px;}
    .sub4_4 .s1_text1 { font-size: 13px;}
    .pager { margin-bottom: 50px;}
    .pager a { width: 25px; height: 25px; line-height: 25px; font-size: 13px;}
    .pager .arr.next { margin-left: 25px;}
    .pager .arr.prev { margin-right: 25px;}
    
    .sub9_2 .event_box { padding: 10px;}
    
    .sub4_3 .form_list li:nth-child(4) select, 
    .sub9_3 .form_list li:nth-child(6) select,
    .sub6_1 .form_list li:nth-child(4) select 
    { background-position: 95% center; width: 100%; margin-left: 0; margin-top: 10px}
    .sub4_3 .form_list li:nth-child(4) input[type="text"], 
    .sub9_3 .form_list li:nth-child(6) input[type="text"],
    .sub6_1 .form_list li:nth-child(4) input[type="text"] 
    { width: 43%;}
    
    .sub4_5 .list_style3>ul>li { width: 100%; margin-bottom: 20px;}
    .sub4_5 .list_style3>ul>li:last-child { margin-bottom: 0px;}
    .sub4_5 .sec4 th { width: 33.3333%;}
    
    .sub5_1 .s1_list>li { width: 100%;}
    
    .board_style1_sub .sub_tit_box { padding: 15px 10px;}
    .board_style1_sub .board_tit { font-size: 16px;}
    .board_style1_sub .board_desc { font-size: 12px;}
    .board_style1_sub .board_desc span { margin-right: 10px; }
    .board_style1_sub .board_con_tit { font-size: 16px; }
    .board_style1_sub .board_con_desc { font-size: 13px; }
    .sub_board .pager a.pager_box { width: 90px; height: 25px; line-height: 25px; font-size: 12px;}
    
    .board_style1 .board_sub_box { display: none;}
    .board_style1 .board_fir { display: none;}
    .board_style1 .board_sec { width: 100%; }
    .board_style1 .board_con_box .board_sec{ text-align: left; padding-left: 10px; -webkit-box-sizing: border-box; box-sizing: border-box;}
    .board_style1 .board_thir { display: none;}
    .board_style1 .board_con_box li.on .board_sec { border-top: 1px solid #00388c;}
    
    .sub5_5 .s1_list li { width: 50%;}
    .sub5_5 .s1_list li:nth-child(3n) p { border-right: 1px solid #dcdcdc;}
    .sub5_5 .s1_list li:nth-child(2n) p { border-right: 0 none ;}
    .sub5_5 .s1_list_box:nth-child(1) li:nth-last-child(-n+3) { display: block;}
    .sub5_5 .s1_list_box:nth-child(1) li:nth-last-child(-n+2) { display: none;}
    .sub5_5 .s1_list_box:nth-child(2) li:nth-last-child(-n+4) { display: none;}
    .sub5_5 .s1_list_box:nth-child(3) li:nth-last-child(-n+6) { display: block;}
    .sub5_5 .s1_list_box:nth-child(3) li:nth-last-child(-n+5) { display: none;}
    .sub5_5 .s1_list_box:nth-child(4) li:nth-last-child(-n+4) { display: none;}    
    .sub5_5 .s1_list_box:nth-child(6) li:nth-last-child(-n+4) { display: none;}
    .sub5_5 .s1_list_box:nth-child(7) li:nth-last-child(-n+4) { display: none;}
        
    .sub5_6 .s1_box { padding: 20px 10px 30px 15px;}
    .sub5_6 .s1_list>li { width: 100%;}
    
    .sub6 .t_left { padding: 20px 5px 20px 15px;}
    .sub6_2 .sec2 .wrap,.sub6_2 .sec7 .wrap  { padding: 0;}
    .sub6_2 .s8_list>li { width: 100%!important;}
    
    .sub6_3 .s_list>li { width: 100%;}
    .sub6_3 .s2_tit { font-size: 14px;}
    .sub6_3 .sec2 .s_list li:first-child .s2_desc { padding: 10px;}
    .sub6_3 .s2_desc { font-size: 13px;}
    .sub6_3 .s3_tit { font-size: 14px;}
    .sub6_3 .s4_desc b { font-size: 14px; padding-left: 10px;}
    .sub6_3 .s4_desc{ padding: 30px 15px;}
    
    .sub6_5 .s1_list>li { padding: 19px;}
    .sub6_5 .s1_tit { font-size: 16px;}
    .sub6_5 .s1_desc { font-size: 13px; }
    .sub6_5 .s1_btn a { width: 130px; height: 40px; line-height: 38px; }
    .sub6_5 .s1_btn a img { width: 6px;}
    
    .sub7 .sub_tab li { width: 33.3333%;}
    .sub7_1 .s1_tit { font-size: 14px; }
    .sub7_1 .s1_tit b { font-size: 18px; }
    .sub7_1 .s1_desc b { font-size: 16px; }
    .sub7_1 .s1_list li { width: 100%;}
    .sub7_1 .s1_list li:nth-last-child(n+2) { margin-bottom: 20px;}
    .sub7_1 .list_style1>ul>li>div { height: 220px;}
    
    .sub_reply .board_style1 { border-top: 1px solid #00388c;}
    .sub_reply_box .board_con_desc img { width: 28px;}
    .sub_reply_box.sub_board .pager div div { top: -30px;}
    .board_con_box .board_sec img { width: 28px;}
    
    .board_style2 .board_fir { padding: 10px 20px;}
    .board_style2 textarea { height: 200px;}
    .sub_board_write button { font-size: 14px; width: 140px; height: 40px; line-height: 40px;}
    
    .sub8_3 .sub_tab li { width: 50%;}
    .sub8_3 .box_sec p { font-size: 13px; } 
    .sub8_3 .b1_con { font-size: 13px;}
    .sub8_3 .box_fir { background-size: 13px}
    .sub8_3 .box_fir, .sub8_3 .box_thir { width: 10%;}
    .sub8_3 .box_sec { width: 80%;}
    
    .sub9 .s1_img img { width: 90%;}
    .sub9_4 .btn_box a { width: 120px; line-height: 35px; height: 35px; font-size: 12px;}
    
    .search_box .search_left>div { padding: 30px 20px;}
    .sub9_5 .search_tit { font-size: 17px;}
    .sub9_5 .search_desc { font-size: 13px; }
    .search_box .search_left .search_desc { margin-bottom: 10px;}
    .search_box .search_fir { font-size: 14px;}
    .search_box input[type="text"] { font-size: 14px; height: 45px;}
    .search_box button { width: 140px; height: 38px; line-height: 38px; }
    .search_box .button_box { margin-top: 15px;}
    .search_box .search_left ul li>div { width: 100%!important;}
    .search_box .search_fir { text-align: center;background: #f5f5f5;}
    .search_box input[type="text"] { width: 100%;}
    .search_box .search_sec { padding: 0 20px; box-sizing: border-box;}
    .search_box span { display: block; text-align: center; margin: 5px 0;}
}

@media screen and (max-width: 400px) { 
    .sub2_7_1 .s1_list li { width: 100%!important;}
    
    .sub2_8_1 .s4_img { padding: 10px;}
    .sub2_8_1 .s4_list li { width: 100%; }
    .sub2_8_3 .s1_desc br { display: none}
}