*{ box-sizing:border-box;margin:0;padding:0; }
html{ color:#111;font-family:'Spoqa Han Sans Neo', 'sans-serif';letter-spacing:-0.3px; }
body{ background:#f1f2f3; }
em{ color:#0f66ff;display:block;font-size:1.05rem;font-weight:500;margin:auto;width:90%; line-height: 1.8;}
b{ color:#222;font-weight:600;white-space:nowrap; }
section{ padding: 5rem 0; }
select {  -webkit-appearance: none;-moz-appearance: none; appearance: none;
    /*화살표 배경 넣기*/
    background: url('/_Img/icon/select.png') no-repeat 98% 50% #fff; /*화살표 select박스 오른쪽 중앙 배치,배경 흰색*/  
}
input{/*ios대응*/appearance: none;-webkit-appearance: none;-webkit-border-radius: 0;}

.inner_content{ margin:auto;max-width:1280px;width:100%;padding: 0 16px; }

.shodow_box{ background: #f6f6f9;box-shadow:8px 13px 15px rgba(0, 42, 101, 0.08);transition:0.3s;border-radius:1.5rem; /* backdrop-filter:blur(3px); */ }
.shodow_box:hover{ box-shadow:8px 13px 15px rgba(0, 42, 101, 0.16); }

button{ border:none;font-size:0.93rem;outline:none; }
img {image-rendering: -webkit-optimize-contrast; transform: translateZ(0); backface-visibility: hidden;}

/* table */
table { width: 100%; background: #fff; border-top: 2px solid #0066ff; }
table.ctable2 { width: 100%; background: #fff; border-top: 2px solid #006d72; }
td,
th { border: 1px solid #ccc; vertical-align: middle; }
td { padding: 1.1rem 1.5rem; font-size: 0.95rem;  }
th { font-weight: 500; font-size: 1rem; padding: 1rem 1.0rem; text-align: center; }

.required:after{ content:"*";font-weight:bold;color:#e60000;font-size:20px;display:inline-block;vertical-align:middle;line-height:1; }/*글자뒤에 강조(before_앞)*/
.tb_title { font-size: 1rem; font-weight: 500; color: #0066ff; margin-bottom: 0.4rem; }
.tb2_title { font-size: 1rem; font-weight: 500; color: #006d72; margin-bottom: 0.4rem; }

/* title */
.list_content{ color:#333;font-size:0.96rem;font-weight:400; }
.list_content li{ align-items:flex-start;display:flex;line-height:1.8;margin-bottom:0.2rem; }
.list_content li::before{ background:#a5b5c1;border-radius:50%;content:'';display:block;margin:0.6rem 4px 0 0;min-height:0.4rem;min-width:0.4rem;width: 0.4rem;height: 0.4rem;}
.list_content2 h5{ color:#0066ff;font-size:1.1rem;font-weight:500; }
.list_content3{ color:#333;font-size:0.95rem;font-weight:400; }
.list_content3 > li{ margin-bottom:1.2rem; }
.list_content3 li h5{ align-items:flex-start;display:flex;font-weight:600;line-height:1.8;margin-bottom:0.2rem; }
.list_content3 li h5::before{ background:#a5b5c1;border-radius:50%;content:'';display:block;margin:0.6rem 0.4rem 0 0;min-height:0.4rem;min-width:0.4rem; }

/* opacity: 0.4; 폰트투명하게 */
.explan { font-size: 1rem; font-weight: 400; text-align: center; line-height: 1.9; color: #555; }
.explain{ font-size: 0.9rem; font-weight: 300; text-align: center; line-height: 1.9; color: #C0C0C0;}

.item_title{ display:flex;font-size:1.1rem;font-weight:500;margin-bottom:0.35rem; color: #333; }
.item_title .num{ align-items:center;background:#0f66ff;border-radius:50%;color:#fff;display:flex;font-size:1rem;font-weight:500;height:1.7rem;justify-content:center;margin-right:0.5rem;min-height:1.7rem;min-width:1.7rem;width:1.7rem; }
.item_title h2{ align-items:center;display:flex;font-size:1.3rem;font-weight:500; }
.item_title h2::before{ background:#005dff;content:'';display:block;height:1.8rem;margin-right:10px;width:0.3rem; }
.item_title2{ color:#0066ff;font-size:1.2rem;font-weight:500;margin-bottom:0.35rem; }
.item_title2 ~ p{ color:#666;font-size:1rem;font-weight:400;line-height:1.8rem; }
.item_title3{ align-items:center;display:flex;font-size:1.2rem;font-weight:500;color: #333; }
.item_title3 .num2{ background:#0f66ff;border-radius:1rem;color:#fff;font-size:0.93rem;font-weight:400;margin-right:0.5rem;padding:0.28rem 0.9rem; }

.item_title4{ display: flex; }
.item_title4 .icon{ margin: 0;padding: 0;box-sizing: border-box;margin-right: 5px;width: 4px;height: 24px;background: #005fff; }
.item_title4 h2{ margin: 0;padding: 0;box-sizing: border-box;font-size: 1.1rem;font-weight: 1000;color: #005fff; }

.item_title5{display:flex;justify-content: space-between;font-size:1.1rem;font-weight:500;margin-bottom:0.35rem; color: #333;}
.item_title5 h2{align-items:center;display:flex;font-size:1.3rem;font-weight:500;}
.item_title5 h2::before{ background:#005dff;content:'';display:block;height:1.8rem;margin-right:10px;width:0.3rem; }

.item_title6{ display: flex; }
.item_title6 .icon{ margin: 0;padding: 0;box-sizing: border-box;margin-right: 5px;width: 4px;height: 24px;background: #005559; }
.item_title6 h2{ margin: 0;padding: 0;box-sizing: border-box;font-size: 1.1rem;font-weight: 1000;color: #005559; }

.item_text {line-height: 1.8;font-size: 1rem;font-weight: 400;color: #555;text-align: left;}

.cont_title{ font-size:2rem;font-weight:600;margin-bottom:0.8rem;text-align:center; color: #222; }
.cont_title span { font-weight:300; }
.cont_title2{ font-size:1.6rem;font-weight:400;text-align:center;color: #333; }
.cont_title2 span{ color:#0f66ff;font-weight:500; }
.cont_title3{ color:#333333;font-size:2rem;font-weight:500;text-align:center; }
.cont_title3 span{ color:#0f66ff; }
.cont_title4{ color:#0f66ff;font-size:1.375rem;font-weight:500;text-align:center; }
.cont_title5{ color:#333333;font-size:2rem;font-weight:500;text-align:center; }
.cont_title5 span{ color:#2e4a00; }
.cont_title6{ color:#333333;font-size:1.6rem;font-weight:400;text-align:center; }
.cont_title6 span{ color:#2e4a00;font-weight:500; }

.gray_box { display: inline-block; background: #ebebeb; border: 1px solid #d3d3d3; padding: 0.8rem 1.4rem; }
.gray_box2 { background: #ebebeb; padding: 0.8rem 1.4rem; }
button:active { transform: translateY(3px); }

/* input */
input[type='text'],
input[type='password'],
input[type='email'],
input[type='tel'],
input[type='search'],
select { height: 3.125rem; padding: 0.9rem; border: 1px solid #e1e1e1; font-size: 0.93rem; font-family: 'Spoqa Han Sans Neo', 'sans-serif';}
input::placeholder {
	color: #b4bfc7;
}

/* textarea sms msg  */
.sms_msg{font-size: 0.93rem; font-family: 'Spoqa Han Sans Neo', 'sans-serif';}
.sms_msg::placeholder {font-size: 0.93rem; font-family: 'Spoqa Han Sans Neo', 'sans-serif';color: #b4bfc7;}

input[type='text'],
input[type='email'],
input[type='password'],
input[type='tel'] {
	border-radius: 0.18rem;
	/* width: 100%; */
}

button, input {transition: 0.3s;font-family: 'Spoqa Han Sans Neo', 'sans-serif';}

.tip {background: #dddfe4;color: #000;padding: 0.93rem 1.25rem;font-size: 0.96rem;font-weight: 400;line-height: 1.8;}
.tip2 {text-align: center;font-size: 1.05rem;font-weight: 400;color: #ff5757;}
.code {display: inline-block;background: #ebf0f3;border: 1px solid #c8d4db;padding: 1.25rem;font-size: 0.95rem;font-weight: 400;width:100%;}

/* 참조박스 */
.refer {display: flex;	justify-content: center;align-items: center;margin: auto;padding: 1.2rem 1.5rem;border-radius: 1.2rem;	font-size: 1rem;	font-weight: 400;line-height: 1.9;	color: #303030;}
.refer .info {	width: 100%;}
.refer h3 {font-size: 1.25rem;	font-weight: 500;}
.refer img {	margin-right: 0.8rem;}


input[type='checkbox'],
input[type='radio']{ display:none; }
input[type='checkbox'] + label{ display: flex;align-items: center; }
input[type='checkbox'] + label .check{ background:#fff;border:1px solid #e1e1e1;border-radius:0.125rem;height:1.5rem;margin-right:0.25rem;width:1.5rem; }
input[type='checkbox']:checked + label .check{ background:#005dff url(/_Img/icon/checked.png) no-repeat center;border:none; }
input[type='radio'] + label{ align-items:center;color:#a5b5c1;cursor:pointer;display:flex;font-size:1rem;font-weight:400; }
input[type='radio'] + label .icon{ align-items:center;border:1px solid #a5b5c1;border-radius:50%;display:flex;height:1.75rem;justify-content:center;margin-right:0.25rem;width:1.75rem; }
input[type='radio'] + label .icon::after{ background:#a5b5c1;border-radius:50%;content:'';height:1rem;width:1rem; }
input[type='radio']:checked + label{ color:#005dff; }
input[type='radio']:checked + label .icon{ border:1px solid #005dff; }
input[type='radio']:checked + label .icon::after{ background:#005dff; }


/* icon /images/service/link_icon.svg*/
.link_icon { background: url(/_Img/icon/link_icon.svg) no-repeat right;padding-right: 17px;letter-spacing: -0.05em;margin-right: 3px;margin-left: 4px; }

/* header --------------------------*/
.header{ background:#fff;left:0;position:fixed;top:0;width:100%;z-index:10; }
.header.scroll { transition: top 0.2s; }
.header.scroll .gnb  { height: auto; min-height: 0;	opacity: 0; }
.header > .inner_content{ align-items:center;display:flex;height:5.4rem; }


/* logo */
.logo { font-size: 1.6rem; margin-left: 0 !important; font-weight: 800; white-space: nowrap;margin-top: 12px; }

/* lnb */
.lnb{ margin-left: auto; }
.lnb .topmenu{ display:flex; }
.lnb .topmenu > li{ margin:0 1.5rem; }
.lnb .topmenu > li:last-child { margin-right: 0; }
.lnb .topmenu > li:hover .mn_s1{ color:#0053d6; }
.lnb .topmenu > li.over .mn_s1{ color:#0053d6; }
.lnb .topmenu > li > a{ font-size:1rem;font-weight:500; }

/* gnb */
.gnb { border-bottom: 1px solid #ddd; }
.gnb ul{ display:flex; justify-content: flex-end; padding: 10px 0; }
.gnb ul > li::after{ color:#dadfe9; content:'|'; margin:0 10px; }
.gnb ul > li:last-child::after { content: none; }
.gnb a{ color:#90acd8;font-size:0.9rem;font-weight:500; }
.gnb a:hover { color:#5f91e2; }


/* fullmenu */
.full_menu{ background-blend-mode:lighten;background-image:linear-gradient(90deg, #1047a8 50%, #ffffff 50%), url(/_Img/header/menu_bg.png);
	background-repeat:no-repeat;border-top:1px solid #d8e7ee;height:auto;left:0;position:absolute;top:129px;width:100%;overflow: hidden; display: none; transition: 0.5s; }
.full_menu > .inner_content{ display:flex; }
.full_menu .choice_title{ padding:2rem;width:25%; }
.full_menu .choice_title h2{ color:#fff;font-size:1.7rem;font-weight:500;margin-bottom:0.375rem; }
.full_menu .choice_title p{ color:#e7ebf5;font-size:0.9rem;font-weight:300;line-height:1.8;margin-top:20px; }
.full_menu .choice_title .counseling_btn{ align-items:center;background:rgba(255, 255, 255, 60%);border:none;border-radius:1.875rem;color:#0053d6;cursor:pointer;display:flex;
														font-size:0.9rem;font-weight:500;height:2.8rem;justify-content:center;margin-top:1.875rem;width:10.625rem; }
.full_menu .choice_title .counseling_btn img{ margin-right:0.5rem; }
.full_menu .choice_menu{ background:#fff;display:flex;flex-wrap:wrap;width:75%; }
.full_menu .choice_menu > li{ border-bottom:1px solid #d8e7ee;border-right:1px solid #d8e7ee;height:auto;padding:1.25rem 1.5rem;width:33.3334%; }
.full_menu .choice_menu > li > a > .txt{ color:#000c20;font-size:1.15rem;font-weight:500; }
.full_menu .choice_menu > li > a > .txt:hover{ color:#0053d6; }
.full_menu .choice_menu> li.over > a > .txt{ color:#0053d6; }
.full_menu .choice_menu .depth3 > li{ margin:0.6rem 0; }
.full_menu .choice_menu .depth3 > li > a{ color:#333;font-size:1rem;font-weight:400; }
.full_menu .choice_menu .depth3 > li > a:hover{ text-decoration:underline; }
.full_menu .choice_menu .depth3 > li.over > a{ color:#0053d6; }

/* fullmenu.active */
.full_menu.active {max-height: 800px;}


/* mobile_header --------------------------*/
.mobile_header { display: none;	justify-content: space-between;	align-items: center; background: #fff; height: 60px; padding: 0 0.94rem; }
.mobile_menu { position: fixed;	top: 0;	right: -100%; opacity: 0; width: 100%; min-height: 100vh; background: #f1f1f1; transition: 0.5s; z-index: 10; }
.mobile_header .menu_btn { cursor: pointer; }
.mobile_header input[type='checkbox'] { display: none; }
.mobile_header input[type='checkbox']:checked ~ .mobile_menu { right: 0; opacity: 1; }

/* mobile_menu_header */
.mobile_menu_header { background: #0046c1; background-image: url(/_Img/header/menu_bg.png); background-size: 90%;	background-position: top right;	background-repeat: no-repeat; background-blend-mode: multiply; 
								padding: 1.5rem;	height: 130px; }
.mobile_menu_header .close_btn { position: absolute; top: 20px;	right: 20px; cursor: pointer; }
.mobile_menu_header h2 { font-size: 1.3rem;	font-weight: 400; color: #fff; }
.mobile_menu_header h2 span { font-weight: 600; }
.mobile_menu_header .btn_list {	margin-top: 1rem; display: flex; justify-content: space-between; }
.mobile_menu_header .btn_list > a { display: flex; justify-content: center; align-items: center; width: 48%; height: 44px; font-size: 1rem;	font-weight: 500; }
.mobile_menu_header .btn_list .m-header-left-btn { background: #fff; color: #101111; }
.mobile_menu_header .btn_list .m-header-right-btn { background: #101111; color: #fff; }

/* mobile_menu_main */
.mobile_menu_main {	display: flex; min-height: calc(100vh - 130px);}
.mobile_menu_main .category { position: relative; width: 30%; height: calc(100vh - 130px); overflow-y: auto; min-width: 130px; padding-bottom: 60px;}
.mobile_menu_main .category h3 { margin: 1.25rem 0.8rem; font-size: 1rem; font-weight: 500; color: #2f4d7d; margin-bottom: 10px;}
.mobile_menu_main .category li { display: flex; align-items: center; width: 100%; height: 50px; cursor: pointer; user-select: none;}
.mobile_menu_main .category li span { margin-left: 17px; display: block; font-size: 15px; font-weight: 500; color: #000;}
.mobile_menu_main .category li:hover span {	color: #0066ff;}
.mobile_menu_main .category li.on {	background: rgba(133, 187, 248, 0.3);}
.mobile_menu_main .category li.on span { color: #0066ff;}
.mobile_menu_main .category li.on::before { content: ""; display: inline-block; width: 3px; height: 50px; background-color: #0066ff;}
.mobile_menu_main .logout_btn {	position: absolute;	bottom: 0; width: 100%;	height: 46px; display: flex; justify-content: center; align-items: center; 
												border: none;border-radius: 0.125rem; background: #aaaaaa; color: #fff; font-size: 1rem; cursor: pointer; transition: 0.3s;}
.mobile_menu_main .logout_btn:hover { background: #0046c1;}


/* 모바일 메뉴 */
#mobile_menu2 { width: 100%; height: calc(100vh - 130px); overflow-y: auto; user-select: none; }
#mobile_menu2 .m-menu-depth-01 > li { border-bottom: 1px solid #CCC; }
#mobile_menu2 .m-menu-depth-01 > li:last-child { border-bottom: 0; }
#mobile_menu2 .m-menu-depth-01 .depth01-title { font-size: 1.1rem; font-weight: 500; padding: 16px 20px; display: flex; align-items: center; justify-content: space-between; background-color: #FFF; 
																		color: #111; border-bottom: 1px solid #CCC; cursor: pointer;}
/* #mobile_menu2 .m-menu-depth-02 { max-height: 0; opacity: 0; transition: 0.6s; overflow: hidden;} */
#mobile_menu2 .m-menu-depth-02 { display: none; }
#mobile_menu2 .m-menu-depth-02 > li { border-bottom: 1px solid #CCC; }
#mobile_menu2 .m-menu-depth-02 > li:last-child { border-bottom: 0; }
#mobile_menu2 .m-menu-depth-02 .depth02-title { width: 100%; padding: 14px 20px; font-size: 1rem; font-weight: 500; display: flex; align-items: center; justify-content: space-between; color: #111; 
																		border-bottom: 1px solid #CCC; cursor: pointer;}
#mobile_menu2 .m-menu-depth-02 .depth02-title.over a { color: #0046c1; }
/* #mobile_menu2 .m-menu-depth-03 { max-height: 0; opacity: 0; transition: 0.6s; background-color: #FFF; display: flex; flex-wrap: wrap;} */
#mobile_menu2 .m-menu-depth-03 { display: none; background-color: #FFF; }
#mobile_menu2 .m-menu-depth-03 > li { width: 50%; padding: 15px 20px; font-size: 1rem; font-weight: 500; }
#mobile_menu2 .m-menu-depth-02 .depth03-title { width: 100%; color: #333; }
#mobile_menu2 .m-menu-depth-02 .depth03-title::before { content: "-"; color: #999; margin-right: 6px; }
#mobile_menu2 img { width: 24px; }

/* 모바일 메뉴 로그아웃 버튼 */
.mobile_menu .logout_btn { position: absolute; bottom: 0; left: 0; z-index: 10; width: 100%; height: 46px; display: flex; justify-content: center; align-items: center; 
										border: none;border-radius: 0.125rem; background: #aaaaaa; color: #fff; font-size: 1rem; cursor: pointer; transition: 0.3s;}
.mobile_menu .logout_btn:hover { background: #0046c1;}


/* 서브메뉴 hover */
#mobile_menu2 .m-menu-depth-01 .depth01-title:hover { background-color: #ddd; }
#mobile_menu2 .m-menu-depth-02 .depth02-title:hover { color: #011a41; }
#mobile_menu2 .m-menu-depth-03 .depth03-title:hover { color: #011a41; text-decoration: underline; }

/* 서브메뉴 active */
#mobile_menu2 .m-menu-depth-01 .depth01-title.active { background-color: #011a41; }
#mobile_menu2 .m-menu-depth-01 .depth01-title.active a { color: #fff; }
/* #mobile_menu2 .m-menu-depth-01 .depth01-title.active + .m-menu-depth-02 { height: 100%; max-height: 2000px; opacity: 1; overflow: hidden; } */
#mobile_menu2 .m-menu-depth-01 .depth01-title.active + .m-menu-depth-02 { display: block; }
#mobile_menu2 .m-menu-depth-01 .depth01-title.active .menu_icon { transform: rotate(180deg); }
#mobile_menu2 .m-menu-depth-03 > li.over .depth03-title { color: #0046c1; text-decoration: underline; color: #0046c1; font-weight: 500;}
#mobile_menu2 .m-menu-depth-02 .depth02-title.active a { color: #0046c1; font-weight: 500; }

/* #mobile_menu2 .m-menu-depth-02 .depth02-title.active + .m-menu-depth-03 { height: 100%; max-height: 5000px; opacity: 1; overflow: hidden; } */
#mobile_menu2 .m-menu-depth-02 .depth02-title.active + .m-menu-depth-03 { display: block; }
#mobile_menu2 .m-menu-depth-02 .depth02-title.active .menu_icon { transform: rotate(180deg); }

/* footer-------------------------- */
.footer {background: #1a1a1a;}

/* top_footer */
.top_footer { border-bottom: 1px solid #303030;}
.foot_gnb { display:flex; flex-wrap: wrap; }
.foot_gnb > li{ padding:1rem 1.12rem; }
.foot_gnb > li:hover a{ color:#ccc; }
.foot_gnb .point{ background:rgba(255, 255, 255, 0.1); }
.foot_gnb .point:hover{ background:rgba(255, 255, 255, 0.15); }
.foot_gnb .point:hover a{ color:#fff; }
.foot_gnb .point a{ color:#fff;font-weight:500; }
.foot_gnb > li > a{ color:#bbb;font-size:0.93rem;font-weight:400; }
.foot_gnb > li.company_select{ background:rgba(255, 255, 255, 0.2);color:#c4c4c4;cursor:pointer;font-size:0.93rem;font-weight:500;padding:1.25rem; }
.foot_gnb > li.company_select img{ margin-left:1rem; }


/* btm_footer */
.btm_footer{ padding:1.875rem 0 1.25rem; }
.btm_footer .inner_content{ display:flex; }
.btm_footer .foot_logo{ color:#ffffff;font-size:1.125rem;font-weight:500;margin-right:1.875rem; }
.btm_footer .foot_info > div{ color:#ccc;display:flex;font-size:0.875rem;font-weight:300;margin-bottom:0.625rem; }
.btm_footer .foot_info h5{ color:#ccc;font-size:1rem;font-weight:500;margin-right:0.5rem; }
.btm_footer .foot_info span{ font-size:1rem;font-weight:500;margin-left:1rem;margin-right:0.3rem; }
.btm_footer .foot_info .copyright{ color:#7c7c7c;font-size:0.875rem;font-weight:300;margin-top:3.125rem; }
.btm_footer .right { margin-left: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; }
.btm_footer .right .family { 
	min-width: 180px; height: 44px; padding: 0 0 0 10px; margin-bottom: 6px; 
	background: transparent; border: 1px solid #666; color: #ddd; font-size: 15px; font-weight: 400; cursor: pointer; 
	background: url('/_Img/icon/select_2.png') no-repeat 94% 50% ; 
}
.btm_footer .right .family option { color:black; }
.btm_footer .foot_num{ align-items:flex-start;display:flex;}
.btm_footer .foot_num > div{ align-items:flex-end;display:flex; }
.btm_footer .foot_num > div:nth-child(1)::after{ color:#555;content:'|';display:block;margin:0 0.5rem; }
.btm_footer .foot_num h5{ color:#ddd;font-size:0.93rem;font-weight:300;margin-right:0.25rem; }
.btm_footer .foot_num .num{ color:#fff;font-size:1.5rem;font-weight:500; }
.btm_footer .inner_content > .copyright{ color:#7c7c7c;display:none;font-size:0.875rem;font-weight:300;margin-top:1.8rem;text-align:center; }

/* layout-------------------------- */
/* visimg */
.visimg{ margin-top:130px;position:relative;width:100%; }
.visimg .inner_content{ align-items:center;display:flex;justify-content:center;position:relative;padding: 8rem 0;height: 310px; }

/* 일부 메뉴에서 탑배너 숨김(로그인,고객등록) */
.visimg.topMenu { display:none; }

.visimg_title{ color:#fff;text-align:center; padding: 0 20px; }
.visimg_title h1{ font-size:2.4rem;font-weight:500; }
.visimg_title h3{ color:#a2a7a9;font-size:1.2rem;font-weight:300; }
.visimg_title .txt_guidance { margin: 8px auto 0; width: 100%; white-space: pre-wrap; }

/* ctl_box */
.visimg .ctl_box > div{ cursor:pointer;margin-top:-1.625rem;top:50%; }
.visimg .ctl_box > div a{ align-items:center;display:flex; }
.visimg .ctl_box span{ color:#fff;font-size:0.96rem;font-weight:300; }
.visimg .ctl_box .prev_btn{ left:0;position:absolute; }
.visimg .ctl_box .next_btn{ position:absolute;right:0; }
.visimg .ctl_box .prev_btn:hover .icon{ transform:translateX(-15px); }
.visimg .ctl_box .next_btn:hover .icon{ transform:translateX(15px); }
.visimg .ctl_box .prev_btn span{ margin-left:0.375rem; }
.visimg .ctl_box .next_btn span{ margin-right:0.375rem; }
.visimg .ctl_box .icon{ align-items:center;background:rgba(255, 255, 255, 0.3);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:3.125rem;justify-content:center;transition:0.3s;width:3.125rem; }
.visimg .ctl_box .icon img{ width:0.875rem; }

/* first_menu */
.visimg .first_menu{ background:rgba(255, 255, 255, 0.4);overflow-x:auto;}
.visimg .first_menu ul{ align-items:center;display:flex;height:3rem;margin:auto;max-width:1280px;white-space:nowrap; }
.visimg .first_menu li{ height:100%;position:relative; }
.visimg .first_menu li a{ align-items:center;color:#fff;display:flex;font-size:1rem;font-weight:300;height:100%;justify-content:center;padding:0 1.4rem;transition:0.2s; }
.visimg .first_menu li.on::after{ background:#0090ff;bottom:0px;content:'';display:block;height: 3px;left:0;position:absolute;width:100%; }
.visimg .first_menu li:hover a,
.visimg .first_menu li.on a{ background:rgba(0, 0, 0, 50%); }

/* second_menu */
.visimg .second_menu{ background:#222;width:100%;overflow-x: auto; white-space: nowrap; }
.visimg .second_menu ul{ align-items:center;display:flex;height:3rem;margin:auto;max-width:1280px; }
.visimg .second_menu li{ height:100%;position:relative; }
.visimg .second_menu li a{ align-items:center;color:#fff;display:flex;font-size:1rem;font-weight:300;height:100%;justify-content:center;opacity:0.8;padding:0 1.4rem;transition:0.3s; }
.visimg .second_menu li.on::after{ background:#0090ff;bottom:0px;content:'';display:block;height:3px;left:0;position:absolute;width:100%; }
.visimg .second_menu li:hover a,
.visimg .second_menu li.on a{ background:#404040;opacity:1; }

/* main_content */
.main_content{ background:linear-gradient(#f1f2f3 85%, #e1eaf7) bottom;padding-bottom:10rem; }
.main_content .cont_top{ align-items:center;display:flex;justify-content:space-between;padding-top:3rem; }
.main_content .cont_location{ align-items:center;color:#333;display:flex;font-size:1rem; }
.main_content .cont_location > div::before{ color:#999;content:'>';font-size:0.6rem;margin:0 0.5rem; }
.main_content .cont_icon{ display:flex; }
.main_content .cont_icon > div{ align-items:center;border-radius:50%;cursor:pointer;display:flex;height:3rem;justify-content:center;transition:0.3s;width:3rem; }
.main_content .cont_icon .print_btn{ margin-left:0.625rem; }
.main_content .cont_icon > div:hover{ box-shadow:8px 13px 15px rgba(0, 42, 101, 0.15); }

/* notice ------------------------------- */
.notice{ padding-top:4rem; }
.notice .search_top{ align-items:center;display:flex;justify-content:space-between;margin:1.6rem 0; }
.notice .search_box{ align-items:center;display:flex; }
.notice .search_box select{ border-radius:3px;margin-right:0.6rem;padding:0 0.4rem;width:7.5rem; }
.notice .search_box input{ border-radius:0.1875rem;width:17.5rem; }
.notice .search_box .search_btn{ align-items:center;background:#0066ff;border-radius:1.875rem;cursor:pointer;display:flex;height:3.125rem;justify-content:center;left:-30px;position:relative;transition:0.3s;width:3.125rem; }
.notice .search_box .search_btn:hover{ background:#1047a8; }
.notice .total{ align-items:center;color:#0066ff;display:flex;font-size:1rem;font-weight:500; }
.notice .total .total_num{ color:#111;font-size:1.125rem;font-weight:500;margin:0 0.3rem; }
.notice .total .page{ color:#333;font-size:0.9rem;font-weight:400; }
.notice .total .page span{ color:#0066ff; }
.notice table td,
.notice table th{ border:none;border-bottom:1px solid #ccc;text-align:center; }
.notice table th{ color:#0066ff; }
.notice table td.title_td{ text-align:left; }
.notice table td a:hover{ text-decoration:underline; }

/* paging */
.notice .paging{ align-items:center;display:flex;justify-content:center;margin-top:2.4rem; }
.notice .paging a{ color:#90acd8;margin:0 0.4rem; }
.notice .paging a.on{ border-radius:50%;color:#ff7700;font-weight:600;height:2rem;line-height:2rem;margin:0;text-align:center;width:2rem; }
.notice .paging a:hover{ color:#ff7700; }


/* notice_view ------------------------------- */
.notice_view .view{ border-radius:0 0 25px;border-top:2px solid #5092fc;margin-top:1.6rem;overflow:hidden; }
.notice_view .view_top{ align-items:flex-end;border-bottom:1px solid #ccc;display:flex;justify-content:space-between;padding:1.5rem 2rem; }
.notice_view .view_top h1{ font-size:1.25rem;font-weight:500;margin-bottom:0.6rem; }
.notice_view .view_top .info span{ color:#333;font-size:1rem;font-weight:400; }
.notice_view .view_top .info .writer::after{ color:#bbb;content:'|';margin:0 0.8rem; }
.notice_view .content{ min-height:22rem;padding:1.5rem 2rem; }
.notice_view .btn_list{ align-items:center;display:flex;justify-content:space-between; }
.notice_view .btn_list > a{ align-items:center;border-top:1px solid #ccc;display:flex;padding:1.5rem 2rem;transition:0.3s;width:50%; }
.notice_view .btn_list > a:hover{ background:#cdd2d8; }
.notice_view .btn_list > a:hover .arrow{ color:#fff; }
.notice_view .btn_list .prev{ border-right:1px solid #ccc;justify-content:flex-start; }
.notice_view .btn_list .next{ justify-content:flex-end;text-align:right; }
.notice_view .btn_list .arrow{ color:#999;font-size:2rem; }
.notice_view .btn_list .prev .arrow{ margin-right:1.6rem; }
.notice_view .btn_list .next .arrow{ margin-left:1.6rem; }
.notice_view .btn_list h4{ color:#0066ff;font-size:1.05rem;font-weight:500; }
.notice_view .btn_list p{ color:#333; }
.notice_view .list_btn{ align-items:center;background:#82b2fe;border-radius:0.625rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;height:3.4rem;
								justify-content:center;margin:1.8rem auto;transition:0.3s;width:10rem; }
.notice_view .list_btn:hover{ background:#5092fc; }
.notice_view .list_btn:active{ transform:translateY(3px); }

/*  약관 -------------------------------*/
/* agree */
section.agree{ border-top:2px solid #555;padding:2.4rem 2.6rem; }
section.agree .cont_title{ margin-bottom:0;padding-bottom:1.8rem;padding-top:4rem; }
section.agree .tit_subject{ color:#1e1e1e;display:block;font-size:1.06rem;font-weight:500;line-height:2;padding-top:2.8rem; }
section.agree .tit_subject + .desc{ border-bottom:1px solid #ccc;color:#555;font-size:1rem;font-weight:400;line-height:2.2;padding-bottom:1rem;padding-top:1rem; }
section.agree .desc > a{ color:#185bc0;font-weight:400;text-decoration:underline; }
section.agree .desc:last-child{ border-bottom:0; }
section.agree .tit_subject{ color:#1e1e1e;display:block;font-size:1.06rem;font-weight:500;line-height:2;padding-top:2.8rem; }
section.agree .desc{ border-bottom:1px solid #ccc;color:#555;font-size:1rem;font-weight:400;line-height:2.2;padding-bottom:1rem;padding-top:1rem; }
section.agree .list_1{ line-height:2.2;padding-top:1.6rem; }
section.agree .list span{ margin-right:5px; }
section.agree .desc > a{ color:#185bc0;font-weight:400;text-decoration:underline; }
section.agree .desc:last-child{ border-bottom:0; }
section.agree .tip{ font-size:0.98rem;margin-top:2rem; }

/*  privacy_block -------------------------------*/
/* privacy */
section.privacy{ border-top:2px solid #555;padding:2.4rem 2.6rem; }
section.privacy .cont_title{ margin-bottom:0;padding-bottom:1.8rem;padding-top:4rem; }
section.privacy .tit_policy{ color:#1e1e1e;font-size:1.6rem;font-weight:bold;line-height:2;padding-top:4rem; }
section.privacy .tit_subject{ color:#1e1e1e;display:block;font-size:1.06rem;font-weight:500;line-height:2;padding-top:2.8rem; }
section.privacy .desc{ border-bottom:1px solid #ccc;color:#555;font-size:1rem;font-weight:400;line-height:2.2;padding-bottom:2rem;padding-top:1rem; }
section.privacy .desc > a{ color:#185bc0;font-weight:400;text-decoration:underline; }
section.privacy .desc:last-child{ border-bottom:0; }
section.privacy .desc .list_1{ line-height:2.2;padding-top:1.6rem; }
section.privacy .desc .list_2{ font-size:0.95rem;line-height:2.2;padding-left:0.8rem;padding-top:0.4rem; }
section.privacy .desc .list_3{ font-size:0.95rem;font-weight:400;line-height:2.2;padding-left:1.4rem; }
section.privacy .desc .list_content{ line-height:2.2;padding-left:0.8rem;padding-top:0.4rem; }
section.privacy .desc .list_content > li{ margin-bottom:0.4rem; }
section.privacy .desc .list_content > li:last-child{ margin-right:0; }
section.privacy .desc > .list span{ margin-right:5px; }
section.privacy .desc .tit_sub{ color:#111;font-size:1rem;font-weight:500;padding:2.2rem 0 0.4rem; }


/* 비주얼메인 화살표 버튼 */
.owl-prev, .owl-next { display: block; width: 3.2rem; height: 3.2rem; border-radius: 0.25rem; background-color: rgba(255, 255, 255, 0.3) !important; user-select: none;}
.owl-nav span { font-size: 3.6rem; font-weight: 300; line-height: 2.1rem; color: #FFF; }
.owl-dots button { margin: 0 3px; width: 12px; height: 12px; border: 2px solid #fff !important; border-radius: 6px; background-color: transparent; }
.owl-dots button.active { width: 30px; }

/* 구름버튼 */
.s-btn-cloud { display: flex; align-items: center; justify-content: center; width: 14rem; height: 3.7rem; margin: 1.8rem auto; border-radius: 35px; font-size: 1rem; font-weight: 500; color: #82b2fe; cursor: pointer;}
.s-btn-cloud img { width: 2.3rem; margin-right: 0.4rem; }

/* 파란색 등록 버튼  */
.s-btn-req { align-items: center; background-color: #0066ff;border-radius: 3rem; color: #fff; cursor: pointer; 
	display: flex; font-size: 1rem; height: 3.5rem; justify-content: center;margin: 1rem auto 0; user-select: none; width: 12.5rem; }
.s-btn-req:hover { background-color: #0054d3; }

/* 카카오 결제 버튼 */
.k-btn-req { align-items: center; background-color: #f67118;border-radius: 3rem; color: #fff; cursor: pointer; 
	display: flex; font-size: 1rem; height: 3.5rem; justify-content: center;margin: 1rem auto 0; user-select: none; width: 12.5rem; }
.k-btn-req:hover { background-color: #eb6409; }

/* 리스트 버튼 */
.list-btn {align-items: center; background-color: #444;border-radius: 3rem; color: #fff; cursor: pointer; display: flex; font-size: 1rem; height: 3.5rem; 
			justify-content: center; margin: 1rem auto 0; user-select: none; width: 12.5rem; transition: 0.3s;}
.list-btn:hover { background-color: #222; }

.btn-list1, .btn-list2, .btn-list3, .btn-list4, .btn-list5{
	align-items: center; border-radius: 0.5rem; color: #fff; cursor: pointer; 
	display: flex; font-size: 1rem;height: 2rem; justify-content: center; margin: auto; user-select: none; transition: 0.3s;	
}
.btn-list1 { background-color: #4CAF50; }/*Dark moderate lime green.*/
.btn-list2 { background-color: #51929f; }/*Dark moderate cyan.*/
.btn-list3 { background-color: #abaf4c; }/*Dark moderate yellow.*/
.btn-list4 { background-color: #af504c; }/*Dark moderate red.*/
.btn-list5 { background-color: #af824c; }/*Dark moderate orange.*/
.btn-list1:hover { background-color: #3d8b40; }
.btn-list2:hover { background-color: #40737d; }
.btn-list3:hover { background-color: #888b3d; }
.btn-list4:hover { background-color: #8b403d; }
.btn-list4:hover { background-color: #8b683d; }


/* 유선문의, 이메일문의 ul */
.box_service { display: flex; justify-content: center; margin: 1.5rem 0 3rem; }
.box_service li { display: flex; align-items: center; }
.box_service li:first-child { margin-right: 4rem; }
.box_service li .icon { display: flex; justify-content: center; align-items: center; min-width: 5.25rem; min-height: 5.25rem; width: 5.25rem; height: 5.25rem; border-radius: 1.2rem; margin-right: 0.8rem;}
.box_service li .info .title,.box_service li .info .h4 { font-size: 1rem;	font-weight: 500; color: #555; }
.box_service li .info .text, .box_service li .info div {font-size: 1.6rem; font-weight: 600; color: #111; }
.box_service li .info .text2 {font-size: 1.5rem; font-weight: 600; color: #111; }

/* 다운로드버튼 */
.down_btn{ align-items:center;border-radius:1.2rem;cursor:pointer;display:flex;flex-direction:column;height:7.5rem;justify-content:center;user-select:none;width:13rem; margin-right: 10px; }
.down_btn:last-child { margin-right: 0; }
.down_btn a{ text-align: center; }
.down_btn p{ color:#90acd8;font-size:1.05rem;font-weight:500;margin-top:0.4rem;transition:0.3s; }
.down_btn svg,
.down_btn .change{ transition:0.3s; }
.down_btn:hover .change{ fill:#0f64ee; }
.down_btn:hover p{ color:#0f64ee; }
.down_btn:hover svg{ transform:scale(1.1); }


/* 문의하기 버튼 */
.ask_btn {display: flex;flex-direction: column;	justify-content: center;align-items: center;min-width: 6.6rem;min-height: 6.6rem;width: 6.6rem;	height: 6.6rem;	border-radius: 50%;	user-select: none;}
.ask_btn p {font-size: 0.9rem;}
.ask_btn:hover .change {fill: #efa400;}

/* 회원가입 하단 버튼 */
.block_btn_list { display:flex;justify-content:center;margin-top:4.3rem; }
.block_btn_list .check_btn { background-color: #0066ff; color: #fff; margin-right: 1%;align-items: center; display: flex; font-size: 1rem; height: 3.5rem; justify-content: center; width: 11.25rem; border-radius: 6px;}
.block_btn_list .check_btn:hover { background-color: #0054d3;}
.block_btn_list .cancle_btn { background-color: #ccc; color:#111; transition: 0.3s; margin-right: 1%;align-items: center; display: flex; font-size: 1rem; height: 3.5rem; justify-content: center; width: 11.25rem;border-radius: 6px;}
.block_btn_list .cancle_btn:hover { background: #aaa; }
.block_btn_list .idc_btn { background-color: #ba7000; color:#111; transition: 0.3s; margin-right: 1%;align-items: center; display: flex; font-size: 1rem; height: 3.5rem; justify-content: center; width: 11.25rem;border-radius: 6px;}
.block_btn_list .idc_btn:hover { background: #a06000; }


@media (max-width: 1200px) {
	/* header-------------------------- */
	.header { display: none; }
	.mobile_header { display: flex; }

	/* footer-------------------------- */
	.btm_footer .inner_content { flex-direction: column; align-items: center; text-align: center; }
	.btm_footer .foot_logo { margin: 0 0 20px 0; }
	.btm_footer .foot_info .copyright { display: none; }
	.btm_footer .inner_content > .copyright { display: block; }
	.btm_footer .foot_info > div { flex-wrap: wrap; justify-content: center; }
	.foot_gnb > li { padding: 14px 12px; }
	.foot_gnb > li.company_select { padding: 14px; }

	/* layout-------------------------- */
	.visimg { margin-top: 0; }
	.visimg .inner_content { padding: 6rem 0; }

	.cont_title { font-size: 1.8rem; }
	.cont_title3 { font-size: 1.8rem; }
	
	.btm_footer .right {margin-left: 0; margin-top: 20px; align-items: center;}
	.btm_footer .right .family { margin-top: 30px; }
}

@media (max-width: 999px) {
	html,
	body {
		font-size: 15px;
	}
	.visimg .inner_content { padding: 4rem 0; }
    .top_footer .inner_content { overflow-x: auto;}
    .foot_gnb { white-space: nowrap; flex-wrap: nowrap; }
}

@media (max-width: 799px) {
    /* section */
    section { padding: 4.5rem 0; }

    .box_service {
        flex-direction: column; align-items: center;
    }
    .box_service li:nth-child(1) { margin: 0 0 20px 0; }
    .box_service li .info .text {font-size: 1.5rem; }
    .box_service li .info .text2 {font-size: 1.4rem; }

	/*  write */
    section.write table { min-width: auto !important; }
    section.write tr {display: flex; flex-wrap: wrap; flex-direction: column;}
    section.write th {background-color: #f9f9f9;}
    section.write table input, 
    section.write table select,
    section.write table textarea { width: 100% !important;}
	
}

@media (max-width: 768px) {
	html,
	body {
		font-size: 14px;
		line-height: 1.6;
	}
	/* footer-------------------------- */
	.btm_footer .foot_info > div { margin-bottom: 15px; display: block; }
	.btm_footer .foot_info h5 { width: 100%; margin: 0 0 2px 0; }
	.btm_footer .foot_info span { margin-left: 0; }
	.btm_footer .foot_num { flex-direction: column; }
	.btm_footer .foot_num > div:nth-child(1)::after { display: none; }
	.btm_footer .foot_num > div:nth-child(1) { margin-bottom: 10px; }

	/* layout-------------------------- */
	.visimg_title h1 { font-size: 2rem; }
	.visimg_title h3 { font-size: 1.1rem; }
	.visimg .ctl_box span { display: none; }
	.visimg .ctl_box .icon { width: 3rem; height: 3rem; }

	.main_content .cont_top { padding-top: 3rem; }

	.cont_title { font-size: 1.6rem; }
	.cont_title3 { font-size: 1.6rem; }
}
@media (max-width: 599px) {
    /* section */
    section { padding: 4rem 0; }
    .main_content .cont_top { margin-bottom: 1rem; }

    /* 네비게이션 */
    .main_content .cont_location { font-size: 0.94rem; }
    .main_content .cont_location > div::before { margin: 0 6px; }
    .main_content .cont_top { padding-top: 1.5rem;}

    .visimg .inner_content { height: 240px; }
}

@media (max-width: 499px) {
	html,
	body {
		font-size: 14px;
		line-height: 1.571;
	}

    /* 임시 */
    .logo { font-size: 1.4rem; }

    .foot_gnb > li { padding: 10px; } 
    .visimg_title h1 { font-size: 1.8rem; }
}

@media (max-width: 349px) {
	.cont_title span { display: block; }
}

/* 임시로 숨김 */
.visimg .ctl_box { display: none; }
.visimg .second_menu li.on::after { display: none; }
.visimg .first_menu li.on::after { display: none; }

/*FROM SITE CODE :  
*/