@charset "utf-8";
/*------------------------------------
	Common
------------------------------------*/ 
:root {
	--main-color1:#014693; --main-color2:#34a6be; 
	--white:#fff; --black:#000; --red:#ec4848;  --bgcolor:#e5eaff; --bgcolor2:#F8F9FA;
} 

.inner {width:140rem; margin:0 auto; box-sizing:border-box;}
.tac {text-align:center !important;}
.red {color:#ff3333;}

.mgb5 {margin-bottom:.5rem;}

/* browser_msg */
#max_browser_msg{width:100%;height:auto;background:#222;padding:15px;text-align:center;position:absolute;top:0;left:0;z-index:999;}
#max_browser_msg p,#max_browser_msg mark{color:#fff;line-height:140%;font-size:12px;letter-spacing:0}
#max_browser_msg mark{background:#f0bd41;color:#000;padding:0 5px}
#max_browser_msg .bt_browser_upgrade{display:inline-block;font-size:12px;background:#fff;padding:5px 30px;margin:15px 0 0 0}
#max_browser_msg .bt_close_browser{position:absolute;top:0;right:0;background:#fff;font-size:11px;padding:10px 10px}
.sound_only{font-size:0px; text-indent: -99999px; position: absolute;}

/* skip navigation */
.skip_nav {position:relative; z-index:999;}
.skip_nav a {display:inline-block; position:absolute; top:-100px; left:-999px; border:1px solid #24242c; background:#31313b; color:#fff;}
.skip_nav a:focus, .skip_nav a:active {display:inline-block; top:0; left:0; cursor:pointer; zoom:1; padding:5px 8px 4px; margin-right:9px; background:#31313B; font-weight:normal; font-size:11px; line-height:1.4;}

/* form */
.max_it {display:block; height:auto; padding:15px 0; border-bottom:2px solid #d7d7d7; font:inherit; letter-spacing:-0.04em; -webkit-appearance:none; -webkit-border-radius:0;}
.max_it:focus {border-bottom:2px solid #1dac6a;}
input[type="password"] {background:url("../image/common/ico_pass_hide.png") 96% center no-repeat;}
.max_ckit {position:relative;}
.max_ckit input[type="checkbox"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.max_ckit input[type="checkbox"] + label {display:inline-block; position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; font-size:0;}
.max_ckit input[type="checkbox"] + label:before {content:''; display:inline-block; width:2.5rem; height:2.5rem; line-height:32px; margin:-2px 8px 0 0; text-align:center; vertical-align:middle; background:url("../image/common/ico_check.svg") center no-repeat #d7d7d7; background-size:16px; border-radius:100%; box-sizing:border-box;}
.max_ckit input[type="checkbox"]:checked + label:before {background-color:var(--main-color1);}
.max_ckit.ckit_label input[type="checkbox"] + label {font-size:16px;}

.max_radio {display:inline-block; position:relative; line-height:24px;}
.max_radio input[type="radio"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.max_radio input[type="radio"] + label {display:inline-block; position:relative; padding-left:30px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}
.max_radio input[type="radio"] + label:before {content:''; position:absolute; top:0; left:0; width:20px; height:20px; text-align:center; background:#fff; border:1px solid #666; border-radius:100%;}
.max_radio input[type="radio"]:checked + label:before {background:#fff; border:1px solid #000;}
.max_radio input[type="radio"]:checked + label:after {content:''; position:absolute; top:6px; left:6px; width:10px; height:10px; background:#000; border-radius:100%;}

.max_tta {width:100%; height:auto; border-bottom:2px solid #d7d7d7; margin-top:16px; line-height:1.6;}
.max_tta:focus {border-bottom:2px solid #1dac6a;}
input.sch_input::placeholder {color:#ffffff50;font-size:1.3em; font-weight:100;}

/* selectbox */
.max_select {width:250px; height:42px; padding-left:10px; background:url("../image/common/sel_arr.svg") 92% 50% transparent no-repeat; background-size:1.3rem; border-right:1px solid #ffffff50; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; box-sizing:border-box; letter-spacing:-1px; /*font-size:1.3em;font-weight:100;*/}
.max_select option{color:#000;}
.max_select::-ms-expand {display:none;}
.max_select:focus {border-bottom:2px solid #1dac6a;}

@media screen and (max-width: 1200px) {
	.max_ckit input[type="checkbox"] + label:before {width:2rem; height:2rem;}
	.max_ckit.ckit_label input[type="checkbox"] + label {font-size:1em;}
 
}



/*------------------------------------
	Header
------------------------------------*/ 
/* layout */ 
#max_header {position: relative; width: 100%; height:10rem; z-index: 2;}
#max_container {width:100%; min-width:140rem; height:auto; }


@media screen and (max-width: 768px) {
	#max_container {padding-bottom:0;}
	
}


/* header */
#max_header .inner {position:relative; display:flex; align-items: center; width:140rem; height:100%; margin:0 auto;  color:#fff;  z-index:22;}
#max_header .inner h1 { font-size:0; }
#max_header .inner h1 a {display:block; width:25rem; height:4.5rem; background:url("../image/common/logo.svg") center no-repeat; background-size:cover;}


/* nav */
#lnb {margin:0 auto ;}
#lnb > ul {display:flex; height:100%;}
#lnb ul > li { position:relative; height:100%;}
#lnb > ul > li > a {position:relative; display:block; line-height:10rem; padding:0 2rem; box-sizing:border-box; margin:0 16px; font-size: 2.2rem; font-weight: 600; color:#222; }
#lnb ul > li > a:after {content:''; display:block; width:0; height:4px; position:absolute; bottom:0; left:0; background-color:var(--main-color1); transition:width .3s;}

#lnb ul > li ul[class^="sub_menu"] {width:20rem; height:0; position:absolute; top:100%; left:50%; transform:translateX(-50%); opacity:0; overflow:hidden; background-color:#fff; 
box-shadow:0 .8rem 1.5rem rgba(0,0,0,.15); transition:all .3s; z-index:11;}
#lnb ul > li ul[class^="sub_menu"] li {display:block; font-weight:normal; font-size:.8em;  width:100%; }
#lnb ul > li ul[class^="sub_menu"] li a {display:block; padding:2rem; margin:0; color:#000; font-size: 1.6rem;}
#lnb ul > li ul[class^="sub_menu"] li a .ico-blank { display:inline-block; vertical-align:middle; margin-left:.5em; }
#lnb ul > li ul[class^="sub_menu"] li a .ico-blank:before {width:10px; height:10px;}
#lnb ul > li ul[class^="sub_menu"] li a .ico-blank:after {width:14px; height:2px; top:5px;}
#lnb ul > li ul[class^="sub_menu"] li a:after {display:none;}
 
#lnb ul > li:hover > a {color:var(--main-color1);}
#lnb ul > li:hover > a:after {width:100%;}
#lnb ul > li:hover ul[class^="sub_menu"] {opacity:1; height:auto;}
#lnb ul > li:hover ul[class^="sub_menu"] li a:hover {color:var(--main-color1); background:#eee; font-weight:700;} 


/* utill */
#max_header .inner .utill {display:-ms-flexbox; display:flex; -ms-flex-pack:end; justify-content: flex-end; align-items: center;}
#max_header .inner .utill li a {display:block; padding:0 1.5rem; color:#666; font-size: 1.6rem;}
.bt_sitemap {display:block; width:48px; height:48px; padding:8px;  position:relative; right:0; font-size:0; background:url(../image/common/ico_full_btn.svg)no-repeat 50% 50%; filter: invert(1);}
.bt_pop {display:none; padding:8px 16px; position:absolute; top:29px; right:128px; background-color:#132c5a; color:#fff; border-radius:50px;}


/* main header */
.main #max_header .inner h1 a {filter:grayscale(1) brightness(7);}
.main #lnb > ul > li > a,
.main #max_header .inner .utill li a {color:var(--white); font-weight: 500;}
.main #max_header .inner .utill li a { opacity:.5;}
.main .bt_sitemap {filter:invert(0);}
 

/* header : search box */
.sch_box {display:none; width:525px; padding:1.875em; background-color:#1dac6a; position:absolute; top:93px; right:0;z-index:2;}
.sch_box input {width:100%; padding:17px; background-color:rgba(255,255,255,.2); color:#fff; border:0;}
.sch_box button {position:absolute; top:41px; right:41px; font-size:0; color:#fff;}


/* header : full menu */
.fullmenu {display:none; width:100%; height:100%; position:fixed; top:0; left:0; z-index:100;}
.fullmenu:before {content:''; display:block; width:100%; height:100%; background-color:rgba(0,0,0,.58); position:absolute; top:0; left:0;}
.fullmenu .fullbox {position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%; background: var(--main-color1); display: flex
;align-items: center;}
.fullmenu .fullbox .box {position:relative; width: 80%; height: 85%; margin: auto;}
.fullmenu .fullbox .box h2 {font-size: 2.5em;}
.fullmenu .fullbox .box .top {position:relative; padding:1.5em 0; margin: 0 0 2em 0; border-bottom: 1px solid rgba(255,255,255,0.3); }
.fullmenu .fullbox .full_lnb {color:#181818; display:flex; margin-left:-1%;}
.fullmenu .fullbox .full_lnb > li {width:21%; margin-left:1%;}
.fullmenu .fullbox .full_lnb > li > a {display:block; color:var(--white); font-size: 1.5em; letter-spacing:-0.05em; font-weight: 500; border: 1px solid #fff; border-radius:.4rem; padding:2rem 1rem; text-align:center;}
.fullmenu .fullbox .full_lnb > li > .sub_menu {width:100%; height:auto; padding:2em 0;}
.fullmenu .fullbox .full_lnb > li > .sub_menu li {position:relative; padding-left: 1.8rem;}
.fullmenu .fullbox .full_lnb > li > .sub_menu li:before {position:absolute; width:.5rem; height:.5rem; top:1.6rem; left:0;  content:''; background:#F9D625; border-radius:1rem; }
.fullmenu .fullbox .full_lnb > li > .sub_menu li a {display:block; padding:1rem 0; font-size:1.8rem; color:var(--white); opacity:.7;}
.fullmenu .fullbox .full_lnb > li > .sub_menu li:hover a {opacity:1;}
/*.fullmenu .fullbox .full_lnb > li:last-child {display:none;}*/
.fullmenu .fullbox .bt_sitemap_close {position:absolute; top:1.4rem; right:0;  width:7rem; height:7rem; padding:1.2rem; background: url(../image/common/ico_close.svg)no-repeat 50% 50%; background-size:2.2rem; color:#fff; font-size:0;}


@media screen and (max-width: 1400px) {
	#max_wrap, #max_header, #max_container, #max_footer {min-width:320px;}
	.inner {width:100%; padding:0 3%;} 
	
	/* layout */  
	#max_container {min-width:100%;}
	
	/* header */
	#max_header {height:8rem}
	#max_header .inner {width:100%;} 
	#lnb > ul > li > a {font-size: 1.8rem; line-height:8rem; margin:0;} 
	#lnb ul > li ul[class^="sub_menu"] li a { font-size: 1.5rem;}   

	.bt_sitemap {width:4rem; height:4rem;} 
 
	/* header : full menu */ 
	.fullmenu .fullbox {width:100%; min-width:auto;}
	.fullmenu .fullbox .box {width: 90%;}
	.fullmenu .fullbox .box h2 {font-size: 2em;}
	.fullmenu .fullbox .box .top {padding:1.2em 0; } 
	.fullmenu .fullbox .full_lnb > li > a {font-size: 1.2em; padding:1.2rem 1rem;  }
	.fullmenu .fullbox .full_lnb > li > .sub_menu { padding:1.5em 0;} 
	.fullmenu .fullbox .full_lnb > li > .sub_menu li a { padding:.8rem 0; font-size:1em;}
	.fullmenu .fullbox .bt_sitemap_close {width:4rem; height:4rem;}
	
}
@media screen and (max-width: 1200px) {
	.inner {width:100%; padding:0 3%;} 
	  
	/* header */  
	#max_header {height:6rem}
	#max_header .inner {justify-content: space-between;}
	#max_header .inner h1 a { width:20rem; height:4rem; }

	#lnb {display:none;} 

	.bt_sitemap {width:3.5rem; height:3.5rem;} 
	
	/* utill */
	#max_header .inner .utill li a {padding:0 1rem; font-size: 1.4rem;}
	.bt_sitemap {width:4rem; height:4rem; padding:.5rem; background-size:3rem;}
	
	
	/* header : full menu */  
	.fullmenu .fullbox .box {width: 90%; height:90%;}
	.fullmenu .fullbox .box h2 {font-size: 1.8em;}
	.fullmenu .fullbox .box .top {padding:1em 0; }  
	.fullmenu .fullbox .full_lnb > li > .sub_menu { padding:1.5em 0;} 
	.fullmenu .fullbox .full_lnb > li > .sub_menu li:before {top:1.3rem;}
	.fullmenu .fullbox .full_lnb > li > .sub_menu li a { padding:.8rem 0; font-size:1em;}
	.fullmenu .box .bt_sitemap_close {width:3.5rem; height:3.5rem; top:1rem;}
}
@media screen and (max-width: 768px) {
	.inner {width:100%; padding:0 4%;} 
	#max_header .inner h1 a {width:14rem; height:3rem;  background-size:100%;	}
	
	/* utill */
	#max_header .inner .utill li a{padding:0 .5rem; font-size: 1.3rem;}
	.bt_sitemap { padding:0; background-size:2.5rem;}
	
	/* header : full menu */  
	.fullmenu .fullbox .box h2 {display:none;}
	.fullmenu .fullbox .box .top {border-bottom:0; padding:0;}  
	.fullmenu .fullbox .full_lnb {flex-direction: column; margin-left:0;} 
	.fullmenu .fullbox .full_lnb > li {width:100%; border-bottom:1px solid rgba(255,255,255,0.3); margin-left:0;}
	.fullmenu .fullbox .full_lnb > li > a {position:relative; border:0; text-align: left; padding:.8em 0; font-size: 1.5em;}
	.fullmenu .fullbox .full_lnb > li > a:after {position:absolute;  right:1rem;  content:"\e93f"; font-family: 'Xeicon'; font-size: .9em; transform:rotate(90deg);}
	.fullmenu .fullbox .full_lnb > li > a.on:after { transform:rotate(270deg);}
	.fullmenu .fullbox .full_lnb > li > .sub_menu {display:none; border-top:1px solid rgba(255,255,255,0.2);}
	.fullmenu .fullbox .full_lnb > li > .sub_menu { padding:1em 0;} 
	.fullmenu .fullbox .full_lnb > li > .sub_menu li {padding:0;}
	.fullmenu .fullbox .full_lnb > li > .sub_menu li:before {display:none;}
	.fullmenu .fullbox .full_lnb > li > .sub_menu li a {padding:.8rem 0; font-size:1.1em;}
	.fullmenu .box .bt_sitemap_close {width:3.5rem; height:3.5rem; top:-2rem; right:0;}
}


/*------------------------------------
	Footer
------------------------------------*/ 
#max_footer {width:100%; padding: 20px 0; height:auto; background-color:#23293C; color:#fff; font-size:18px;}
#max_footer .inner {width:1400px; height:auto; margin:0 auto; }
#max_footer hr {display:block; width:100%; height:1px; background-color:#4f4f4f;}
#max_footer .f_menu_area {padding:60px 0 30px;display:block; }
#max_footer .f_menu_area .f_menu {float:left;width:18%;border-right:1px solid #555; height:200px;}
#max_footer .f_menu_area .f_menu:last-child {border-right:0;}
#max_footer .f_menu_area .f_menu p {font-weight:bold; color:#fff;font-size:18px; margin-bottom:20px;}
#max_footer .f_menu_area .f_menu ul.f_sub_menu li{padding:5px 0;}
#max_footer .f_menu_area .f_menu:first-child ul li{width:50%; float:left;}
#max_footer .f_menu_area .f_menu:nth-child(n+2) {margin-left:30px;}

#max_footer .add_box {padding:2em 0; position:relative;}
#max_footer .add_box h1 {float:left; width:30%;height:auto; font-size:0; padding:20px 0;}
#max_footer .add_box h1 a {display:inline-block; width:295px; height:52px; background:url("../image/common/f_logo.png") center no-repeat;}
#max_footer .add_box p {width:216px; height:35px; position:absolute; top:30px; right:0;}
#max_footer .add_box address {float:left;width:70%;}
#max_footer .add_box address em {display:block; padding:4px 0; line-height:1.3;}
#max_footer .add_box address span {display:inline-block; vertical-align:middle; padding:0 1em;}
#max_footer .add_box cite {display:block; padding-top:1.6em; font-size:.8em; letter-spacing:0; text-transform:uppercase; line-height:1.3;}

#max_footer .ftop {display: flex; padding:20px 0 30px 0;}
#max_footer .ftop .flogo img {max-width:100%;}
#max_footer .ftop .finfo {margin-left:100px; }
#max_footer .ftop .finfo li {line-height:1.4; opacity:.8; padding:2px 0;}
#max_footer .ftop .finfo li span {display:inline-block; margin:0 15px 0 0;}

#max_footer .ftop .sns {display:flex; margin-left:auto;}
#max_footer .ftop .sns li {margin-left:5px;}
#max_footer .ftop .sns li a {display:flex;  justify-content: center; 
align-items: center; width:50px; height:50px; border:1px solid rgba(255,255,255,0.2); border-radius:5px;}
#max_footer .fmenu {display:flex; justify-content: space-between; padding-top:30px; border-top:1px solid rgba(255,255,255,0.1);}
#max_footer .fmenu ul li {display:inline-block; padding:0 10px 0 0; opacity:.8; }
#max_footer .fmenu cite {font-size: 15px; opacity:.4; letter-spacing:0;}

@media screen and (max-width: 1400px) {
	#max_footer .inner {width:100%;}
	#max_footer .f_menu_area .f_menu {width:17%;}
	
	#max_footer .ftop {padding:2rem 5% 3rem 5%;}
}
@media screen and (max-width: 1200px) {
	.h_box h1 {padding:20px 10px;}
	#max_footer .inner {width:100%; }
	#max_footer .add_box p {display:none;}
	#max_footer .f_menu_area .f_menu {width:20%;}
	#max_footer .f_menu_area .f_menu p {text-align:center;}
	#max_footer .f_menu_area .f_menu:first-child ul li {text-align:center;}
	#max_footer .f_menu_area .f_menu:nth-child(n+2) {margin-left:0; width:20%; text-align:center;}
	#max_footer .add_box h1 {width:100%; text-align:center;}
	#max_footer .add_box address {width:100%; text-align:center;}
	#max_footer .add_box cite {width:100%; text-align:center;}
	
	#max_footer {padding:20px 0;}
	#max_footer .ftop {flex-direction: column; flex-wrap:wrap; padding:10px 5% 20px 5%; box-sizing:border-box;}
	#max_footer .ftop .finfo {margin-left:0; }  
	#max_footer .ftop .finfo li {font-size: 16px;}
	
	#max_footer .ftop .sns {margin-left:0; margin-top:10px;}
	#max_footer .ftop .sns li a {width:40px; height:40px;}
	#max_footer .ftop .sns li a img {max-height:15px;}
	#max_footer .ftop .sns li:first-child {margin-left:0;}
	
	#max_footer .fmenu {flex-wrap:wrap; padding:20px 5% 0 5%;} 
	#max_footer .fmenu ul li {font-size:16px;}
	#max_footer .fmenu cite {font-size: 15px;}

}
@media screen and (max-width: 568px) {
	#max_footer .f_menu_area {display:none;}
	#max_footer .inner {width:100%;}
	#max_footer .f_menu {padding:1em 2em;}
	#max_footer .f_menu li {float:left; width:50%;}
	#max_footer .f_menu li a {padding:4px 0;}
	#max_footer .add_box {padding:1.5em 2em;}
	#max_footer .add_box p {display:none;}
	#max_footer .add_box address em {padding-bottom:0;}
	#max_footer .add_box address span {display:block; font-size:0;}
	
	#max_footer .ftop .flogo {max-width:150px;}
	#max_footer .ftop .finfo li {font-size: 14px;}
	#max_footer .ftop .sns li a {width:35px; height:35px;}
	
	#max_footer .fmenu {flex-direction: column;}
	#max_footer .fmenu ul li {font-size:14px;}
	#max_footer .fmenu cite {font-size: 14px; margin-top:5px;}
}


/*------------------------------------
	quick
------------------------------------*/ 
#bt_top {position:fixed; right:3rem; bottom:3rem; z-index:2;}
#bt_top .arrow {width: 6rem; height:6rem; display:block; background: var(--main-color2) url(../image/common/ico_top.svg)no-repeat 50% 55%; border-radius:6rem;}

@media all and (max-width:1400px){ 
		#bt_top .arrow  {width: 5rem; height:5rem; }
}
@media all and (max-width:1200px){ 
		#bt_top .arrow  {width: 4rem; height:4rem; background-size:2rem;}
}
@media all and (max-width:768px){
		#bt_top { right:3%; bottom:2%;}
		#bt_top .arrow  {width: 3.5rem; height:3.5rem; background-size:1.5rem;}
}


/*------------------------------------
	Title
------------------------------------*/ 
.m_tt {font-weight: 600; font-size: 1.25em; color:#181818; margin:0 0 1rem 0;}
.m_tt em {font-weight: 300; font-size: 0.8em; }
.s_tt {position: relative; font-weight: 500; font-size: 2.5em;  letter-spacing:-0.06em; color:#181818; padding-bottom:.8em;}
.s_tt2 {font-weight: 500; font-size: 1.625em;letter-spacing:-0.06em; color:#181818; padding:.0; position:relative; z-index:0; line-height:1.2;}
/*.s_tt2:before {content:''; display:block; width:30px; height:2px; background-color:#e4007f; position:absolute; top:0; left:0; z-index:-1;}*/


/*------------------------------------
	Sub_layout
------------------------------------*/ 
.snb_warp {width:100%; height:60px; z-index:1;  display:flex; justify-content:center; border-bottom:1px solid #e7e7e7; border-top:1px solid #e7e7e7;  background:#F4F6F9;}
.snb_inner {width:140rem; margin:0 auto; display:flex;}
.snb_warp .snb_inner .home {display:block; width:6rem; height:6rem;  background:url("../image/common/ico_home1.svg")no-repeat 50% 50%; font-size:0; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7;}
.snb_warp .snb_inner > div {width:27rem; height:auto; position:relative; border-right: 1px solid #ddd;}
.snb_warp div > a { position:relative; display:flex;  align-items: center; width:100%; height:100%; line-height:1.4; padding:0 2rem; font-weight: 500;}
.snb_warp div a > i {position:absolute; top:1.6rem; right:2rem; width:2.8rem; height:2.8rem; color:#333; font-size: 2.2rem; line-height:2.8rem; text-align:center;  background:#fff; border-radius:2rem;} 
.snb_warp div ul { position:absolute; top:100%; left:0; display:none; width:100%; height:auto; background:#fff; z-index:20;}
.snb_warp div ul li {width:100%; height:auto;}
.snb_warp div ul li a {display:block; width:100%; height:100%; padding:2rem; position:relative;}

.snb_warp div ul {}
.snb_warp div ul li a:hover {color:var(--main-color1);}
.snb_warp div ul li .current {background:#014693; color:#fff;}
.snb_warp div ul li:hover a {background:#f7f7f7;}
.snb_warp div ul li:hover .current {color:#fff; background:var(--main-color1);}
.snb_warp div ul {   background:#fff; color:#666; box-shadow:1px 7px 10px rgba(0,0,0,0.1);}


@media screen and (max-width: 1400px) { 
	.snb_warp {height:5.5rem;}
	.snb_inner {width:100%;}
	.snb_warp .snb_inner .home {width:5.5rem; height:5.5rem;}
	.snb_warp .snb_inner > div {width:27rem; height:auto;}
	.snb_warp div > a { height:5.5rem; padding:0 2rem; }
	.snb_warp div a > i {font-size: 2rem;} 
}

@media screen and (max-width: 1200px) { 
	.snb_warp {height:5rem; flex:1;}
	.snb_warp .snb_inner .home {width:5rem; height:5rem;}
	.snb_warp .snb_inner > div {width:50%;}
	.snb_warp div > a { height:5rem; padding:0 1rem;}
	.snb_warp div a > i {font-size: 2rem; top: 50%; transform: translateY(-50%);} 
	
	.snb_warp div ul li a { padding:1.5rem; font-size: 1em; line-height:1.3;}
}

@media screen and (max-width: 768px) { 
	.snb_warp .snb_inner > div {width:50%;} 
	.snb_warp .snb_inner > div:nth-of-type(2) {border-right:0;}
	.snb_warp div a > i {font-size: 2rem; top: 50%; transform: translateY(-50%);} 
}
 
 
/*------------------------------------
	Sub_cont_head
------------------------------------*/ 
.cont_head {text-align:center; padding:8rem 0 4rem;}
.cont_head h2 {line-height:1; font-size: 5.5rem; font-weight: 600; color:#222;}


@media screen and (max-width: 1400px) { 
	.cont_head {padding:6rem 0 3rem;}
	.cont_head h2 {font-size: 4.5rem;} 
}
@media screen and (max-width: 1200px) { 
	.cont_head {padding:5rem 0 2.5rem;}
	.cont_head h2 {font-size: 3.5rem;} 
}
@media screen and (max-width: 768px) { 
	.cont_head {padding:4rem 0 2.5rem;}
	.cont_head h2 {font-size: 3rem;} 
}


/*------------------------------------
	Table
------------------------------------*/ 
.tb_wrap {}

/* table1 */
table.tb_basic {width: 100%; border-collapse: collapse; border-top: 2px solid #343434; font-weight: 400; letter-spacing: -1px; word-break: keep-all;}
table.tb_basic th,
table.tb_basic td {padding: 1.5rem 1rem;  font-size: 1em; text-align: center;}
table.tb_basic thead th { color:#222; font-weight: 600; background: #fff; border-bottom: 1px solid #303030;  background: #F1F6FC;}
table.tb_basic thead th,
table.tb_basic tbody th,
table.tb_basic tbody td {line-height: 1.3;  vertical-align: middle;}
table.tb_basic tbody th.gray {background-color: #f9f9f9;}
table.tb_basic tbody th,
table.tb_basic tbody tr {border-bottom: 1px solid #c4c7ca;}
table.tb_basic tbody td.left {text-align: left;}
table.tb_basic tbody td.right {text-align: right;}
table.tb_basic td,
table.tb_basic th {border-left: 1px solid #c4c7ca;}
table.tb_basic thead th:first-child,
table.tb_basic tbody th:first-child,
table.tb_basic tbody td:first-child {border-left: 0;}
table.tb_basic tbody td:first-child[rowspan] {border-right: 1px solid #c4c7ca;}
table.tb_basic .noline {border-left: 0;}


@media screen and (max-width: 1400px) { 
	table.tb_basic th,
	table.tb_basic td {padding: 1.3rem 1rem;}
}
@media screen and (max-width: 1200px) { 
	 
}
@media screen and (max-width: 768px) { 
	.tb_wrap {overflow-x:scroll;}
	table.tb_basic td {padding: 1rem .8rem;}
}


/* table2 - 가로 */
table.tb_basic2 {width: 100%; border-collapse: collapse; border-top: 2px solid #343434; font-weight: 400; letter-spacing: -1px; word-break: keep-all;}
table.tb_basic2 th,
table.tb_basic2 td {padding: 1.5rem 1rem;  font-size: 1em; text-align: center;}
table.tb_basic2 thead th,
table.tb_basic2 tbody th {color:#222; font-weight: 600; background: #fff;  background: #F1F6FC !important;}
table.tb_basic2 thead th,
table.tb_basic2 tbody th,
table.tb_basic2 tbody td {line-height: 1.3; vertical-align: middle; 	}
table.tb_basic2 tbody th.gray {background-color: #f9f9f9;}
table.tb_basic2 tbody th,
table.tb_basic2 tbody tr {border-bottom: 1px solid #c4c7ca;}
table.tb_basic2 tbody td {text-align: left;}
table.tb_basic2 tbody td.left {text-align: left;}
table.tb_basic2 tbody td.right {text-align: right;}
table.tb_basic2 td,
table.tb_basic2 th {border-left: 1px solid #c4c7ca; border-bottom: 1px solid #c4c7ca;}
table.tb_basic2 th:first-child {border-left:0;}
table.tb_basic2 .noline {border-left: 0;}
table.tb_basic2 .bl {border-left:1px solid #c4c7ca !important;}


@media screen and (max-width: 1400px) { 
	table.tb_basic2 th,
	table.tb_basic2 td {padding: 1.3rem 1rem;}
}
@media screen and (max-width: 1200px) { 
	table.tb_basic2 th,
	table.tb_basic2 td {padding: .8rem .8rem;}
}
@media screen and (max-width: 768px) { 
	table.tb_basic2 th,
	table.tb_basic2 td {padding: .7rem .5rem;}
}



/*------------------------------------
	Contents
------------------------------------*/ 
#contents {width:100%; min-height:40rem; margin-bottom:10rem;} 
#contents.sub .info_h_box {display:flex; margin:8rem 0 0 0; gap:5rem;}
#contents.sub .info_h_box.first {margin:2rem 0 0 0;}
#contents.sub .inner .agn_l {width:20%; padding:2.5rem 0 0 0; border-top:1px solid #222;}
#contents.sub .inner .agn_r {width:80%; padding:2.5rem 0 0 0; line-height:150%;  border-top:1px solid #ddd;}
#contents.sub .inner .agn_r strong {font-weight: bold;}
#contents.sub > .confer_tit {border-bottom:1px solid #ddd;}

#contents h3.tit {font-size: 3rem; color:#222; font-weight: 600; display:block; margin-bottom:2rem}
#contents h3.tit.mt {margin-top:8rem; }
#contents h4.tit {font-size: 2.5rem;  color:#222; font-weight: 600;  display:block;  margin-bottom:2rem}
#contents h4.tit.mt {margin-top:6rem;}

#contents.conference > .confer_tit { border-bottom: none; }
#contents.conference > .confer_tit .s_tt{float:left;}
#contents.conference > .confer_tit .select_conf {float:right;}
#contents.conference > .confer_tit > select.select_conf   {border:1px solid #a19fd4;min-width:150px; padding:15px 18px;background:#f8f8f8 url(../image/common/select_arrow.png) no-repeat 90% center; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
 
@media screen and (max-width: 1400px) { 
	#contents.sub .info_h_box {gap:3rem;}
	
	#contents h3.tit {font-size: 2.5rem;  }
	#contents h3.tit.mt {margin-top:6rem; }
	#contents h4.tit {font-size: 2.2rem; margin-bottom:1.5rem}
	#contents h4.tit.mt {margin-top:5rem;}

}
@media screen and (max-width: 1200px) { 
	#contents.sub .info_h_box {margin:6rem 0 0 0;}

	#contents h3.tit {font-size: 2.2rem;  }
	#contents h3.tit.mt {margin-top:5rem; }
	#contents h4.tit {font-size: 2rem; margin-bottom:1.3rem}
	#contents h4.tit.mt {margin-top:4rem;}
}
@media screen and (max-width: 768px) { 
	#contents {min-height:auto;  margin-bottom:5rem;}
	#contents.sub .info_h_box {gap:0; flex-direction: column; margin:5rem 0 0 0;}
	#contents.sub .info_h_box .agn_l,
	#contents.sub .info_h_box .agn_r {width:100%; border-top:0;}
	#contents.sub .info_h_box .agn_l {padding-top:0;}
	
	#contents h3.tit {font-size: 1.8rem; margin-bottom:1rem;}
	#contents h3.tit.mt {margin-top:4rem; }
	#contents h4.tit {font-size: 1.6rem;}
	#contents h4.tit.mt {margin-top:3rem;}
}
 

/*------------------------------------
	Accordion
------------------------------------*/ 
.accordion {width:100%; height:auto; border-top:3px solid var(--main-color1); margin:3rem 0 0 0;}
.accordion dt {border-bottom:1px solid #d7d7d7; display: -ms-flexbox; display:flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position:relative;}
.accordion dt button {display:block; width:100%; text-align:left; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; padding:1em; font-size:1.45em;  font-weight: 500; color:#8e8e8e; outline:none;}
.accordion dt i {width:4rem; height:4rem; font-size:0; border-radius:50px;  color:#222; position:absolute; top:50%; transform:translateY(-50%); right:2rem; border:2px solid #ddd;  display: flex; align-items: center; justify-content: center; }
.accordion dt i:before {width:2.2rem; height:2.2rem; bottom:20px; left:18px; transition:all 0.3s ease; content:"\e93f"; font-size: 2.2rem; color:#222; font-family: xeicon;}
.accordion dd {padding:1.5em 2em !important; transition:unset;}

/* current */
.accordion dt.current button { background:#f4f6f9; color:var(--main-color1); font-weight:600;}
.accordion dt.current i {background:#fff; color:#F8F9FA;}
.accordion dt.current i:before {transform:rotate(90deg); bottom:17px;}



@media screen and (max-width: 900px) {
	.accordion dt button {font-size:1.25em;}
	.accordion dt i {width:32px; height:32px;}
	.accordion dt i:before {bottom:12px; left:11px;}
	.accordion dt.current i:before {bottom:10px;}
}

@media screen and (max-width: 568px) {
	.accordion dd {padding:1em 1.5em !important;}
}


/*------------------------------------
	List
------------------------------------*/ 
.bul_lst {width:100%; height:auto; line-height:1.6; font-size: 1em;}
.bul_lst > li {position:relative; padding-left:.75em;}
.bul_lst > li > span {position: relative;font-weight: 500;}
.bul_lst > li > span::before{content:''; width: 100%; position: absolute; left:0; bottom:0; height:7px;  background: #fffa57;z-index:-1;}
.bul_lst > li:not(:nth-child(1)) {margin-top:.3em;}
.bul_lst > li:before { position:absolute; top:12px; left:0; content:''; display:block; width:4px; height:4px; background-color:#B4B4B4; border-radius:1rem;}
.bul_lst > li strong {font-weight:700; color:#181818;}
.bul_lst > li mark {font-weight:500; color:#20c5d9;}
.bul_lst > li > ul {display: block; }
.bul_lst > li > ul > li { line-height:200%;}
.bul_lst > li > ul > li > span {display: block;}

/*------------------------------------
	Table style
------------------------------------*/ 
.psk_tb_basic {width:100%; height:auto;  }
.psk_tb_basic thead {border-top:2px solid #443fb9;}
.psk_tb_basic thead th {font-weight:700; color:#222; padding:1.25em;  font-weight: 600; border-bottom:1px solid #d7d7d7; background-color:#f8f8f8;}
.psk_tb_basic thead th:not(:nth-child(1)) {border-left:1px solid #d7d7d7;}
.psk_tb_basic tbody th, .psk_tb_basic tfoot th {padding:.5em 1.25em; border-bottom:1px solid #d7d7d7;  border-right:1px solid #d7d7d7;}
.psk_tb_basic tbody td, .psk_tb_basic tfoot td {padding:1em 1.25em; border:1px solid #d7d7d7; border-top:none; border-right:none;}
.psk_tb_basic tfoot th {background-color:#f5f5f9; font-weight:700;}
.psk_tb_basic tfoot td {font-weight:700; text-align:center;}

.psk_tb_basic strong {font-weight:bold; color:#333}


.program_style {}
.program_style em {font-size: .75em;}
.program_style p {color:#000;font-weight:500; margin-bottom:5px;}
.program_style th, .program_style td {padding:10px 0 !important;}
.program_style td {line-height: 100%;}
.program_style td a {margin-top:3px;}
.program_style td.bg-g {background:#eee;}
.program_style td.bg-r {background:#ffd2d2;}
.program_style td.bg-b {background:#c0d7e6;}

.program_style2 {}
.program_style2 td{text-align:left !important;}


/*------------------------------------
	Table Horizon style
------------------------------------*/ 
.psk_tb_basic_w {width:100%; height:auto;}
.psk_tb_basic_w tbody { border-top:2px solid #443fb9;}
.psk_tb_basic_w tbody th {font-weight:700; color:#181818; padding:1.25em; border-bottom:1px solid #d7d7d7; background-color:#f8f8f8;}
.psk_tb_basic_w tbody th:not(:nth-child(1)) {border-left:1px solid #d7d7d7;}
.psk_tb_basic_w tbody th, .psk_tb_basic tfoot th {padding:.5em 1.25em; border-bottom:1px solid #d7d7d7; color:#181818;}
.psk_tb_basic_w tbody td, .psk_tb_basic tfoot td {padding:1em 1.25em; border:1px solid #d7d7d7; border-top:none; border-right:none;}
.psk_tb_basic_w tfoot th {background-color:#f5f5f9; font-weight:700;}
.psk_tb_basic_w tfoot td {font-weight:700; text-align:center;}


/*------------------------------------
	Memo
------------------------------------*/ 
.cont_memo {width:100%; height:auto; padding:1.5em; background-color:#f1f6fd; color:#181818;}
.cont_memo li {line-height:1.3;}
.cont_memo li:not(:nth-child(1)) {margin-top:8px;}
.cont_memo li i {display:inline-block; vertical-align:middle; width:32px; height:32px; background-color:#1dccd6; border-radius:100%; color:#fff;}
.cont_memo li i:before {bottom:13px; left:13px;}
.cont_memo.shadow {margin-bottom:2em; background-color:#fff; border-top:2px solid #1dac6a; box-shadow:0 8px 16px rgba(0,0,0,.1);}
.cont_memo.acco_help .arr-btm-small {font-size:0; border:2px solid #d7d7d7; color:#ccc; background-color:#fff;}
.cont_memo.acco_help .arr-btm-small:before {left:11px;}
.cont_memo.tooltip {margin-top:10px;}
.cont_memo.tooltip > p{font-weight: bold;margin-bottom:10px;}
.cont_memo.tooltip > ul > li {line-height:150%; margin:0 !important;font-size: 0.9em;}


/*------------------------------------
	Slide pagd
------------------------------------*/ 
.slider-page {position:absolute;}
.slider-page span {display:inline-block; width:24px; height:8px; background-color:#fff; border-radius:50px; font-size:0; vertical-align:middle;}
.slider-page span.active {width:8px; background-color:#2f96f6;}
.slider-page span a {display:block;width:100%; height:100%;}
.bt_control {width:32px; height:32px; padding:4px; font-size:0; color:#181818;}


/*------------------------------------
	Button
------------------------------------*/ 
.max_btns {width:100%; height:auto; padding:3em 0; text-align:center;}
.max_btns .bt_basic {position:relative; display:inline-block; width:24.4%; padding:1.3em 5em 1.3em 1.5em; line-height:1;  margin:0.2rem 0; 
border:1px solid currentColor; color:#222; font-weight:700; font-size:1.6rem; text-align: left;}
.max_btns .bt_basic:after {position:absolute; right:1.5rem; content:'\e93f'; font-family: 'xeicon';} 
.max_btns .arr-btm-small {position:absolute; top:1.3em; right:1em; transform:rotate(-90deg);}
.max_btns .bt_basic.skyblue {color:var(--main-color1);}
.max_btns .bt_basic.cancel { color:#226dca;}
.max_btns .bt_basic.cancel .arr-btm-small {left:16px; transform:rotate(90deg);}

.max_btns_top {width:100%; height:auto; padding:1px 0; text-align:left;}
.max_btns_top .bt_basic {display:inline-block; padding:1em 2em 1em 2em; margin:5px 8px; border:1px solid currentColor; color:#20b9c1; font-weight:700; font-size:15px; position:relative;}
.max_btns_top .arr-btm-small {position:absolute; top:1em; right:1em; transform:rotate(-90deg);}
.max_btns_top .bt_basic.skyblue {color:#5f25d7;}
.max_btns_top .bt_basic.cancel {padding:1em 2em 1em 2em; color:#226dca;}
.max_btns_top .bt_basic.cancel .arr-btm-small {left:16px; transform:rotate(90deg);}


@media screen and (max-width: 1200px) {
	.max_btns .bt_basic {width:49.5%; font-size: 1em;}
}
@media screen and (max-width: 768px) {
	.max_btns {padding:3em 0 0;}
	.max_btns .bt_basic  {width:-webkit-fill-available;padding: 1em;}
	.max_btns .arr-btm-small {top:1em;}
	.max_btns .bt_basic.cancel {padding: 1em}

	.max_btns_top .bt_basic  {width:-webkit-fill-available;padding: 1em;}
	.max_btns_top .arr-btm-small {top:1em;}
	.max_btns_top .bt_basic.cancel {padding: 1em}
}

 
/*------------------------------------
	Tabmenu2
------------------------------------*/ 
/* tab menu / snb */
.tabmenu2 {margin:0 0 2rem 0;}
.tabmenu2, .snb {width:100%; height:auto; position:relative; display:flex;}
.tabmenu2 .tab_area, .snb li {flex:1;border-left:0;}

.tabmenu2 .tab, .snb li a {display:block; width:100%; padding:1.5rem 0; background-color:#fff; border:1px solid #ddd; color:#333; text-align:center;  }
.tabmenu2 .tab.active, .snb li .active {background-color:var(--main-color1); border:0; color:#fff !important; font-weight:700; box-shadow: 0px 2px 5px #969696;}
.tabmenu2 .tab_cont {width:100%; height:100%; position:absolute; top:74px; left:0;}


.tabmenu-2 {width:100%; height:auto; position:relative; text-align:center;}
.tabmenu-2 li {display:inline-block; text-align:left;}
.tabmenu-2 li a {display:block; width:100%; padding:1em 2em;font-weight: 700; font-size: 20px; color:#ccc; position:relative;}
.tabmenu-2 li a:before {content:''; display:block; width:8px; height:8px; margin:0 auto; background-color:currentColor; border-radius:50px;}
.tabmenu-2 li:not(:nth-child(1)) a:after {content:''; display:block; width:1px; height:16px; background-color:#d7d7d7; position:absolute; top:37px; left:0;}
.tabmenu-2 li .active {color:#1dac6a;}
.tabmenu-2 .tab_cont {width:100%; height:100%;}
 
 
@media screen and (max-width: 768px) {
	.tabmenu2 .tab, .snb li a {padding:1rem 0;}
}




/*------------------------------------
	Layer_pop
------------------------------------*/ 
.email_layer {width:100%; max-width:640px; height:auto; padding:2em; background-color:#fff; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); z-index:1;}
.email_layer .inner {line-height:1.3; text-align:center;}
.email_layer .inner h2 {width:100%; height:auto; padding:.8em; margin:1.2em 0; background-color:#eee; font-size:1.25em; color:#181818; letter-spacing:-0.06em;}
.email_layer .inner p {padding-bottom:1em;}
.email_layer .inner .bt_close {position:absolute; top:16px; right:16px; font-size:0;}
.layer_bg {width:100%; height:100%; background-color:rgba(0,0,0,0.5); position:absolute; top:0; left:0;}


/*------------------------------------
	Receipt Popup
------------------------------------*/ 
.pop_receipt {width:90%; max-width:480px; background-color:#fff; padding:32px 48px; margin:0 auto; text-align:center; box-shadow:0 8px 16px rgba(0,0,0,.3);}
.pop_receipt h1 {font-weight: 700; font-size: 32px; color:#181818;}
.pop_receipt p.tr{ text-align:right; padding:.5em 0; }
.pop_receipt .inner {width:100%; border-top:1px solid #d7d7d7; margin-top:32px;}
.pop_receipt .inner ul {width:inherit; padding:16px 0 0; margin:2px 0 0; border-top:1px solid #d7d7d7;}
.pop_receipt .inner ul li {width:inherit; text-align:left; overflow:hidden; margin:16px 0;}
.pop_receipt .inner ul li:nth-child(1) {margin-top:0;}
.pop_receipt .inner ul li strong {float:left; display:block;}
.pop_receipt .inner ul li span {float:right; display:block; text-align:right; color:#181818; font-weight:500;font-size:0.9em;}
.pop_receipt .inner ul:nth-child(2), .pop_receipt .inner ul:nth-child(3) {border-top:1px dotted #666;}
.pop_receipt .inner ul:nth-child(3) strong {width:70%; line-height:1.3;}
.pop_receipt .inner ul:nth-child(4) {border-top:2px solid #181818;}
.pop_receipt .inner ul:nth-child(4) strong {font-weight:700; color:#181818;}
.pop_receipt .inner ul:nth-child(4) span {font-weight:700; font-size:20px; color:#fa2828;}
.pop_receipt p:last-child {margin:32px 0; color:#181818;}
.pop_receipt p:last-child img {vertical-align:middle;}


/* branch sub main */
.branch {}
.branch .cont_memo {width:100%; height:auto; padding:1.5em; background-color:#fff; color:#181818; border-top:2px solid #1dac6a; box-shadow:0 8px 16px rgba(0,0,0,.1);}
.branch .inner {}
.branch .inner ul {width:100%; height:auto; overflow:hidden; text-align:center;}
.branch .inner ul li {float:left; width:23%; margin:1%;}
.branch .inner ul li a {display:block; width:100%; height:100%; padding:1em; border:1px solid #d7d7d7;}
.branch .inner ul li a:hover {border:1px solid #443fb9; color:#443fb9 !important; background-color:#f0f7fb; font-weight:700;}

@media screen and (max-width: 900px) {
	.branch .inner ul li {width:48%;}
}
@media screen and (max-width: 568px) {
	.branch .inner ul li {width:100%; margin:1% 0;}
}


/*------------------------------------
	Error
------------------------------------*/ 
.error {text-align:center;}
.error img {max-width:100%;}
.error h3 {margin:2em 0 1em; font-weight: 700; font-size: 1.5em; color:#181818; line-height:1.2;}
.error p {line-height:1.4;}
.error p strong {font-weight:700; color:#226dca;}

#member_pass_info { position:fixed; left:0; right:0; top:0; bottom:0; z-index:999; }
#member_pass_info .cont { width:400px; height:172px; top:50%; left:50%; margin-left:-200px; margin-top:-170px; position:absolute; z-index:99; font-size:0; }
#member_pass_info .cont button { width:400px; height:40px; line-height:40px; background:#710034; color:#fff; font-size:12px; }
#member_pass_info .back { position:absolute; z-index:88; left:0; right:0; top:0; bottom:0; background:#000; opacity:.7; }
#member_pass_info .cont a.link { width:50%; display:inline-block; height:40px; line-height:40px; background:#283aa7; color:#fff; font-size:12px; text-align:center;}
#member_pass_info .cont a.link:hover { color:#fff !important; }
#member_pass_info .cont button.linkbtn { width:50%; display:inline-block; height:40px; line-height:40px; background:#580d30; color:#fff; font-size:12px; }

p.info {position:relative; padding:.2rem 0 0 3rem; margin:0 0 2rem 0; font-weight:600; }
p.info:before { display:block;   border-radius:100%; position:absolute; top:0.2em; left:0; content:"\e92b"; font-family: 'xeicon'; color:#222;}


/*------------------------------------
	Popup_layer
------------------------------------*/ 
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

.ac_history_wrap { padding-top:1em; padding-bottom:5em; }
.psk_tb_basic.psk_tb_basic_w tbody { border-top:none;}
 

/*------------------------------------
	List style
------------------------------------*/ 
/* list_style1 */
.list1 {}
.list1 > li {position:relative; line-height:1.4; padding:.5rem 0 .5rem 1.5rem; }
.list1 > li:before {position:absolute; left:0; top:1.5rem; width:.5rem; height:.5rem; content:''; background:#ffc92d;  border-radius:1rem; display:inline-block;}

/* list_style2 */
.list2 > li {position:relative; line-height:1.4; padding:.5rem 0; }
.list2 > li:before {width:.8rem; height:.3rem; content:''; background:#222;  border-radius:1rem; display:inline-block; vertical-align:middle; margin-right:1rem;}

/* list_style3 */
.list3 > li {position:relative; line-height:1.4; padding:0 0 .5rem 1.5rem; }
.list3 > li:before {position:absolute; left:0; top:1rem; width:.3rem; height:.3rem; content:''; border:1px solid #222; display:inline-block; }
.list3 > li strong {color:#222; font-weight: 600;}


@media screen and (max-width: 1400px) { 
 
}
@media screen and (max-width: 1200px) { 
	/* list_style1 */ 
	.list1 > li:before {top:1.2rem; width:.4rem; height:.4rem;  }


	/* list_style3 */ 
	.list3 > li:before {top:.6rem;  } 
}
@media screen and (max-width: 768px) { 
 
	/* list_style3 */ 
	.list3 > li {line-height:1.3; padding:0 0 .3rem 1.5rem;}
	.list3 > li:before {top:.6rem;  } 
}


/*------------------------------------
	Tab 
------------------------------------*/ 
/* tab_style1 */
.tab_wp {margin:0 0 6rem 0;}
.tab_wp ul {display:flex;  width:100%; gap:.5rem;}
.tab_wp ul li{width:calc(100% - .5rem); height:6rem; }
.tab_wp ul.no2 li {width:50%;}
.tab_wp ul li a {width:100%; height:100%; display:flex; justify-content: center; align-items: center; font-size: 1.8rem; font-weight: 500; background:#eff1f4; }
.tab_wp ul li.active,
.tab_wp ul li a.active{box-shadow:0rem 1rem 1rem rgba(0,0,0,0.2); z-index:1;}
.tab_wp ul li a.active,
.tab_wp ul li.active a {background:#014693; color:#fff;}


@media screen and (max-width: 1400px) { 
	/* tab_style1 */
	.tab_wp {margin:0 0 5rem 0;}
	.tab_wp ul li{height:5.5rem;} 
	.tab_wp ul li a {font-size: 1.1em;}
}
@media screen and (max-width: 1200px) { 
	/* tab_style1 */
	.tab_wp ul li{height:4.5rem;} 
}
@media screen and (max-width: 768px) { 
	/* tab_style1 */
	.tab_wp {margin:0 0 4rem 0;}
	.tab_wp ul {flex-wrap:wrap;}
	.tab_wp ul li {width:calc((100% - .5rem)/2);}
	.tab_wp ul.no2 li {width:calc((100% - .5rem)/2);}
	.tab_wp ul li{height:4rem;} 
	.tab_wp ul li a {font-size: 1em;}
}


/* tab_style2 */
.tab_wp2 {margin:4rem 0 6rem 0;}
.tab_wp2 ul {display:flex; flex-wrap:wrap; width:100%;}
.tab_wp2 ul.no7 li{width:16%; height:6rem; border-bottom:1px solid #ddd;}
.tab_wp2 ul li a {width:100%; height:100%; display:flex; justify-content: center; align-items: center; font-size: 1.8rem; font-weight: 500; }
.tab_wp2 ul li a.active  { font-weight: 700; color:#222; border-bottom:3px solid #222;}
.tab_content { display: none; }
.tab_content.active { display: block; }



@media screen and (max-width: 1400px) { 
	.tab_wp2 {margin:3rem 0 5rem 0;} 
	.tab_wp2 ul.no7 li{width:20%; height:5rem; }
	.tab_wp2 ul li {width:20%;}
	.tab_wp2 ul li a {font-size: 1em;}
}
@media screen and (max-width: 1200px) { 
	.tab_wp2 {margin:2rem 0 4.5rem 0;} 
	.tab_wp2 ul.no7 li{width:25%; height:4rem; }
	.tab_wp2 ul li {width:25%;}
}
@media screen and (max-width: 768px) { 
	.tab_wp2 {margin:2rem 0 4rem 0;} 
	.tab_wp2 ul.no7 li{width:50%; height:3.8rem; }
	.tab_wp2 ul li {width:50%;}
	.tab_wp2 ul li a.active  {border-width:2px;}
}



/*------------------------------------
	Icon_box
------------------------------------*/ 
.icon_box {position:relative; background: #F6F6F6; padding:0.6rem; border-radius:0 6rem 0 0; }
.icon_box:before {position: absolute; left:0; top:0; width:8rem; height:8rem; content:''; background:#36588E; z-index:0;} 
.icon_box .area {position:relative; background-color:#fff; min-height:18rem; border-radius:0 6rem 0 0; padding:5rem 5rem 5rem 20rem; z-index:1;
background-repeat:no-repeat; background-position: 6rem 48%; background-size:9rem; line-height:1.3;}
.icon_box .area.ico1 {background-image:url(../image/common/bg_icon1.svg);}
.icon_box .area.ico2 {background-image:url(../image/common/bg_icon2.svg);}
.icon_box .area h3 {font-size: 3rem; font-weight: 600; color:#222; margin:0 0 1.5rem 0;}
.icon_box .area p {word-break:keep-all; line-height:1.4;}
.icon_box .area a.con_btn {display:inline-block; padding:.5em 1em; background:var(--main-color1); color:var(--white); font-size: .9em; transition:background .3s;}
.icon_box .area a.con_btn.mt {margin:1rem 0 0 0;}
.icon_box .area a.con_btn:hover {background-color:#1060b9; }

@media screen and (max-width: 1400px) {   
	.icon_box:before { width:7rem; height:7rem; } 
	.icon_box .area {padding:4rem 5rem 4rem 15rem; background-size:7rem; background-position:4rem 48%; }
	.icon_box .area h3 {font-size: 1.6em;}
}
@media screen and (max-width: 1200px) { 
	
}
@media screen and (max-width: 768px) { 
	.icon_box {padding:.3rem; border-radius:0 3rem 0 0;}
	.icon_box:before {width:5rem; height:5rem; } 
	.icon_box .area {padding:10rem 2rem 2rem; border-radius:0 3rem 0 0; background-size:5rem; background-position:50% 3rem; text-align: center;}
	.icon_box .area h3 {font-size: 1.6em;}
}