@charset "utf-8";
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.6.1/font/bootstrap-icons.css");
@import url("//fonts.googleapis.com/earlyaccess/notosanskr.css");
@font-face {
	font-family: 'S-CoreDream-4Regular';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family:'S-CoreDream-5Medium';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family:'S-CoreDream-6Bold';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

/* 초기화 */
html, body,
div, span,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
p, address,
form, fieldset, legend, input, select, textarea,
table, caption, col, colgroup, thead, tfoot, tbody, th, td{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal;}
html, fieldset, img, abbr, acronym{border:0 none;}
img{vertical-align:middle;}
ol, ul, li, dl, dt, dd{list-style:none;}
table{border-collapse:collapse; border-spacing:0;}
caption, th, td{font-weight:normal;}
address, caption, em{font-weight:normal; font-style:normal;}
caption{display:none;}
legend{display:none;}
html{}
body{min-width:320px; margin:0; padding:0; font-size:14px; font-family:"Malgun Gothic",sans-serif; overflow-x:hidden;}
textarea, select{font-size:12px; font-family:"Malgun Gothic",sans-serif;}
select{height:24px; margin:0; padding:2px; border:1px solid #d7d7d7; font-family:"Malgun Gothic",sans-serif; background:#fff;}
p{margin:0; padding:0; word-break:keep-all; word-wrap:break-word;}
div{word-break:keep-all; word-wrap:break-word;}
hr{display:none;}
pre{overflow-x:scroll; font-size:1.1em;}
a{color:#222; text-decoration:none;}
button{cursor:pointer;}
iframe{max-width:100%;}
*, :after, :before{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.dn{display:none;}

.mT30{margin-top:30px;}
.mT50{margin-top:50px;}

.w100_{width:100%;}

.blind{font-size:0; left:-1000em; line-height:0; position:absolute;}

.cont-area{width:100%; max-width:1248px; margin:0 auto; padding:0 24px; position:relative;}

@media screen and (max-width:1200px){
	.cont-area{padding:0 14px;}
}

#header-section{z-index:9999; position:relative;}
#header-section .gnb-box{height:88px; z-index:9999; position:relative;}
#header-section #logo{width:248px; height:46px; top:50%; left:0; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); position:absolute;}
#header-section #gnb{margin-right:290px; float:right;}
#header-section #gnb:after{clear:both; content:""; display:block;}
#header-section #gnb .gnb-1ul{}
#header-section #gnb .gnb-1ul:after{clear:both; content:""; display:block;}
#header-section #gnb .gnb-1ul .gnb-1li{position:relative; float:left;}
#header-section #gnb .gnb-1ul .gnb-1li .gnb-1a{padding:0 25px; font-family:"S-CoreDream-5Medium",sans-serif; font-size:17px; line-height:88px; display:block;}
#header-section #gnb .gnb-2wrap{width:100%; height:0; opacity:0; z-index:9999; border-left:1px solid #e1dfe2; overflow:hidden; position:absolute; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out;}
#header-section #gnb .gnb-2wrap h3{padding:25px 20px 15px; font-family:"S-CoreDream-5Medium",sans-serif; font-size:15px; color:#222;}
#header-section #gnb .gnb-2ul{}

#header-section #gnb .gnb-1ul .gnb-1li:last-child .gnb-2wrap{border-right:1px solid #e1dfe2;}
#header-section #gnb .gnb-2ul .gnb-2li{}
#header-section #gnb .gnb-2ul .gnb-2li .gnb-2a{padding:6px 15px 6px 35px; font-family:"S-CoreDream-4Regular",sans-serif; font-size:15px; line-height:160%; color:#333; display:block; position:relative;}
#header-section #gnb .gnb-2ul .gnb-2li .gnb-2a:after{width:3px; height:3px; top:15px; left:23px; border-radius:50%; background:#999; content:""; display:block; position:absolute;}
#header-section #gnb-overlay{width:100%; height:0; top:88px; left:0; z-index:999; opacity:0; border-top:1px solid #e1dfe2; border-bottom:1px solid #e1dfe2; background-color:#fff; position:absolute; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out;}

@media screen and (max-width:1140px){
	#header-section #gnb{display:none;}
	#header-section .gnb-box{height:70px;}
}

#header-section:hover #gnb .gnb-2wrap{height:261px; opacity:1;}
#header-section:hover #gnb-overlay{height:261px; opacity:1;}

#header-section #gnb .gnb-1ul .gnb-1li:nth-child(1) .gnb-2wrap{width:220px; left:-175px;}
#header-section #gnb .gnb-1ul .gnb-1li:nth-child(2) .gnb-2wrap{width:300px; left:-163px;}
#header-section #gnb .gnb-1ul .gnb-1li:nth-child(3) .gnb-2wrap{width:225px; left:26px;}
#header-section #gnb .gnb-1ul .gnb-1li:nth-child(4) .gnb-2wrap{left:135px;}


#header-section #tnb{top:50%; right:130px; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); position:absolute;}
#header-section #tnb ul{}
#header-section #tnb ul:after{clear:both; content:""; display:block;}
#header-section #tnb ul li{float:left;}
#header-section #tnb ul li a{padding:0 10px; font-size:13px; line-height:100%; letter-spacing:-0.5px; color:#a1a0a0; position:relative;}
#header-section #tnb ul li:nth-child(1) a:after{width:1px; height:12px; top:2px; right:0; background-color:#d7d7d7; content:""; display:block; position:absolute;}

#header-section #font-size-box{top:33px; right:0; font-size:13px; color:#a1a0a0;position:absolute;}
#header-section #font-size-box div{height:25px; padding:0 6px 0 4px; margin-bottom:3px; font-size:13px; line-height:22px; text-align:center; color:#a1a0a0; border:1px solid #eee; display:inline-block; vertical-align:middle;}


#header-section .hbg-menu{width:45px; height:45px; top:15px; right:0; z-index:999; text-indent:-9000px; border:1px solid #222; background:#fff url("../img/btn_allmenu.png") no-repeat center center; display:none; position:absolute;}


#sideMask{-webkit-overflow-scrolling:touch;overflow-y:scroll;position:fixed;left:0;right:0;top:0;bottom:0;z-index:10001;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlOzEo46UAAAAApJREFUeF5jYAAAAAIAAd6ej78AAAAASUVORK5CYII=');zoom:1;display:none}
#sideMask .menu-in{position:absolute;width:230px;top:0;bottom:0;left:-230px;background-color:#fff;color:#fff;z-index:11;-moz-box-shadow:7px 0 7px -3px rgba(0,0,0,0.5);-webkit-box-shadow:7px 0 7px -3px rgba(0,0,0,0.5);box-shadow:7px 0 7px -3px rgba(0,0,0,0.5);min-height:800px}
#sideMask .side-menuTop{background-color:#28272b;border-bottom:1px solid #323135;padding-left:1em;position:relative}

#sideMask #sgnb{}
#sideMask #sgnb h1{padding:18px 15px; text-align:center; display:block;}
#sideMask #sgnb h1 img{width:auto; height:35px;}
#sideMask #sgnb .sgnb_1dli{position:relative; word-wrap: break-word;}
#sideMask #sgnb .sgnb_1dli_on{color:#fff;}
#sideMask #sgnb .sgnb_1da{margin-top:-1px; font-weight:500; display:block;height:45px; font-size:14px; line-height:45px; padding-left:20px; border-bottom:1px solid #d7d7d7; border-top:1px solid #d7d7d7; -moz-box-sizing:border-box;box-sizing:border-box;background-color:rgba(255,255,255,0.04); position:relative;}
#sideMask #sgnb .sgnb_1da span:after{position:absolute;right:15px; content:"";width:15px;height:40px;display: inline-block;background: url("../img/smarrow_down.png") 50% no-repeat;background-size: contain;float:right;-webkit-transition: transform .3s;transition: transform .3s}
#sideMask #sgnb .sgnb_2dul{width:100%; z-index:2000; display:none; background:#e9e9e9;}
#sideMask #sgnb .on{color:#ea595e !important;}
#sideMask #sgnb .on span:after{-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}
#sideMask #sgnb .sgnb_2da{padding-left:20px; font-size:14px; line-height:40px; border-bottom:1px solid #d9d9d9; display:block;}
#sideMask #sgnb .sgnb_2da span:before{display:inline-block; margin:0 10px 0 0; color:#222; content:'-';}
#sideMask #sgnb .sgnb-copyright{padding-top:10px; font-size:12px; text-align:center; color:#999;}
#sideMask #sgnb .sgnb-copyright strong{font-weight:500; color:#222;}
#sideMask .side-close{width:50px; height:50px; right:-50px; top:0; text-indent:-9000px; background:rgba(0,0,0,.6) url("../img/btn_close.png") no-repeat center center; background-size:60%; position:absolute; cursor:pointer;}
#sideMask .side-member{height:45px; text-align:center; border-top:1px solid #d7d7d7; background-color:rgba(0,0,0,.04); position:relative;}
#sideMask .side-member ul{padding-top:7px;}
#sideMask .side-member ul:after{clear:both; content:""; display:block;}
#sideMask .side-member ul li{width:50%; padding:0 5px; float:left;}
#sideMask .side-member a{padding:5px 0; border:1px solid #d7d7d7; background:#fff; display:block;}

@media screen and (max-width:1140px){
	#header-section #tnb,
	#header-section #font-size-box{display:none;}
	#header-section .hbg-menu{display:block;}
	#header-section #gnb-overlay{display:none !important;}
}


#svisual-section{height:200px; background:url("../img/svisual_bg.jpg") no-repeat center center; position:relative;}
#svisual-section .svisual-txt{width:100%; padding-top:40px; font-family:"Noto Sans KR",sans-serif; text-align:center;}
#svisual-section .svisual-txt h2{font-weight:700; font-size:32px; color:#fff;}
#svisual-section .svisual-txt h3{margin-top:10px; font-size:14px; color:#fff;}
.smenu-wrap{width:100%; max-width:1200px; margin:0 auto; font-family:"Noto Sans KR",sans-serif; position:relative;}
.smenu-box{width:100%; top:-56px; position:absolute;}

.smenu-box ul{}
.smenu-box ul:after{clear:both; content:""; display:block;}
.smenu-box ul li{float:left;}
.smenu-box ul li a{padding:15px 5px; font-size:16px; text-align:center; border:1px solid #e1dfe2; border-left:0; background:#fff; display:block;}
.smenu-box ul li:first-child a{border:1px solid #e1dfe2;}
.smenu-box ul li.curr a{color:#fff; border:1px solid #1c73b9; border-left:0; background:#1c73b9;}
.smenu-box .sc1 li{width:100%;}
.smenu-box .sc2 li{width:50%;}
.smenu-box .sc3 li{width:33.33333%;}
.smenu-box .sc4 li{width:25%;}
.smenu-box .sc5 li{width:20%;}
.smenu-box .sc5-2 li{width:19%;}
.smenu-box .sc5-2 li:nth-child(2){width:24%;}

@media screen and (max-width:1200px){
	.smenu-box ul li:first-child a{border-left:0;}
}

@media screen and (max-width:1130px){
	#svisual-section{height:190px; background-size:cover;}
	#svisual-section .svisual-txt{padding-top:35px;}
	#svisual-section .svisual-txt h2{font-size:30px;}
}

@media screen and (max-width:1100px){
	.smenu-box{top:-47px;}
	.smenu-box ul li a{padding:12px 3px; font-size:15px;}
}

@media screen and (max-width:980px){
	.smenu-box ul{padding-top:1px;}
	.smenu-box ul li{margin-top:-1px;}

	.smenu-box .sc5-2 li,
	.smenu-box .sc5-2 li:nth-child(2){width:33.333%;}
}

@media screen and (max-width:880px){
	#svisual-section{height:150px;}
	#svisual-section .svisual-txt{padding-top:30px;}
	#svisual-section .svisual-txt h2{font-size:27px;}
	.smenu-box{top:auto; position:relative;}

	.smenu-box .sc5 li{width:33.333%;}
}

@media screen and (max-width:780px){
	#svisual-section .svisual-txt h2{font-size:24px;}
	.smenu-box .sc5-2 li,
	.smenu-box .sc5-2 li:nth-child(2){width:50%;}
}

@media screen and (max-width:720px){
	.smenu-box .sc4 li{width:50%;}
}

@media screen and (max-width:680px){
	#svisual-section .svisual-txt h2{font-size:22px;}
	.smenu-box ul li a{padding:10px 3px; font-size:14px;}
}

@media screen and (max-width:500px){
	.smenu-box .sc5 li{width:50%;}
	.smenu-box .sc5-2 li:nth-child(1) a{line-height:40px;}
	.smenu-box .sc5-2 li:nth-child(2) a{height:62px;}

}

#snav-section{border-bottom:1px solid #e1dfe2;}
#snav-section .snav-area{width:100%; max-width:1248px; height:60px; margin:0 auto; padding:0 24px; font-family:"Noto Sans KR",sans-serif; line-height:60px;}
#snav-section .snav-area:after{clear:both; content:""; display:block;}
#snav-section .snav-area .home-box{border-left:1px solid #e1dfe2; float:left;}
#snav-section .snav-area .home-box a{padding:0 20px; font-size:24px; display:block;}
#snav-section .snav-area a{display:block; position:relative;}
#snav-section .snav-area a span{width:12px; height:12px; top:50%; right:20px; margin-top:-6px; display:block; position:absolute;}
#snav-section .snav-area a span:before{width:100%; height:2px; top:50%; margin-top:-1px; background:#000; content:""; display:block; position:absolute;}
#snav-section .snav-area a span:after{width:2px; height:100%; top:0; left:50%; margin-left:-1px; background:#000; content:""; display:block; position:absolute; transition:0.3s}

@media screen and (max-width:1200px){
	#snav-section .snav-area{padding:0;}
	#snav-section .snav-area .home-box{border-left:0;}
}

@media screen and (max-width:780px){
	#snav-section .snav-area{height:50px; line-height:50px;}
	#snav-section .snav-area .home-box{display:none;}
}


#snav-section .snav-area .depth1-box{min-width:250px; position:relative; float:left;}
#snav-section .snav-area .depth1-box a.d-curr{padding:0 60px 0 20px; font-size:16px; border-left:1px solid #e1dfe2;display:block;}
#snav-section .snav-area .depth2-box{min-width:280px; position:relative; float:left;}
#snav-section .snav-area .depth2-box a.d-curr{padding:0 60px 0 20px; font-weight:500; font-size:16px; color:#fff; background-color:#1c73b9; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#snav-section .snav-area .depth2-box a span:before{background:#fff;}
#snav-section .snav-area .depth2-box a span:after{background:#fff;}
#snav-section .snav-area a.curr span:after{transform:rotate(90deg);}

#snav-section .snav-area ul{width:100%; top:60px; left:0; padding:10px 0; z-index:1000; border:1px solid #e1dfe2; background:#f9f9f9; display:none; position:absolute;}
#snav-section .snav-area ul li{}
#snav-section .snav-area ul li a{padding:15px 20px; font-size:15px; line-height:100%; display:block;}

@media screen and (max-width:780px){
	#snav-section .snav-area .depth1-box,
	#snav-section .snav-area .depth2-box{width:50%; min-width:auto;}
	#snav-section .snav-area .depth1-box a.d-curr{border-left:0;}
	#snav-section .snav-area .d-curr{font-size:15px !important;}

	#snav-section .snav-area ul{top:50px;}
	#snav-section .snav-area .depth1-box ul{border-left:0 !important;}
	#snav-section .snav-area .depth2-box ul{border-right:0 !important;}

}

@media screen and (max-width:680px){
	#snav-section .snav-area .d-curr{padding:0 40px 0 15px !important; font-size:14px !important;}
	#snav-section .snav-area a span{width:10px; height:10px; right:15px; margin-top:-5px;}
	#snav-section .snav-area ul li a{padding:7px 15px; line-height:160%;}
}

@media screen and (max-width:500px){
	#snav-section .snav-area ul li a{font-size:14px;}
}

.sub #container-section{width:100%; max-width:1248px; margin:0 auto; padding:80px 24px; font-family:"Noto Sans KR",sans-serif;}

@media screen and (max-width:1200px){
	.sub #container-section{padding:80px 14px;}
}

@media screen and (max-width:980px){
	.sub #container-section{padding:60px 14px;}
}

@media screen and (max-width:880px){
	.sub #container-section{padding:40px 14px;}
}

.page-title-box{margin-bottom:30px; font-family:"Noto Sans KR",sans-serif; text-align:center;}
.page-title-box h3{font-weight:700; font-size:30px; color:#333;}

@media screen and (max-width:980px){
	.page-title-box{margin-bottom:20px;}
}

@media screen and (max-width:880px){
	.page-title-box{margin-bottom:15px;}
	.page-title-box h3{font-size:27px;}
}

@media screen and (max-width:780px){
	.page-title-box h3{font-size:24px;}
}

@media screen and (max-width:680px){
	.page-title-box h3{font-size:22px;}
}


.sub-title-box{font-family:"Noto Sans KR",sans-serif;}
.sub-title-box h4{padding-left:20px; font-weight:600; font-size:20px; color:#333; position:relative;}
.sub-title-box h4:after{width:12px; height:12px; top:10px; left:0; border:3px solid #1c73b9; border-radius:4px; background-color:#fff; content:""; display:block; position:absolute;}

@media screen and (max-width:980px){
	.sub-title-box h4{font-size:18px;}
	.sub-title-box h4:after{top:9px;}
}

@media screen and (max-width:880px){
	.sub-title-box h4{font-size:17px;}
	.sub-title-box h4:after{top:7px;}
}

#footer-section{padding:30px 0; border-top:1px solid #e8e8e9; background-color:#f9fafc;}
#footer-section .ft-btn{}
#footer-section .ft-btn a{font-size:14px; color:#424242; display:inline-block;}
#footer-section .ft-btn .privacy{margin-right:25px; font-weight:600; color:#028ff2;}
#footer-section .ft-copyright{margin-top:25px;}
#footer-section .ft-copyright ul{}
#footer-section .ft-copyright ul li{font-size:15px; line-height:180%; color:#747474;}
#footer-section .ft-copyright ul li span{padding:0 15px; font-family:"dotum"; color:#6d7072; display:inline-block;}

@media screen and (max-width:1160px){
	#footer-section{text-align:center;}
	#footer-section .ft-copyright ul li span:nth-child(1){height:0; padding:0; text-indent:-9000px; display:block;}
}

@media screen and (max-width:600px){
	#footer-section .ft-copyright ul li{font-size:14px;}
	#footer-section .ft-copyright ul li span{padding:0 10px;}
}

@media screen and (max-width:550px){
	#footer-section .ft-copyright ul li span:nth-child(3){height:0; padding:0; text-indent:-9000px; display:block;}
}

/* 서브페이지 */
.page-part{padding:10px 0;}
.page-part:first-child{padding-top:0;}
.page-part:last-child{padding-bottom:0;}
.page-part .page-txt01{padding:5px 0; font-size:16px; line-height:160%; color:#464646;}
.page-part .page-txt02{margin-top:5px; font-size:14px; line-height:160%; color:#727272;}
.page-part .txt-ul{margin-top:5px; text-align:left;}
.page-part .txt-ul li{padding:3px 0 3px 15px; font-size:16px; line-height:160%; color:#464646; position:relative;}
.page-part .txt-ul li:after{width:4px; height:4px; top:13px; left:2px; border-radius:50%; background-color:#c7c7c7; content:""; display:block; position:absolute;}
.page-part table{width:100%; margin-top:15px;}
.page-part table thead th{padding:15px; font-weight:700; font-size:16px; text-align:center; color:#464646; border:1px solid #ddd; background-color:#f9f9f9;}
.page-part table tbody th,
.page-part table td{padding:15px; font-size:16px; text-align:center; color:#464646; border:1px solid #ddd;}
.page-part table tbody th strong{display:block;}
.page-part .lnline{border-left:0;}
.page-part .rnline{border-right:0;}
.page-part .ss{font-weight:500; font-size:17px; color:#1c73b9;}
.page-part .bul{width:4px; height:4px; margin-right:5px; margin-bottom:3px; border-radius:50%; background-color:#c7c7c7; display:inline-block; vertical-align:middle;}
.page-part .oimg{margin-top:20px;}
.page-part .oimg img{max-width:100%;}
.page-btn{margin-top:20px; text-align:center;}
.page-btn a{padding:15px 30px; font-weight:500; font-size:16px; color:#fff; border-radius:4px; background:linear-gradient(90deg, rgba(80,93,156,1) 0%, rgba(26,127,196,1) 100%); box-shadow:2px 2px 8px rgba(27,126,195,.4); display:inline-block;}
.page-btn a img{margin-left:5px; vertical-align:top;}

.tt-title{margin-top:20px; padding-top:10px; font-size:18px; position:relative;}
.tt-title:after{width:23px; height:2px; top:0; left:0; background:#1c73b9; content:""; display:block; position:absolute;}

@media screen and (max-width:780px){
	.page-part .page-txt01{font-size:15px;}
	.page-part .page-txt02{font-size:13px;}
	.page-part .txt-ul li{font-size:15px;}

	.page-part table{margin-top:10px;}
	.page-part table thead th{padding:13px; font-size:15px;}
	.page-part table tbody th,
	.page-part table td{padding:13px; font-size:15px;}

	.page-part .ss{font-size:16px;}
}

@media screen and (max-width:680px){
	.page-part table{margin-top:10px;}
	.page-part table thead th{padding:12px; font-size:14px;}
	.page-part table tbody th,
	.page-part table td{padding:12px; font-size:14px;}

	.page-btn a{padding:13px 25px; font-size:15px;}
}

@media screen and (max-width:480px){
	.page-btn a{padding:12px 20px; font-size:14px;}
}


.fix-wrap{height:50px; margin-top:15px;}
.fix-tab{width:100%; max-width:1200px; margin:0 auto; background-color:#fff;}
.fix-tab.fixed{top:2px; z-index:9999; position:fixed}
.fix-tab ul{margin:0 -2px;}
.fix-tab ul:after{clear:both; content:""; display:block;}
.fix-tab ul li{width:16.6666%; padding:0 2px; float:left;}
.fix-tab ul li a{padding:15px 10px; font-size:16px; line-height:100%; text-align:center; border:1px solid #eee; display:block;}
.fix-tab ul li a.curr{color:#fff; border:1px solid #1c73b9; background-color:#1c73b9;}
.fix-tab.num4 li {width:25%;}

@media screen and (max-width:1200px){
	.fix-tab.fixed{width:100%; max-width:1220px; margin:0 auto; padding:0 14px; left:0;}
}

@media screen and (max-width:580px){
	.fix-wrap{height:40px;}
	.fix-tab ul li a{padding:12px 5px; font-size:14px;}
}

/*  */
.taas-txt{font-size:16px; line-height:160%; color:#464646;}
.taas-stxt{margin-top:10px; font-size:14px; line-height:160%; text-align:center; color:#929292;}
.taas-stxt a{color:#929292;}
.taas-img{margin-top:20px;}
.taas-img img{max-width:100%;}
.taas-btn{margin-top:20px; text-align:center;}
.taas-btn a{padding:15px 30px; font-weight:500; font-size:16px; color:#fff; border-radius:4px; background:linear-gradient(90deg, rgba(80,93,156,1) 0%, rgba(26,127,196,1) 100%); box-shadow:2px 2px 8px rgba(27,126,195,.4); display:inline-block;}
.taas-btn a img{margin-left:5px; vertical-align:top;}

/* 교통안전 표지판 */
.road-sign-part{padding:30px 0;}
.road-sign-part:first-child{padding-top:0;}
.road-sign-part:last-child{padding-bottom:0;}
.road-sign-box{}
.road-sign-box ul{border-top:1px solid #ddd;}
.road-sign-box ul:after{clear:both; content:""; display:block;}
.road-sign-box ul li{width:16.6666%; float:left;}
.road-sign-box ul.num5 li{width:20%; float:left;}
.road-sign-box .box{text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}

.road-sign-box .box.gray{background:#d4d4d4;/* border-right:1px solid #fdfdfd; */}

.road-sign-box .box .img{padding:20px 10px;}
.road-sign-box .box .img img{max-width:100%;}
.road-sign-box .box .txt{height:78px; border-top:1px solid #ddd; background-color:#f9f9f9; position:relative;}
.road-sign-box .box .txt span{width:100%; top:50%; left:0; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); font-size:16px; line-height:140%; color:#464646; position:absolute;}
.road-sign-box ul li:last-child .box,
.road-sign-box ul li:nth-child(6n) .box{border-right:0;}

@media screen and (max-width:1000px){
	.road-sign-box .box .txt span{font-size:15px;}
}

@media screen and (max-width:980px){
	.road-sign-box ul li{width:20%;}
	.road-sign-box ul li:nth-child(6n) .box{border-right:1px solid #ddd;}
	.road-sign-box ul li:nth-child(5n) .box{border-right:0;}
}

@media screen and (max-width:780px){
	.road-sign-part{padding:20px 0;}
	.road-sign-box ul li{width:25%;}
	.road-sign-box ul li:nth-child(5n) .box{border-right:1px solid #ddd;}
	.road-sign-box ul li:nth-child(4n) .box{border-right:0;}
}

@media screen and (max-width:620px){
	.road-sign-box ul li{width:33.333%;}
	.road-sign-box ul.num5 li{width:33.333%;}
	.road-sign-box ul li:nth-child(4n) .box{border-right:1px solid #ddd;}
	.road-sign-box ul li:nth-child(3n) .box{border-right:0;}
	.road-sign-box .box .txt span{font-size:14px;}
}

@media screen and (max-width:580px){
	.road-sign-part{padding:10px 0;}
}

@media screen and (max-width:480px){
	.road-sign-box ul li{width:50%;}
	.road-sign-box ul li:nth-child(3n) .box{border-right:1px solid #ddd;}
	.road-sign-box ul li:nth-child(2n) .box{border-right:0;}
}

/* 고령운전자 운전면허 정기적성 */
#license-section{padding:0 130px;}

@media screen and (max-width:1080px){
	#license-section{padding:0 50px;}
}

@media screen and (max-width:940px){
	#license-section{padding:0 20px;}
}

@media screen and (max-width:820px){
	#license-section{padding:0;}
}

#license-section .step-box{padding:20px 0;}
#license-section .step-num{margin-bottom:10px; padding-bottom:30px; position:relative;}
#license-section .step-num span{width:270px; height:50px; margin:0 auto; font-size:16px; line-height:50px; text-align:center; color:#fff; border-radius:30px; display:block;}
#license-section .step-num span:after{width:1px; height:20px; bottom:0; left:50%; content:""; display:block; position:absolute;}
#license-section .sn1 span,
#license-section .sn1 span:after{background-color:#1b7cc0;}
#license-section .sn2 span,
#license-section .sn2 span:after{background-color:#2157a1;}
#license-section .sn3 span,
#license-section .sn3 span:after{background-color:#253f8b;}
#license-section .step-info-box1{padding:50px; font-size:16px; line-height:100%; text-align:center; color:#464646; border:1px solid #dedede;}
#license-section .step-info-box1 br{display:none;}

@media screen and (max-width:780px){
	#license-section .step-info-box1{padding:40px; line-height:160%;}
	#license-section .step-num span{width:250px; height:45px; font-size:15px; line-height:45px;}
}

@media screen and (max-width:560px){
	#license-section .step-info-box1{padding:30px;}
	#license-section .step-info-box1 br{display:block;}
}

@media screen and (max-width:480px){
	#license-section .step-info-box1{padding:20px; font-size:15px;}
}

#license-section .step-info-box2{font-size:16px; line-height:180%; text-align:center; color:#696969;}
#license-section .step-info-box2 span{color:#ce0000;}

@media screen and (max-width:480px){
	#license-section .step-info-box2{ font-size:15px;}
}

#license-section .step-info-box3{margin-top:10px; text-align:center;}
#license-section .step-info-box3:after{clear:both; content:""; display:block;}
#license-section .step-info-box3 .left-box{width:calc(50% - 10px); float:left;}
#license-section .step-info-box3 .right-box{width:calc(50% - 10px); float:right;}

@media screen and (max-width:760px){
	#license-section .step-info-box3 .left-box{width:100%; float:none;}
	#license-section .step-info-box3 .right-box{width:100%; margin-top:20px; float:none;}
}

#license-section .step-info-box3 .left-box,
#license-section .step-info-box3 .right-box{padding:30px; border:1px solid #dedede;}
#license-section .step-info-box3 h4{font-weight:700; font-size:16px;}
#license-section .step-info-box3 p{font-size:16px; line-height:160%; color:#464646;}
#license-section .step-info-box3 div{margin-top:20px; text-align:center;}
#license-section .step-info-box3 .left-box h4{color:#ec1a59;}
#license-section .step-info-box3 .right-box h4{color:#583ca0;}

@media screen and (max-width:580px){
	#license-section .step-info-box3 .left-box,
	#license-section .step-info-box3 .right-box{padding:20px;}
}

@media screen and (max-width:480px){
	#license-section .step-info-box3 h4{font-size:15px;}
	#license-section .step-info-box3 p{font-size:15px;}
}

#license-section .step-info-box4{padding:50px; font-size:16px; line-height:100%; text-align:center; color:#464646; border:1px solid #dedede;}
#license-section .step-info-box4 .in-txt-2{margin-top:5px; padding:15px 0; font-weight:700; color:#253f8b;}
#license-section .step-info-box4 .in-txt-3{line-height:190%;}
#license-section .step-info-box4 .in-txt-3 span{padding:0 15px; display:inline-block;}

@media screen and (max-width:780px){
	#license-section .step-info-box4{padding:40px;}
}

@media screen and (max-width:700px){
	#license-section .step-info-box4 .in-txt-3 span:nth-child(2),
	#license-section .step-info-box4 .in-txt-3 span:nth-child(4){padding:0; display:block;}
}

@media screen and (max-width:560px){
	#license-section .step-info-box4{padding:30px;}
}

@media screen and (max-width:500px){
	#license-section .step-info-box4 .in-txt-3{padding:0 20px; text-align:left;}
	#license-section .step-info-box4 .in-txt-3 span:nth-child(1){padding:0; display:block;}
}

@media screen and (max-width:480px){
	#license-section .step-info-box4{padding:30px 20px; font-size:15px;}
}

#license-section .step-info-box5{margin-top:20px; font-size:16px; text-align:center; color:#464646;}
#license-section .step-info-box5 strong{color:#ce0000;}

@media screen and (max-width:480px){
	#license-section .step-info-box5{font-size:15px;}
}

.agree-box{font-size:16px; line-height:160%;}


@media screen and (max-width:780px){
	.wd{display:none;}
}

#popup{width:calc( 100% - 20px );}
#popup img{max-width:100%;}
.popuptail{height:50px; padding:10px; background:#fff;}
.popuptail:after{clear:both; content:""; display:block;}
.popuptail .popup-checkbox{font-size:14px; line-height:30px; color:#999; float:left;}
.popuptail .popup-checkbox input{display:none;}
.popuptail .popup-checkbox label{transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out;}
.popuptail .popup-checkbox label:hover{color:#222; cursor:pointer;}
.popuptail .popup-close{float:right;}
.popuptail .popup-close a{font-size:14px; line-height:30px; color:#999;}


.img-list-box {width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:10px 0}
.img-list-box div {flex-basis:49%;margin-bottom:15px;}
.img-list-box div img {max-width:100%}
.img-list-box div p {font-size:17px; text-align:center; padding:10px 0;}

@media screen and (max-width:500px){
	.img-list-box div {flex-basis:100%;}
	.img-list-box div p {font-size:15px;}
}