@import url("reset.css");

/* skip */
.skip_navigation {position:absolute; top:0; left:0; width:100%; z-index:9999;}
	.skip_navigation a {display:block; margin:-1px; width:1px; height:1px; font-size:0; text-align:center;}
	.skip_navigation a:hover,
	.skip_navigation a:active,
	.skip_navigation a:focus {padding:10px 0; width:100%; height:15px; font-size:12px; color:#000; background:#fff; z-index:9999;}
	

#wrap {width:100%; min-width:360px; position:relative; -webkit-tap-highlight-color : transparent;}

header {width:100%; min-width:360px; position:fixed; z-index:100;}
header .header-wrap {width:100%;}
header .header-wrap > .top {width:100%; box-sizing:border-box; border-bottom:1px solid rgba(255,255,255,0.2);}
header .header-wrap > .top > .top-wrap {width:100%; font-size:0; text-align:right;}
header .header-wrap > .top > .top-wrap > * {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; font-weight:500; color:rgba(255,255,255,1); line-height:1;}
header .header-wrap > .top > .top-wrap > .call {font-size:0; margin-right:20px;}
header .header-wrap > .top > .top-wrap > .call > * {display:inline-block; vertical-align:middle; margin-left:10px; font-size:18px;}
header .header-wrap > .top > .top-wrap > .call > .icon {width:20px; height:20px; background:url("/img/com/icon_call.svg") center no-repeat; background-size:auto 100%; margin-left:0;}
header .header-wrap > .top > .top-wrap > .call a {display:inline-block; color:rgba(255,255,255,1);}
header .header-wrap > .top > .top-wrap > .zoom {font-size:0;}
header .header-wrap > .top > .top-wrap > .zoom > * {display:inline-block; vertical-align:middle; box-sizing:border-box; position:relative; font-size:18px;}
header .header-wrap > .top > .top-wrap > .zoom > p {padding:0 20px;}
header .header-wrap > .top > .top-wrap > .zoom > .btn {width:50px; height:40px; border-right:1px solid rgba(255,255,255,0.2); font-size:0; cursor:pointer;}
header .header-wrap > .top > .top-wrap > .zoom > .btn a {display:block; width:100%; height:100%; font-size:0;}
header .header-wrap > .top > .top-wrap > .zoom > .btn:before,
header .header-wrap > .top > .top-wrap > .zoom > .btn:after {content:""; background:rgba(255,255,255,1); position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
header .header-wrap > .top > .top-wrap > .zoom > .btn:before {width:12px; height:2px;}
header .header-wrap > .top > .top-wrap > .zoom > .btn:after {width:2px; height:12px;}
header .header-wrap > .top > .top-wrap > .zoom > .btn.zoom-in {border-left:1px solid rgba(255,255,255,0.2);}
header .header-wrap > .top > .top-wrap > .zoom > .btn.zoom-out:after {display:none;}
header .header-wrap > .top > .top-wrap > .toll {font-size:0;}
header .header-wrap > .top > .top-wrap > .toll > * {display:inline-block; vertical-align:middle; margin-left:3px;}
header .header-wrap > .top > .top-wrap > .toll > *:nth-child(1) {margin-left:0;}
header .header-wrap > .top > .top-wrap > .toll .btn {width:150px; height:40px;}
header .header-wrap > .top > .top-wrap > .toll .btn.ty-1 {background:rgba(230,0,33,0.8);}
header .header-wrap > .top > .top-wrap > .toll .btn.ty-2 {background:rgba(9,113,206,0.8);}
header .header-wrap > .top > .top-wrap > .toll .btn a {display:block; width:100%; height:100%; font-size:15px; font-weight:500; line-height:40px; text-align:center; color:rgba(255,255,255,1);}
header .header-wrap > .bottom {width:100%; box-sizing:border-box; padding:0 2.5%; border-bottom:1px solid rgba(255,255,255,0.2); position:relative;}
header .header-wrap > .bottom > .bottom-wrap {width:100%; font-size:0;}
header .header-wrap > .bottom > .bottom-wrap > * {display:inline-block; vertical-align:middle; box-sizing:border-box; position:relative;}
header .header-wrap > .bottom > .bottom-wrap > .logo {width:300px; height:30px; background:url("/img/com/logo.png") center no-repeat; background-size:auto 100%;}
header .header-wrap > .bottom > .bottom-wrap > .logo > a {display:block; width:100%; height:100%; font-size:0;}
header .header-wrap > .bottom > .bottom-wrap > nav {width:calc(100% - 600px); padding:0 20px;}
header .header-wrap > .bottom > .bottom-wrap > nav > ul {font-size:0; text-align:center;}
header .header-wrap > .bottom > .bottom-wrap > nav > ul > li {display:inline-block; vertical-align:middle; padding:0 30px; box-sizing:border-box; text-align:center; position:relative;}
header .header-wrap > .bottom > .bottom-wrap > nav > ul > li > a {display:block; box-sizing:border-box; font-size:18px; font-weight:500; line-height:80px; padding:0 20px; color:rgba(255,255,255,1); position:relative; white-space: nowrap;}
header .header-wrap > .bottom > .bottom-wrap > nav > ul > li.on > a:before {content:""; width:100%; height:4px; background:rgba(230,0,33,1); position:absolute; left:0; bottom:0;}
header .header-wrap > .bottom > .bottom-wrap > .sitemap {width:300px; height:33px; display:none;}
header .header-wrap > .bottom > .bottom-wrap > .sitemap:before,
header .header-wrap > .bottom > .bottom-wrap > .sitemap:after {content:""; width:46px; height:3px; background:rgba(255,255,255,1); border-radius:10px; position:absolute; right:0; z-index:0; transition:transform 0.25s ease;}
header .header-wrap > .bottom > .bottom-wrap > .sitemap:before {top:0;}
header .header-wrap > .bottom > .bottom-wrap > .sitemap:after {bottom:0;}
header .header-wrap > .bottom > .bottom-wrap > .sitemap > a {display:block; width:46px; height:100%; position:relative; z-index:1; margin-left:auto; text-indent:-999999px}
header .header-wrap > .bottom > .bottom-wrap > .sitemap i.bar {width:35px; height:3px; background:rgba(255,255,255,1); border-radius:10px; position:absolute; right:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
header .header-wrap > .bottom > .bottom-wrap > .sitemap.active:before {top:15px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg);}
header .header-wrap > .bottom > .bottom-wrap > .sitemap.active:after {top:15px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}
header .header-wrap > .bottom > .bottom-wrap > .sitemap.active i.bar {opacity:0;}

header.ty-2 {background:rgba(255,255,255,1);}
header.ty-2 .header-wrap > .top {border-bottom:1px solid rgba(0,0,0,0.1);}
header.ty-2 .header-wrap > .top > .top-wrap > .call > * {color:rgba(26,44,118,1);}
header.ty-2 .header-wrap > .top > .top-wrap > .call > .icon {background:url("/img/com/icon_call_on.svg") center no-repeat; background-size:auto 100%;}
header.ty-2 .header-wrap > .top > .top-wrap > .call a {color:rgba(26,44,118,1);}
header.ty-2 .header-wrap > .top > .top-wrap > .zoom > * {color:rgba(0,0,0,1);}
header.ty-2 .header-wrap > .top > .top-wrap > .zoom > .btn {border-right:1px solid rgba(0,0,0,0.1);}
header.ty-2 .header-wrap > .top > .top-wrap > .zoom > .btn:before,
header.ty-2 .header-wrap > .top > .top-wrap > .zoom > .btn:after {background:rgba(0,0,0,1);}
header.ty-2 .header-wrap > .top > .top-wrap > .zoom > .btn.zoom-in {border-left:1px solid rgba(0,0,0,0.1);}
header.ty-2 .header-wrap > .bottom > .bottom-wrap > .logo {background:url("/img/com/logo_on.png") center no-repeat; background-size:auto 100%;}
header.ty-2 .header-wrap > .bottom > .bottom-wrap > nav > ul > li > a {color:rgba(0,0,0,1);}
header.ty-2 .header-wrap > .bottom > .bottom-wrap > .sitemap:before,
header.ty-2 .header-wrap > .bottom > .bottom-wrap > .sitemap:after {background:rgba(0,0,0,1);}
header.ty-2 .header-wrap > .bottom > .bottom-wrap > .sitemap i.bar {background:rgba(0,0,0,1);}

footer {width:100%; box-sizing:border-box; padding:0 0 100px 0; background:rgba(48,50,52,1); position:relative; z-index:0;}
footer:before, footer:after {content:""; height:52px; position:absolute; left:0; top:0;}
footer:before {width:calc(50% + 400px); background:url("/img/com/round_right_bg.png") right center no-repeat; background-size:auto 100%;}
footer:after {width:calc(60% - 100px); background:rgba(255,255,255,1);}
footer .footer-wrap {width:95%; max-width:1200px; margin:0 auto; position:relative; z-index:10;}
footer .footer-wrap .box-fnb {width:100%; font-size:0;}
footer .footer-wrap .box-fnb > * {display:inline-block; vertical-align:bottom; box-sizing:border-box; position:relative;}
footer .footer-wrap .box-fnb .fnb {width:calc(100% - 190px); height:52px;}
footer .footer-wrap .box-fnb .fnb > ul {font-size:0; position:absolute; left:0; top:50%; -wekbit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
footer .footer-wrap .box-fnb .fnb > ul li {display:inline-block; vertical-align:middle; margin-left:30px; position:relative;}
footer .footer-wrap .box-fnb .fnb > ul li:before {content:""; width:1px; height:50%; border-left:1px solid #000; position:absolute; left:-15px; top:50%; -wekbit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
footer .footer-wrap .box-fnb .fnb > ul li:nth-child(1) {margin-left:0;}
footer .footer-wrap .box-fnb .fnb > ul li:nth-child(1):before {display:none;}
footer .footer-wrap .box-fnb .fnb > ul li a {font-size:15px; color:#000; background:#fff}
footer .footer-wrap .box-fnb .fnb > ul li a.red {color:#BD0000; font-weight:bold;}
footer .footer-wrap .box-fnb .family-site {width:190px; height:34px; border:1px solid #666;}
footer .footer-wrap .box-fnb .family-site button {width:100%; height:100%; background:transparent; border:none; font-family:'Noto Sans KR', sans-serif; font-size:15px; color:rgba(204,204,204,0.5); cursor:pointer; position:relative; box-sizing:border-box; padding:0 10px; text-align:left;}
footer .footer-wrap .box-fnb .family-site button:before {content:""; width:0; height:0; border:solid transparent; border-width:0 5px; border-top:6px solid rgba(204,204,204,0.5); position:absolute; right:15px; top:50%; transform:translateY(-50%);}
footer .footer-wrap .box-fnb .family-site ul.option-list {width:100%; box-sizing:border-box; background:rgba(255,255,255,1); border:1px solid #666; position:absolute; left:0; bottom:33px; z-index:100; padding:10px 0; display:none;}
footer .footer-wrap .box-fnb .family-site ul.option-list li {width:100%; box-sizing:border-box;}
footer .footer-wrap .box-fnb .family-site ul.option-list li a {display:block; padding:5px 10px; width:100%; box-sizing:border-box; font-size:15px; color:#000;}
footer .footer-wrap .box-fnb .family-site ul.option-list.on {display:block;}
footer .footer-wrap .box-info {width:100%; font-size:0; margin-top:50px;}
footer .footer-wrap .box-info > * {display:inline-block; vertical-align:middle; box-sizing:border-box; position:relative;}
footer .footer-wrap .box-info dl.copyright {width:calc(100% - 220px);}
footer .footer-wrap .box-info dl.copyright > * {color:#ccc; line-height:1.4; word-wrap:break-word; word-break:keep-all;}
footer .footer-wrap .box-info dl.copyright dt {font-size:18px;}
footer .footer-wrap .box-info dl.copyright dd {font-size:14px; font-family: 'Roboto', sans-serif; letter-spacing:0; margin-top:10px;}
footer .footer-wrap .box-info .flogo {width:220px; height:59px; font-size:0}
footer .footer-wrap .box-info .flogo .wa {width:85px; height:59px; display:inline-block; background:url("/img/com/WA_Mark_250827.png") center no-repeat; background-size:contain; font-size:14px; color:#fff; text-indent:-999999px; margin-right:20px;vertical-align: top;}
footer .footer-wrap .box-info .flogo .wa a{width:100%; height:auto; display:block}
footer .footer-wrap .box-info .flogo .wa img{width:100%; height:auto;}
footer .footer-wrap .box-info .flogo .logo {width:115px; height:59px; display:inline-block; background:url("/img/com/footer_logo.png") center no-repeat; background-size:contain; font-size:14px; color:#fff; text-indent:-999999px;}

.down-gnb {width:100%; background:rgba(248,248,248,1); position:fixed; left:0; top:121px; z-index:200; box-sizing:border-box; padding:0 2.5%; display:none !important;}
.down-gnb > .down-gnb-wrap {display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:center;}
.down-gnb > .down-gnb-wrap > .gnb-box {width:240px; box-sizing:border-box; border-right:1px solid #dfdfdf; box-sizing:border-box; padding:30px;}
.down-gnb > .down-gnb-wrap > .gnb-box:nth-child(1) {border-left:1px solid #dfdfdf;}
.down-gnb > .down-gnb-wrap > .gnb-box > .tlt,
.down-gnb > .down-gnb-wrap > .gnb-box > h2,
.down-gnb > .down-gnb-wrap > .gnb-box > h2 a {font-size:22px; font-weight:500; color:rgba(230,0,33,1); margin-bottom:20px;}
.down-gnb > .down-gnb-wrap > .gnb-box > ul.snb {width:100%;}
.down-gnb > .down-gnb-wrap > .gnb-box > ul.snb > li {width:100%; box-sizing:border-box; font-size:0; margin-top:15px;}
.down-gnb > .down-gnb-wrap > .gnb-box > ul.snb > li:nth-child(1) {margin-top:0;}
.down-gnb > .down-gnb-wrap > .gnb-box > ul.snb > li > * {display:inline-block; vertical-align:middle; margin-left:5px; box-sizing:border-box;}
.down-gnb > .down-gnb-wrap > .gnb-box > ul.snb > li > *:nth-child(1) {margin-left:0;}
.down-gnb > .down-gnb-wrap > .gnb-box > ul.snb > li > a {font-size:18px;}
.down-gnb > .down-gnb-wrap > .gnb-box > ul.snb > li > button.more {width:16px; height:16px; box-sizing:border-box; margin:0 0 0 5px; position:relative; cursor:pointer; background:transparent; border:none; font-size:0}
.down-gnb > .down-gnb-wrap > .gnb-box > ul.snb > li > button.more:before,
.down-gnb > .down-gnb-wrap > .gnb-box > ul.snb > li > button.more:after {content:""; background:rgba(0,0,0,1); position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); transition:all 0.25s ease;}
.down-gnb > .down-gnb-wrap > .gnb-box > ul.snb > li > button.more:before {width:10px; height:2px;}
.down-gnb > .down-gnb-wrap > .gnb-box > ul.snb > li > button.more:after {width:2px; height:10px;}
.down-gnb > .down-gnb-wrap > .gnb-box > ul.snb > li > button.more.active:after {transform:rotate(90deg); opacity:0;}
.down-gnb > .down-gnb-wrap > .gnb-box > ul.snb > li > dl {display:none;}
.down-gnb > .down-gnb-wrap > .gnb-box > ul.snb > li > dl > dt {width:100%; box-sizing:border-box; padding-left:10px; position:relative;}
.down-gnb > .down-gnb-wrap > .gnb-box > ul.snb > li > dl > dt:before {content:"-"; font-size:15px; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.down-gnb > .down-gnb-wrap > .gnb-box > ul.snb > li > dl > dt > a {display:block; box-sizing:border-box; padding:5px 0; font-size:15px; color:rgba(102,102,102,1);}

.sitemap-area {width:100%; height:calc(100vh - 122px); background:rgba(248,248,248,1); position:fixed; left:0; top:122px; z-index:1000; box-sizing:border-box; padding:50px 2.5%; display:none;}
.sitemap-area > .sitemap-wrap {width:100%; max-width:1400px; height:100%; overflow-x:hidden; margin:0 auto;}
.sitemap-area > .sitemap-wrap > .box-wrap {width:calc(100% + 20px); height:100%; overflow-y:auto;}
.sitemap-area > .sitemap-wrap > .box-wrap h2{display:none}
.sitemap-area > .sitemap-wrap > .box-wrap > ul {width:100%; font-size:0; display:flex; flex-direction:row; flex-wrap:nowrap;}
.sitemap-area > .sitemap-wrap > .box-wrap > ul > li {display:inline-block; vertical-align:top; width:20%; box-sizing:border-box; padding:0 30px; border-left:1px solid #dfdfdf;}
.sitemap-area > .sitemap-wrap > .box-wrap > ul > li:nth-child(1) {border-left:none;}
.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > .tlt {width:100%; margin-bottom:20px;}
.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > .tlt > span {font-family: 'Montserrat', sans-serif; font-size:20px; font-weight:600; color:rgba(9,113,206,0.8);}
.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > .tlt > h3  {font-size:30px; font-weight:500;}
.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol {width:100%;}
.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li {margin-top:20px;}
.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li:nth-child(1) {margin-top:0;}
.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > a {font-size:20px; font-weight:500;}
.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > dl > * {margin-top:10px; box-sizing:border-box; position:relative;}
.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > dl > * > a {font-size:18px;}
.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > dl > dt > a {color:rgba(0,0,0,0.8);}
.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > dl > dt:before {content:"- "; font-size:18px;}
.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > dl > dd {padding-left:10px;}
.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > dl > dd:before {content:"· "; font-size:18px;}
.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > dl > dd > a {color:rgba(0,0,0,0.6);}

.research {width:95%; max-width:1200px; margin:0 auto; margin-bottom:150px;}
.research > table {width:100%; table-layout:fixed;}
.research > table tr th,
.research > table tr td {width:100%; box-sizing:border-box;}
.research > table tr th {height:50px; background:rgba(102,102,102,1); padding:10px 30px; text-align:left; border:1px solid rgba(102,102,102,1);}
.research > table tr td {background:rgba(255,255,255,1); border:solid rgba(221,221,221,1); border-width:0 1px 1px 1px; padding:30px;}
.research > table tr th dl {width:100%; font-size:0; text-align:left;}
.research > table tr th dl > * {display:inline-block; vertical-align:middle; box-sizing:border-box; font-size:15px; color:rgba(255,255,255,1); font-weight:400; position:relative; line-height: 1.5;}
.research > table tr th dl dt {margin-left:30px;}
.research > table tr th dl dt:before {content:""; width:1px; height:60%; border-left:1px solid rgba(255,255,255,1); position:absolute; left:-15px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.research > table tr th dl dt:nth-child(1) {margin-left:0;}
.research > table tr th dl dt:nth-child(1):before {display:none;}
.research > table tr td .tlt {font-size:18px; line-height:1.2; word-wrap:break-word; word-break:keep-all; margin-bottom:20px;}
.research > table tr td .research-wrap {width:100%; font-size:0;}
.research > table tr td .research-wrap > * {display:inline-block; vertical-align:middle;}
.research > table tr td .research-wrap .research-box {width:calc(100% - 100px); box-sizing:border-box; padding-right:10px;}
.research > table tr td .research-wrap ul {width:100%; font-size:0; margin-top:-20px;}
.research > table tr td .research-wrap ul li {display:inline-block; vertical-align:middle; margin-right:40px; position:relative; font-size:0; margin-top:20px;}
.research > table tr td .research-wrap ul li:last-child {margin-right:0;}
.research > table tr td .research-wrap ul li > * {display:inline-block; vertical-align:middle;}
.research > table tr td .research-wrap ul li input[type="radio"]::-ms-check {}
.research > table tr td .research-wrap ul li input[type="radio"] {width:15px; height:15px; border-radius:50%; box-sizing:border-box; border:1px solid #707070; -webkit-appearance:none; appearance:none; position:absolute; right:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.research > table tr td .research-wrap ul li input[type="radio"] + label {font-size:18px; line-height:1; padding:0 25px 0 35px; cursor:pointer;}
.research > table tr td .research-wrap ul li input[type="radio"] + label:before {content:""; width:30px; height:30px; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.research > table tr td .research-wrap ul li:nth-child(1) input[type="radio"] + label:before {background:url("/img/cont/research_01_off.png") center no-repeat; background-size:cover;}
.research > table tr td .research-wrap ul li:nth-child(2) input[type="radio"] + label:before {background:url("/img/cont/research_02_off.png") center no-repeat; background-size:cover;}
.research > table tr td .research-wrap ul li:nth-child(3) input[type="radio"] + label:before {background:url("/img/cont/research_03_off.png") center no-repeat; background-size:cover;}
.research > table tr td .research-wrap ul li:nth-child(4) input[type="radio"] + label:before {background:url("/img/cont/research_04_off.png") center no-repeat; background-size:cover;}
.research > table tr td .research-wrap ul li:nth-child(5) input[type="radio"] + label:before {background:url("/img/cont/research_05_off.png") center no-repeat; background-size:cover;}
.research > table tr td .research-wrap ul li input[type="radio"]:checked + label:after {content:""; width:7px; height:7px; border-radius:50%; background:#707070; position:absolute; right:4px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.research > table tr td .research-wrap ul li:nth-child(1) input[type="radio"]:checked + label:before {background:url("/img/cont/research_01_on.png") center no-repeat; background-size:cover;}
.research > table tr td .research-wrap ul li:nth-child(2) input[type="radio"]:checked + label:before {background:url("/img/cont/research_02_on.png") center no-repeat; background-size:cover;}
.research > table tr td .research-wrap ul li:nth-child(3) input[type="radio"]:checked + label:before {background:url("/img/cont/research_03_on.png") center no-repeat; background-size:cover;}
.research > table tr td .research-wrap ul li:nth-child(4) input[type="radio"]:checked + label:before {background:url("/img/cont/research_04_on.png") center no-repeat; background-size:cover;}
.research > table tr td .research-wrap ul li input[type="radio"]:focus + label:before,
.research > table tr td .research-wrap ul li input[type="radio"]:focus-visible + label:before {outline: 3px solid #005fcc; outline-offset: 2px;}
.research > table tr td .research-wrap .btn-submit {width:100px; height:40px; border-radius:3px; background:rgba(102,102,102,1); text-align:center;}
.research > table tr td .research-wrap .btn-submit > a {display:block; border-radius:3px; font-size:18px; font-weight:400; color:rgba(255,255,255,1); line-height:40px;}
.research > table tr td .research-wrap .btn-submit > a:focus,
.research > table tr td .research-wrap .btn-submit > a:focus-visible {outline: 3px solid #005fcc; outline-offset: 2px; box-shadow: 0 0 0 2px #ffffff;}

.modal-popup {width:80%; max-width:600px; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); background:rgba(255,255,255,1); z-index:1000; display:none;}
.modal-popup .popup-wrap {width:100%; font-size:0;}
.modal-popup .popup-wrap > * {display:inline-block; vertical-align:middle; box-sizing:border-box; position:relative;}
.modal-popup .popup-wrap h2 {width:calc(100% - 60px); height:60px; background:rgba(230,0,33,1); padding:0 30px; font-size:20px; font-weight:500; color:rgba(255,255,255,1); line-height:60px;}
.modal-popup .popup-wrap .btn-close {width:60px; height:60px; background:rgba(128,36,40,1); font-size:0; border:none; cursor:pointer;}
.modal-popup .popup-wrap .btn-close:before,
.modal-popup .popup-wrap .btn-close:after {content:""; width:1px; height:30px; border-left:1px solid rgba(255,255,255,1); position:absolute; left:30px; top:15px;}
.modal-popup .popup-wrap .btn-close:before {-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}
.modal-popup .popup-wrap .btn-close:after {-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg);}
.modal-popup .popup-wrap .popup-cont {width:100%; padding:30px; font-size:16px; display:table; box-sizing:border-box;}
.modal-popup .popup-wrap .popup-cont .cont-wrap {width:100%; display:table-cell; vertical-align:middle; box-sizing:border-box;}
.modal-popup .popup-wrap .popup-button {width:100%; font-size:0; text-align:center; display:block; margin-top:50px;}
.modal-popup .popup-wrap .popup-button button {display:inline-block; vertical-align:middle; margin-left:5px; height:40px; text-align:center; color:rgba(255,255,255,1); border:none; box-sizing:border-box; padding:0 30px; font-size:18px; cursor:pointer;}
.modal-popup .popup-wrap .popup-button button:nth-child(1) {margin-left:0;}
.modal-popup .popup-wrap .popup-button button.ty-1 {background:rgba(0,0,0,1);}
.modal-popup .popup-wrap .popup-button button.ty-2 {background:#777;}
.modal-popup .popup-wrap .popup-button button:first-child:nth-last-child(2),
.modal-popup .popup-wrap .popup-button button:first-child:nth-last-child(2) ~ button {max-width:calc(((100% - 5px) / 2) - 1px);}
.modal-popup .popup-wrap .popup-button button:first-child:nth-last-child(3),
.modal-popup .popup-wrap .popup-button button:first-child:nth-last-child(3) ~ button {max-width:calc(((100% - 10px) / 3) - 1px);}
.modal-popup .popup-wrap .popup-button button:first-child:nth-last-child(4),
.modal-popup .popup-wrap .popup-button button:first-child:nth-last-child(4) ~ button {max-width:calc(((100% - 15px) / 4) - 1px);}

.popup-confirm .popup-wrap .popup-cont {height:250px;}
.popup-confirm .popup-wrap .popup-cont .message {width:100%; text-align:center; font-size:18px; line-height:1.4; word-wrap:break-word; word-break:keep-all;}

.popup-bg {width:100%; height:100vh; background:rgba(0,0,0,0.5); position:fixed; z-index:999; left:0; top:0;}

.pdf {width:16px; height:17px; font-size:14px; background:url("/img/com/icon_pdf.gif") center no-repeat; background-size:cover; display:inline-block; vertical-align:middle;text-indent: -1000000px;}


@media screen and (max-width: 1800px){

	header .header-wrap > .bottom > .bottom-wrap > nav {width:calc(100% - 500px);}
	header .header-wrap > .bottom > .bottom-wrap > .sitemap {width:200px;}

}

@media screen and (max-width: 1700px){

	header .header-wrap > .bottom > .bottom-wrap > nav {width:calc(100% - 400px);}
	header .header-wrap > .bottom > .bottom-wrap > nav > ul > li {padding:0 22px;}
	header .header-wrap > .bottom > .bottom-wrap > nav > ul > li > a {font-size:17px;}
	header .header-wrap > .bottom > .bottom-wrap > .sitemap {width:100px;}

	.down-gnb > .down-gnb-wrap > .gnb-box {width:220px;}
	.down-gnb > .down-gnb-wrap > .gnb-box > .tlt,
	.down-gnb > .down-gnb-wrap > .gnb-box > h2,
	.down-gnb > .down-gnb-wrap > .gnb-box > h2 a {font-size:20px;}
	.down-gnb > .down-gnb-wrap > .gnb-box > ul.snb > li > a {font-size:17px;}
}


@media screen and (max-width: 1400px){

	header .header-wrap > .bottom > .bottom-wrap > nav {width:calc(100% - 370px);}
	header .header-wrap > .bottom > .bottom-wrap > .logo {width:270px; height:27px;}
	header .header-wrap > .bottom > .bottom-wrap > nav > ul > li {padding:0 18px;}
}


@media screen and (max-width: 1280px){
	
	header .header-wrap > .bottom > .bottom-wrap > nav {width:calc(100% - 260px);}
	header .header-wrap > .bottom > .bottom-wrap > .logo {width:250px; height:25px;}
	/* header .header-wrap > .bottom > .bottom-wrap > nav {width:calc(100% - 290px);} */
	header .header-wrap > .bottom > .bottom-wrap > nav > ul > li > a {padding:0 8px; font-size:16px;}
	header .header-wrap > .bottom > .bottom-wrap > .sitemap {width:40px; height:29px;}
	header .header-wrap > .bottom > .bottom-wrap > .sitemap:before,
	header .header-wrap > .bottom > .bottom-wrap > .sitemap:after {width:100%;}
	header .header-wrap > .bottom > .bottom-wrap > .sitemap > a {width:100%;}
	header .header-wrap > .bottom > .bottom-wrap > .sitemap i.bar {width:30px;}
	header .header-wrap > .bottom > .bottom-wrap > .sitemap.active:before {top:13px;}
	header .header-wrap > .bottom > .bottom-wrap > .sitemap.active:after {top:13px;}

	.down-gnb > .down-gnb-wrap > .gnb-box {padding:20px;}
	.down-gnb > .down-gnb-wrap > .gnb-box > .tlt,
	.down-gnb > .down-gnb-wrap > .gnb-box > h2,
	.down-gnb > .down-gnb-wrap > .gnb-box > h2 a {font-size:18px; margin-bottom:15px;}
	.down-gnb > .down-gnb-wrap > .gnb-box > ul.snb > li > a {font-size:16px;}
	.down-gnb > .down-gnb-wrap > .gnb-box > ul.snb > li > dl > dt:before {font-size:14px;}
	.down-gnb > .down-gnb-wrap > .gnb-box > ul.snb > li > dl > dt > a {font-size:14px;}

	.sitemap-area {padding:40px 2.5%;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li {padding:0 20px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > .tlt > span {font-size:18px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > .tlt > h3  {font-size:26px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li {margin-top:15px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > a {font-size:18px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > dl > * {margin-top:8px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > dl > * > a {font-size:16px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > dl > dt:before {font-size:16px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > dl > dd:before {font-size:16px;}

	.research {margin-bottom:120px;}

	footer:before {width: 800px;}

}

@media screen and (max-width: 1024px){

	header .header-wrap > .top > .top-wrap > .zoom {display:none;}
	header .header-wrap > .bottom > .bottom-wrap > nav {height:80px;}
	header .header-wrap > .bottom > .bottom-wrap > nav > ul {display:none;}
	header.ty-2 nav.active a.close {display: none !important;}

	footer:before {width:calc(100% - 200px);}
	footer:after {width:calc(60% - 100px);}
	footer .footer-wrap .box-fnb .fnb > ul {padding-right: 50px; width: 100%; box-sizing: border-box;}
	footer .footer-wrap .box-fnb .fnb > ul li {margin-left: 20px;}
	footer .footer-wrap .box-fnb .fnb > ul li:before {left: -10px;}
	footer .footer-wrap .box-fnb .fnb > ul li a {font-size: 14px;}

	header .header-wrap > .bottom > .bottom-wrap > .sitemap {display: block; position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}

	.sitemap-area {padding:30px 2.5%;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li {padding:0 20px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > .tlt > span {font-size:16px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > .tlt > h3  {font-size:22px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > a {font-size:16px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > dl > * {margin-top:5px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > dl > * > a {font-size:15px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > dl > dt:before {font-size:15px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > dl > dd:before {font-size:15px;}


	.sitemap-area {height:calc(100vh - 122px); left:auto; padding:0; right:0; background:rgba(255,255,255,1); border-top:1px solid rgba(0,0,0,0.1); overflow-x:hidden;}
	.sitemap-area:before {content:""; width:180px; height:100%; background:rgba(230,0,33,1); position:absolute; left:0; top:0; z-index:0; box-sizing:border-box;}
	.sitemap-area > .sitemap-wrap {width:calc(100% + 20px); position:relative; z-index:10;}
	.sitemap-area > .sitemap-wrap > .box-wrap {box-sizing:border-box;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul {display:block;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li {width:100%; border-left:none; padding:10px 0; font-size:0; cursor:pointer;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > * {display:inline-block; vertical-align:top; box-sizing:border-box; position:relative;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > .tlt {width:180px; margin:0; box-sizing:border-box; padding:10px 0; padding-left:30px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > .tlt > span {display:none;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > .tlt > h3  {font-size:20px; color:rgba(255,255,255,0.5);}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li.active > .tlt > h3 {color: #fff;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol {width:calc(100% - 220px); display:none; position:absolute;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol:before {content:""; width:calc(100% - 30px); height:1px; border-top:1px solid #dfdfdf; position:absolute; left:30px; bottom:0;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li {position:relative; margin-top:0; border-top:1px solid #dfdfdf;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li:nth-child(1) {border-top:none;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li.depth:before,
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li.depth:after {content:""; background:rgba(0,0,0,1); position:absolute;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li.depth:before {width:12px; height:2px; right:0; top:32px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li.depth:after {width:2px; height:12px; right:5px; top:27px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > a {display:block; font-size:18px; padding:20px 0;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > button {width:100%; display:block; font-family:'Noto Sans KR', sans-serif; font-size:18px; padding:20px 0; background:transparent; border:none; font-weight:500; text-align:left; cursor:pointer; color: #000;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li.depth > a {display:none;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li.depth > button.active {padding-bottom:10px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > dl {display:none; margin-bottom:20px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > dl > * {margin-top:0;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > dl > * > a {width:100%; font-size:17px; padding:10px 0; display:block; box-sizing:border-box;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > dl > dt:before {display:none;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > dl > dd:before {display:none;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > dl > dt > a:before {content:"- "; font-size:17px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > dl > dd > a:before {content:"· "; font-size:17px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li.active > .tlt > h1 {color:rgba(255,255,255,1);}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li.active > ol {display:block; position:absolute; left:180px; top:0; box-sizing:border-box; padding-left:30px;}

	.research {margin-bottom:100px;}
	.research > table tr th dl > * {font-size:14px;}
	.research > table tr td .tlt {font-size:16px;}
	.research > table tr td .research-wrap ul li input[type="radio"] + label {font-size:16px; padding:0 25px 0 35px;}
	.research > table tr td .research-wrap ul li input[type="radio"] + label:before {width:25px; height:25px;}
	.research > table tr td .research-wrap .btn-submit > a {font-size:16px;}

	.modal-popup .popup-wrap h2 {font-size:18px; }
	.modal-popup .popup-wrap .popup-cont {font-size:15px;}
	.modal-popup .popup-wrap .popup-button button {font-size:16px;}

	.popup-confirm .popup-wrap .popup-cont .message {font-size:16px;}

}


@media screen and (max-width: 900px){

	.sitemap-area {height:calc(100vh - 122px); left:auto; padding:0; right:0; background:rgba(255,255,255,1); border-top:1px solid rgba(0,0,0,0.1); overflow-x:hidden;}
	.sitemap-area:before {content:""; width:180px; height:100%; background:rgba(230,0,33,1); position:absolute; left:0; top:0; z-index:0; box-sizing:border-box;}
	.sitemap-area > .sitemap-wrap {width:calc(100% + 20px); position:relative; z-index:10;}
	.sitemap-area > .sitemap-wrap > .box-wrap {box-sizing:border-box;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul {display:block;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li {width:100%; border-left:none; padding:10px 0; font-size:0; cursor:pointer;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > * {display:inline-block; vertical-align:top; box-sizing:border-box; position:relative;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > .tlt {width:180px; margin:0; box-sizing:border-box; padding:10px 0; padding-left:30px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > .tlt > span {display:none;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > .tlt > h3  {font-size:20px; color:rgba(255,255,255,0.5);}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol {width:calc(100% - 220px); display:none; position:absolute;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol:before {content:""; width:calc(100% - 30px); height:1px; border-top:1px solid #dfdfdf; position:absolute; left:30px; bottom:0;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li {position:relative; margin-top:0; border-top:1px solid #dfdfdf;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li:nth-child(1) {border-top:none;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li.depth:before,
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li.depth:after {content:""; background:rgba(0,0,0,1); position:absolute;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li.depth:before {width:12px; height:2px; right:0; top:32px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li.depth:after {width:2px; height:12px; right:5px; top:27px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > a {display:block; font-size:18px; padding:20px 0;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > button {width:100%; display:block; font-family:'Noto Sans KR', sans-serif; font-size:18px; padding:20px 0; background:transparent; border:none; font-weight:500; text-align:left; cursor:pointer;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li.depth > a {display:none;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li.depth > button.active {padding-bottom:10px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > dl {display:none; margin-bottom:20px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > dl > * {margin-top:0;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > dl > * > a {width:100%; font-size:17px; padding:10px 0; display:block; box-sizing:border-box;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > dl > dt:before {display:none;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > dl > dd:before {display:none;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > dl > dt > a:before {content:"- "; font-size:17px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > dl > dd > a:before {content:"· "; font-size:17px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li.active > .tlt > h1 {color:rgba(255,255,255,1);}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li.active > ol {display:block; position:absolute; left:180px; top:0; box-sizing:border-box; padding-left:30px;}

}


@media screen and (max-width: 768px){

	header .header-wrap > .top > .top-wrap > .call > * {font-size:16px;}
	header .header-wrap > .top > .top-wrap > .call > .icon {width:18px; height:18px;}	
	header .header-wrap > .top > .top-wrap > .toll .btn {width:120px; height:35px;}
	header .header-wrap > .top > .top-wrap > .toll .btn a {font-size:14px; line-height:35px;}
	header .header-wrap > .bottom > .bottom-wrap > .logo {width:220px; height:22px;}
	header .header-wrap > .bottom > .bottom-wrap > nav {width:calc(100% - 255px); height:70px;}
	header .header-wrap > .bottom > .bottom-wrap > .sitemap {width:35px; height:25px;}
	header .header-wrap > .bottom > .bottom-wrap > .sitemap i.bar {width:25px;}
	header .header-wrap > .bottom > .bottom-wrap > .sitemap.active:before {top:11px;}
	header .header-wrap > .bottom > .bottom-wrap > .sitemap.active:after {top:11px;}

	footer {padding:0 0 80px 0;}
	footer:before {display: none;}
	footer:after {width: 100%;}
	/* footer:before {width:70%;} */
	/* footer:after {width:calc(70% - 100px);} */
	footer .footer-wrap .box-fnb .fnb {width:100%; height:50px;}
	footer .footer-wrap .box-fnb .fnb > ul {padding-right: 0;}
	footer .footer-wrap .box-fnb .fnb > ul li {margin-left:20px;}
	footer .footer-wrap .box-fnb .fnb > ul li:before {left:-10px;}
	footer .footer-wrap .box-fnb .fnb > ul li a {font-size:14px; background: unset;}
	footer .footer-wrap .box-fnb .family-site {margin-top:50px;}
	footer .footer-wrap .box-fnb .family-site button {font-size:14px;}
	footer .footer-wrap .box-fnb .family-site ul.option-list li a {font-size:14px;}
	footer .footer-wrap .box-info {margin-top:30px;}
	footer .footer-wrap .box-info dl.copyright {width:100%;}
	footer .footer-wrap .box-info dl.copyright dt {font-size:16px;}
	footer .footer-wrap .box-info dl.copyright dd {font-size:13px;}
	footer .footer-wrap .box-info .flogo {width:220px; height:48px; margin-top:20px; font-size:0}
	footer .footer-wrap .box-info .flogo .logo {width:94px; height:48px; margin-top:0}
	footer .footer-wrap .box-info .flogo .wa {width:94px; height:48px; margin-top:0}

	.sitemap-area {height:calc(100vh - 107px); top:107px;}
	.sitemap-area:before {width:150px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > .tlt {width:150px; padding:8px 0; padding-left:30px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > .tlt > h3  {font-size:18px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol {width:calc(100% - 190px);}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol:before {width:calc(100% - 30px); left:30px;}	
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li.depth:before {width:10px; right:0; top:26px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li.depth:after {height:10px; right:4px; top:22px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > a {font-size:17px; padding:15px 0;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > button {font-size:17px; padding:15px 0;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li.depth > button.active {padding-bottom:7px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > dl {margin-bottom:20px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > dl > * > a {font-size:16px; padding:8px 0;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > dl > dt > a:before {font-size:15px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > dl > dd > a:before {font-size:15px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li.active > ol {left:150px; padding-left:30px;}

	.research {margin-bottom:80px;}
	.research > table tr th {padding:10px 25px;}
	.research > table tr td {padding:25px;}
	.research > table tr th dl {text-align:center;}
	.research > table tr th dl > * {font-size:13px;}
	.research > table tr th dl dt {margin-left:24px;}
	.research > table tr th dl dt:before {left:-12px;}
	.research > table tr td .tlt {font-size:14px; text-align:center;}
	.research > table tr td .research-wrap .research-box {width:100%; padding-right:0;}
	.research > table tr td .research-wrap ul {text-align:center;}
	.research > table tr td .research-wrap ul li {margin-right:30px;}
	.research > table tr td .research-wrap ul li input[type="radio"] + label {font-size:14px; padding:0 20px 0 30px;}
	.research > table tr td .research-wrap ul li input[type="radio"] + label:before {width:23px; height:23px;}
	.research > table tr td .research-wrap .btn-submit {display:block; margin:0 auto; margin-top:20px;}
	.research > table tr td .research-wrap .btn-submit > a {font-size:14px;}

	.modal-popup .popup-wrap h2 {width:calc(100% - 50px); height:50px; padding:0 25px; font-size:17px; line-height:50px;}
	.modal-popup .popup-wrap .btn-close {width:50px; height:50px;}
	.modal-popup .popup-wrap .btn-close:before,
	.modal-popup .popup-wrap .btn-close:after {height:25px; left:25px; top:12px;}
	.modal-popup .popup-wrap .popup-cont {padding:25px; font-size:14px;}
	.modal-popup .popup-wrap .popup-button {margin-top:40px;}
	.modal-popup .popup-wrap .popup-button button {height:40px; font-size:15px;}

	.popup-confirm .popup-wrap .popup-cont {height:220px;}
	.popup-confirm .popup-wrap .popup-cont .message {font-size:15px;}

}


@media screen and (max-width: 600px){

}


@media screen and (max-width: 480px){

	header .header-wrap > .top > .top-wrap > .call {margin-right:10px;}
	header .header-wrap > .top > .top-wrap > .call > * {margin-left:5px; font-size:13px;}
	header .header-wrap > .top > .top-wrap > .call > .icon {width:15px; height:15px;}	
	header .header-wrap > .top > .top-wrap > .toll .btn {width:80px; height:30px;}
	header .header-wrap > .top > .top-wrap > .toll .btn a {font-size:11px; line-height:30px;}
	header .header-wrap > .bottom > .bottom-wrap > .logo {width:160px; height:16px;}
	header .header-wrap > .bottom > .bottom-wrap > nav {width:calc(100% - 190px); height:50px;}
	header .header-wrap > .bottom > .bottom-wrap > .sitemap {width:30px; height:19px;}
	header .header-wrap > .bottom > .bottom-wrap > .sitemap:before,
	header .header-wrap > .bottom > .bottom-wrap > .sitemap:after {height:2px;}
	header .header-wrap > .bottom > .bottom-wrap > .sitemap i.bar {width:20px; height:2px;}
	header .header-wrap > .bottom > .bottom-wrap > .sitemap.active:before {width:80%; top:9px; right:2px;}
	header .header-wrap > .bottom > .bottom-wrap > .sitemap.active:after {width:80%; top:9px; right:2px;}

	footer {padding:0 0 70px 0;}
	footer .footer-wrap .box-fnb .fnb {height:50px; background: #fff;}
	footer .footer-wrap .box-fnb .fnb > ul {text-align: center}
	footer .footer-wrap .box-fnb .fnb > ul li a {font-size:13px;}
	footer .footer-wrap .box-fnb .family-site {margin-top:30px;}
	footer .footer-wrap .box-fnb .family-site button {font-size:13px;}
	footer .footer-wrap .box-fnb .family-site ul.option-list li a {font-size:13px;}
	footer .footer-wrap .box-info {margin-top:20px;}
	footer .footer-wrap .box-info dl.copyright dt {font-size:14px;}
	footer .footer-wrap .box-info dl.copyright dd {font-size:12px;}
	footer .footer-wrap .box-info .logo {width:78px; height:40px; margin-top:20px;}

	.sitemap-area {min-width:360px; height:calc(100vh - 82px); top:82px;}
	.sitemap-area:before {width:120px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > .tlt {width:120px; padding:5px 0; padding-left:20px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > .tlt > h3  {font-size:15px; margin-top:-5px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol {width:calc(100% - 160px);}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol:before {width:calc(100% - 20px); left:20px;}	
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li.depth:before {width:8px; right:0; top:19px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li.depth:after {height:8px; right:3px; top:16px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > a {font-size:15px; padding:10px 0;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > button {font-size:15px; padding:10px 0;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li.depth > button.active {padding-bottom:5px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > dl {margin-bottom:10px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > dl > * > a {font-size:14px; padding:5px 0;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > dl > dt > a:before {font-size:14px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li > ol > li > dl > dd > a:before {font-size:14px;}
	.sitemap-area > .sitemap-wrap > .box-wrap > ul > li.active > ol {left:120px; padding-left:20px;}

	.research {margin-bottom:50px;}
	.research > table tr th {padding:10px 20px;}
	.research > table tr td {padding:20px;}
	.research > table tr th dl > * {font-size:12px;}
	.research > table tr th dl dt {margin-left:20px;}
	.research > table tr th dl dt:before {left:-10px;}
	.research > table tr td .tlt {font-size:13px;}
	.research > table tr td .research-wrap ul li {margin-right:20px;}
	.research > table tr td .research-wrap ul li input[type="radio"] {width:15px; height:15px; border-radius:50%; box-sizing:border-box; border:1px solid rgba(194,194,194,1); -webkit-appearance:none; appearance:none; position:absolute; right:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
	.research > table tr td .research-wrap ul li input[type="radio"] + label {font-size:13px; padding:0 20px 0 20px;}
	.research > table tr td .research-wrap ul li input[type="radio"] + label:before {width:20px; height:20px;}
	.research > table tr td .research-wrap ul li input[type="radio"]:checked + label:after {content:""; width:7px; height:7px; border-radius:50%; background:rgba(194,194,194,1); position:absolute; right:4px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
	.research > table tr td .research-wrap .btn-submit {height:35px;}
	.research > table tr td .research-wrap .btn-submit > a {font-size:13px; line-height:35px;}

	.modal-popup .popup-wrap h2 {width:calc(100% - 40px); height:40px; padding:0 20px; font-size:16px; line-height:40px;}
	.modal-popup .popup-wrap .btn-close {width:40px; height:40px;}
	.modal-popup .popup-wrap .btn-close:before,
	.modal-popup .popup-wrap .btn-close:after {height:20px; left:20px; top:10px;}
	.modal-popup .popup-wrap .popup-cont {padding:20px; font-size:13px;}
	.modal-popup .popup-wrap .popup-button {margin-top:30px;}
	.modal-popup .popup-wrap .popup-button button {height:35px; font-size:13px;}

	.popup-confirm .popup-wrap .popup-cont {height:180px;}
	.popup-confirm .popup-wrap .popup-cont .message {font-size:14px;}

}


/* 숨김 텍스트 */
.hidetxt, .blind {position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; border: 0 !important;}
/* 텍스트 스크립트 */
.txtscript {width: 100%; font-size: 14px; overflow: auto; height: 150px; padding: 12px; margin-top: 10px; border: 1px solid #ccc; white-space: pre;}