@charset 'utf-8';

@font-face {
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:100;
	src:url('./fonts/noto-sans-kr-v7-latin_korean-100.eot');/* IE9 Compat Modes */
	src:local('Noto Sans KR Thin'), local('NotoSansKR-Thin'),
		url('./fonts/noto-sans-kr-v7-latin_korean-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('./fonts/noto-sans-kr-v7-latin_korean-100.woff2') format('woff2'), /* Super Modern Browsers */
		url('./fonts/noto-sans-kr-v7-latin_korean-100.woff') format('woff'), /* Modern Browsers */
		url('./fonts/noto-sans-kr-v7-latin_korean-100.svg#NotoSansKR') format('svg');/* Legacy iOS */
}
@font-face {
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:300;
	src:url('./fonts/noto-sans-kr-v7-latin_korean-300.eot');/* IE9 Compat Modes */
	src:local('Noto Sans KR Light'), local('NotoSansKR-Light'),
		url('./fonts/noto-sans-kr-v7-latin_korean-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('./fonts/noto-sans-kr-v7-latin_korean-300.woff2') format('woff2'), /* Super Modern Browsers */
		url('./fonts/noto-sans-kr-v7-latin_korean-300.woff') format('woff'), /* Modern Browsers */
		url('./fonts/noto-sans-kr-v7-latin_korean-300.svg#NotoSansKR') format('svg');/* Legacy iOS */
}
@font-face {
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:400;
	src:url('./fonts/noto-sans-kr-v7-latin_korean-regular.eot');/* IE9 Compat Modes */
	src:local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
		url('./fonts/noto-sans-kr-v7-latin_korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('./fonts/noto-sans-kr-v7-latin_korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
		url('./fonts/noto-sans-kr-v7-latin_korean-regular.woff') format('woff'), /* Modern Browsers */
		url('./fonts/noto-sans-kr-v7-latin_korean-regular.svg#NotoSansKR') format('svg');/* Legacy iOS */
}
@font-face {
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:500;
	src:url('./fonts/noto-sans-kr-v7-latin_korean-500.eot');/* IE9 Compat Modes */
	src:local('Noto Sans KR Medium'), local('NotoSansKR-Medium'),
		url('./fonts/noto-sans-kr-v7-latin_korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('./fonts/noto-sans-kr-v7-latin_korean-500.woff2') format('woff2'), /* Super Modern Browsers */
		url('./fonts/noto-sans-kr-v7-latin_korean-500.woff') format('woff'), /* Modern Browsers */
		url('./fonts/noto-sans-kr-v7-latin_korean-500.svg#NotoSansKR') format('svg');/* Legacy iOS */
}
@font-face {
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:700;
	src:url('./fonts/noto-sans-kr-v7-latin_korean-700.eot');/* IE9 Compat Modes */
	src:local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
		url('./fonts/noto-sans-kr-v7-latin_korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('./fonts/noto-sans-kr-v7-latin_korean-700.woff2') format('woff2'), /* Super Modern Browsers */
		url('./fonts/noto-sans-kr-v7-latin_korean-700.woff') format('woff'), /* Modern Browsers */
		url('./fonts/noto-sans-kr-v7-latin_korean-700.svg#NotoSansKR') format('svg');/* Legacy iOS */
}
@font-face {
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:900;
	src:url('./fonts/noto-sans-kr-v7-latin_korean-900.eot');/* IE9 Compat Modes */
	src:local('Noto Sans KR Black'), local('NotoSansKR-Black'),
		url('./fonts/noto-sans-kr-v7-latin_korean-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('./fonts/noto-sans-kr-v7-latin_korean-900.woff2') format('woff2'), /* Super Modern Browsers */
		url('./fonts/noto-sans-kr-v7-latin_korean-900.woff') format('woff'), /* Modern Browsers */
		url('./fonts/noto-sans-kr-v7-latin_korean-900.svg#NotoSansKR') format('svg');/* Legacy iOS */
}

/* 초기화 */
html, body {width:100%;height:100%;}
body {margin:0;padding:0;font-size:0.9em;font-family:'Noto Sans KR', 'Malgun Gothic',dotum,sans-serif;background:#fff;color:#000;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0;}
h6 {font-size:1.1em;}
h5 {font-size:1.2em;}
h4 {font-size:1.4em;}
h3 {font-size:1.6em;}
h2 {font-size:2em;}
h1 {font-size:2.4em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
ul, dl, dt, dd {margin:0;padding:0;list-style:none;}
input, button, select, img {vertical-align:middle;font-size:1em;}
input, button {margin:0;padding:0;font-family:inherit;font-size:1em;}
input[type=text],
input[type=password] {font-family:'Malgun Gothic',dotum,sans-serif;}
button, input[type=button], input[type=submit], input[type=image] {cursor:pointer;}
img, input[type=image] {border:0;}
img {max-width:100%;height:auto;}
table {border-collapse:collapse;border-spacing:0;}
th {text-align:center;font-weight:bold;}
textarea, select {font-family:inherit;font-size:1em;}
textarea {min-height:100px;}
select {margin:0;min-width:70px;}
p {margin:0;padding:0;word-break:break-all;}
a {color:#000;text-decoration:none;}
caption {overflow:hidden;width:0;height:0;text-indent:-99999px;}
strong {font-weight:400;}

*, :after, :before {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

input::placeholder {color:#999;}
input::-webkit-input-placeholder {color:#999;}
input:-ms-input-placeholder {color:#999;}
textarea::placeholder {color:#999;}
textarea::-webkit-input-placeholder {color:#999;}
textarea:-ms-input-placeholder {color:#999;}

/* ios기본효과초기화 */
input[type=text], input[type=password], input[type=button], input[type=submit] {appearance:none;-webkit-appearance:none;-webkit-border-radius:0;border-radius:0;-moz-border-radius:0;-moz-appearance:none;}

.noscroll {overflow:hidden;}

.line1 {height:1px;background:#ddd;margin:10px 0;}

h3, h4, h5, h6 {font-weight:500;}

.w100p {width:100% !important;}
.w90p {width:90% !important;}
.w80p {width:80% !important;}
.w70p {width:70% !important;}
.w60p {width:60% !important;}
.w50p {width:49% !important;}
.w40p {width:40% !important;}
.w35p {width:35% !important;}
.w30p {width:30% !important;}
.w20p {width:20% !important;}
.w10p {width:10% !important;}

.w50 {width:50px !important;}
.w60 {width:60px !important;}
.w80 {width:80px !important;}
.w100 {width:100px !important;}
.w200 {width:200px !important;}
.w300 {width:300px !important;}
.w400 {width:400px !important;}
.w500 {width:500px !important;}

.h100 {height:100px !important;}
.h200 {height:200px !important;}
.h300 {height:300px !important;}
.h400 {height:400px !important;}
.h500 {height:500px !important;}

.mt2 {margin-top:2px !important;}
.mt5 {margin-top:5px !important;}
.mt8 {margin-top:8px !important;}
.mt10 {margin-top:10px !important;}
.mt12 {margin-top:12px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}

.mb2 {margin-bottom:2px !important;}
.mb5 {margin-bottom:5px !important;}
.mb8 {margin-bottom:8px !important;}
.mb10 {margin-bottom:10px !important;}
.mb12 {margin-bottom:12px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}

.ml2 {margin-left:2px !important;}
.ml5 {margin-left:5px !important;}
.ml8 {margin-left:8px !important;}
.ml10 {margin-left:10px !important;}
.ml12 {margin-left:12px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}

.mr2 {margin-right:2px !important;}
.mr5 {margin-right:5px !important;}
.mr8 {margin-right:8px !important;}
.mr10 {margin-right:10px !important;}
.mr12 {margin-right:12px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}

.p0 {padding:0 !important;}
.p10 {padding:10px !important;}
.p15 {padding:15px !important;}
.p20 {padding:20px !important;}
.p30 {padding:30px !important;}
.p40 {padding:40px !important;}
.p50 {padding:50px !important;}
.p1em {padding:1em !important;}

.pt3 {padding-top:3px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}

.pb3 {padding-bottom:3px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}

.pl3 {padding-left:3px !important;}
.pl5 {padding-left:5px !important;}
.pl6 {padding-left:6px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}

.pr3 {padding-right:3px !important;}
.pr5 {padding-right:5px !important;}
.pr6 {padding-right:6px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}

.t-left {text-align:left !important;}
.t-right {text-align:right !important;}
.t-center {text-align:center !important;}
.t-indent {text-indent:-.55em;padding-left:.55em;}

.c-red {color:#ff4747 !important;}
.c-blue {color:#0062ad !important;}
.c-green {color:#00a651 !important;}
.c-orange {color:#f28d01 !important;}
.c-pupple {color:#9028b6 !important;}
.c-black {color:#262626 !important;}

.font12 {font-size:12px !important;}
.font13 {font-size:13px !important;}
.font14 {font-size:14px !important;}
.font16 {font-size:16px !important;}
.font18 {font-size:18px !important;}
.font20 {font-size:20px !important;}


/* skip */
.skip a {display:block;position:absolute;left:0;top:-9999px;overflow:hidden;width:100%;background:black;color:#fff;font-size:1.2em;font-weight:bold;text-align:center;}
.skip a:focus {position:absolute;top:0;padding:1.1em 0;z-index:99999;outline:none !important;}

.wrap {overflow:hidden;}

/* 버튼 */
button[type=button], input[type=submit] input[type=button] {cursor:pointer;transition:all .2s;border:none;}
button[type=button]:hover, input[type=submit]:hover, input[type=button]:hover {opacity:.9;}
button[type=button]:disabled, input[type=submit]:disabled, input[type=button]:disabled {opacity:.2;color:rgba(255,255,255,.7);}

.btn {border:0;text-align:center;letter-spacing:-0.02em;display:inline-block;border-radius:3px;vertical-align:middle;height:35px;line-height:35px;padding:0 20px;color:#fff;background:#666;font-size:15px;box-shadow:inset 0px -17.5px 0 0 rgba(0,0,0,0.05);}
.btn:hover {color:#fff !important;}
.btn i {margin:-1px 5px 0 -5px;}
.btn i img {vertical-align:middle;width:17px;height:17px;}
.btn-round {border-radius:60px !important;}
.btn-small {height:24px;line-height:24px;padding:0 1em;font-size:13px;}
.btn-medium {height:28px;line-height:28px;padding:0 1em;font-size:14px;}
.btn-nogra {box-shadow:none !important;}
.btn-red {background:#d63434 !important;}
.btn-blue {background:#0062ad !important;}
.btn-green {background:#58a000 !important;}
.btn-mint {background:#00c1b6 !important;}
.btn-orange {background:#ff8400 !important;}
.btn-gray {background:#96a2b0 !important;}
.btn-darkred {background:#871717 !important;}
.btn-darkblue {background:#085f98 !important;}
.btn-darkgreen {background:#2e7300 !important;}
.btn-darkgray {background:#52585f !important;}
.btn-black {background:#333 !important;color:#fff !important;box-shadow:inset 0px -17px 0 0 rgba(0,0,0,.5) !important;}
.btn-white {background:#fff !important;border:1px solid #96a2b0 !important;color:#333 !important;font-weight:500 !important;}

/* 페이징 */
.paging {margin:30px auto;text-align:center;width:100%;font-size:0;}
.paging li {display:inline-block;width:30px;height:30px;line-height:30px;border-radius:30px;margin:0 2px;}
.paging li a {width:100%;height:100%;display:block;color:#fff;font-size:13px;font-weight:normal;text-align:center;cursor:pointer;background:#d2d2d2;transition:.2s ease;border-radius:30px;}
.paging li a:hover {color:#fff;background:#13d091;}
.paging .active, .paging .active:hover {background:#13d091;font-weight:500;color:#fff;}
.paging img {vertical-align:middle;margin-top:-4px}
.paging li.img a {background:#fff;}
.colblue{color:#2c6dab}
.colred{color:#ff0000}
.colgreen{color:#00b050}
.colsubway5{color:#a94bc2}
.colsubway5{color:#a26c17}

/* 본문box */
.con_bx {width:100%;max-width:1400px;margin:0 auto;}
.con_bx:after {clear:both;display:block;height:0;content:'';}
.con_bx2 {width:100%;max-width:1400px;margin:0 auto;}
.con_bx2:after {clear:both;display:block;height:0;content:'';}

/* 반응형체어용 */
.responsive_p {}
.responsive_m {display:none !important;}
.autoscroll_x1 {width:100%;max-width:1400px;overflow:hidden;overflow-x:auto;}

.size_s3 {line-height:26px;}
.size_s4 {line-height:30px;}

/* 상단 영역 */
.header {position:relative;z-index:3;background:#fff;}
.top-wrap {background:#344755;}
.top-wrap .link1 {float:left;}
.top-wrap .link1 li {float:left;}
.top-wrap .link1 li a {display:block;height:32px;line-height:32px;padding:0 30px;color:#fff;}
.top-wrap .link1 li.on a {background:#fff;color:#000;}
.top-wrap .link2 {float:right;}
.top-wrap .link2 li {float:left;}
.top-wrap .link2 li a {display:block;height:32px;line-height:32px;padding:0 17px;color:#fff;}
.top-wrap .link2 li.order a {background:#FF4050;color:#fff;}

.nav-wrap {width:100%;max-width:1400px;margin:0 auto;height:80px;text-align:center;background:#fff;position:relative;z-index:2;}
.nav-wrap > ul {display:block;max-width:1400px;margin:0 auto;position:relative;z-index:2;overflow:hidden;height:100%;text-align:right;}
.nav-wrap > ul > li {display:inline-block;vertical-align:top;width:12%;height:100%;text-align:center;}
.nav-wrap > ul > li > a {color:#333;display:block;font-size:20px;width:100%;height:100%;line-height:80px;}
.nav-wrap > ul > li:hover > a {color:#0061ad;}
.nav-wrap > ul > li > a.active {color:#0061ad;}
.nav-wrap h1 {font-size:1.375em;font-weight:500;display:block;position:absolute;left:0;top:20%;z-index:10;}
.nav-wrap h1 a {color:#333;letter-spacing:-.05em;font-size:1.1em;}
.nav-wrap h1 img {vertical-align:middle;margin-right:10px;margin-top:-5px;}
.btn-menu {display:none !important;width:80px;height:80px;background:url('../img/common/btn_m_all_menu_01_open.png') no-repeat center #fff;position:absolute;top:32px;right:0;transition:none !important;}

/* 푸터 */
.fr_foot {background:#59626b;padding:20px 0 40px 0;}
.fr_foot .bx1 .sc1 {float:left;width:100%;}

/* 푸터 > 로고 */
.homelogo2 {float:left;border-right:1px solid #828282;padding-right:25px;margin-right:25px;}

/* 푸터 > 주소및카피라이트 */
.copyright1 {float:left;font-size:0.9em;color:#adadad;}
.copyright1 .tc1 ul {display:inline-block;}
.copyright1 .tc1 ul li {float:left;}
.copyright1 .tc1 ul li a {color:#dadada;}
.copyright1 .tc1 ul li span {display:inline-block;width:1px;height:10px;background:#a1a1a1;margin:0 10px;}
.copyright1 .tc3 {margin-top:1em;}

/* 푸터 > 패밀리사이트 */
.familysite1 {float:right !important;}
.familysite1 .fc1 {display:inline-block;position:relative;z-index:1;width:160px;height:30px;font-size:0.8em;text-align:left;}
.familysite_btn {position:relative;z-index:3;display:block;height:100%;line-height:28px;padding-left:10px;background:#fff url('../img/common/icon_selbox_arrow_01_down.png') right 10px center no-repeat;}
.familysite_opt {position:absolute;z-index:2;bottom:30px;left:0;width:100%;background:#f5f5f5;padding:10px 0;display:none;}
.familysite_opt a {display:block;padding:3px 10px;}
.familysite_opt a:hover {background:#e9e9e9;font-weight:700;}


/* 메인 > 배경이미지 */
.main_bgbig {background-position:center center;background-repeat:no-repeat;background-size:cover;background-image:url('../img/main/bg_big_01.jpg');}
.main_bgbig .sc1 {height:350px;text-align:center;color:#fff;}
.main_bgbig .sc1 h5 {font-size:3em;font-weight:100;padding-top:100px;}
.main_bgbig .sc1 h4 {font-size:3em;margin-top:-0.1em;}
.main_bgbig .sc1 h6 {font-size:1em;padding-top:1em;}
.main_bgbig .sc2 {height:340px;overflow:hidden;}
.main_bgbig .sc2 .bn1 {float:left;width:100%;height:200px;}
.main_bgbig .sc2 .bn1 li {float:left;width:48%;height:100%;display:table;}
.main_bgbig .sc2 .bn1 li ~ li {margin-left:2%;}
.main_bgbig .sc2 .bn1 li a {display:table-cell;vertical-align:middle;width:100%;height:100%;text-align:center;color:#fff;font-size:1.3em;}
.main_bgbig .sc2 .bn1 li:nth-child(1) {background:#3b3da1;}
.main_bgbig .sc2 .bn1 li:nth-child(2) {background:#71bf45;}

/* 넘버링 */
.icon_num1 dl {display:table;width:100%;}
.icon_num1 dl ~ dl {margin-top:10px;}
.icon_num1 dl dt,
.icon_num1 dl dd {display:table-cell;vertical-align:top;}
.icon_num1 dl dt {width:35px;}
.icon_num1 dl dd {width:calc(100% - 35px);line-height:1.6;}
.icon_num1 dl dt span {display:inline-block;border-radius:5px;background:#18997d;color:#fff;text-align:center;width:23px;height:23px;line-height:22px;}

/* 서브 영역 */
.sub-visual {width:100%;height:200px;background:url('../img/sub/bg_subvisual.jpg') center top no-repeat #0062ad;text-align:center;transition:height .3s ease;}
.sub-visual > h2 {color:#fff;font-size:2.1875em;vertical-align:middle;line-height:200px;font-weight:500;}
.sub-wrap	{width:100%;background-image:url(../img/sub/main_bg02.png), url(../img/sub/main_bg03.png);background-position:left top, right top;background-repeat:no-repeat, no-repeat;background-color:#f5f5f5;}
.sub-content {width:100%;max-width:1400px;background:#fff;margin:0 auto;padding:4em 3.125em 6.25em;}
.sub-content .psub_tit11a {font-size:1.875em;color:#333;font-weight:400;text-align:center;border-bottom:1px solid #ddd;padding-bottom:40px;margin-bottom:40px;}
.sub-content .psub_tit12a {font-size:1.875em;color:#333;font-weight:400;text-align:center;padding-bottom:10px;}
.sub-content .psub_tit31a {font-size:1.375em;color:#0061ad;font-weight:400;line-height:1.6;text-align:left;position:relative;padding-left:35px;}
.sub-content .psub_tit31a ~ .psub_tit31a {margin-top:2.5em;}
.sub-content .psub_tit31a::before {display:block;position:absolute;left:0;top:7px;width:27px;height:15px;background:url('../img/sub/bg_bullet01.jpg') 0 0 no-repeat;content:'';margin-right:5px;}
.comment01 {font-size:1.125em;color:#333;font-weight:400;line-height:1.6;text-align:center;}
.comment02 {font-size:1em;color:#333;font-weight:300;line-height:1.6;margin:1em 0;text-align:left;}
.comment03 {font-size:1em;color:#333;font-weight:400;line-height:1.6;margin:1em 0;text-align:left;}

/* sub1 */
.list-A {text-align:left;margin:1em 0;}
.list-A > li {display:block;font-size:1.0625em;line-height:1.4;margin-bottom:7px;color:#333;font-weight:400;}
.list-A > li > ul {padding:5px 10px}
.list-A > li > ul > li {font-size:.95em;}

/* sub2 */
.btn-map {display:inline-block;font-size:.865em;color:#fff;padding:0;width:70px;height:30px;line-height:30px;background:#f28d01;border-radius:5px;margin:0 2px;vertical-align:middle;}
.btn-map::before {content:'';width:12px;height:16px;display:inline-block;background:url('../img/sub/icon_map_01.png') 0 0 no-repeat;margin-right:5px;margin-top:-4px;vertical-align:middle;}
.btn-month {display:inline-block;font-size:.865em;color:#fff;padding:0;width:70px;height:30px;line-height:30px;background:#0062ad;border-radius:5px;margin:0 2px;vertical-align:middle;}
.btn-month::before {content:'';width:17px;height:16px;display:inline-block;background:url('../img/sub/icon_month_01.png') 0 0 no-repeat;margin-right:5px;margin-top:-4px;vertical-align:middle;}
.down-list {text-align:left;font-size:0;margin:50px 0 0;}
.down-list > li {font-size:16px;display:inline-block;height:70px;line-height:70px;border-radius:10px;text-align:center;}
.down-list > li:nth-child(1){width:calc(34.3333% - 50px);margin-right:50px;background:#f28d01;}
.down-list > li:nth-child(2){width:calc(34.3333% - 50px);margin-right:50px;background:#81b826;}
.down-list > li:nth-child(3){width:31.33333%;background:#0062ad;}
.down-list > li a {width:100%;font-size:1.25em;color:#fff;display:block;}
.down-list > li a:hover {color:#fff58a;}
.down-list > li a::before {content:'';width:32px;height:32px;background:url('../img/sub/icon_down_01.png') 0 0 no-repeat;display:inline-block;margin-right:10px;margin-top:-4px;vertical-align:middle;}

/* sub4 */
.tab-button-outer, .tab-select-outer {margin-bottom:30px;text-align:center;}
.tab-button-outer li {width:18%;max-width:150px;margin:0 2px;display:inline-block;border:1px solid #333;}
.tab-button-outer li a {display:block;width:100%;height:40px;line-height:40px;color:#333;}
.tab-button-outer li.active, .tab-button-outer li:hover {background:#333;}
.tab-button-outer li.active a, .tab-button-outer li:hover a {color:#fff;}
.tab-select-outer {display:none;}
.tab-select-outer select {border:1px solid #333;width:100%;max-width:450px;height:45px;line-height:40px;font-size:1em;}

.tab-button-outer2 {margin:20px 0 30px 0;text-align:center;}
.tab-button-outer2 li {display:inline-block;border:1px solid #333;margin:2px 2px;}
.tab-button-outer2 li a {display:block;line-height:40px;color:#333;padding:0 4em;}
.tab-button-outer2 li.active {background:#333;}
.tab-button-outer2 li:hover {background:#444;}
.tab-button-outer2 li.active a,
.tab-button-outer2 li:hover a {color:#fff;}

.search-wrap {background:#f9f9f9;padding:30px 0;text-align:center;}
.search-wrap > input[type=text] {height:45px;line-height:45px;width:500px;margin-right:5px;vertical-align:middle;font-size:1.125em;color:#222;border:1px solid #ddd;padding:0 1em;}
.search-wrap > input[type=text]::placeholder {font-size:1em;color:#222 !important;}
.search-wrap > select {height:45px;line-height:45px;margin-right:5px;width:150px;vertical-align:middle;font-size:1.125em;color:#222;}
.search-wrap > button {height:45px;line-height:45px;border:0;width:150px;background:#0062ad;color:#fff;vertical-align:middle;font-size:1.125em;}

.search-wrap2 {background:#f9f9f9;padding:30px 0;text-align:center;margin-top:10px;}
.search-wrap2 > input[type=text] {height:45px;line-height:45px;width:500px;margin-right:5px;vertical-align:middle;font-size:1.125em;color:#222;border:1px solid #ddd;padding:0 1em;}
.search-wrap2 > input[type=text]::placeholder {font-size:1em;color:#222 !important;}
.search-wrap2 > select {height:45px;line-height:45px;margin-right:5px;width:150px;vertical-align:middle;font-size:1.125em;background-color:#f2f5f9;color:#222;border:1px solid #ddd;}
.search-wrap2 > input[type=submit] {height:45px;line-height:45px;border:0;width:150px;background:#0062ad;color:#fff;vertical-align:middle;font-size:1.125em;}

/* sub5 */
.receipt-step2a {font-size:0;border:1px solid #ddd;margin:30px 0 0;}
.receipt-step2a > li {width:50%;display:inline-block;font-size:18px;line-height:1.2;font-weight:400;text-align:center;}
.receipt-step2a > li ~ li {border-left:1px solid #ddd;}
.receipt-step2a > li a {display:block;width:100%;color:#333;padding:15px 0;}
.receipt-step2a > li a:hover,
.receipt-step2a > li.active a {background:#0062ad;color:#fff;}
.receipt-step2a > li br {display:none;}
.receipt-step3a {font-size:0;border:1px solid #ddd;margin:30px 0 0;}
.receipt-step3a > li {width:33.333%;display:inline-block;font-size:18px;line-height:1.2;font-weight:400;text-align:center;}
.receipt-step3a > li ~ li {border-left:1px solid #ddd;}
.receipt-step3a > li a {display:block;width:100%;color:#333;padding:15px 0;}
.receipt-step3a > li a:hover,
.receipt-step3a > li.active a {background:#0062ad;color:#fff;}
.receipt-step3a > li br {display:none;}
.receipt-step4a {font-size:0;border:1px solid #ddd;margin:30px 0 0;}
.receipt-step4a > li {width:25%;display:inline-block;font-size:18px;line-height:1.2;font-weight:400;text-align:center;}
.receipt-step4a > li ~ li {border-left:1px solid #ddd;}
.receipt-step4a > li a {display:block;width:100%;color:#333;padding:15px 0;}
.receipt-step4a > li a:hover,
.receipt-step4a > li.active a {background:#0062ad;color:#fff;}
.receipt-step4a > li br {display:none;}
.receipt-step5a {font-size:0;border:1px solid #ddd;margin:30px 0 0;}
.receipt-step5a > li {width:20%;display:inline-block;font-size:18px;line-height:1.2;font-weight:400;text-align:center;}
.receipt-step5a > li ~ li {border-left:1px solid #ddd;}
.receipt-step5a > li a {display:block;width:100%;color:#333;padding:15px 0;}
.receipt-step5a > li a:hover,
.receipt-step5a > li.active a {background:#0062ad;color:#fff;}
.receipt-step5a > li br {display:none;}
.receipt1a {border:5px solid #f5f5f5;padding:35px 35px 15px 35px;margin:10px 0 0;}
.receipt1a > ul {font-size:0;text-align:left;}
.receipt1a > ul > li {display:table;position:relative;width:calc(25% - 60px);margin-bottom:20px;margin-right:60px;border:1px solid #0062ad;border-radius:15px;line-height:1.4;font-size:16px;color:#666666;text-align:center;height:100px;float:left;}
.receipt1a > ul > li::after {content:'';width:30px;height:14px;background:url('../img/sub/bg_arrow_05.jpg') 0 0 no-repeat;position:absolute;right:-45px;top:42%}
.receipt1a > ul > li:last-child::after {display:none;}
.receipt1a > ul > li > p {display:table-cell;vertical-align:middle;}
.receipt1a > ul > li > p > span {display:block;margin:0 auto;width:100%;word-break:keep-all;}

/* sub6 */
.btn-month2 {font-size:.865em;color:#fff;padding:0;width:70px;height:30px;line-height:30px;background:#839098;border-radius:5px;margin:0 2px;}
.btn-month2::before {content:'';width:17px;height:16px;display:inline-block;background:url(../img/sub/icon_month.png) 0 0 no-repeat;margin-right:5px;margin-top:-4px;vertical-align:middle;}
.select-day {height:40px;line-height:40px;font-size:1em;}
.select-day:disabled {background:url('../img/sub/bg_select.png') #ddd no-repeat calc(100% - 10px) 50%;color:#333;}
.receipt-tab {font-size:0;}
.receipt-tab > li {display:inline-block;width:50%;}
.receipt-tab > li a {display:block;width:100%;font-size:30px;font-weight:400;color:#333;padding:.75em 0;text-align:center;border-top:1px solid #ddd;border-bottom:2px solid #0062ad;background:#ebf6fb;line-height:1.4;}
.receipt-tab > li:nth-child(1) a {border-left:1px solid #ddd;}
.receipt-tab > li:nth-child(2) a {border-right:1px solid #ddd;}
.receipt-tab > li a.active {border-bottom:2px solid #fff;border-top:2px solid #0062ad;background:#fff;border-right:2px solid #0062ad;border-left:2px solid #0062ad;}
.receipt-tab br {display:none;}
.receipt-etc {width:100%;background:#fff;border:1px solid #ddd;margin:25px 0 50px;font-size:1.25em;color:#333;padding:1.25em 0;line-height:1.4em;}
.receipt-etc > img {display:inline-block;margin:-4px 5px 0 0;vertical-align:middle;}
.receipt-month {text-align:center;}
.receipt-month .month button {background:#fff;display:inline-block;vertical-align:middle;}
.receipt-month .month p {display:inline-block;font-size:3.125em;color:#333;font-weight:300;vertical-align:middle;margin:0 1em;}
.receipt-month .month p > b {font-weight:600;}
.receipt-month .date {margin-top:30px;position:relative;}
.receipt-month .date p {font-size:1.25em;line-height:1.4;}
.receipt-month .date div {position:absolute;right:0;top:0;}
.receipt-month .date div > button {width:160px;height:40px;line-height:36px;background:#fff;border:1px solid #ddd;color:#333;font-size:1em;}
.receipt-month .date div > button:hover {background:#f9f9f9;opacity:1;}
.receipt-month .date div > button:nth-child(1){margin-right:5px;}
.receipt-img {width:100%;max-width:1350px;display:block;margin:30px 0 0}

/* login */
.login-wrap {width:100%;max-width:640px;margin:0 auto;border:1px solid #ddd;padding:3em 2.5em;}
.login-wrap input[type=text], .login-wrap input[type=password]
{font-size:1.125em;color:#333;width:100%;max-width:500px;margin:0 auto 15px;display:block;height:50px;line-height:50px;border:0;border-bottom:1px solid #777777;padding-left:45px;}
.login-wrap input::-webkit-input-placeholder {color:#666;font-weight:300;font-size:1em;}
.login-wrap input:-ms-input-placeholder {color:#666;font-weight:300;font-size:1em;}
.login-wrap .id {background:url('../img/sub/icon_id_01.jpg') 5px 50% no-repeat;}
.login-wrap .pw {background:url('../img/sub/icon_pw_01.jpg') 5px 50% no-repeat;}
.login-wrap .btn-login {width:100%;max-width:500px;height:70px;line-height:70px;background:#0062ad;color:#fff;border:0;display:block;margin:0 auto 20px;font-size:1.625em;cursor:pointer;transition:.3s ease;}
.login-wrap .btn-login:hover {opacity:.9;}
.login-wrap .login-check {width:100%;max-width:500px;margin:10px auto;display:block;text-align:left;color:#777777;font-size:1em;}
.login-wrap .login-check input[type=checkbox] {width:25px;height:25px;border:1px solid #ddd;vertical-align:middle;margin-top:-4px;border-radius:0 !important;}
.login-wrap .login-check input[type=checkbox]:checked::before {content:'';width:100%;height:100%;display:block;background:url(../img/sub/bg_check.png) 50% 50% no-repeat #0062ad;}
.login-wrap .login-etc {text-align:center;margin:35px 0 0;}
.login-wrap .login-etc li {display:inline-block;}
.login-wrap .login-etc li a {color:#777777;font-weight:300;padding:0 15px;display:block;width:100%;position:relative;}
.login-wrap .login-etc li:nth-child(1) a::after {content:'';display:block;width:1px;height:15px;background:#cccccc;position:absolute;right:0;top:0;}

/* find*/
.find-tab {width:100%;font-size:0;margin:50px 0;border:1px solid #ddd;}
.find-tab > li {height:60px;line-height:60px;font-size:20px;text-align:center;display:inline-block;width:50%;}
.find-tab > li > a {color:#333;font-weight:300;display:block;width:100%;}
.find-tab > li > a:hover {background:#f9f9f9;}
.find-tab > li > a.active {background:#0062ad;color:#fff;}
.find_idpw_wrap {width:100%;max-width:640px;margin:0 auto;border:1px solid #ddd;padding:3em 2.5em;}
.find_idpw_wrap .fbx1 {margin:0 auto;width:100%;max-width:500px;}
.find_idpw_wrap .fbx1 > div ~ div {margin-top:10px;}
.find_idpw_wrap .fty1 {text-align:right;}
.find_idpw_wrap .fty1 label ~ label {margin-left:20px;}
.find_idpw_wrap .fip1 > input {width:100%;height:60px;border:1px solid #ddd;background:#f9f9f9;padding:0 0.5em;}
.find_idpw_wrap .fip1 > input ~ input {margin-top:5px;}
.find_idpw_wrap .sbm1 {display:block;width:100%;height:70px;line-height:70px;background:#333;color:#fff;border:0;font-size:1.625em;cursor:pointer;transition:.3s ease;}
.find_idpw_wrap .sbm1:hover {opacity:.9;}

/* join */
.terms-wrap h3.stt1 {color:#0061ad;text-align:left;margin-top:65px;font-size:22px;}
.terms-con {text-align:left;border:1px solid #ddd;padding:20px;height:375px;overflow:hidden;overflow-y:scroll;margin:10px 0 0;line-height:1.6;}
.terms-con h4 {font-size:20px;font-weight:400;}
.terms-con h4 ~ h4 {margin-top:60px;}
.terms-con h5 {font-size:16px;font-weight:400;margin-top:1em;}
.terms-con > ul {margin:10px 0;}
.terms-con > ul > li {font-size:15px;margin-bottom:7px;}
.terms-con > ul > li > ul {margin:10px 0;padding-left:15px;}
.terms-con > ul > li > ul > li {font-size:14px;margin-bottom:5px;}
/*.terms-con h4 {font-size:18px;color:#555;margin-top:30px;line-height:1.4;font-weight:400;}*/
/*.terms-con h5 {font-size:18px;color:#555;margin-top:18px;line-height:1.4;font-weight:400;}*/
/*.terms-con > p {font-size:16px;color:#666;margin-top:10px;line-height:1.4;}*/
/*.terms-con > ul {margin:10px 0;}*/
/*.terms-con > ul > li {font-size:15px;color:#666;line-height:1.4;margin-bottom:7px;}*/
/*.terms-con > ul > li > ul {margin:10px 0;padding-left:15px;}*/
/*.terms-con > ul > li > ul > li {font-size:14px;color:#666;line-height:1.4;margin-bottom:5px;}*/
/*.terms-con > ul > li > b {display:block;}*/
.terms-con2 {text-align:left;border:1px solid #ddd;background:#f9f9f9;padding:30px;margin:20px 0 0;}
.terms-con2 p {font-size:16px;color:#666;line-height:1.4;}
.terms-check {width:100%;margin:20px 0;display:block;text-align:right;color:#777777;font-size:1em;}
.terms-check input[type=checkbox] {width:25px;height:25px;border:1px solid #ddd;vertical-align:middle;margin-top:-4px;border-radius:0 !important;}

.join-wrap h3 {color:#0061ad;text-align:left;font-size:22px;}
.join-wrap h3 ~ h3 {margin-top:50px;}
.label-wrap {display:inline-block;}

/* table */
.tbl-wrap {width:100%;overflow:auto;margin:0.5em 0 1em 0;}
.tbl-list11 {width:100%;border-top:2px solid #0062ad;margin-top:10px;border-collapse:collapse;white-space:nowrap;}
.tbl-list11 th,
.tbl-list11 td {color:#333;font-size:1.0625em;line-height:1.6;font-weight:400;text-align:center;border-bottom:1px solid #ddd;border-right:1px solid #ddd;padding:1em 0.5em;vertical-align:middle;}
.tbl-list11 th:last-child,
.tbl-list11 td:last-child {border-right:0;}
.tbl-list11 th.bg1,
.tbl-list11 td.bg1 {background:#f9f9f9;}
.tbl-list11 td {position:relative;}
.tbl-list11 .border-r {border-right:1px solid #ddd;}
.tbl-list11 .border-l {border-left:1px solid #ddd;}
.tbl-list11 .border-t {border-top:1px solid #ddd;}
.tbl-list11 .border-b {border-bottom:1px solid #ddd;}
.tbl-list11 .tbl-con {padding:2em;}
.tbl-list11 .tbl-con img {width:100%;max-width:750px;}
.tbl-list11 tr.on {background:#e6f4ff;}

.tbl-list12 {width:100%;border-top:2px solid #0062ad;margin-top:10px;border-collapse:collapse;white-space:nowrap;}
.tbl-list12 th,
.tbl-list12 td {color:#333;font-size:1.0625em;line-height:1.6;font-weight:400;text-align:center;border-bottom:1px solid #ddd;border-right:1px solid #ddd;padding:1em 0.5em;vertical-align:middle;}
.tbl-list12 th:last-child,
.tbl-list12 td:last-child {border-right:0;}
.tbl-list12 th {background:#f9f9f9;}
.tbl-list12 td {position:relative;}
.tbl-list12 .border-r {border-right:1px solid #ddd;}
.tbl-list12 .border-l {border-left:1px solid #ddd;}
.tbl-list12 .border-t {border-top:1px solid #ddd;}
.tbl-list12 .border-b {border-bottom:1px solid #ddd;}
.tbl-list12 .tbl-con {padding:2em;}
.tbl-list12 .tbl-con img {width:100%;max-width:750px;}
.tbl-list12 tr.on {background:#e6f4ff;}

.tbl-list31 {width:100%;border-top:2px solid #0062ad;margin-top:10px;border-collapse:collapse;}
.tbl-list31 th,
.tbl-list31 td {color:#333;font-size:1.0625em;line-height:1.6;font-weight:400;text-align:center;border-bottom:1px solid #ddd;border-right:1px solid #ddd;padding:1em 0.5em;vertical-align:middle;}
.tbl-list31 th:last-child,
.tbl-list31 td:last-child {border-right:0;}
.tbl-list31 th.bg1,
.tbl-list31 td.bg1 {background:#f9f9f9;}
.tbl-list31 td {position:relative;}
.tbl-list31 .border-r {border-right:1px solid #ddd;}
.tbl-list31 .border-l {border-left:1px solid #ddd;}
.tbl-list31 .border-t {border-top:1px solid #ddd;}
.tbl-list31 .border-b {border-bottom:1px solid #ddd;}
.tbl-list31 .tbl-con {padding:2em;}
.tbl-list31 .tbl-con img {width:100%;max-width:750px;}
.tbl-list31 tr.on {background:#e6f4ff;}

.tbl-list32 {width:100%;border-top:2px solid #0062ad;margin-top:10px;border-collapse:collapse;}
.tbl-list32 th,
.tbl-list32 td {color:#333;font-size:1.0625em;line-height:1.6;font-weight:400;text-align:center;border-bottom:1px solid #ddd;border-right:1px solid #ddd;padding:1em 0.5em;vertical-align:middle;}
.tbl-list32 th:last-child,
.tbl-list32 td:last-child {border-right:0;}
.tbl-list32 th {background:#f9f9f9;}
.tbl-list32 td {position:relative;}
.tbl-list32 .border-r {border-right:1px solid #ddd !important;}
.tbl-list32 .border-l {border-left:1px solid #ddd !important;}
.tbl-list32 .border-t {border-top:1px solid #ddd !important;}
.tbl-list32 .border-b {border-bottom:1px solid #ddd !important;}
.tbl-list32 .tbl-con {padding:2em;}
.tbl-list32 .tbl-con img {width:100%;max-width:750px;}
.tbl-list32 tr.on {background:#e6f4ff;}
.tbl-list32 tr.cl_sum01a th,
.tbl-list32 tr.cl_sum01a td {border-top:2px solid #333;border-bottom:2px solid #333;}

.tbl-write11 {width:100%;border-top:2px solid #0062ad;margin-top:10px;border-collapse:collapse;}
.tbl-write11 th,
.tbl-write11 td {color:#333;font-size:1.0625em;line-height:1.6;font-weight:400;border-bottom:1px solid #ddd;border-right:1px solid #ddd;padding:1em 0.5em;}
.tbl-write11 th:last-child,
.tbl-write11 td:last-child {border-right:0;}
.tbl-write11 .border-r {border-right:1px solid #ddd !important;}
.tbl-write11 .border-l {border-left:1px solid #ddd !important;}
.tbl-write11 .border-t {border-top:1px solid #ddd !important;}
.tbl-write11 .border-b {border-bottom:1px solid #ddd !important;}
.tbl-write11 th {background:#f9f9f9;}
.tbl-write11 td {text-align:left;}
.tbl-write11 td input[type=text],
.tbl-write11 td input[type=password] {height:40px;}
.tbl-write11 .pub1.size_s3 {height:40px;line-height:40px;}
.tbl-write11 .pub1.size_s4 {height:50px;line-height:50px;}

.viewdate {position:absolute;right:10px;top:.5em;}
.viewdate > li {display:inline-block;color:#333;font-size:.9em;line-height:1.4;font-weight:400;margin-left:50px;}
.viewdate > li > b {width:50px;text-align:left;display:inline-block;}
.viewdate > li img {vertical-align:middle;margin-top:-4px;display:inline-block;}

/* page */
.page {text-align:center;margin:60px 0 0;}
.page li {display:inline-block;vertical-align:top;margin:0 3px;}
.page li a {display:block;width:40px;height:40px;line-height:38px;padding:0;text-decoration:none;color:#333;background:#fff;font-size:1em;margin:0;cursor:pointer;border:1px solid #ddd;}
.page li a:hover, .page li a.active {display:inline-block;width:40px;height:40px;line-height:38px;padding:0;background:#333;color:#fff;vertical-align:bottom;margin:0;border:1px solid #333;}
.page li img {vertical-align:middle;margin-top:-4px;}
.page li a.img {border:1px solid #e1e1e1;}
.page li a.img:hover {background:#f6f6f6;}

.btn-wrap1 {text-align:center;margin-top:50px;}
.btn-wrap1 a {display:inline-block;width:70%;max-width:300px;color:#333;border:2px solid #333;font-weight:400;text-align:center;font-size:1.5625em;height:60px;line-height:58px;}
.btn-wrap2 {text-align:center;margin-top:50px;}
.btn-wrap2 a {display:inline-block;}
.btn-wrap2 a,
.btn-wrap2 button,
.btn-wrap2 input[type=submit] {width:70%;max-width:300px;border:0;font-weight:400;text-align:center;color:#fff;background:#0062ad;font-size:1.5625em;height:60px;line-height:58px;}


/**********************************/
/* 반응형                         */
/**********************************/
@media screen and (max-width:1400px){
/* 본문box */
.con_bx {padding:0 10px;}
/*.con_bx {background:blue;}*/
.con_bx2 {padding:0;}

/* 반응형체어용 */
.responsive_p {display:none !important;}
.responsive_m {display:block !important;}
}

@media screen and (max-width:1300px){
/*.con_bx {background:yellow;}*/
.receipt-step2a > li {font-size:15px;}
.receipt-step3a > li {font-size:15px;}
.receipt-step4a > li {font-size:15px;}
.receipt-step5a > li {font-size:15px;}

/* 푸터 > 로고 */
.homelogo2 {display:none;}

/* 푸터 > 주소및카피라이트 */
.copyright1 {float:none;display:block;width:100%;text-align:center;}

/* 푸터 > 패밀리사이트 */
.familysite1 {float:none;display:block;width:100%;padding-top:1em;text-align:center;}
}
@media screen and (max-width:1200px){
/*.con_bx {background:violet;}*/
	.down-list > li:nth-child(1){width:calc(34.3333% - 20px);margin-right:20px;background:#f28d01;}
	.down-list > li:nth-child(2){width:calc(34.3333% - 20px);margin-right:20px;background:#81b826;}
	.down-list > li a {font-size:1em;}
	.down-list > li a::before {width:25px;height:25px;background-size:cover;}
	.header {position:fixed;width:100%;left:0;top:0;}
	.btn-menu {display:block !important;}
	.top-container {height:40px;line-height:40px;}
	.nav-wrap {width:100%;height:100%;position:fixed;top:0;right:-100%;text-align:left;padding:0;background:#fff;box-shadow:0 0 0 rgba(0,0,0,.2);transition:right .3s ease;z-index:10;}
	.header .btn-menu {display:block;z-index:11;}
	.header .btn-menu.on {background-image:url('../img/common/btn_m_all_menu_01_close.png');top:0}
	.header .btn-menu.on + .nav-wrap {right:0;}
	.nav-wrap > ul {height:100%;overflow:auto;background:#fff;z-index:10;}
	.nav-wrap > ul.active {height:100%;right:0%;}
	.nav-wrap > ul + .box {display:none !important;}
	.nav-wrap > ul > li > a {padding:0 20px;border-bottom:1px solid #ddd;height:80px;line-height:80px;}
	.nav-wrap > ul > li {height:auto;min-height:40px;line-height:40px;position:relative;width:100%;}
	.nav-wrap > ul > li > ul, .nav-wrap > ul > li > ul {background:#f6f6f6;position:static;width:100%;padding:0 20px;height:0;overflow:hidden;}
	.nav-wrap > ul > li:hover > ul, .nav-wrap > ul > li.active > ul {height:auto;background:#f6f6f6;}
	.nav-wrap > ul > li > ul li a {padding:10px;}
	.nav-wrap > ul > li:hover > a {background:#eff7fa;}
	.nav-wrap > ul > li > a.active {background:#eff7fa;}
	.nav-wrap > ul > li > ul > li > ul {display:block;}
	.nav-wrap > ul > li:nth-child(1){margin-top:80px;border-top:1px solid #ddd;}
	.nav-wrap h1 {position:fixed;left:0;top:32px;background:#fff;height:80px;width:100%;box-shadow:0px 10px 10px rgb(0,0,0, .1);padding-left:10px;}
	.nav-wrap h1 a {margin-top:15px;display:block;}
	.nav-wrap h1 img {height:50px;}

	/* 메인 > 배경이미지 */
	.main_bgbig .sc1 {height:450px;}
	.main_bgbig .sc1 h5 {padding-top:200px;}

	.sub-visual {margin-top:120px;height:150px;}
	.sub-visual > h2 {line-height:150px;}
	.viewdate {position:relative;right:auto;top:auto;}
	.viewdate > li {margin-left:0;margin-right:25px;font-size:.8em;opacity:.8;}
	.viewdate > li > b {width:auto;margin-right:10px;}
	.viewdate > li img {margin-top:-2px;width:18px;}
	.receipt-step2a > li br {display:block;}
	.receipt-step3a > li br {display:block;}
	.receipt-step4a > li br {display:block;}
	.receipt-step5a > li br {display:block;}
	.receipt1a > ul > li {vertical-align:top;padding:20px 0;}
	.receipt-month .date div {position:relative;right:auto;top:auto;margin-top:20px;}
	.receipt-tab > li a {font-size:22px;}
}

@media screen and (max-width:980px){
	.top-wrap .link1 {display:none;}
/*.con_bx {background:green;}*/
	.down-list > li {max-width:360px;display:block;height:60px;line-height:60px;}
	.down-list > li:nth-child(1){width:95%;margin-right:0;margin:0 auto 1em;}
	.down-list > li:nth-child(2){width:95%;margin-right:0;margin:0 auto 1em;}
	.down-list > li:nth-child(3){width:95%;margin-right:0;margin:0 auto;}
	.search-wrap > input[type=text] {width:50%;}
	.search-wrap > select {width:20%;}
	.search-wrap > button {width:20%;}
	.search-wrap2 > input[type=text] {width:50%;}
	.search-wrap2 > select {width:20%;}
	.search-wrap2 > input[type=submit] {width:20%;}
	.page {margin:30px 0 0;}
	.page li {margin:0 1px;}
	.page li a {width:30px;height:30px;line-height:28px;}
	.page li a:hover, .page li a.active {display:inline-block;width:30px;height:30px;line-height:28px;}
	.receipt1a > ul > li {width:calc(33.3333% - 30px);margin-right:30px;}
	.receipt1a > ul > li::after {background-size:contain;width:15px;right:-22px;}
	.label-wrap {display:block;}
	.receipt-step3a > li {width:50%;border-bottom:1px solid #ddd;}
	.receipt-step3a > li:nth-child(2n-1) {border-left:0;}
	.receipt-step3a > li:nth-child(3) {border-bottom:0;}
	.receipt-step4a > li {width:50%;border-bottom:1px solid #ddd;}
	.receipt-step4a > li:nth-child(2n-1) {border-left:0;}
	.receipt-step4a > li:nth-child(3),
	.receipt-step4a > li:nth-child(4) {border-bottom:0;}
	.receipt-step5a > li {width:50%;border-bottom:1px solid #ddd;}
	.receipt-step5a > li:nth-child(2n-1) {border-left:0;}
	.receipt-step5a > li:last-child {border-bottom:0;border-right:1px solid #ddd;}
}

@media screen and (max-width:720px){
/*.con_bx {background:pink;}*/

	.btn-menu {width:50px;height:50px;background-size:60% auto !important;top:45px;}
	.nav-wrap > ul > li:nth-child(1){margin-top:50px;}
	.nav-wrap > ul > li > a {padding:0 1em;font-size:1rem;height:50px;line-height:50px;}

	.btn-wrap1 {margin-top:30px;}
	.btn-wrap2 {margin-top:30px;}
	.sub-content {padding:2em;}
	.sub-visual {margin-top:120px;height:70px;}
	.sub-visual > h2 {line-height:70px;font-size:1.5em;}
	.tab-button-outer {display:none;}
	.tab-select-outer {display:block;}
	.tab-button-outer2 {margin:10px 0 20px 0;}
	.tab-button-outer2 li a {padding:0 2em;}
	.search-wrap {padding:25px 0;}
	.search-wrap > input[type=text] {height:35px;line-height:35px;font-size:1em;}
	.search-wrap > select {height:35px;line-height:35px;font-size:1em;}
	.search-wrap > button {height:35px;line-height:35px;font-size:1em;}
	.search-wrap2 {padding:15px 0;}
	.search-wrap2 > input[type=text] {height:35px;line-height:35px;font-size:1em;}
	.search-wrap2 > select {height:35px;line-height:35px;font-size:1em;}
	.search-wrap2 > input[type=submit] {height:35px;line-height:35px;font-size:1em;}
	.receipt1a > ul > li {width:calc(50% - 30px);}
	.receipt-tab > li a {font-size:16px;}
	.receipt-tab br {display:block}
	.find_idpw_wrap .fty1 {font-size:0.9em;}
	.find_idpw_wrap .fip1 > input {height:45px;}
	.find-tab > li {height:45px;line-height:45px;}
}

@media screen and (max-width:520px){
/*.con_bx {background:orange;}*/
	body {font-size:14px;}
	.btn-menu {top:36px;}
	.nav-wrap h1 {height:60px;}
	.nav-wrap h1 a {margin-top:10px;}
	.nav-wrap h1 img {height:40px;}
	.footer-wrap .group1 .link3 ul li a img {width:100%;}

	/* 메인 > 배경이미지 */
	.main_bgbig .sc1 {height:auto;}
	.main_bgbig .sc1 h5 {font-size:1.8em;padding-top:130px;}
	.main_bgbig .sc1 h4 {font-size:2em;}
	.main_bgbig .sc1 h6 {font-size:0.7em;}
	.main_bgbig .sc2 {height:auto;padding:40px 0;}
	.main_bgbig .sc2 .bn1 {float:none;width:100%;height:auto;}
	.main_bgbig .sc2 .bn1 li {float:none;width:100%;height:200px;}
	.main_bgbig .sc2 .bn1 li ~ li {margin-left:0;margin-top:20px;}

	.sub-content {padding:2em 5px 4em 5px;}
	.btn-wrap1 {margin-top:20px;}
	.btn-wrap1 a {font-size:1.25em;height:50px;line-height:48px;}
	.btn-wrap2 {margin-top:20px;}
	.btn-wrap2 button,
	.btn-wrap2 input[type=submit] {font-size:1.25em;height:50px;line-height:48px;}
	.receipt1a {padding:2em 1.5em 0 1.5em;}
	.receipt1a > ul > li {font-size:13px;padding:0 5px;}
	.receipt-month .month p {font-size:2em;}
	.receipt-month .month button img {width:12px}
	.login-wrap {padding:2em;}
	.login-wrap .btn-login {height:50px;line-height:50px;}
}


@media screen and (max-width:480px){
/*.con_bx {background:gray;}*/
/*	.nav-wrap h1 {text-align:left;padding-left:15px;height:70px;}*/
/*	.nav-wrap h1 a {margin-top:25px;}*/
/*	.btn-menu {top:50px;}*/
}