#sub_visual {width: 100%;background-size: cover;height: 250px;margin:0 auto; display:none;}
.svisual_01 {background: url(/assets/img/sub/sub_visual_01.jpg) center top no-repeat;}
.svisual_02 {background: url(/assets/img/sub/sub_visual_06.jpg) center top no-repeat;}
.svisual_03 {background: url(/assets/img/sub/sub_visual_03.jpg) center top no-repeat;}
.svisual_04 {background: url(/assets/img/sub/sub_visual_04.jpg) center top no-repeat;}
.svisual_05 {background: url(/assets/img/sub/sub_visual_05.jpg) center top no-repeat;}
.svisual_06 {background: url(/assets/img/sub/sub_visual_02.jpg) center top no-repeat;}
.svisual_07 {background: url(/assets/img/sub/sub_visual_07.jpg) center top no-repeat;}
#sub_visual h1 {font-size:60px;color:#fff;}
#sub_visual h1 strong{font-size:60px;color:#4571fb;}
#sub_visual p {padding-top: 277px;}
#sub_visual p span.sub_txt_position {display: block; margin-bottom: 20px;color:#fff;font-size:20px;}
#sub_visual p span.sub_txt_position:after {content: '';display: inline-block;height: 1px;width: 90px;background: #fff;margin: 0 10px 6px 10px;}


#snb_wrap{width:100%; position:relative; z-index:98; background:#fafbfd} 
#snb_wrap:after {content:""; display:block; clear:both}
.type_b #snb_wrap {display:none;}

#snb{height:50px; display:flex;align-items: center;  justify-content: flex-start; }
#snb > li{position:relative;}
#snb > li > a{display:block; width:270px;  line-height:50px; font-size:16px; font-weight:500;   position:relative; padding:0 20px;}
#snb > li:first-child > a {padding:0; width:50px; text-align:center; background:#f5f5f5;}
#snb > li > a:before{content:""; width:20px; height:20px; margin-top:-10px; position:absolute; top:50%; right:15px; background:url(/assets/img/sub/icon_arr.gif) no-repeat 0 7px; transition:all 0.3s;}
#snb > li:first-child > a:before{display:none;}
#snb > li:first-child > a span{width:100%; height:100%; background:url(/assets/img/sub/icon_home.gif) center center no-repeat; font-size:0; display:block;}
#snb > li:last-child > a{font-weight:700; color:#664af1;}
#snb > li > ul{visibility:hidden; max-height:0; width:100%; background-color:#fff; border:1px solid #ddd; border-top:0; overflow:hidden; position:absolute; top:100%; left:0; transition:visibility 0.3s, max-height 0.3s; padding:10px 0;}
#snb > li.active > a:before{transform:rotate(180deg);}
#snb > li.active > ul{visibility:visible; max-height:950px;}
#snb > li.active + li > ul{border-left:none;}
#snb > li > ul li a{display:block; padding:10px 20px;   transition:all 0.3s; font-weight: 500; }
#snb > li > ul li a:hover, #snb > li > ul li a:focus{background-color:#f5f5f5;}

/*#sub_contents {clear: both;width: 100%;margin-top: 80px;}
#sub_contents h1 {font-size:60px;text-align:center;margin-bottom: 60px;}*/
.sub_contents .login_banner > h2 {font-size:40px; text-align:center; margin:0px auto 30px; padding-top:30px; color: #f6f9ff; letter-spacing: 2px;}
.type_b .sub_contents > h2 {display:none;}
.sub_contents  h3 {font-size:22px; /*text-align:center;*/ margin-bottom:20px; }
.sub_contents  h4 {font-size:20px; text-align:center; margin-bottom:50px; line-height:1.4;}
.login_banner{background: url(/images/banners/login_banner.jpg) no-repeat; height: 150px; display: flex; justify-content: center; align-items: center;}


/********subtab******/
.sub_tab_menu_wrap{width: 100%; margin-bottom: 50px;}
.sub_tab_menu{display: flex; flex-wrap: wrap;}
.sub_tab_menu > li{display:inline-block;border: 1px solid #ddd; margin: -1px 0 0 -1px;width: 25%;word-break: keep-all;}
.sub_tab_menu > li > a{display: flex; justify-content: center; align-items: center; padding: 13px 10px; text-align: center;  font-weight: 500; color: #333; height: 100%;word-break: keep-all;}
.sub_tab_menu > li.active{border-color: #664af1;}
.sub_tab_menu > li.active > a{background-color: #664af1; color: #fff;}
.sub_tab_menu.w05 > li{width: 20%;}
.sub_tab_menu.w04 > li{width: 25%;}
.sub_tab_menu.w03 > li{width: 33.33%;}
.sub_tab_menu.w02 > li{width: 50%;}
.sub_tab_menu.w01 > li{width: 100%;}


#introduction {text-align: center;}
#introduction p {clear:both;margin-top:40px;background:url(/assets/img/sub/intro_img03.png) left bottom no-repeat; padding: 0 30px 810px 30px;font-size: 18px;text-align:center; line-height: 1.6;}



/*ȸ¿ø¼­ºñ½º*/
.page.etc {}
.summary {clear: both; width: 100%; margin: 0 auto; padding: 40px 0; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}
.summary p {word-break:keep-all;  line-height: 1.5;}

.policies-contents {width: 100%; margin: 0 auto; padding: 70px 0 100px;}

.page.etc h3 {font-size: 20px; text-align: left;margin-bottom: 15px;}
.page.etc p + h4, .page.etc ol + h3, .page.etc ol + h4 {margin-top: 30px;}
.page.etc h4 {font-size: 18px; text-align: left;margin-bottom: 15px;}

.page.etc p {word-break:keep-all;  line-height: 1.6; }
.page.etc p.tim {margin-left: 15px; text-indent: -1em;}

.page.etc ol {padding-inline-start: 1.25em;}
.page.etc ol > li { line-height: 1.5;}
.page.etc ol > li::marker {  content:counter(number,decimal) ". "; / }

.email-text {clear: both; width: 100%; margin: 0 auto; padding: 40px 0; border-top: 1px solid #e1e1e1; text-align:center;border-bottom: 1px solid #e1e1e1;}
.email-text p {word-break:keep-all;font-size: 17px;  line-height: 1.6; }

.page.etc table {width: 100%; border-left: 1px solid #ddd; border-top: 1px solid #ddd;  margin-top: 10px; }
.page.etc table th {vertical-align: middle; text-align: center;  background: #f5f5f5; padding: 10px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }
.page.etc table td {vertical-align: middle; text-align: left; padding: 10px;  border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}

/*»çÀÌÆ®¸Ê*/
.sitemap-wrap{}
.sitemap-wrap > .title{position:absolute; z-index:1; top:-50px; left:50%; transform:translateX(-50%); font-size:22px; font-weight:500; color:#111; line-height:1; text-align:center;}
.sitemap-wrap .sitemap-layout{width:100%; margin:0 auto; margin:60px auto; height:calc(100vh - 200px); }
.sitemap-wrap .sitemap-layout .gnb{display:flex; width:100%; padding-right:30px;}
.sitemap-wrap .sitemap-layout .gnb > li{flex:1; width:calc((100% - 100px) / 6);}
.sitemap-wrap .sitemap-layout .gnb > li:not(:last-child){margin-right:20px;}
.sitemap-wrap .sitemap-layout .gnb > li .title{display:flex; align-items:center; justify-content:center; height:60px; text-align:center; border-radius:3px; background-color:#4571fb; margin-bottom:20px; font-weight:500; color:#fff;}
.sitemap-wrap .sitemap-layout .gnb > li > a{display:flex; width:100%; font-size:20px; font-weight:500;  transition:all .4s;}

.sitemap-wrap .depth2{}
.sitemap-wrap .depth2 > li{line-height:1;}
.sitemap-wrap .depth2 > li > a{display:flex; align-items:center; padding-bottom:10px; border-bottom:1px solid #ddd; font-weight:500;  line-height:1.2; transition:all .4s;}
.sitemap-wrap .depth2 > li + li{margin-top:10px;}
.sitemap-wrap .depth2 > li > a:hover,
.sitemap-wrap .depth2 > li > a:focus,
.sitemap-wrap .depth2 > li > a.active,
.sitemap-wrap .depth2 > li > a.current{font-weight:600; color:#4571fb;}


.sitemap-wrap .depth3{padding:20px 0 0;}
.sitemap-wrap .depth3 > li{line-height:1;}
.sitemap-wrap .depth3 > li > a{display:flex; align-items:center; font-size:14px;  color:#666; line-height:1.3; text-align:left; transition:all .4s; position:relative; padding-left:10px;}
.sitemap-wrap .depth3 > li > a::before{content:'-'; font-size:inherit; color:inherit; line-height:inherit; position:absolute; top:0; left:0;}

.sitemap-wrap .depth3 > li > a:hover,
.sitemap-wrap .depth3 > li > a:focus,
.sitemap-wrap .depth3 > li > a.current,
.sitemap-wrap .depth3 > li > a.current::before,
.sitemap-wrap .depth3 > li > a:hover::before,
.sitemap-wrap .depth3 > li > a:focus::before{color:#4571fb; font-weight:600; text-decoration:underline; text-underline-position:under;}
.sitemap-wrap .depth3 > li > a.current::before,
.sitemap-wrap .depth3 > li > a:hover::before,
.sitemap-wrap .depth3 > li > a:focus::before{text-decoration:none;}
.sitemap-wrap .depth3 > li:not(:last-child){margin-bottom:10px}