@charset "UTF-8";

.mainview h3 {margin-bottom:16px;font-family:"NotoKr", sans-serif;font-size:18px}
.tit_gnb {display: none;padding: 11px 0;font-weight: 700;font-size: 1.2em;background-color: #394457;color:#fff;text-align: center;}
#main_visu + section {position: relative;}
#word-cloud-html > span:hover	{cursor: pointer;}

/*메인 비주얼*/
#main_visu {position: relative;width: 100%;height: 360px;margin: 0;padding: 0;background:url(/img/main/main_visu.jpg) no-repeat center}
#main_visu .main_txt {overflow: hidden;position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);width: 67%;max-width: 1160px;max-height: 270px;padding: 2%;background-color: rgba(0,0,0,.3)}
#main_visu .main_txt h2 {margin-bottom: 20px;font-weight: bold;font-family:"NotoKr", sans-serif;font-size:36px;line-height: 1.3;color:#fff}
#main_visu .main_txt h4 {margin-bottom: 20px;font-weight: bold;font-family:"NotoKr", sans-serif;font-size:20px;line-height: 1.3;color:#fff}
#main_visu .main_txt form .btn {display: inline-block;width: 20%;max-width: 80px;min-height: 48px;margin-left: -5px;padding: 0;line-height: 48px;border:none;font-size: 1rem;background-color: #1EC800;color:#fff;text-align: center;vertical-align: top;}
#main_visu .main_txt form input {width: calc(100% - 181px);max-width: none;min-height: 48px;padding: 0 10px;border:none;color:#777;text-align: left;vertical-align: top;}
#main_visu .main_txt button{width: 12.5%;max-width: 50px;min-height: 48px;margin-left: -5px;border: none;background-color: #fe4d0a;cursor:pointer;vertical-align: middle;}
#main_visu .main_txt .btn_question{background-color: #303948;}

/*검색 영역 - 전체보기*/

.mid-line {position: relative;background:url(/img/icon/i_line.png) repeat-x center;}
.click_btn {background-color: #f4f7fa;cursor: pointer;}
.mid-line  img {margin: 0 5px;vertical-align: middle;}
.mid-line:after {width: 91%;height: 1px;background-color: #b4b4b4;}
.wrap.bg {position: absolute;z-index: 997;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);width: 67%;max-width: 1160px;padding: 1% 2%;border: 1px solid #dedede ;font-family:"NotoKr", sans-serif;background-color: #f4f7fa;text-align: left;}
#main .wrap.bg {top:-85px;}
.wrap.bg .close {position: absolute;top: 20px;right: 2%;}
.wrap.bg .submit_wrap {padding-top: 0;}
.wrap.bg h4:nth-of-type(1) {margin-bottom: 1%;}
.wrap.bg form h4 {margin-top: 2%;}
.wrap.bg .btn_sort li {display: inline-block;width: 11.5%;margin-bottom: 0.5%;}
.wrap.bg .btn_sort li.con1 {width:46%;}
.wrap.bg .btn_sort li a:hover, .wrap.bg .btn_sort > li a.on{ background:#00549b; border-color:#00549b; color:#fff; }
.wrap.bg .btn_sort li a {width: 100%;padding: 2.5% 0;border: 1px solid #dedede;; border-radius: 4px; font-size: 90%; background: #fff; text-align: center; box-sizing: border-box; }
.wrap.bg dl dt {font-weight: 700;}
.wrap.bg .std-com dl dd label {margin-right: 4%;}
.wrap.bg .search-option {padding-left: 2%;}
.wrap.bg .search-option dl {display: table;width: 100%;margin-bottom: 6px}
.wrap.bg .search-option dl dt, .wrap.bg .search-option dl dd {display: inline-block;}
.wrap.bg .search-option dl dt {width: 14%;}
.wrap.bg .search-option dl dd {width: 85%;}
.wrap.bg .search-option dl dd input,.wrap.bg .search-option dl dd select {min-height: 32px;margin-right: 5px;font-size: 0.9rem;}
.wrap.bg .search-option dl dd option {font-size: 14px;}
.wrap.bg .search-option dl .keyword,
.wrap.bg .search-option dl .date {max-width: 575px;}

.wrap.bg .search-option dl .keyword input {max-width: none;}
.wrap.bg .search-option dl dd .btn-m{margin-right: 1%;padding: 5.5px 10px;font-size: 1rem;background-color: #b4b4b4;vertical-align: middle;}
.wrap.bg .search-option dl dd .btn-m.on, .wrap.bg .search-option dl dd .btn-m:hover {background-color: #ff783e;box-shadow:none}
.wrap.bg .search-option dl dd .datepicker {margin-left:10px;margin-right: 0;width: calc(48% - 122px);}
.wrap.bg .search-option dl dd .datepicker:nth-of-type(1) {margin-left: 0;}
.wrap.bg .search-option dl dd .ui-datepicker-trigger {padding: 0 10px;margin-left: -35px;vertical-align: middle;}
#question {padding: 2%;}
#question .txt_dethelp {width: calc(95% - 64px);margin-left: 3%;}
#question ul { display: inline-block; vertical-align: top; font-size: 0.9rem }
#question ul li {margin-bottom: 2%;}
#question ul li p{line-height: 1.5;}

/*메인 콘텐츠*/
.mainview {position: relative}
.mainview article {padding-top: 3%}
.mainview .contents_top:after {content:'';display: block;clear: both}
.mainview .contents_top .area{float: left}
.mainview .contents_top .slide{width: 33%}
.mainview .contents_top .slide h3 a{display: inline;color:#777;}
.mainview .contents_top .slide h3 a span img:last-child {display: none}
.mainview .contents_top .slide h3 a:hover{color:#000}
.mainview .contents_top .slide span h3 a.on{color:#000}
.mainview .contents_top .slide span h3 a.on span img:first-child {display: block}
.mainview .contents_top .slide span h3 a.on span img:last-child {display: none}
.mainview .contents_top .slide h3 a span {position: relative}
.mainview .contents_top .slide h3 a span img{position: absolute;top: 50%;right:-28px;transform:translateY(-50%)}
.mainview .contents_top .slide h3 a span img:nth-child(2),.mainview .contents_top .slide h3 a span img:last-child {display: none}
.mainview .contents_top .area .slide_txt {display: none;padding: 0% 15% 4% 2%;font-size:15px;line-height: 2;}
.mainview .contents_top .area .benefit .slide_txt {display: block;margin-bottom: 0;padding-bottom: 0;line-height: 1.5;}
.mainview .contents_top .popup{width: 67%}
.mainview .contents_top .popup li{position: relative;width: 100%;height: 230px;padding: 0;margin: 0;background: white; -webkit-background-size: cover;
background-size: cover;}
.mainview .contents_top .popup li .popup_txt{display: table;position: absolute;left: 0;top: 0;width: 60%;height: 100%;padding: 0 10%;font-size:16px;background-color: rgba(0,0,0,.3);color:#fff}
.mainview .contents_top .popup li .popup_txt span {display: table-cell;vertical-align: middle;}
.mainview .contents_top .popup li .popup_txt h4{margin-bottom: 3%;font-weight: 500;font-family:"NotoKr", sans-serif;font-size:30px}
.mainview .contents_top .popup li .popup_txt p {padding-bottom: 4%;}
.mainview .contents_top .popup li .popup_txt .btn_detail {display: block;width: 55%;padding: 2% 0;font-size:18px;font-family:"NotoKr", sans-serif;background-color: #fe4d0a;color:#fff;text-align: center}
.mainview .contents_top .bx-wrapper {position: relative;}

.mainview .contents_top .popup .bx-controls {position: absolute;top: 50%;width: 100%;}
/* .mainview .contents_top .popup .bx-controls-direction a {text-indent: -9999px; position: absolute; top: 50%;width: 40px;height: 40px;margin-top: -20px;background:url(../img/icon/i_arrow_ov.png) no-repeat center;background-color: rgba(0,0,0,.3);} */
.mainview .contents_top .popup .bx-controls-direction a {text-indent: 100%; overflow: hidden; position: absolute; top: 50%;width: 40px;height: 40px;margin-top: -20px;background:url(../img/icon/i_arrow_ov.png) no-repeat center;background-color: rgba(0,0,0,.3);}
.mainview .contents_top .popup .bx-controls-direction .bx-prev{left: 0;transform:rotate(-90deg)}
.mainview .contents_top .popup .bx-controls-direction .bx-next{right: 0;transform:rotate(90deg)}


.mainview .contents_tap .tap_btn{overflow: hidden}
.mainview .contents_tap .tap_btn li{float: left;width:
20%;border-right: 1px solid #ddd;background-color: #f4f4f4;text-align: center}
.mainview .contents_tap .tap_btn li h3 {margin-bottom: 0;}
.mainview .contents_tap .tap_btn li a {padding: 4% 0;font-size:18px}
.mainview .contents_tap .tap_btn li:hover a{color: #4c7ac5;}
.mainview .contents_tap .tap_btn li.on {background-color: #e5eef5;}
.mainview .contents_tap .tap_btn li.on a{color: #4c7ac5;}
.mainview .contents_tap .tap_btn li:last-child {border-color:#f4f4f4}

.mainview .contents_tap .tap_wrap > div:first-child {display: block}
.mainview .contents_tap .tap_box {display: none;overflow: hidden;width: 100%;padding:3%;background-color: #e5eef5}
.mainview .contents_tap .tap_box ul{padding: 0% 1%}
.mainview .contents_tap .tap_box .explain {float: left; width: 25%}
.mainview .contents_tap .tap_box .explain li p{margin-bottom: 10px;font-size:15px;line-height: 1.5}
.mainview .contents_tap .tap_box .explain li .btn_more {display: block;max-width: 100px;width: 40%;padding: 8px 0;background-color: #4c7ac5;color:#fff;text-align: center}
.mainview .contents_tap .tap_box .board {float: left;width: 75%;padding-left: 3%;border-left: 1px solid #b0bac4}
.mainview .contents_tap .tap_box .board li{margin: 4px 0;font-size:15px;overflow: hidden}
.mainview .contents_tap .tap_box .board li > a{overflow: hidden;float: left;width: 85%;text-overflow:ellipsis;white-space: nowrap;}
.mainview .contents_tap .tap_box .board li > a:hover{color:#4c7ac5}
.mainview .contents_tap .tap_box .board li > a b{margin-right: 15px;font-weight: normal;color:#4c7ac5}
.mainview .contents_tap .tap_box .board li span{float: right;width: 15%;text-align: right;}
.mainview .contents_tap .best ol {display: inline-block;width: 15%;vertical-align: middle;}
.mainview .contents_tap .best.best ol li {float: left;width: 50%;margin-top: 0;margin-bottom:6px;text-align: center;}
.mainview .contents_tap .best.best ol li:nth-child(n+5) {margin-bottom: 0;}
.mainview .contents_tap .best.best ol li a {width: 95% ;margin: auto;padding: 4.5%;border: 1px solid #ddd;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-color: #fff;}
.mainview .contents_tap .best.best ol li a:hover, .mainview .contents_tap .best.best ol li a.on {background-color: #4c7ac5;color:#fff }
.mainview .contents_tap .best ul {display: inline-block;width: 79%;vertical-align: middle;}
.mainview .contents_tap .std.std ul {display: block;float: none;width: 100%; padding: 0;}
.mainview .contents_tap .std.std ul li {display: table-cell;position: relative;width: 33.33%;padding:0 2%; padding-bottom: 5.6%;border-right: 1px solid #b0bac4;text-align: center;}
.mainview .contents_tap .std.std ul li .btn_more {position: absolute;bottom: 0;left: 50%;width: 80%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.mainview .contents_tap .std.std ul li:first-child {padding-left: 0;}
.mainview .contents_tap .std.std ul li:last-child {padding-right: 0;border-right: none;}


.mainview .contents_link ul {overflow: hidden;width: 100%;background-color: #f4f4f4;border-bottom: 1px solid #fff}
.mainview .contents_link ul li {float: left;width: 9.7%;text-align: center;vertical-align: middle;}
.mainview .contents_link li a:hover{background-color: #e5eef5;}
.mainview .contents_link ul li a{padding: 10% 0;font-size:15px;color:#4c7ac5;text-overflow:ellipsis;;white-space: nowrap;}
.mainview .contents_link ul li:nth-child(10n) { width: 12.7%}

.mainview .contents_tap .newestStd ul.board {overflow: hidden; width: 75%; background-color: #f4f4f4; border-bottom: 1px solid #fff;}
.mainview .contents_tap .newestStd ul.board li {float: left; width: 11%; text-align: center; vertical-align: middle;}
.mainview .contents_tap .newestStd ul.board li a:hover{background-color: #e5eef5;}
.mainview .contents_tap .newestStd ul.board li a{padding: 10% 0; font-size:15px; color:#4c7ac5; text-overflow:ellipsis; white-space: nowrap;}








/* 2024.10.18 개편*/
/* 배너 + 상담 */
.visu_top												{padding:50px 0; background: #fafafa url('/img/pc/main/top_bg.png') no-repeat 105% -5%; word-break:keep-all;}
.visu_top > div										{display: flex; align-items: center; justify-content: space-between;}
.visu_top .visual									{width:61%; max-width: 930px; }
.visu_top .visual .main_slider					{margin-bottom: 0;}
.visu_top .visual .main_slider > div a		{display:block; border-radius: 20px; overflow:hidden;}
.visu_top .visual .main_slider > div a .banner_img	{background-size: cover; background-position: 0 50%; background-repeat: no-repeat;}
.visu_top .visual .main_slider .slick-list a:focus	{outline-offset:-2px; outline-width:2px;}
.visu_top .visual .main_slider > button				{width: 46px; height: 46px; border-radius: 50px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1); top: 50%;}
.visu_top .visual .main_slider .slick-prev				{left: -66px; background: #fff url('/img/pc/main/slick-prev.svg') no-repeat 45% 50% / 10px;}
.visu_top .visual .main_slider .slick-next				{right: -66px; background: #fff url('/img/pc/main/slick-next.svg') no-repeat 55% 50% / 10px;}

.visu_top .help_box										{max-width: 500px; width: 100%;}
.visu_top .help_box .tit									{font-weight:700; font-size:28px; color: #ccc;}
.visu_top .help_box .tit span							{color: var(--blue)}
.visu_top .help_box .txt_box							{width: 100%; position: relative;}
.visu_top .help_box .txt_box .tt					{font-size:16px;color:#999; margin-top:5px;}
.visu_top .help_box .txt_box .mail					{font-weight:800; font-size:20px; margin: 10px 0 20px; padding-left:23px; background:url('/img/pc/main/mail_help.svg') no-repeat 0% 10px/15px;}
.visu_top .help_box .txt_box .mail a				{color: #222;}
.visu_top .help_box .txt_box .mail a:hover			{text-decoration: underline;}
.visu_top .help_box .btn_box						{display:flex; flex-wrap:wrap; gap:5px; }
#en .visu_top .help_box .btn_box					{flex-wrap: nowrap;}
.visu_top .help_box .btn_box a						{width:calc(50% - 2.5px); display:inline-block; border:solid 2px var(--gray_line); border-radius:8px; padding:18px 45px 40px 18px; background:#fff; position:relative; font-weight:500; font-size:15px; color:#222;}
#en .visu_top .help_box .btn_box a					{width: 100%;}
.visu_top .help_box .btn_box a::before				{position:absolute; content:''; width:15px; height:15px; background: url('/img/pc/main/out_btn.svg') no-repeat 50% 50%/100%; opacity:0.4; bottom:20px;}
#en .visu_top .help_box .btn_box a::before			{position:absolute; content:''; width:15px; height:15px; background: url('/img/pc/main/en_out_btn.svg') no-repeat 50% 50%/100%; opacity:0.6; bottom:auto; top: 80px;}
.visu_top .help_box .btn_box a.in::before			{background:url('/img/pc/main/arr_btn.svg') no-repeat 50% 50%/100%;}
#en .visu_top .help_box .btn_box a.in::before		{background:url('/img/pc/main/arr_btn.svg') no-repeat 50% 50%/100%;}
.visu_top .help_box .btn_box a::after				{position:absolute; content:''; width:50px; height:50px; right:15px; top:50%; margin-top:-25px; bottom:25px}
.visu_top .help_box .btn_box a:first-child::after	{background:url('/img/pc/main/help01.png') no-repeat 50% 70%;}
.visu_top .help_box .btn_box a:nth-child(2)::after	{background:url('/img/pc/main/help02.png') no-repeat 50% 50%;}
.visu_top .help_box .btn_box a:nth-child(3)::after	{background:url('/img/pc/main/help03.png') no-repeat 50% 50%;}
.visu_top .help_box .btn_box a:nth-child(4)::after	{background:url('/img/pc/main/help04.png') no-repeat 100% 50%;}
#en .visu_top .help_box .btn_box a						{height: 162px; font-size: 18px; line-height: 22px;}
#en .visu_top .help_box .btn_box a::after				{right:25px; top: auto;}
#en .visu_top .help_box .btn_box a:first-child::after	{width:65px; height:50px; background:url('/img/pc/main/en_help01.png') no-repeat 50% 70%;}
#en .visu_top .help_box .btn_box a:nth-child(2)::after	{width:63px; height:58px; background:url('/img/pc/main/en_help02.png') no-repeat 50% 50%;}

.visu_top .help_box .btn_box a:hover,
.visu_top .help_box .btn_box a:focus					{background:linear-gradient(90deg, var(--blue2), var(--blue3)); border:0; padding:20px 47px 42px 20px; color:#fff;}

.visu_top .help_box .btn_box a:hover::after,
.visu_top .help_box .btn_box a:focus::after								{right:17px;}
.visu_top .help_box .btn_box a:first-child:hover::after,
.visu_top .help_box .btn_box a:first-child:focus::after				{background:url('/img/pc/main/help01_w.png') no-repeat 50% 70%;}
.visu_top .help_box .btn_box a:nth-child(2):hover::after,
.visu_top .help_box .btn_box a:nth-child(2):focus::after			{background:url('/img/pc/main/help02_w.png') no-repeat 50% 50%;}
.visu_top .help_box .btn_box a:nth-child(3):hover::after,
.visu_top .help_box .btn_box a:nth-child(3):focus::after			{background:url('/img/pc/main/help03_w.png') no-repeat 50% 50%;}
.visu_top .help_box .btn_box a:nth-child(4):hover::after,
.visu_top .help_box .btn_box a:nth-child(4):focus::after			{background:url('/img/pc/main/help04_w.png') no-repeat 100% 50%;}
#en .visu_top .help_box .btn_box a:first-child:hover::after,
#en .visu_top .help_box .btn_box a:first-child:focus::after			{background:url('/img/pc/main/en_help01_w.png') no-repeat 50% 70%;}
#en .visu_top .help_box .btn_box a:nth-child(2):hover::after,
#en .visu_top .help_box .btn_box a:nth-child(2):focus::after		{background:url('/img/pc/main/en_help02_w.png') no-repeat 50% 50%;}

.visu_top .help_box .btn_box a:hover:before	,
.visu_top .help_box .btn_box a:focus:before				{background:url('/img/pc/main/out_btn_w.svg') no-repeat 50% 50%/100%; bottom:22px;}
.visu_top .help_box .btn_box a.in:hover:before	,
.visu_top .help_box .btn_box a.in:focus:before			{background:url('/img/pc/main/arr_btn_w.svg') no-repeat 50% 50%/100%; bottom:22px;}
#en .visu_top .help_box .btn_box a:hover:before	,
#en .visu_top .help_box .btn_box a:focus:before			{background:url('/img/pc/main/en_out_btn_w.svg') no-repeat 50% 50%/100%; bottom:22px;}
#en .visu_top .help_box .btn_box a.in:hover:before	,
#en .visu_top .help_box .btn_box a.in:focus:before		{background:url('/img/pc/main/en_arr_btn_w.svg') no-repeat 50% 50%/100%; bottom:22px;}

@media only screen and (max-width: 1600px){
	.visu_top .visual									{width:60%}
	.visu_top .visual .main_slider .slick-prev	{left:-25px; z-index:1;}
	.visu_top .visual .main_slider .slick-next {right:-25px;}
	.visu_top .help_box								{width:calc(40% - 50px)}
	.visu_top .help_box .txt_box .mail			{margin:5px 0 15px;}
}

@media only screen and (max-width: 1200px){
	.visu_top .help_box .txt_box .tt	{display:none;}
}

/*----------------------------------------------------------------- TA -----------------------------------------------------------------*/
@media only screen and (max-width: 1024px){
	.visu_top						{padding-top:25px; background-position:right -20px bottom 140px; background-size:330px;}
	.visu_top > div				{display:block;}
	.visu_top .visual			{width:100%; max-width:revert;}
	.visu_top .visual .main_slider .slick-list a img	{width:100%;}
	.visu_top .visual .main_slider > button	{display:none !important;}
	.visu_top .visual .main_slider .slick-dots	{bottom:20px;}
	.visu_top .help_box		{width:100%; max-width:revert; margin-top:30px;}
	.visu_top .help_box .tit	{font-size:25px;}

	.visu_top .help_box .btn_box a						{width:calc(25% - 4px); padding:13px 40px 40px 13px;}
	#en .visu_top .help_box .btn_box a					{height: auto; font-size: 14px; line-height: 20px;}
	.visu_top .help_box .btn_box a:hover,
	.visu_top .help_box .btn_box a:focus				{padding:15px 42px 42px 15px;}
	.visu_top .help_box .btn_box a::after				{margin-top:-15px;}
	#en .visu_top .help_box .btn_box a::after			{bottom: 15px; right: 10px; width: 50px; height: 50px;}
	.visu_top .help_box .btn_box a:first-child::after	{background:url('/img/mo/main/help01M.png') no-repeat 50% 70% /45px;}
	.visu_top .help_box .btn_box a:nth-child(2)::after	{background:url('/img/mo/main/help02M.png') no-repeat 80% 50%/45px;}
	.visu_top .help_box .btn_box a:nth-child(3)::after	{background:url('/img/mo/main/help03M.png') no-repeat 50% 50%/40px;}
	.visu_top .help_box .btn_box a:nth-child(4)::after	{background:url('/img/mo/main/help04M.png') no-repeat 90% 50%/25px;}

	#en .visu_top .help_box .btn_box a:first-child::after	{background:url('/img/mo/main/en_help01.png') no-repeat 50% 70% /45px;}
	#en .visu_top .help_box .btn_box a:nth-child(2)::after	{background:url('/img/mo/main/en_help02.png') no-repeat 80% 50%/45px;}


	.visu_top .help_box .btn_box a:first-child:hover::after,
	.visu_top .help_box .btn_box a:first-child:focus::after				{background:url('/img/mo/main/help01M_w.png') no-repeat 50% 70%/45px;}
	.visu_top .help_box .btn_box a:nth-child(2):hover::after,
	.visu_top .help_box .btn_box a:nth-child(2):focus::after			{background:url('/img/mo/main/help02M_w.png') no-repeat 80% 50%/45px;}
	.visu_top .help_box .btn_box a:nth-child(3):hover::after,
	.visu_top .help_box .btn_box a:nth-child(3):focus::after			{background:url('/img/mo/main/help03M_w.png') no-repeat 50% 50%/40px;}
	.visu_top .help_box .btn_box a:nth-child(4):hover::after,
	.visu_top .help_box .btn_box a:nth-child(4):focus::after			{background:url('/img/mo/main/help04M_w.png') no-repeat 90% 50%/25px;}

	#en .visu_top .help_box .btn_box a:first-child:hover::after,
	#en .visu_top .help_box .btn_box a:first-child:focus::after				{background:url('/img/mo/main/en_help01_w.png') no-repeat 50% 70%/45px;}
	#en .visu_top .help_box .btn_box a:nth-child(2):hover::after,
	#en .visu_top .help_box .btn_box a:nth-child(2):focus::after			{background:url('/img/mo/main/en_help02_w.png') no-repeat 80% 50%/45px;}


	#en .visu_top .help_box .btn_box a::before			{top: auto; bottom: 14px; width: 12px; bottom: 13px;}
	#en .visu_top .help_box .btn_box a:hover::before,
	#en .visu_top .help_box .btn_box a:focus::before	{bottom: 14px;}
}

/*----------------------------------------------------------------- MO -----------------------------------------------------------------*/
@media only screen and (max-width: 640px){
	.visu_top	{padding-top:0;}
	.visu_top .visual .main_slider	{width:calc(100% + 30px); margin-left:-15px; }
	.visu_top .visual .main_slider .slick-list a			{border-radius:0;}
	.visu_top .visual .main_slider .slick-list a img	{height:31dvw;}
	.visu_top .visual .main_slider > div a .banner_img		{background-size: 100%; background-position: 50% 50%;}

	.visu_top .help_box									{margin-top:20px;}
	.visu_top .help_box .tit								{font-size:19px;}
	.visu_top .help_box .txt_box .mail				{font-size:18px; margin-top:0;}

	.visu_top .help_box .btn_box a					{width:calc(50% - 2.5px)}
	.visu_top .help_box .btn_box a					{padding:12px 40px 30px 12px; font-size:14px; border:solid 1px var(--gray_line);}
	.visu_top .help_box .btn_box a:hover,
	.visu_top .help_box .btn_box a:focus		{padding:13px 41px 31px 13px;}
	.visu_top .help_box .btn_box a::before		{width:12px; bottom:13px;}
	.visu_top .help_box .btn_box a::after		{margin-top:-25px; right:10px !important;}
	.visu_top .help_box .btn_box a:first-child::after	{background-size:42px !important;}
	.visu_top .help_box .btn_box a:nth-child(2)::after	{background-size:35px !important;}
	.visu_top .help_box .btn_box a:nth-child(3)::after	{background-size:35px !important;}
	.visu_top .help_box .btn_box a:nth-child(4)::after	{background-size:22px !important;}

	.visu_top .help_box .btn_box a:hover:before	,
	.visu_top .help_box .btn_box a:focus:before,
	.visu_top .help_box .btn_box a.in:hover:before	,
	.visu_top .help_box .btn_box a.in:focus:before		{bottom:12px;}

}

/* 메인 h + more */
.main .h_flex	{display: flex; align-items: center; justify-content: space-between;}
.main h2		{margin-bottom: 15px; font-weight:600; font-size:32px; }
.main h2 .en	{font-size: 34px;}
.main .h_flex .more						{display: inline-block; width: 21px; height: 21px; position: relative; font-size: 0;}
.main .h_flex .more:hover				{transform: rotate(180deg); transition: all .3s;}
.main .h_flex .more span				{width: 21px; height: 3px; display: block; background: var(--black); position: absolute; top: 9px; left: 0px;}
.main .h_flex .more span:nth-child(2)	{transform: rotate(90deg);}

/* 공지 + 인기 */
.section1								{padding: 60px 0 90px;}
.section1 .flex_2_box			{display: flex; justify-content: space-between; gap: 60px;}
.section1 .flex_2_box > div	{width: 48%; max-width: 740px;}

.section1 .notice ul					{border-top: 2px solid var(--black);}
.section1 .notice ul li:hover		{background: var(--blue2_bg);}
.section1 .notice ul li a				{display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 20px 10px; border-bottom: 1px solid var(--gray_line);}
.section1 .notice ul li.noti a		{padding-left: 40px; background: url('/img/pc/main/notice_icon.svg') no-repeat 10px 50% / 20px;}
.section1 .notice ul li a .tit			{font-weight:400; font-size:18px; color: var(--black); text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.section1 .notice ul li a:hover .tit{text-decoration: underline;}
.section1 .notice ul li a .date		{font-weight:400; font-size:17px; color: #999;}

.section1 .best_box .tab						{display: flex; align-items: center; gap: 15px; padding: 0 6px; margin: 5px 0 20px;}
.section1 .best_box .tab li a					{font-weight:600; font-size:22px; color: #999; position: relative; padding: 0 10px; transition: all .05s;}
.section1 .best_box .tab li a:hover			{color: var(--black); }
.section1 .best_box .tab li a:before		{content: ''; width: 0; height: 2px; background: var(--black); display: block; position: absolute; bottom: -23px; left: 50%; transform: translateX(-50%); transition: all .2s;}
.section1 .best_box .tab li a:hover:before	{width: 40px;}
.section1 .best_box .tab li.on a				{color: var(--black); font-weight:700}
.section1 .best_box .line_box				{border: 1px solid var(--gray_line); border-radius: 10px; max-height: 280px; height: 100%; overflow: hidden; padding: 20px;}
.section1 .best_box .line_box img			{max-width:405px; width:100%;}
.section1 .best_box .best01					{text-align: center;}
.section1 .best_box .best02					{display: none;}


.banner_zone									{overflow: hidden;width: 100%;position: relative; display:flex;}
.banner_zone::before						{position:absolute; content:''; width:47%; height:100%; left:0; bottom:0; background:var(--blue2_bg); z-index:-1;}
.banner_zone > div							{word-break: keep-all;position: relative;width: 50%;min-height: 245px;}
.banner_zone > div .skew_bg			{height: 100%;display: block;position: absolute;top: 0;transform: skew(-20deg);overflow: hidden;}
.banner_zone .left								{background: var(--blue);z-index: 1;left: -5%; top: 0; padding: 25px 50px 35px calc(5% + 30px);display:flex;align-items: center;margin-bottom: 50px;float: left;justify-content: flex-end;}
.banner_zone .left:before					{background: var(--blue); left: -50%;}
.banner_zone .left:after					{content:'';width:300px;height:215px;background:url('/img/pc/main/banner_l_bg01.svg') no-repeat 100% 0;top:0;right: 60%;position:absolute;}
.banner_zone .left .skew_bg				{width: 100%;background: var(--blue);ri;right: -45px;}
.banner_zone .left .skew_bg:before	{content: ''; width: 100%; height: 100%; display: block; background: url('/img/pc/main/banner_l_bg02.svg')no-repeat 100% 100%;  transform: skew(20deg);}
.banner_zone .left .line_bg 				{display: block;width: 100%;height: calc(100% + 5px);border-right: 6px solid #fff;border-bottom: 5px solid #fff;backdrop-filter: opacity(0);position: absolute;top: -1px;right: -50px;transform: skew(-20deg);}

.banner_zone .right							{background: var(--green) url('/img/pc/main/banner_r_bg01.svg')no-repeat 16% -4% / 25px;margin-top: 50px;padding:40px 30px 35px 20px;float: right;}
.banner_zone .right:before				{background: var(--green); right: -50%;}
.banner_zone .right:after					{content:''; width:285px; height:190px; background:url('/img/pc/main/banner_r_bg02.svg') no-repeat 100% 0; top:0; right:0; position:absolute; }
.banner_zone .right .skew_bg			{width: 200px; background: #165458; left: -120px; z-index:-1;}

.banner_zone .txt_box						{color: #fff;z-index: 1;position: relative; width: 100%;}
.banner_zone .txt_box .tit					{font-weight:500; font-size:32px; line-height:1.2; margin-bottom: 15px; width: 100%;}
.banner_zone .txt_box .tit .en			{font-size: 34px; font-family:"Pretendard";}
.banner_zone .txt_box .st					{color: #4cf4ff; font-size:16px; font-weight:300; margin-top:5px;}
.banner_zone .txt_box .st.or				{color:var(--gray6);}
.banner_zone .left .txt_box				{max-width: 600px;}
.banner_zone .left .txt_box .tit span	{color: #4cf4ff;}
.banner_zone .left .txt_box .tt			{font-size:18px; text-shadow:0 0 5px rgba(32,58,145, 1)}
.banner_zone .left .txt_box .tt span	{opacity: .65; font-weight: 200;}
.banner_zone .right .txt_box				{max-width:750px;}
.main .banner_zone .right .txt_box .tit		{font-weight: 200;}
.banner_zone .right .txt_box .tit span	{color: #74c4c9; font-weight: 500;}
.banner_zone .right .txt_box .tit img{vertical-align:top; margin-top: -2px;}
.banner_zone .right .txt_box ul			{display: flex; grid-template-columns: repeat(3, 1fr); justify-content: space-between; gap: 2%; width: 100%; position:relative; z-index:0;}
.banner_zone .right .txt_box ul li		{width: 100%; background: #fff; border-radius: 10px; padding: 15px 20px;}
.banner_zone .right .txt_box ul li b	{font-weight:700; font-size:19px; color: #181b18; font-family:"Pretendard";}
.banner_zone .right .txt_box ul li b + p{font-size:16px; color: #666; margin-top: 5px;}


.section1 .best_box .line_box canvas		{max-width: 100%; max-height: 240px; cursor: pointer;}


@media only screen and (max-width: 1600px){
	.banner_zone .left					{padding-left:calc(5% + 60px);}
}

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

	.banner_zone							{display: block; padding:0;}
	.banner_zone::before				{display:none;}
	.banner_zone > div					{position:relative; padding:35px 25px 35px 60px !important; min-height:revert;}
	.banner_zone > div .skew_bg,
	.banner_zone > div .skew_bg::before	{transform:revert !important;}
	.banner_zone > div:before		{display:none;}
	.banner_zone .txt_box				{max-width:revert !important;}
	.banner_zone .txt_box .tit			{font-size:28px; margin-bottom:10px;}
	.banner_zone .txt_box .tit .en	{font-size:30px}

	.banner_zone .left					{width:100%; max-width:revert; overflow:hidden; margin:0; left:0;}
	.banner_zone .left:after		{top:-15px; left:-25%; z-index:0;}
	.banner_zone .left .line_bg	{display:none;}
	.banner_zone .left .txt_box .tt	{font-size:17px;}

	.banner_zone .right				{width:100%; max-width:revert; border-top:solid 5px #fff; margin-top:0;}
	.banner_zone .right:after		{right:0;}
	.banner_zone .right .skew_bg					{display:none !important;}
	.banner_zone .right .txt_box ul			{gap:15px;}
	.banner_zone .right .txt_box ul li b	{font-size:18px;}
	.banner_zone .right .txt_box ul li b + p	{font-size:16px;}
	.banner_zone .right .txt_box .tit img	{width:110px;}

}

/*----------------------------------------------------------------- TA -----------------------------------------------------------------*/
@media only screen and (max-width: 1024px){
	.main h2			{font-size:28px}
	.main h2 .en		{font-size:30px}
	.section1								{padding:50px 0 70px;}
	.section1 .flex_2_box			{display:block;}
	.section1 .flex_2_box > div	{width: 100%; max-width: revert;}


	.section1 .notice ul li a				{padding:17px 10px;}
	.section1 .notice ul li a .tit			{font-size:17px;}
	.section1 .notice ul li a .date		{font-size:16px;}

	.section1 .best_box	{margin-top:40px;}
	.banner_zone > div					{padding:35px 25px !important;}

}

/*----------------------------------------------------------------- MO -----------------------------------------------------------------*/
@media only screen and (max-width: 640px){
	.main h2			{font-size:21px; margin-bottom:10px;}
	.main h2 .en		{font-size:23px}
	.section1 .notice ul li a				{display:block; padding:10px 5px !important;}
	.section1 .notice ul li a .tit			{display:block; font-size:16px;}
	.section1 .notice ul li.noti a		{background-position:5px 14px; background-size:15px;}
	.section1 .notice ul li.noti a .tit	{padding-left:20px;}
	.section1 .notice ul li a .date		{font-size:15px;}

	.section1 .best_box .tab		{margin-bottom:10px;}
	.section1 .best_box .tab li a	{font-size:20px; padding:0;}

	.banner_zone > div				{padding:30px 15px !important;}

	.banner_zone .txt_box .tit			{font-size:19px;}
	.banner_zone .txt_box .tit .en	{font-size:21px}
	.banner_zone .txt_box .st			{font-size:15px;}
	.banner_zone .left .txt_box .tt	{font-size:15px;}
	.banner_zone .left .txt_box .tt br	{display:none;}

	.banner_zone .left:after					{top:-25px; left:-240px; background: url('/img/pc/main/banner_l_bg01.svg') no-repeat 240% 0;}
	.banner_zone .left .skew_bg:before	{background-position:right -10px bottom -20px; background-size:180px;}

	.banner_zone .right:after							{right:-90px;background-size:65%}
	.banner_zone .right .txt_box ul					{display:block;}
	.banner_zone .right .txt_box ul li				{padding:12px 15px}
	.banner_zone .right .txt_box ul	 li + li		{margin-top:10px;}
	.banner_zone .right .txt_box ul li b			{font-size:16px;}
	.banner_zone .right .txt_box ul li b + p		{font-size:15px;}
	.banner_zone .right .txt_box ul li b + p	br{display:none;}
	.banner_zone .right .txt_box .tit img			{width:75px; margin-top: 3px;}

}

.section2					{padding:90px 0; background:var(--blue2_bg);}
#en .section2				{padding: 60px 0 90px; background: #fff; overflow: hidden;}
.section2 .max_w			{display:flex; flex-wrap:wrap; gap:50px;}
.section2 .board_bg			{width:100%; background:#fff; border-radius:10px; box-shadow:var(--Shadow); padding:40px 30px 30px;}
#en .section2 .board_bg		{padding: 40px 45px 30px;}
.section2 .board_bg.w50		{width:calc(50% - 25px);}
.section2 .board_bg h2		{font-size:22px; font-weight:700;}
#en .section2 .board_bg .h_flex	{padding: 0 5px;}

.section2 .issue_slider			{word-break:keep-all;}
.section2 .issue_slider .issue	{display:inline-flex !important; align-items: flex-start; gap:6%; height: 100%;}
.section2 .issue_slider .img	{display:inline-block; border-radius:8px; overflow:hidden; width:33%;}
.section2 .issue_slider .img img	{transition:.2s; width:100%; background-size:cover; background-repeat:no-repeat; background-position:50% 50%;}
.section2 .issue_slider .issue:hover .img img{transform:scale(1.05)}
.section2 .issue_slider .info	{width:61%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; max-height: 300px;}
.section2 .issue_slider .info .cate{font-size:16px; color:#999;}
.section2 .issue_slider .info .cate .or{color:var(--orange);}
.section2 .issue_slider .info .cate span {position:relative; display:inline-block;}
.section2 .issue_slider .info .cate span + span{padding-left:8px; margin-left:8px;}
.section2 .issue_slider .info .cate span + span:before{position:absolute; content:''; width:1px; height:10px; background:#e5e5e5; top:5px; left:0; }
.section2 .issue_slider .info .tit a			{font-size:22px; color:#222; font-weight:600; max-height:62px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.section2 .issue_slider .info .txt				{margin:5% 0 9%; color:#666; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; /*원하는 줄 수*/ -webkit-box-orient: vertical;}
.section2 .issue_slider .info .date span	{display:block; width: 95%; font-size:16px; color:#666; text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.section2 .issue_slider .info .date span + span{margin-top:10px;}
.section2 .issue_slider .info .date span b{color:#222; font-weight:500; display:inline-block; width:80px;}
.section2 .issue_slider .slick-dots			{bottom:0; text-align: right;}

.section2 h2.tab a								{color:#999; font-weight:600; margin-right:10px; transition:.2s;}
.section2 h2.tab a:hover					{color:var(--blue)}
.section2 h2.tab .on							{color:#222; font-weight:700;}
.section2 ul.hand_list						{display: grid; gap:3%; height:calc(100% - 60px); grid-template-columns: repeat(3, 31.33%);}
.section2 ul.hand_list > li					{position:relative; border-radius:8px; border:solid 1px var(--gray_line); overflow:hidden;}
.section2 ul.hand_list > li a				{display:block; width:100%; }
.section2 ul.hand_list > li:hover .img img	{transform:scale(1.05)}
.section2 ul.hand_list > li .info			{background: var(--gray_bg); padding: 15px 20px; border-radius: 0 0 6px 6px; width: 100%; height: 125px;}
.section2 ul.hand_list > li  .tit 			{font-size:17px; color:#222; font-weight:600; height:50px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.section2 ul.hand_list > li:hover .tit		{text-decoration:underline;}
.section2 ul.hand_list > li  .pub			{margin-top:10px; color:#666;  font-size: 16px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

.section2 ul.hand_list > li a p.img		{width: 100%; height: 165px;}
.section2 ul.hand_list > li .img img	{transition: .2s; background-size: 100%; background-repeat: no-repeat; background-position: 50% 50%; margin: 15px auto; text-align: center; left: 0; position: absolute; right: 0; width: 100%; max-width: 100px;}

.section2 ul.pub_slider						{word-break:keep-all; width:calc(100% + 16px); margin-left:-8px;}
.section2 ul.pub_slider li					{border-radius:8px; border:solid 1px var(--gray_line); padding:1px 0;}
.section2 ul.pub_slider li a					{display:inline-block; width:100%; border-radius:8px; overflow:hidden; vertical-align:top;}
.section2 ul.pub_slider li .img 			{padding:20px 0;}
.section2 ul.pub_slider li .img img			{transition:.2s; max-width: 115px; max-height: 125px; margin:0 auto; background-size:contain; background-repeat:no-repeat; background-position:50% 40% !important; border-radius: 5px; overflow:hidden;}
.section2 ul.pub_slider li:hover .img img	{transform:scale(1.05)}
.section2 ul.pub_slider li .info			{background:var(--gray_bg); padding:15px 20px; min-height:115px;}
.section2 ul.pub_slider li .tit 			{font-size:17px; color:#222; font-weight:600; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important;}
#en .section2 ul.pub_slider li .tit			{font-weight: 500; height: 50px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: break-spaces; word-wrap: break-word !important;}
.section2 ul.pub_slider li:hover .tit		{text-decoration:underline;}
.section2 ul.pub_slider li .pub				{margin-top:10px; color:#666; max-height:50px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#en .section2 ul.pub_slider li .pub			{font-size: 15px; -webkit-line-clamp: 3; max-height:70px; min-height: 67px;}
.section2 ul.pub_slider .slick-slide		{margin:0 8px}
#en .section2 ul.pub_slider .slick-slide	{margin:0 12px}
.section2 ul.pub_slider > button		{width: 46px; height: 46px; border-radius: 50px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1); top: calc(50% - 23px);}
.section2 ul.pub_slider .slick-prev		{left: -45px; background: #fff url('/img/pc/main/slick-prev.svg') no-repeat 45% 50% / 10px;}
.section2 ul.pub_slider .slick-next		{right: -45px; background: #fff url('/img/pc/main/slick-next.svg') no-repeat 55% 50% / 10px;}
#en .section2 ul.pub_slider .slick-prev	{left: -60px;}
#en .section2 ul.pub_slider .slick-next	{right: -60px;}


@media only screen and (max-width: 1400px){
	.section2 .max_w		{gap:30px;}
	.section2 .board_bg.w50	{width:calc(50% - 15px);}
}

/*----------------------------------------------------------------- TA -----------------------------------------------------------------*/
@media only screen and (max-width: 1024px){
	.section2				{margin-top:revert; padding:50px 0 70px;}
	#en .section2			{padding: 50px 0 70px;}
	.section2 .max_w		{gap:25px}
	.section2 .board_bg		{padding:25px 20px 20px;}
	#en .section2 .board_bg	{padding: 25px 20px 20px;}
	.section2 .board_bg.w50	{width:100%;}
	.section2 .board_bg h2	{font-size:21px;}
	#en .section2 .board_bg .h_flex	{padding: 0;}


	.section2 .issue_slider .info .tit a	{font-size:20px}

	.section2 ul.hand_list > li .img				{width: 100%;}
	.section2 ul.hand_list > li .img img			{position: unset; transition: .2s; width: 100%; background-repeat: no-repeat; background-position: 50% 30%; text-align: center; height: 100%; display: block;}

	.section2 ul.hand_list							{gap:15px; height:revert;}
	.section2 ul.pub_slider.slick-slider			{padding-bottom:30px;}
	#en .section2 ul.pub_slider .slick-slide		{margin:0 8px}
	.section2 ul.pub_slider .slick-dots				{bottom:0;}
	.section2 ul.pub_slider .slick-dots li			{border:none;}

	.section2 .issue_slider .info .txt				{-webkit-line-clamp: 3;}
	.section2 .issue_slider .info .date span		{-webkit-line-clamp: 3;}
} /*----- TA END -----*/



/*----------------------------------------------------------------- MO -----------------------------------------------------------------*/
@media only screen and (max-width: 640px){
	.section2 .board_bg			{padding:20px 15px 15px;}
	#en .section2 .board_bg		{padding:20px 15px 15px;}
	.section2 .board_bg h2		{font-size:19px;}

	.section2 .issue_slider .issue			{align-items: flex-start;}
	.section2 .issue_slider .info			{padding-top:0;}
	.section2 .issue_slider .info .cate	{font-size:13px; }
	.section2 .issue_slider .info .tit a	{font-size:16px; margin-top:5px;}
	.section2 .issue_slider .info .txt		{font-size:14px; margin:5px 0 15px; -webkit-line-clamp: 2;}
	.section2 .issue_slider .info .date span	{font-size:14px; -webkit-line-clamp: 2;}
	.section2 .issue_slider .info .date span + span	{margin-top:3px;}
	.section2 .issue_slider .info .date span b		{width:60px;}

	.section2 ul.hand_list								{gap:1%; width: 100%; grid-template-columns: repeat(2, 49%);}
	.section2 ul.hand_list li:nth-child(n + 3)	{display:none;}
	.section2 ul.hand_list > li .info			{padding:12px; height: 93px;}
	.section2 ul.hand_list > li .tit			{font-size:15px; height: 46px;}
	.section2 ul.hand_list > li .pub			{font-size:14px; margin-top:5px;}

	.section2 ul.pub_slider .slick-slide	{margin:0 4px;}
	#en .section2 ul.pub_slider .slick-slide{margin:0 4px}
	.section2 ul.pub_slider li				{padding:0;}
	.section2 ul.pub_slider li .info		{padding:12px; min-height:95px;}
	.section2 ul.pub_slider li .tit			{font-size:15px;}
	.section2 ul.pub_slider li .pub		{font-size:14px; margin-top:5px;}

} /*----- MO END -----*/


.main_pop_box										{position: fixed; display: flex; align-items: center; justify-content: center; width: 100%; height: 100vh; left: 0; top: 0; z-index: 110;}
.main_pop_box .bg									{width: 100%; height: 100vh; background: #000; opacity: .85;}
.main_pop_box .slider_box							{background: rgba(255,255,255,.9); border-radius: 20px;position: absolute; max-width: 1170px; width: 85%; padding: 35px 30px 40px; box-sizing: border-box;}
.main_pop_box .slider_box .top_x					{position: absolute; right: 80px; top: 42px; z-index: 1;}
.main_pop_box .slider_box .top_x a					{display: block; font-size: 0; width: 22px; height: 22px; background: url('/img/pc/main/main_pop_x.png') no-repeat 50% 50%;}
.main_pop_box .slider_box .h3_tit					{margin-top: 0; margin-bottom: 15px; padding-left: 20px;}
.main_pop_box .slider_box .main_pop_slider			{border-radius: 20px; max-width: 1108px; width: 100%; margin-bottom: 10px;}
.main_pop_box .slider_box .main_pop_slider .slick-slide 	{opacity: 0;}
.main_pop_box .slider_box .main_pop_slider .slick-active	{opacity: 1;}
.main_pop_box .slider_box .main_pop_slider li p		{overflow: auto; width: 100%; border-radius: 20px; background: #ddd;}
.main_pop_box .slider_box .main_pop_slider li p img	{display: block;}
.main_pop_box .main_pop_slider .slick-dots			{display: none !important;}

.main_pop_box .slick-arrow		{width: 31px; height: 57px; top: calc(50% - 28px);}
.main_pop_box .slick-prev 		{background: url('/img/pc/main/main_pop_prev.png') no-repeat 50% 50%; left: -140px;}
.main_pop_box .slick-prev:hover	{background: url('/img/pc/main/main_pop_prev.png') no-repeat 50% 50%;}
.main_pop_box .slick-next 		{background: url('/img/pc/main/main_pop_next.png') no-repeat 50% 50%; right: -140px;}
.main_pop_box .slick-next:hover	{background: url('/img/pc/main/main_pop_next.png') no-repeat 50% 50%;}

.main_pop_box .to_x.check_v											{justify-content: end; padding: 0 30px 0 0;}
.main_pop_box .to_x.check_v input[type="checkbox"] + label			{padding-bottom: 0; color: #111;}
.main_pop_box .to_x.check_v input[type="checkbox"] + label:after	{margin-top: -1px; border: 1px solid #999; background: #e6e7e9;}
.main_pop_box .to_x.check_v input[type="checkbox"]:checked + label	{font-weight: 400;}
.main_pop_box .to_x.check_v input[type="checkbox"]:checked + label:after	{background:var(--blue) url('/img/pc/comn/check.svg')no-repeat 55% 55%/10px; border:1px solid #233d80;}
.main_pop_box .to_x.check_v .x											{font-size: 15px; font-weight: 400; margin-left: 12px; display: flex; align-items: center; justify-content: center; background: #333; color: #fff; width: 60px; height: 29px; border-radius: 2px;}



@media only screen and (max-width: 1400px){
	.main_pop_box .slick-prev	{left: -100px;}
	.main_pop_box .slick-next	{right: -100px;}
}

/*----------------------------------------------------------------- TA -----------------------------------------------------------------*/
@media only screen and (max-width: 1024px){
	.main_pop_box .slider_box				{width: 95%; padding: 25px 20px 20px; border-radius: 10px;}
	.main_pop_box .slider_box .top_x		{right: 25px; top: 32px;}
	.main_pop_box .slider_box .top_x a		{width: 18px; height: 18px; background: url('/img/mo/main/main_pop_x.png') no-repeat 50% 50% / 18px;}
	.main_pop_box .slider_box .h3_tit		{padding-left: 5px;}
	.main_pop_box .slider_box .main_pop_slider li p	{border-radius: 10px;}
	.main_pop_box .slider_box .slick-dots	{display: block !important;}
	.main_pop_box .slick-arrow				{display: none !important;}
	.main_pop_box .to_x.check_v				{padding-right: 5px;}
	.main_pop_box .to_x.check_v .x			{font-size: 13px; width: 42px; height: 24px; font-weight: 400;}
	.main_pop_box .to_x.check_v input[type="checkbox"] + label:after	{margin-top: 0px;}
	
}

/*----------------------------------------------------------------- MO -----------------------------------------------------------------*/
@media only screen and (max-width: 640px){
	.main_pop_box .slider_box			{padding: 25px 15px 15px;}
	.main_pop_box .slider_box .h3_tit	{margin-bottom: 10px;}
	.main_pop_box .slider_box .top_x	{right: 20px; top: 32px;}
	.main_pop_box .slider_box .main_pop_slider	{margin-bottom: 40px;}
	.main_pop_box .slick-dots			{bottom: -20px;}
	.main_pop_box .to_x.check_v			{padding-right: 0px;}
	
	.main_pop_box .slider_box .main_pop_slider li p	{height: 400px;}
}

/* 메인 팝업 */
:root {
  --popup-w: 320px;
  --popup-gap: 16px;
  --popup-bg: #fff;
  --popup-header-bg: #203a91;
  --popup-header-color: #ffffff;
}

.notice-popup {
  position: fixed;
  top: 16px;
  width: var(--popup-w);
  background: var(--popup-bg);
  border: 1px solid #203a91;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  z-index: 120;
}

/* 헤더 */
.notice-popup .popup-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  background: var(--popup-header-bg);
  border-bottom: 1px solid rgba(0,0,0,0.06);
}
.notice-popup .popup-title {
  font-size: 14px;
  font-weight: 400;
  color: var(--popup-header-color);
  margin: 0;
}
.notice-popup .popup-close {
  appearance: none;
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 2px;
  border-radius: 4px;
}
.notice-popup .popup-close:hover {
  background: rgba(0,0,0,0.05);
}

/* 본문 */
.notice-popup .popup-body {
  text-align: center;
  flex: 1;
}
.notice-popup .popup-body img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.notice-popup .popup-body p {
  font-size: 13px;
  margin-top: 8px;
  color: #333;
}

/* 하단 체크박스 */
.notice-popup .popup-footer {
  border-top: 1px solid rgba(0,0,0,0.05);
  padding: 8px 12px;
  font-size: 12px;
  color: #ffffff;
  background: #203a91;
}

.notice-popup .popup-footer input[type=checkbox]{
  border: 1px solid #ffffff;
  width: 10px;
  height: 10px;
}

.notice-popup .popup-footer label {
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  float: right;
}

/* 모바일에서는 겹쳐 쌓기 */
@media (max-width: 768px) {
  .notice-popup {
    width: calc(100vw - 24px) !important;
    left: 12px !important;
    top: 12px !important;
    margin-bottom: -40px;
  }
}