*{outline: 0}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
/*
@font-face {
    font-family: 'NanumSquareNeo-Variable';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/NanumSquareNeo-Variable.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
*/
*{ margin: 0; padding: 0; }
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary, button,
time, mark, audio, video, a, textarea, input{;margin:0;  padding:0;  border:0; font-size:100%; vertical-align:baseline; background:transparent; -webkit-text-size-adjust:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;font-family: 'Pretendard-Regular';font-style: normal; }
html{ -ms-touch-action:auto;}
html, body, section{width:100%;overflow: hidden}

img{}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav, section{}
legend, caption{width:0;height:0;visibility:hidden;font-size:0;line-height:0;}
button{cursor:pointer; border:none; padding:0; }
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
li,dd{list-style:none;}
blockquote, q {quotes:none;}
address, caption, em, cite, i, a {font-weight:normal; font-style:normal; text-decoration: none;color: #333}
table {border-collapse:collapse; border-spacing:0; table-layout:fixed;}
iframe{width:100%;vertical-align:middle;}
caption{display:none;}
figcaption{display:block;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance:none;  margin:0; }

strong {font-weight: bold }

input[type="text"], input[type="number"],input[type="email"], input[type="search"],
input[type="password"], input[type="date"], input[type="tel"], select{display:table-cell; vertical-align:middle; padding:  0 0 0 7px; height: 40px; line-height: 1; box-sizing: border-box; background:#fff; border:1px solid #cccccc; border-radius:0; color:#999; font-size:12px;font-family: 'Pretendard-Regular';}

input[type="search"] {border-radius:0; -webkit-border-radius:0; -webkit-appearance:textfield;}
input[type="search"]::-webkit-search-results-decoration {-webkit-appearance:none;}

input[type='checkbox'],input[type='radio'] {vertical-align:middle; margin-top:0;  cursor : pointer;}

input.disabled {background:#fff;}

input[type=date]::-webkit-clear-button,
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-calendar-picker-indicator {
    display: none;
}


select::-ms-expand{display:none; }
select{ cursor: pointer; outline :none; overflow :hidden; color:#999; width:100%;;  }
textarea{width:100%;height:100px; resize:none; border:1px solid #cccccc;   padding:10px; color:#999;}


.blind{position:absolute; top:-999999px; width:0; height:0; font-size:0; overflow:hidden;}
.clear:after{content:""; display: table; clear: both;}
.clearfix{overflow:hidden;}
.clearfix:after{clear:both; display:table; content:'';}
.center{text-align:center; display:block; float:none !important;}
.accessibility{display: none}
.hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: none;
    clip: rect(0,0,0,0);
    overflow: hidden;
}


#popup_wrap{position: fixed;z-index: 9999;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background: rgba(0,0,0,0.8);display: none;height: 100vh}
#popup_wrap.on{display: flex}
#popup_wrap > div{width: 1360px;height: 80%;background: #fff;border-radius: 20px;padding: 60px;position: relative;max-width: 90%}
#popup_wrap > div button{position: absolute;right: -25px;top: -25px;}
#popup_wrap > div strong{display: block;color: #000000;font-size: 22px;border-bottom: 1px solid #D2D2D2;padding-bottom: 20px;margin-bottom: 20px;}
#popup_wrap > div p{white-space: pre-wrap;height: 90%;overflow-x: scroll;line-height: 1.7;font-size: 14px;color: #333333;line-height: 1.7}


#header{position: fixed;top: 0;left: 0;width: 100%;padding-top: 40px;z-index: 9999;padding-left: 50px;}
#header #logo{position: absolute;left: 50px;top: 30px;}
#header #logo a{display: block;width: 200px;height: 70px}
#header #gnb ul{display: flex}
#header #gnb ul li{margin-right: 50px;}
#header #gnb ul li a i{display: inline-block;width: 50px;line-height: 22px;text-align: center;background: #0047D5;border-radius: 11px;font-size: 12px;font-weight: 600;color: #FFFFFF;vertical-align: middle;position: relative;top: -2px;margin-left: 5px;}
#header #gnb ul li a{font-size: 18px;color: #fff}
#header #btn_area{position: absolute;right: 50px;top: 33px;display: flex;align-items: center}
#header #btn_area ul{display: flex}
#header #btn_area ul li{position: relative}
#header #btn_area ul li:before{content: '';display: block;position: absolute;bottom: 0;left: -8%;width: 116%;height: 10px;background: #0047d5;transition: 0.7s;transform: scaleX(0)}
#header #btn_area ul li:hover:before{transform: scaleX(1)}
#header.on #btn_area ul li a{color: #7A7A7A;}
#header #btn_area ul li a{color: #FFFFFF;opacity: 0.7;position: relative;z-index: 2;transition: 0.7s}
#header #btn_area ul li:hover a{opacity: 1}
#header #btn_area ul li:nth-child(1){margin-right: 19px;}
#header #btn_area .mo_menu{display: none}

#header #btn_area button{display: block;width: 43px;height: 43px;border-radius: 8px;transition: 0.7s}
#header #btn_area button:hover{background: #0047d5}
#header #btn_area .my button:hover{background: #0047d5;border-color: #0047d5}
#header #btn_area .sch{margin-left: 20px;}
#header #btn_area .my{margin-left: 30px;}
#header #btn_area .my button{    background: rgba(255, 255, 255, 0.22);
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);border: 1px solid #FFFFFF;border-radius: 8px;}
#footer{position: relative;text-align: center;padding: 80px 0}
#footer ul{display: flex;align-items: center;justify-content: center}
#footer .ft_txt{margin-top: 40px;}
#footer .ft_txt ul:nth-child(1){margin-bottom: 25px;}
#footer .ft_txt ul li{font-size: 16px;color: #575757;margin-right: 40px;}
#footer .ft_txt ul li:last-child{margin-right: 0}
#footer .ft_link{margin-top: 60px;}
#footer .ft_link ul li{margin-right: 40px;}
#footer .ft_link ul li:last-child{margin-right: 0}
#footer .ft_link ul li a{font-size: 18px;color: #959CAA;transition: 0.7s}
#footer .cancel{margin-top: 60px;}
#footer .cancel p{font-size: 15px;color: #B7B7B7;line-height: 1.7}
#footer .award{margin-top: 30px}
#footer .ft_link ul li a:hover{color: #0047D5}
#footer address{color: #B7B7B7;font-size: 16px;display: block;margin-top: 40px;}
#footer address a{text-decoration: underline;color: inherit}
#header #mobile_menu{display: none}
#header #logo a svg{display: none}
#header.on #btn_area .my button{background: #F1F3F8}
#header.on #btn_area button path{stroke: #002060}
#header.on #btn_area button circle{stroke: #002060}
#header.on #btn_area button line{stroke: #002060}
#header.sub #btn_area .my button{background: #F1F3F8}
#header.sub #btn_area .my button:hover{background: #0047D5}
#header.sub #btn_area .my button #패스_12{stroke:#002060;transition: 0.7s}
#header.sub #btn_area .my button #타원_1{stroke:#002060;transition: 0.7s}
#header.sub #btn_area .my button:hover #패스_12{stroke:#fff}
#header.sub #btn_area .my button:hover #타원_1{stroke:#fff}
#header.sub #btn_area .sch button #타원_1{stroke:#272727;transition:0.7}
#header.sub #btn_area .sch button #선_3{stroke:#272727;transition:0.7}
#header.sub #btn_area .sch button:hover #타원_1{stroke:#fff;transition:0.7}
#header.sub #btn_area .sch button:hover #선_3{stroke:#fff;transition:0.7}

#login{position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background: rgba(0,0,0,0.3);display: flex;align-items: center;justify-content: center;display: none;z-index: 12}
#login.on{display: flex}
#login > div{width: 400px;background: #FFFFFF;padding: 30px;padding-top: 70px;padding-bottom: 50px;;border-radius: 20px;position: relative}
#login > div .close{top: 30px;right: 30px;position: absolute}
#login > div .tit{margin-bottom: 30px;text-align: center}
#login > div .tit strong{display: block;font-size: 20px;color: #000000;margin-bottom: 10px}
#login > div .tit p{display: block;font-size: 16px;color: #6E6E6E;line-height: 26px;}
#login > div .mem{padding-top: 10px;padding-bottom: 60px;}
#login > div .mem ul{display: flex;justify-content: center}
#login > div .mem ul li{margin-right: 20px}
#login > div .mem ul li:last-child{margin-right: 0}
#login > div .mem ul li a{font-size: 14px;color: #6E6E6E;transition: 0.7s}
#login > div .mem ul li:hover a{color: #0047d5;}
#login > div .in ul li{margin-bottom: 10px;}
#login > div .in ul li *{display: block;width: 100%;height: 48px;border-radius: 8px;}
#login > div .in ul li input{border: 1px solid #DDDDDD;color: #303030;font-size: 16px;;padding-left: 20px;}
#login > div .in ul li button{background: #002060;color: #fff;font-weight: 600;font-size: 16px;}
#login > div .social{margin-top: 25px}
#login > div .social ul li{margin-bottom: 10px}
#login > div .social ul li:last-child{margin-bottom: 0px}
#login > div .social ul li a{display: flex;width: 100%;height: 48px;border-radius: 8px;border: 1px solid #DDDDDD;align-items: center;justify-content: center;transition: 0.7s}
#login > div .social ul li a i{margin-right: 8px;}
#login > div .social ul li:nth-child(1):hover a{background: #FEE500;}
#login > div .social ul li:nth-child(2):hover a{background: #06be34;color: #fff}
#login > div .social ul li:nth-child(2):hover a{background: #3e82f1;color: #fff}
#login > div .social ul li a #패스_21{transition: 0.7s}
#login > div .social ul li a:hover #패스_21{fill:#fff}
#login > div .social ul li a #사각형_20{transition: 0.7s}
#login > div .social ul li a:hover #사각형_20{fill:#fff}

/*숨김*/
/*#login > div .social{display: none}*/
#login > div .mem{padding-bottom: 0}
@media (max-width: 1100px) {
	#footer .ft_txt ul li{margin-right: 25px}
}

@media (max-width: 960px) {
	#footer .ft_txt ul li{font-size: 13px;}
	#footer{padding: 40px 0}
	#footer .ft_txt ul:nth-child(1){margin-bottom: 10px;}
	#footer .ft_txt{margin-top: 15px}
	#footer .ft_link{margin-top: 15px;}
	#footer .ft_link ul li a{font-size: 13px;}
	#footer address{font-size: 12px;line-height: 1.5;word-break: keep-all;margin-top: 15px;}
	#header{height: 56px;}
	#header #btn_area button{width: 27px;height: 27px;}
	#header #btn_area{right: 20px;top: 16px;}
	#header #btn_area .sch svg, #header #btn_area .my svg{width: 17px;height: auto}
	#header #btn_area .sch{margin-left: 10px;}
	#header #btn_area ul li a{font-size: 13px;}
	#header #btn_area .my{margin-left: 15px;}
	#header #btn_area .mo_menu{display: block;margin-left: 10px;}
	#header #logo{top: 10px;left: 20px}
	#header #logo a {
    display: block;
    width: 160px;
    height: 30px;
}
	#header #btn_area .my button{border-radius: 3px;}
	#header #mobile_menu{position: fixed;z-index: 9999;right: 0;top: 0;height: 100%;background: #fff;width: 280px;padding-top: 100px;padding-left: 25px;transform: translateX(100%);display: block;transition: 0.8s;height: 100vh;}
	#header #mobile_menu.on{transform: translateX(0)}
	#header #mobile_menu ul li{margin-bottom: 5px;}
	#header #mobile_menu ul li a{display: block;line-height: 40px;}
	#header #mobile_menu ul li a{display: block;line-height: 40px;}
	#header #mobile_menu ul li a i{display: inline-block;width: 50px;line-height: 22px;text-align: center;background: #0047D5;border-radius: 11px;font-size: 12px;font-weight: 600;color: #FFFFFF;vertical-align: middle;position: relative;top: -2px;margin-left: 5px;}
	#header #mobile_menu button{position: absolute;right: 20px;top: 20px;display: block;width: 22px;height: 22px;}
	#header #mobile_menu button:before{content: '';display: block;width: 100%;height: 2px;background: #A2A2A2;position: absolute;top: 50%;left: 0;transform: rotate(45deg)}
	#header #mobile_menu button:after{content: '';display: block;width: 100%;height: 2px;background: #A2A2A2;position: absolute;top: 50%;left: 0;transform: rotate(-45deg)}
	#login > div .tit strong{font-size: 15px;}
	#login > div .tit p{display: none}
	#login > div .in ul li input, #login > div .in ul li button, #login > div .social ul li a{height: 40px;border-radius: 5px;font-size: 13px;}
	#login > div .mem{padding-top: 5px;padding-bottom: 20px}
	#login > div .mem ul li a{font-size: 12px;}
	#login > div .tit{margin-bottom: 20px;}
	#login > div{max-width: 90%;padding: 20px;padding-top: 40px;padding-bottom: 20px;border-radius: 10px;}
	#login > div .close{right: 20px;top: 20px;}
	#header.sub #logo svg{width: 160px;height: auto}
	#header{padding-top: 26px;padding-left: 20px;}
	    #popup_wrap > div{padding: 30px;}
    #popup_wrap > div p{font-size: 12px;line-height: 1.5}
    #popup_wrap > div strong{font-size: 14px;padding-bottom: 10px;margin-bottom: 10px;}
    #popup_wrap > div button svg{width: 30px;height: auto}
	#popup_wrap > div button{right: -15px;top: -15px;}
	#footer .cancel p{font-size: 11px;line-height: 1.5}
	#footer .cancel{margin-top: 20px}
	
}
@media (max-width: 760px) {
	#footer .ft_txt ul{display: block;text-align: center}
	#footer .ft_txt ul li{line-height: 1.7;word-break: keep-all}
	#footer .ft_txt ul li{margin-right: 0}
	#footer .ft_txt ul:nth-child(1){margin-bottom: 0}
	#header #btn_area ul li a{font-size: 12px;}
    #header #btn_area .sch{margin-left: 0}
    #footer .award svg{width: 120px;height: auto}
    #footer .award{margin-top: 15px;}
    
}


@media (max-width: 660px) {
/*	#header #btn_area ul{display: none}*/
	#footer .ft_link ul li{margin-right: 10px}
    #header #btn_area ul li:nth-child(1){margin-right: 5px;}
	#footer .cancel p{padding: 0 15px;word-break: keep-all}
}