@charset "utf-8";

/* 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; } body { line-height: 1; } 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; }
a{text-decoration: none;}

@font-face {
	font-family: 'Pretendard Variable';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: url('/theme/wide04/css/fonts/Pretendard/woff2/PretendardVariable.woff2') format('woff2-variations');
}
* { box-sizing: border-box;}

html{height: 100%;}
body{position: relative; min-height: 100%; font-size: 14px;}
body, html {font-family: 'Pretendard Variable', sans-serif; color: #333;}

button, input[type="button"]{font-family: 'Pretendard Variable', sans-serif;}
button:hover{cursor: pointer;}

input[type="text"], input[type="tel"], input[type="email"], input[type="password"], input[type="url"], select, textarea, input[type="number"]{padding: 8px; border: 1px solid #eee; background-color: #fbfbfb; font-size: 13px; line-height: 1; font-family: 'Pretendard Variable', sans-serif; border-radius: 5px;}
input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="url"]:focus, select:focus, textarea:focus{box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.1); outline: none;}
.i_con input[type="file"]{padding: 8px; border: 1px solid #eee !important; border-radius: 5px;}
.i_con input[type="file"]:focus{outline: none; outline-offset: inhert;}
textarea{display: block; width: 100%; line-height: 1.5; resize: none;}


input {-webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0;}
input[type="checkbox"]{width:1.2em; height:1.2em; border:1px solid #ddd; -webkit-border-radius:50%; moz-border-radius:50%; border-radius: 50%; vertical-align: middle; background-color: #fff;}
input[type="checkbox"]:checked{content: ""; font-weight:600; color: #fff; background:#333 url('/theme/wide04/img/check.png') no-repeat center;  background-size: 70%; border:1px solid #333; background-color: #333 !important;}
input[type="radio"]{width:1em; height:1em; border:1px solid #ddd; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius: 50%; background-color: #fff;}
input[type="radio"]:checked{content: ""; font-weight:600; color: #fff; background:#fff url('/theme/wide04/img/dot.png') no-repeat center / cover; border:1px solid #666;}
input[type="checkbox"]:hover, input[type=submit]:hover, input[type=radio]:hover{cursor: pointer;}
input[type="radio"] + label:hover, input[type=checkbox] + label, select:hover{cursor: pointer;}

b{font-weight: 600;}
strong{font-weight: 700;}

/*팝업*/
.background_black_popup{display: none; position: fixed; left: 0; top: 0; z-index: 130; width: 100%; height: 100%; background: rgb(0 0 0 / 70%)}
.background_black_popup .popup_wrapper{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff}

/* ----------------------------------------------------------------------------- */

/* --- 공통 디자인 --- */
.wrapper{padding-left: 15px; padding-right: 15px;}
.blind { position:absolute; visibility:hidden; z-index:-1; width: 1px; height: 1px; clip: rect(0 0 0 0); margin: -1px; overflow: hidden;}

/* 버튼 */
a.btn_wh, a.btn_bk{display: block; padding: 10px 12px; border: 1px solid #eee; line-height: unset; font-size: 0.8rem;}
a.btn_wh{border-color: #eee; color: #fff; background-color: transparent;}
a.btn_wh:hover{background-color: rgba(256,256,256,0.2); transition-duration: 100ms;}
a.btn_bk{border-color: #ddd; color: #666;}
a.btn_bk:hover{background-color: rgba(0,0,0,0.05); transition-duration: 100ms;}


.i_all_btn, .i_all_close{display: flex; width: 30px; height: 30px; border: 1px solid rgba(0,0,0,0.1); border-radius: 50%; align-items: center; justify-content: center; background-color: rgba(256,256,256,0.2); margin-left: auto;}
.i_all_btn:hover, .i_all_close:hover{cursor: pointer; background-color: rgba(256,256,256,0.5); transition-duration: 100ms;}
.i_all_btn:hover i, .i_all_close:hover i{ color: var(--color-basic); transition-duration: 100ms;}
.i_btn{display: block; padding: 8px; font-weight: 600; background-color: #333; color: #fff; border: 1px solid #333; border-radius: 5px; font-size: 13px;}
.i_btn:hover{background-color: #fff; color: var(--color-basic); border-color: #ddd; transition-duration: 100ms;}

.btn_box {display: flex; align-items: center; justify-content: center; gap: 10px;}
.btn_box li{width: 30%; max-width: 350px; text-align: center;}
.btn_box .btn_big{display: block; width: 100%; padding: 1em; border: 1px solid #eee; font-weight: 500; background-color: #333; color: #fff; text-align: center; font-size: 13px; max-width: 240px;}
.btn_box .btn_big_01{color: #888; background-color: #fbfbfb;}
.btn_box .btn_big_02{color: #fff; background-color: #333; }

/* 페이지 위치 */

.location{display: flex; justify-content: flex-end; align-items: center; font-size: 0.8rem; margin-bottom: 10px;}
.location > li {color: #333; }
.location > li > a{color: #fff; font-weight: 500;}
.location > li > a > i{color: #fff;}
.location > li + li::before{content:"\f0da"; display: inline-block; clear: both; margin: 0 10px; font-size: 0.8em; font-family: "Font Awesome 6 Free"; font-weight: 600; color: rgba(256,256,256,0.8);}
.location > li.on{color: var(--color-basic) !important}

#i_image .location > li{color: #fff}

/* 서브메뉴 관련*/
.i_con_box{}
.i_con_box .i_snb_wrap{/* width: 240px; */}
.i_con_box .i_con{flex: 1; margin-left: 0; margin-right: 0; width: auto;}
.i_lnb a{display: block; padding: 10px 0;}
.i_snb_bottom{border-top: 1px solid rgba(256,256,256,0.4); margin-top: 20px; padding: 20px;}
.i_snb_bottom > p{color: #fff; font-size: 0.85rem; line-height: 1.5;}
.i_snb_bottom .btn_box{margin: 20px 0;}
.i_snb_bottom .btn_box > li{flex: 1;}


/* ----------------------- 01 매체소개 ----------------------- */
/* -------- 01-1 인사말 -------- */
.i_greet{}
.greet{}
.greet .text{color: #888; word-break: keep-all;}

.greet > li{padding-left: 20px; padding-right: 20px;}
.greet > li + li{margin-top: 50px;}
.greet > li > img{display: block; width: 100%; height: 100%; object-fit: cover;}

.greet .i_tit + .text{margin-top: 10px;}
.greet .greet_1{padding-top: 80px; padding-bottom: 80px; background-color: var(--color-basic);}
.greet .greet_1 strong{color: #fff;}
.greet .greet_2 .i_tit{line-height: 1.2; margin-bottom: 1.5rem;}
.greet .greet_3 > div + div{margin-top: 30px;}
.greet .greet_4{padding: 0; aspect-ratio: 3/2;}


/* -------- 01-2 조직도 -------- */
.i_chart{}

/* --- 조직도 선 --- */
/* 중앙 */
.chart, .top_line, .top_line > div{position: relative; z-index: 1;}
.chart::before{position: absolute; top: 0; left: 50%; bottom: 0; width: 1px; background-color: #ddd; transform: translateX(-50%); content:""; display: block; clear: both; z-index: -1;}

/* 각 라인 가로 */
.top_line::before{position: absolute; top: 1rem; left: 50%;  height: 1px; background-color: #ddd; transform: translateX(-50%); content:""; display: block; clear: both; z-index: -1;}
.top_line.line_2::before{width: calc(33% + 10px); /* 계산 calc((블럭크기 * 블럭 갯수-1) + (간격 * 간격수) */}
.top_line.line_4::before{width: calc(66% + 10px);}

/* 각 라인 세로 */
.top_line > div::before{position: absolute; top: -1rem; left: 50%; width: 1px; height: 1rem; background-color: #ddd; transform: translateX(-50%); content:""; display: block; clear: both; z-index: -1;}

/* --- 조직도 내용 --- */
.chart {width: 90%; margin: 50px auto;}
.chart b.i_tit{color: #fff; font-size: 1rem;}
.chart > li{display: flex; width: 100%; margin-left: auto; margin-right: auto; text-align: center; justify-content: center; gap: 10px;}
.chart > li + li{padding-top: 2rem;}
.chart > li > div{width: 33%; border-radius: 10px; box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.1);}
.chart > li span{display: block; color: #fff; margin-top: 5px; font-size: 0.9rem;}
.chart > li:not(.line_4) > div{padding: 10px;}
.chart .line_1 > div{background-color: var(--shades-4);}
.chart .line_2 > div{background-color: var(--shades-3);}
.chart .line_3 > div{background-color: var(--shades-2);}

.team{flex: 1;}
.chart .team b.i_tit{}
.team .i_tit{padding: 15px; background-color: var(--shades-1); border-radius: 10px 10px 0 0;}
.team > ul{border: 1px solid #eee; padding: 10px 0; background-color: #fbfbfb; border-radius: 0 0 10px 10px;}
.team > ul > li{padding: 10px;}


/* -------- 01-3 찾아오시는 길 -------- */
.i_imap{}
.map .map_view{position: relative; width: 100%; aspect-ratio:4/3; overflow: hidden; margin-bottom: 20px;}
.map .map_view .wrap_map{height: 100% !important;}
.map .wrap_controllers{display: none;}

.map_list{margin-bottom: 100px; padding: 0 20px;}
.map_list .content li{display: flex; gap: 10px;}
.map_list > li + li{border-top: 1px solid #eee; padding-top: 20px; margin-top: 20px;}

.map_list .icon {font-size: 1.2rem;}
.map_list .icon i{color: var(--color-basic); margin-right: 10px;}
.map_list .icon b{display: inline-block; color: var(--color-basic);}

.map_list .content{margin: 15px 0;}
.map_list .content > li + li{margin-top: 10px;}
.map_list .content > li > b{width: 25%; font-weight: 600; min-width: 90px;}
.map_list .content > li > b > i{display: inline-block; margin-right: 10px;}
.map_list .content .text small{display: inline-block; font-size: 0.85em; color: #999; margin-left: 10px;}

.bus_color_1{color: #fb5852;}
.bus_color_2{color: #386de8;}
.bus_color_3{color: #3cc344;}


/* ----------------------- 02 고객센터 ----------------------- */
.i_form_wrap{padding-left: 20px; padding-right: 20px;}
.i_form_wrap .require{display: inline-block; width: 4px; height: 4px; background-color: var(--color-basic); margin-left: 4px; vertical-align: text-top; border-radius: 50%;}
.i_form_wrap .require_txt {font-size: 12px; padding: 10px 0; text-align: right; color: var(--color-basic);}
.i_form_wrap .require_txt .require{margin-left: 0; margin-right: 5px;}
.terms_agree > label:hover, .i_radio:hover{cursor: pointer;}

/* -------- 신청폼 -------- */
.i_form_wrap .i_tit_box{position: relative; z-index: 1;}
.i_form_wrap .i_tit_box::before{position: absolute; top: 50%; right: 0; left: 10px; height: 2px; transform: translateY(-50%); background-color: var(--color-basic); content:""; display: block; clear: both; z-index: -1; opacity: 0.5;}
.i_form_wrap .i_tit{width:fit-content; background-color: #fff; padding-right: 30px; color: var(--color-basic);}

.i_form_wrap fieldset + fieldset{margin-top: 60px;}
.i_form_wrap .btn_box{margin: 50px auto 100px auto;}

.i_form dl + dl{margin-top: 10px;}
.i_form dt{font-weight: 500; margin-bottom: 10px;}
.i_form dd{flex: 1; min-height: 40px;}
.i_form dd > input{width: 100%;}

.i_form .side{display: flex; align-items: center; gap: 5px; flex-wrap: wrap;}
.i_form .side > input{flex: 1;}
.i_form .side > input[type="button"]{display: block; flex: initial; width: fit-content; padding: 8px 15px;}
.i_form .side > input[type="button"]:hover{cursor: pointer;}

.i_form select{min-width: 25%;}

.i_form .i_radio_wrap{gap: 30px;}
.i_radio{display: flex; gap: 10px; align-items: center;}
.i_radio input[type="radio"]{width: 1.2em; height: 1.2em;}

.i_check{font-size: 13px; color: #666; width: 100%; margin: 8px 0;}
.i_check > input[type="checkbox"]{width: 1.2em; height: 1.2em; vertical-align: text-bottom; margin-right: 5px;}

.i_adress > input[type="text"]{margin-top: 10px;}


/* -------- 개인정보 정책 동의 -------- */
.terms_tit{display: block; font-size: 17px; margin: 15px 0 10px 0;}
.terms{height: 200px; overflow-y: scroll; font-size: 13px; line-height: 1.5; text-align: justify; padding: 20px; background-color: #fafafa; margin: 20px 0; border-radius: 10px;}
.terms::-webkit-scrollbar {width: 5px;}
.terms::-webkit-scrollbar-track {background: transparent;}
.terms::-webkit-scrollbar-thumb {background: #ddd; border-radius: 5px;}
.terms > b{display: block; margin-bottom: 10px;}
.terms > strong{display: block; margin: 5px 0;}
.terms_agree{padding: 15px 0; border: 1px solid #eee; border-style: solid none; margin: 20px 0;}
.terms_agree input[type="checkbox"]{margin-right: 10px;}


/* -------- 02-4 뉴스레터 신청 -------- */
.i_newsletter .code_state{display: none; margin-top: 10px; font-size: 14px; font-weight: 600;}
.i_newsletter .code_state.no, .code_state.no i{color: #f93943;}
.i_newsletter .code_state.ok, .code_state.ok i{color: #009745;}

/* -------- 구독신청 -------- */
#addr_popup_layer .popup_wrapper{width: 600px; max-height: 600px; overflow: hidden; border-radius: 16px}
#addr_popup_layer #addr_popup_close{float: right; width: 50px; height: 50px; font-size: 22px; background: transparent}
#addr_popup_layer #addr_popup_close::before{content: '\f00d'; font-family: "FontAwesome"}
#addr_popup_layer #addr_popup_close ~ *{clear: both}

@media screen and (max-width: calc(600px + 32px)){
#addr_popup_layer .popup_wrapper{width: calc(100% - 32px)}
}


/* ----------------------- 03 약관 및 정책 ----------------------- */
.policy{margin-bottom: 100px; padding-left: 20px; padding-right: 20px; min-height: 50vh; text-align: justify;}
.policy > section:first-of-type > p{word-break: keep-all; margin: 30px 0;}
.i_com .policy > section + section {margin-top: 30px;}
.policy p{font-size: 14px; line-height: 1.3; margin: 15px 0;}
.p_tit{display: block; font-size: 15px; margin-bottom: 15px; font-weight: 600;}
.dot_list{}
.dot_list > li{position: relative; padding-left: 15px; line-height: 20px; color: #666; font-size: 13px;}
.dot_list > li + li{margin-top: 5px;}
.dot_list > li::before{position: absolute; left: 0; content:"·"; display: block; clear: both; color: #ccc; font-weight: 900; line-height: 20px; font-size: 20px;}

.policy .team{display: flex; gap: 15px;line-height: 1.6; margin-top: 30px;}
.team > div{flex: 1; padding: 20px; text-align: center; border: 1px solid #eee; border-radius: 10px;}

.p_big_tit strong{color: var(--color-basic); font-size: 1.1rem; font-weight: 600;}

.num_list{}
.num_list > li{position: relative; padding-left: 20px; line-height: 20px;}
.num_list > li::before{position: absolute; left: 0; content:"·"; display: block; clear: both; color: #ccc; font-weight: 500; line-height: 20px;}
.num_list > li + li{margin-top: 10px;}
.num_list > li:nth-child(1)::before{content:"1.";}
.num_list > li:nth-child(2)::before{content:"2.";}
.num_list > li:nth-child(3)::before{content:"3.";}
.num_list > li:nth-child(4)::before{content:"4.";}
.num_list > li:nth-child(5)::before{content:"5.";}
.num_list > li:nth-child(6)::before{content:"6.";}

.policy .p_big_tit{margin-top: 80px;}
.policy .p_big_tit + section{margin-top: 20px;}



/* ----------------------- 디자인1 : 기본형 ----------------------- */
#i_simple .i_top{padding-top: 30px; padding-bottom: 30px;}
#i_simple .location > li > a, #i_simple .location > li > a > i{color: #666;}
#i_simple .location > li + li::before{color: #999;}
#i_simple .i_snb {margin-top: 50px;}
#i_simple .i_con{min-height: calc(100vh - 365px);}

#i_simple .i_snb{display: flex;}
#i_simple .i_snb li + li::before{content:"｜"; display: inline-block; clear: both; margin: 0 2rem; font-size: 0.8em; opacity: 0.25; }
#i_simple .policy > section:first-of-type > p{margin-top: 10px;}


/* ----------------------- 디자인2 : 회사소개형 ----------------------- */
#i_company .i_top{padding: 20px 0 70px 0; background: url('/theme/wide04/img/company_tit_1.jpg') no-repeat top / cover; text-align: center;}
#i_company .i_top .i_big_tit{color: #fff; text-shadow: 0 0 0.2em rgba(0, 0, 0, 0.2);}


#i_company .i_con{min-height: calc(100vh - 435px);}
#i_company .i_snb_wrap{width: calc(100% - 30px); margin: 0 auto; background-color: #fff; border: 1px solid #eee; padding: 20px; transform: translateY(-30px); border-radius: 20px; box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.05);}
#i_company .i_lnb {display: flex; flex-wrap: wrap;}
#i_company .i_lnb > li{width: 33.333%}
#i_company .i_snb .i_tit{margin-bottom: 10px;}
#i_company .location{padding-left: 20px; padding-right: 20px; color: #fff; margin-bottom: 50px;}
#i_company .i_form_wrap{padding-top: 30px;}


/* ----------------------- 디자인3 : 이미지형 ----------------------- */
#i_image{background: url('/theme/wide04/img/intro_image_bg.jpg') no-repeat center / cover; background-attachment: fixed; min-height: calc(100vh - 110px);}
#i_image input[type="text"], #i_image input[type="tel"], #i_image input[type="email"], #i_image input[type="password"], #i_image input[type="url"],#i_image select,#i_image textarea,#i_image input[type="number"]{background-color: #fff;}
#i_image .location{margin-bottom: 30px;}
#i_image .i_bg_wh{padding: 20px; background-color: rgba(256,256,256,0.9); border-radius: 1rem;}

#i_image .i_top{position: relative; padding: 30px 0;}
#i_image .i_top::before, #i_image .i_top::after{position: absolute; top: calc(50% + 10px); height: 3px; transform: translateY(-50%); background-color: var(--color-basic); content:""; display: block; clear: both; border-radius: 2px;}
#i_image .i_top::before{left: 0; width: 5%;}
#i_image .i_top::after{right: 0; width: 50%;}

#i_image .i_big_tit{color: #fff; width: fit-content; margin-left: 10%;}
#i_image .i_con_box .i_con{margin-bottom: 60px;}

#i_image .i_lnb{display: none; margin-top: 0.5rem;}
#i_image .focus .i_lnb{/* display: block; */}
#i_image .map_list{margin-bottom: 30px; padding: 0 10px;}
#i_image .i_form_wrap{margin-top: 20px;}
#i_image .i_form_wrap .i_tit{background-color: transparent; padding-right: 0;}
#i_image .i_form_wrap .i_tit_box::before{display: none;}
#i_image .i_form_wrap .btn_box{margin: 30px auto 60px auto;}
#i_image .terms_agree, #i_image .team > div{border-color: #fff;}


/* 전체 메뉴 */
.i_all_menu{display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 1000;}
.i_all_menu > div{padding: 30px 20px 70px 20px; height: 100vh; max-width: 600px; margin-left: auto; margin-right: auto;}

.all_menu_top{margin-bottom: 25px; border-bottom: 1px solid #eee; height: 125px;}
.all_menu_top .i_big_tit{margin: 15px 0; font-size: 1.5rem;}

.all_menu{height: calc(100vh - 250px); overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none;}

.all_menu::-webkit-scrollbar {display: none;}

.all_menu > li + li{ margin-top: 50px;}
.all_menu .i_tit{margin-bottom: 1rem;}
.all_menu ul a{display: block; padding: 10px 0;}
.all_menu ul > li{position: relative; padding-left: 1rem;}
.all_menu ul > li::before{position: absolute; top:50%; left: 2px; transform: translateY(-50%); content:"·"; display: block; clear: both; font-weight: bold; color: #ddd; font-size: 1.5em;}
.all_menu ul > li:hover::before, .all_menu ul > li:hover > a{color: var(--color-basic); transition-duration: 100ms;}


/* ------------------------------------- 모바일 ------------------------------------- */
#mobile_wrap{max-width: 600px; margin: 0 auto;}
#mobile_wrap::before, #mobile_wrap::after{width: 1px; position: fixed; top: 0; bottom: 0; background-color: rgba(138, 138, 138, 0.1); content: ""; z-index: 99999;}
#mobile_wrap::after{right: 50%; transform: translateX(300px);}

/* --- 헤더 공통 --- */
#i_header{position: sticky; top: 0; left: 0; width: 100%; background-color: #fff; padding: 15px 0; border: 1px solid #eee; border-style: solid none; z-index: 100; box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.05);}
.i_nav{display: flex; padding: 0 15px; align-items: center; justify-content: space-between; gap: 5%;}
.i_logo a{display: block;}
.i_logo a img{display: block; max-height: 24px;}
.i_gnb{display: flex; flex: 1; align-items: center; font-size: 1.1rem; font-weight: 500; gap: 10%;}
.i_gnb li a{display: block;}

/* --- 2차 메뉴 공통 --- */
.i_snb li.on a{color: var(--color-basic); font-weight: 600;}


/* --- 하단 --- */
#i_footer{background-color: #f7f7f7; padding: 20px 0 30px 0;}
#i_footer > div{padding: 0 15px; align-items: center; justify-content: space-between; gap: 5%; height: 50px;}
#i_footer .i_logo{opacity: 0.5;}
.copy {line-height: 1.5; text-align: center;} 
.copy > p{}
.copy > p > span{display: inline-block; color: #666; font-size: 13px; }
.copy > p > span + span::before{content:"｜"; display: inline-block; clear: both; margin: 0 10px; font-size: 0.8rem; opacity: 0.4; font-weight: 600; color: #999;}
.copy b{display: block; color: #999; font-size: 12px; margin-top: 10px;}
#i_footer .btn_box{display: flex; align-items: center; gap: 5px; margin-bottom: 15px;}
#i_footer .btn_box li{width: fit-content;}


/* 글씨 크기 */
.i_big_tit{font-size: 28px; font-weight: 600;}
strong.i_tit{display: block; font-size: 2rem; font-weight: 600;}
b.i_tit{display: block; font-weight: 600; font-size: 1.1rem;}
.text{line-height: 1.4;}

.i_snb_wrap{overflow-x: scroll; background-color: #f9f9f9; -ms-overflow-style: none; scrollbar-width: none; border-bottom: 1px solid #eee; box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.05);}
.i_snb_wrap::-webkit-scrollbar {display: none;}

.i_snb{display: flex;}
.i_snb a{display: block; padding: 1rem; white-space: nowrap;}

@media screen and (max-width: 475px){
    .policy .team {flex-direction: column;}
	.i_form .side > input[type="button"]{width: 100%;}
}