@charset "utf-8";
.doc {}
/*한글 문장이 어색하게 끊기는 것을 막고, 긴 영어 단어는 박스를 넘지 않게 안전하게 처리*/
.break-keep {word-break: keep-all;overflow-wrap: break-word;}

/*Mobile*/
.m-block-1401 {display: none;}
.m-block-1280 {display: none;}
.m-block-1024 {display: none;}
.m-block-960 {display: none;}
.m-block-768 {display: none;}
.m-block-640 {display: none;}
.m-block-575 {display: none;}
.m-block-480 {display: none;}
.m-block-400 {display: none;}
.m-block-360 {display: none;}

/*Font Size*/
.font-6 {font-size:6px;line-height: 1.6;}
.font-8 {font-size:8px;line-height: 1.6;}
.font-10 {font-size:10px;line-height: 1.6;}
.font-11 {font-size:11px;line-height: 1.6;}
.font-12 {font-size:12px;line-height: 1.6;}
.font-13 {font-size:13px;line-height: 1.6;}
.font-14 {font-size:14px;line-height: 1.6;}
.font-15 {font-size:15px;line-height: 1.6;}
.font-16 {font-size:16px;line-height: 1.6;}
.font-17 {font-size:17px;line-height: 1.6;}
.font-18 {font-size:18px;line-height: 1.6;}
.font-19 {font-size:19px;line-height: 1.6;}
.font-20 {font-size:20px;line-height: 1.6;}
.font-24 {font-size:20px;line-height: 1.6;}
.font-25 {font-size: clamp(20px, 5vw, 25px);line-height: 1.6;}
.font-30 {font-size: clamp(20px, 5vw, 30px);line-height: 1.6;}
.font-32 {font-size: clamp(20px, 5vw, 32px);line-height: 1.6;}
.font-34 {font-size: clamp(20px, 5vw, 34px);line-height: 1.6;}
.font-36 {font-size: clamp(20px, 5vw, 36px);line-height: 1.6;}
.font-38 {font-size: clamp(20px, 5vw, 38px);line-height: 1.6;}
.font-40 {font-size: clamp(22px, 5vw, 40px);line-height: 1.6;}
.font-48 {font-size: clamp(24px, 5vw, 48px);line-height: 1.6;}
.font-50 {font-size: clamp(26px, 5vw, 50px);line-height: 1.6;}
.font-54 {font-size: clamp(28px, 5vw, 54px);line-height: 1.6;}
.font-72 {font-size: clamp(30px, 5vw, 72px);line-height: 1.6;}
.font-80 {font-size: clamp(30px, 5vw, 80px);line-height: 1.6;}

/*Font Weight*/
.fontw-3 {font-weight:300;}
.fontw-4 {font-weight:400;}
.fontw-5 {font-weight:500;}
.fontw-6 {font-weight:600;}
.fontw-7 {font-weight:700;}
.fontw-8 {font-weight:800;}
.fontw-9 {font-weight:900;}

/*Text Ellipsis - 박스 영역을 벗어난 텍스트를 숨기고 끝에 말줄임표(...)를 표시 */
.ellipsis {display:block;overflow:hidden;white-space:nowrap;word-wrap:normal;text-overflow:ellipsis;-o-text-overflow:ellipsis}

/*Display Block*/
.display-block {display:block}
.display-inline-block {display:inline-block}
.inline-mix .display-inline-block {display:inline-block}

/*Position & Overflow*/
.position-relative {position:relative}
.overflow-hidden {overflow:hidden}

/*Outline*/
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, .close:focus, .close:hover, .dropdown-menu>li>a, .form-control:focus, .nav>li>a:focus, a, a:focus, button, input, input[type=radio]:focus, input[type=checkbox]:focus, input[type=file]:focus, textarea {outline:0}

/* 폰트색상 설정 */
.color-black {color:#000;}
.color-red {color:#ea2424;}
.color-white-red {color:#ff4d4d;}
.color-green {color:#00bd39;}
.color-blue {color:#017dc3;}
.color-white-blue{color:#3395D6;}
.color-silver {color:#bbbbbc;}
.color-white {color:#ffffff;}

/*Background color*/
.bg-000000 {background: #000000;}
.bg-ea2424 {background: #ea2424;}
.bg-4f92f1 {background: #ea2424;}
.bg-04c75b {background: #eaffe5;}
.bg-4f92f1 {background: #4f92f1;}
.bg-539fe7 {background: #539fe7;}
.bg-eaffe5 {background: #ffffff;}
.bg-e5e5e5 {background: #e5e5e5;}
.bg-888888 {background: #888888;}


.width-1600 {width: 1600px;}
.width-1400 {width: 1400px;}

/*Width*/
.width-10 {width:10%}
.width-20 {width:20%}
.width-30 {width:30%}
.width-40 {width:40%}
.width-50 {width:50%}
.width-60 {width:60%}
.width-70 {width:70%}
.width-80 {width:80%}
.width-90 {width:90%}
.width-100 {width:100%}
.width-10px {width:10px}
.width-20px {width:20px}
.width-30px {width:30px}
.width-40px {width:40px}
.width-50px {width:50px}
.width-60px {width:60px}
.width-70px {width:70px}
.width-80px {width:80px}
.width-90px {width:90px}
.width-100px {width:100px}
.width-120px {width:120px}
.width-150px {width:150px}
.width-170px {width:170px}
.width-200px {width:200px}
.width-250px {width:250px}
.width-300px {width:300px}
.width-350px {width:350px}
.width-400px {width:400px}
.width-450px {width:450px}
.width-500px {width:500px}

/*Img Width*/
.img-width-10 {width:10%}
.img-width-20 {width:20%}
.img-width-30 {width:30%}
.img-width-40 {width:40%}
.img-width-50 {width:50%}
.img-width-60 {width:60%}
.img-width-70 {width:70%}
.img-width-80 {width:80%}
.img-width-90 {width:90%}
.img-width-100 {width:100%}

/*Top*/
.top-10px {top:10px}
.top-20px {top:20px}
.top-30px {top:30px}
.top-40px {top:40px}
.top-50px {top:50px}
.top-60px {top:60px}
.top-70px {top:70px}
.top-75px {top:75px}
.top-80px {top:80px}
.top-90px {top:90px}
.top-100px {top:100px}
.top-120px {top:120px}
.top-150px {top:150px}
.top-170px {top:170px}
.top-200px {top:200px}
.top-250px {top:250px}
.top-300px {top:300px}
.top-350px {top:350px}
.top-400px {top:400px}
.top-450px {top:450px}
.top-500px {top:500px}

/*---------- Spaces ----------*/
.m-0 {margin:0}
.m-left-0 {margin-left:0}
.m-right-0 {margin-right:0}
.m-left-5 {margin-left:5px}
.m-right-5 {margin-right:5px}
.m-left-10 {margin-left:10px}
.m-right-10 {margin-right:10px}
.no-top-space {margin-top:0;padding-top:0}
.no-bottom-space {margin-bottom:0;padding-bottom:0}
.m-top-0, .m-top-5,.m-top-10,.m-top-15,.m-top-20,.m-top-25,.m-top-30,.m-top-35,.m-top-40,.m-top-45,.m-top-50,.m-top-55,.m-top-60 {clear:both}
.m-top-0 {margin-top:0}
.m-top-5 {margin-top:5px}
.m-top-10 {margin-top:10px}
.m-top-15 {margin-top:15px}
.m-top-20 {margin-top:20px}
.m-top-25 {margin-top:25px}
.m-top-30 {margin-top:30px}
.m-top-35 {margin-top:35px}
.m-top-40 {margin-top:40px}
.m-top-45 {margin-top:45px}
.m-top-50 {margin-top:50px}
.m-top-55 {margin-top:55px}
.m-top-60 {margin-top:60px}
.m-top-65 {margin-top:65px}
.m-top-70 {margin-top:7px}
.m-top-75 {margin-top:75px}
.m-top-80 {margin-top:80px}
.m-top-85 {margin-top:85px}
.m-top-90 {margin-top:90px}
.m-top-95 {margin-top:95px}
.m-top-100 {margin-top:100px}
.m-bottom-0,.m-bottom-5,.m-bottom-10,.m-bottom-15,.m-bottom-20,.m-bottom-25,.m-bottom-30,.m-bottom-35,.m-bottom-40,.m-bottom-45,.m-bottom-50,.m-bottom-55,.m-bottom-60 {clear:both}
.m-bottom-0 {margin-bottom:0}
.m-bottom-5 {margin-bottom:5px}
.m-bottom-10 {margin-bottom:10px}
.m-bottom-15 {margin-bottom:15px}
.m-bottom-20 {margin-bottom:20px}
.m-bottom-25 {margin-bottom:25px}
.m-bottom-30 {margin-bottom:30px}
.m-bottom-35 {margin-bottom:35px}
.m-bottom-40 {margin-bottom:40px}
.m-bottom-45 {margin-bottom:45px}
.m-bottom-50 {margin-bottom:50px}
.m-bottom-55 {margin-bottom:55px}
.m-bottom-60 {margin-bottom:60px}
.m-bottom-65 {margin-bottom:65px}
.m-bottom-70 {margin-bottom:70px}
.m-bottom-75 {margin-bottom:75px}
.m-bottom-80 {margin-bottom:80px}
.m-bottom-85 {margin-bottom:85px}
.m-bottom-90 {margin-bottom:90px}
.m-bottom-95 {margin-bottom:95px}
.m-bottom-100 {margin-bottom:100px}
.margin5 {margin:5px;}
.margin10 {margin:10px;}
.margin15 {margin:15px;}
.margin20 {margin:20px;}
.margin25 {margin:25px;}
.margin30 {margin:30px;}
.margin35 {margin:35px;}
.margin40 {margin:40px;}

.p-top-0, .p-top-5,.p-top-10,.p-top-15,.p-top-20,.p-top-25,.p-top-30,.p-top-35,.p-top-40,.p-top-45,.p-top-50,.p-top-55,.p-top-60 {clear:both}
.p-top-0 {padding-top:0}
.p-top-5 {padding-top:5px}
.p-top-10 {padding-top:10px}
.p-top-15 {padding-top:15px}
.p-top-20 {padding-top:20px}
.p-top-25 {padding-top:25px}
.p-top-30 {padding-top:30px}
.p-top-35 {padding-top:35px}
.p-top-40 {padding-top:40px}
.p-top-45 {padding-top:45px}
.p-top-50 {padding-top:50px}
.p-top-55 {padding-top:55px}
.p-top-60 {padding-top:60px;}
.p-top-65 {padding-top:65px}
.p-top-70 {padding-top:70px}
.p-top-75 {padding-top:75px}
.p-top-80 {padding-top:80px}
.p-top-85 {padding-top:85px}
.p-top-90 {padding-top:90px}
.p-top-95 {padding-top:95px}
.p-top-100 {padding-top:100px}
.p-top-105 {padding-top:105px}
.p-top-110 {padding-top:110px}
.p-top-115 {padding-top:115px}
.p-top-120 {padding-top:120px}
.p-top-125 {padding-top:125px}
.p-top-130 {padding-top:130px}
.p-top-135 {padding-top:135px}
.p-top-140 {padding-top:140px}
.p-top-145 {padding-top:145px}
.p-top-150 {padding-top:150px}
.p-bottom-0,.p-bottom-5,.p-bottom-10,.p-bottom-15,.p-bottom-20,.p-bottom-25,.p-bottom-30,.p-bottom-35,.p-bottom-40,.p-bottom-45,.p-bottom-50,.p-bottom-55,.p-bottom-60 {clear:both}
.p-bottom-0 {padding-bottom:0}
.p-bottom-5 {padding-bottom:5px}
.p-bottom-10 {padding-bottom:10px}
.p-bottom-15 {padding-bottom:15px}
.p-bottom-20 {padding-bottom:20px}
.p-bottom-25 {padding-bottom:25px}
.p-bottom-30 {padding-bottom:30px}
.p-bottom-35 {padding-bottom:35px}
.p-bottom-40 {padding-bottom:40px}
.p-bottom-45 {padding-bottom:45px}
.p-bottom-50 {padding-bottom:50px}
.p-bottom-55 {padding-bottom:55px}
.p-bottom-60 {padding-bottom:60px}
.p-bottom-65 {padding-bottom:65px}
.p-bottom-70 {padding-bottom:70px}
.p-bottom-75 {padding-bottom:75px}
.p-bottom-80 {padding-bottom:80px}
.p-bottom-85 {padding-bottom:85px}
.p-bottom-90 {padding-bottom:90px}
.p-bottom-95 {padding-bottom:95px}
.p-bottom-100 {padding-bottom:100px}
.p-bottom-150 {padding-bottom:150px}

/*Text */
.align-left {text-align: left;}
.align-center {text-align: center;}
.align-right {text-align: right;}
.justify-left {justify-self:left;justify-items: left;}
.justify-center {justify-self:center;justify-items: center;}
.justify-right {justify-self:right;justify-items: right;}
.content-center {align-content: center;}
.j-self-center {justify-self:center;}

/*Border radius*/
.r-bg-white_blue   {border-radius: 9999px;background-color: #edf1ff;padding:10px 30px 10px 30px;}
.r-bg-blue         {border-radius: 9999px;background-color: #1b49e8;padding:10px 30px 10px 30px;}
.r-bg-silver       {border-radius: 9999px;background-color: #bbbbbc;padding:10px 30px 10px 30px;}
.r-bg-up-silver    {border-radius: 9999px;background-color: #888888;padding:10px 30px 10px 30px;}
.r-bg-dark_navy    {border-radius: 9999px;background-color: #333333;padding:10px 30px 10px 30px;}
.r-br-white_red    {border-radius: 9999px;background-color: #ff6a5b;padding:10px 30px 10px 30px;}


/*Flexbox, Grid, Multi-column 레이아웃에서 자식 요소들 사이의 행(row)과 열(column) 간격을 설정*/
.gap-15 {column-gap: 50px;gap: 15px;}
.gap-column10 {column-gap: 10px;}
.gap-column15 {column-gap: 15px;}
.gap-column20 {column-gap: 20px;}
.gap-column25 {column-gap: 25px;}
.gap-column30 {column-gap: 30px;}
.gap-column35 {column-gap: 35px;}
.gap-column40 {column-gap: 40px;}
.gap-column45 {column-gap: 45px;}
.gap-column50 {column-gap: 50px;}
.gap-column55 {column-gap: 55px;}



/*Grid / Flex*/
.D-grid1 {display: grid;grid-template-columns: repeat(1, minmax(0, 1fr));}
.D-grid2 {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));}
.D-grid3 {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));}
.D-grid4 {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));}
.D-grid5 {display: grid;grid-template-columns: repeat(5, minmax(0, 1fr));}
.D-grid6 {display: grid;grid-template-columns: repeat(6, minmax(0, 1fr));}
.D-flex {display: flex;flex-wrap: wrap;}

/* Float */
.fl {float:left;}
.fr {float:right;}


.po-absolute{position: absolute;}
.po-relative{position: relative;}

/*Mobile Only*/
.m-br-none {display: none;}
.m-br-block {display: block;}
.m-none {display: none;}
.m-block {display: block;}


/* reset */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,figure,figcaption{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'Pretendard','Open Sans',AppleGothic,helvetica,sans-serif;font-size:16px;line-height:1.75em;color:#242424;word-break:keep-all;-webkit-text-size-adjust:none;}
img{border:0;max-width:100%;vertical-align:top;j}
ul, ol {list-style: none;margin: 0;padding: 0;}
ol, ul {list-style: none;margin: 0;padding: 0;}
fieldset{border:none}
fieldset legend {overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;text-indent:-999em;}
button{cursor:pointer}
header,hgroup,article,nav,footer,figure,figcaption,canvas,section,time{display:block}
/* hr {clear:both;display:none;} */
img[usemap] {border:none; height:auto; max-width:100%; width:auto;}

a{
	color:inherit;
	text-decoration:none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
a:hover,
a:active{
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

::-webkit-input-placeholder {color:#878787;}
:-moz-placeholder {color:#878787;}
::-moz-placeholder {color:#878787;}
:-ms-input-placeholder {color:#878787;}
:placeholder-shown {color:#878787;}

table caption {overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;text-indent:-999em;}
input[type="radio"], input[type="checkbox"] {vertical-align:middle !important; margin:-.2em 3px 0 0 !important;}
input,select {vertical-align:middle; background:#fff;}
input,textarea,button{-webkit-appearance:none;-webkit-border-radius:0}
input[type='checkbox']{-webkit-appearance:checkbox}
input[type='radio']{-webkit-appearance:radio}

/* user class */
h1,h2,h3,h4,h5,h6,strong,th,.bold{font-weight:700;}
.semibold {font-weight:500;}
.clear{clear:both;}
.clearfix:after {content:" "; display:block; clear:both;}
.blind {position:absolute;overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;}
.pointer {cursor:pointer;}
.input {height:44px; padding:6px 16px; color:#505050; font-size:15px; line-height:1.5em; border:1px solid #ddd;}
.input[readonly] {background-color:#f7f8f9; color:#454545;}
.input.datepicker {padding-right:40px; background:#fff url('/images/bbs/datepicker_icon.png') right 10px center no-repeat;}
textarea.input {height:auto; padding:13px 16px; overflow:auto; resize:none;}
select.input {padding-right:40px; background:#fff url('/images/bbs/select.png') right 14px center no-repeat; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
select.input::-ms-expand {display:none;}
input[type=file].input {padding:0;}
ol, ul {list-style: none;margin: 0;padding: 0;}

.mgb2 {margin-bottom:2px !important;}
.mgb3 {margin-bottom:3px !important;}
.mgb4 {margin-bottom:4px !important;}
.mgb5 {margin-bottom:5px !important;}
.mgb6 {margin-bottom:6px !important;}
.mgb7 {margin-bottom:7px !important;}
.mgb8 {margin-bottom:8px !important;}
.mgb9 {margin-bottom:9px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb40 {margin-bottom:40px !important;}
.mgb50 {margin-bottom:50px !important;}



.space-center {text-align:center !important;}
.space-right {text-align:right !important;}
.space-left {text-align:left !important;}

.inline-block {display:inline-block;}

.text-skyblue {color:#1688e0;}

.video-container {position:relative; padding-bottom:56.25%; overflow:hidden;}
.video-container video,
.video-container iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.radiobox {display:inline-block; position:relative; vertical-align:middle; margin-top:-.2em;}
.radiobox input {position:absolute; top:0; left:0; width:0; height:0; border:0; opacity:0; z-index:-1;}
.radiobox label {display:inline-block;}
.radiobox label:before {content:""; display:inline-block; vertical-align:middle; margin:-.2em 8px 0 0; width:18px; height:18px; background-color:#f4f4f4; border:1px solid #ccc; border-radius:100%;}
.radiobox input:checked + label:before {background:#fff url("/images/bbs/radiobox.png") 50% 50% no-repeat;}
.radiobox input:focus + label:before {outline:2px solid highlight;}

.checkbox {display:inline-block; position:relative; vertical-align:middle; margin-top:-.2em;}
.checkbox input {position:absolute; top:0; left:0; width:0; height:0; border:0; opacity:0; z-index:-1;}
.checkbox label {display:inline-block;}
.checkbox label:before {content:""; display:inline-block; vertical-align:middle; margin:-.2em 8px 0 0; width:18px; height:18px; background-color:#f4f4f4; border:1px solid #ccc;}
.checkbox input:checked + label:before {background:#1688e0 url("/images/bbs/checkbox.png") 50% 50% no-repeat; border-color:#1688e0;}
.checkbox input:focus + label:before {outline:2px solid highlight;}

.table-responsive {display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}

/* ui datepicker */
.ui-datepicker {display:none; background:#fff; margin-top:2px; border-radius:10px; padding:0 8px 8px; width:250px; box-shadow:0 0 3px rgba(0,0,0,.3);}
.ui-datepicker-header {position:relative; margin:0 -8px 6px; padding:5px 0; background:#1688e0; border-radius:10px 10px 0 0;}
.ui-datepicker-prev,
.ui-datepicker-next {position:absolute; width:32px; height:32px; top:50%; cursor:pointer; margin-top:-16px; border-radius:100%; overflow:hidden; text-indent:-999em; background-position:50% 50%; background-repeat:no-repeat;}
.ui-datepicker-prev {left:0; background-image:url("/images/bbs/datepicker_prev.png");}
.ui-datepicker-next {right:0; background-image:url("/images/bbs/datepicker_next.png");}
.ui-datepicker-title {text-align:center; color:#fff; font-size:18px; line-height:30px; font-weight:500;}
.ui-datepicker-title select {border:0; margin:-.2em 2px 0; width:70px; height:30px; color:#000; font-size:15px; padding:0 10px 0 6px; vertical-align:middle;}
.ui-datepicker-calendar {width:100%; border-collapse:collapse; border-spacing:0px;}
.ui-datepicker-calendar th {padding:2px 0; text-align:center; font-size:14px; font-weight:500; line-height:30px; color:#222;}
.ui-datepicker-calendar td {padding:0; text-align:center; font-size:13px; font-weight:400; line-height:30px; color:#666;}
.ui-datepicker-calendar .ui-state-default {display:inline-block;width:30px;border-radius:4px;}
.ui-datepicker-calendar .ui-state-hover {background-color:#eee; color:#222;}
.ui-datepicker-calendar .ui-state-active {background-color:#1688e0; color:#fff;}
.ui-datepicker-other-month .ui-state-default {color:#ccc;}
.ui-datepicker-last {margin-left:-43px;}
.ui-datepicker-trigger {width:44px; height:44px; margin-left:-1px; background:url('/images/bbs/datepicker_icon.png') 50% 50% no-repeat; border:1px solid #aaa; vertical-align:middle; overflow:hidden; text-indent:-999em;}

/* Title */
.pos_wrap {width:100%;padding-bottom: 70px;}
.pos_wrap .title {text-align:center; font-size:32px;font-weight: 700;font-family: 'NanumSquareOTFB';color:#333;}
.pos_wrap .sub_title {text-align: center;color: #555;font-size: 18px;font-weight: 400;padding-top: 12px;padding-bottom: 40px;}
.pos_wrap .title-dot {position: relative;line-height: 58px;font-size: 32px;font-weight: 700;font-family: 'NanumSquareOTFB';color: #333;padding-top: 10px;}
.pos_wrap .title-dot:before {content: "";position: absolute;top: 5px;left: 50%;margin-left: -4px;width: 8px;height: 8px;border-radius: 100%;    animation: move_dot 2.5s ease-in 2s infinite;}
.pos_wrap .dot-1:before {background: #6dcde5;animation-delay: .2s;}
.pos_wrap .dot-2:before {background: #42ade2;animation-delay: .3s;}
.pos_wrap .dot-3:before {background: #314eaa;animation-delay: .4s;}
.pos_wrap .dot-4:before {background: #002060;animation-delay: .5s;}
.pos_wrap .dot-5:before {background: #001744;animation-delay: .6s;}
.pos_wrap .title_img {text-align: center;}

@media (max-width: 640px) {
	.input.datepicker {background-image:url("../images/bbs/datepicker_icon_x2.png"); background-size:22px auto;}

	.ui-datepicker-prev,
	.ui-datepicker-next {background-size:8px auto;}
	.ui-datepicker-prev {background-image:url("../images/bbs/datepicker_prev_x2.png");}
	.ui-datepicker-next {background-image:url("../images/bbs/datepicker_next_x2.png");}
	.ui-datepicker-trigger {width:38px; height:38px;}
}

@media (max-width: 1401px) {
	.m-none-1401 {display: none;}
	.m-block-1401 {display: block;}
}
@media (max-width: 1280px) {
	.m-none-1280 {display: none;}
	.m-block-1280 {display: block;}
}
@media (max-width: 1024px) {
	.m-none-1024 {display: none;}
	.m-block-1024 {display: block;}
}
@media (max-width: 960px) {
	.m-none-960 {display: none;}
	.m-block-960 {display: block;}

}
@media (max-width:768px) {
	.m-none-768 {display: none;}
	.m-block-768 {display: block;}
}
@media (max-width: 640px) {
	.m-none-640 {display: none;}
	.m-block-640 {display: block;}
}
@media (max-width: 575px) {
	.m-none-575 {display: none;}
	.m-block-575 {display: block;}
}
@media (max-width:480px){
	.m-none-480 {display: none;}
	.m-block-480 {display: block;}
}
@media (max-width:400px){
	.m-none-400 {display: none;}
	.m-block-400 {display: block;}
}
@media (max-width:360px){
	.m-none-360 {display: none;}
	.m-block-360 {display: block;}
}

/*index Start*/

/*index End*/

/* @import url(/css/v01/earlyaccess/notosanskr.css); */



/*헤드메뉴*/
#header {position:absolute;left:0;top:40px;width:100%; left: 50%;transform:translateX(-50%) ;z-index:6;height:50px;-webkit-transition:all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;/*background-color: #fff;*/}
#header .header-inner {width:100%; height:100% }
#header .gnb { list-style:none;/* height:100%;*/ position:absolute; right:0px}
#header .gnb > li { float:left; position:relative; display:inline-block;/* width:140px; */ vertical-align:middle; text-align:center;padding-left: 54px;}
#header .gnb > li > a {display:inline-block; line-height:1em; width:100%; color:#fff;font-size:18px; letter-spacing:-0.5px; font-weight:600; text-decoration:none;}
#header .gnb > li > a:hover {color: #2253b8}
#header .gnb > li.active {background-color: #b0905e}
#header .gnb > li.active > a {color: #fff}
#header .gnb .login { /*background-color:#2253b8;*/ font-size:15px; color:#fff;border-top-right-radius: 8px;border-bottom-right-radius: 8px;}
#header .gnb .join { /*background-color:#343434;*/ font-size:15px; color:#fff; margin-left:20px}
#header .gnb .login a { color:#ddd; font-size:14px}
#header .gnb .login a:hover { color:#fff}
#header .gnb .join a { color:#ddd; font-size:14px}
#header .gnb .join a:hover { color:#fff}
#header .header-inner .menu {cursor:pointer;text-indent:-9999px; position:absolute;top:29px; left:50%;width:25px;height:20px; background-image:url(../img/cate_more.gif); margin-left:200px; border:0; display:none}
#header .header-inner .menu.on {background-image: url(../img/cate_close.gif)}
#header .gnb > li, #header #right-side-open {height:80px;line-height:80px; -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
#header #right-side-open { position:absolute; right:0; width:100px; cursor:pointer; border-left:1px solid rgba(255,255,255,0.3); text-align:center; display: inline-block; }
#header #right-side-open span{display:inline-block;width:20px; height:20px;font-size:20px;line-height:1em;margin-top:-10px; margin-left:-10px; position:absolute; top:50%;left:50%; color:#fff;}
#header .gnb .snb {list-style:none; display:none;}
#header #logo { margin-left:25px; padding:0}
#header #logo agnb { display:block; width:180px; height:80px; line-height:80px;margin-top: -5px;}
#header #logo img { width:100%}
#header #demo {}
#header #tel {}
#header .gnb .snb,.device-md #header .gnb .snb{display: none;position: absolute;right: -82px;width: 200px; top:80px; border-top: 0;background-color: #000; z-index:2}
#header .gnb .snb li { font-size:14px; line-height:3.1; text-align:left; border-top:1px solid #414141;}
#header .gnb .snb li a { color:#FFF; display:block; padding-left:20px}
#header .gnb .snb li a:hover {color:#fff;  display:block; background-color:#2253b8; text-decoration:none; line-height:3.1}
#header .gnb .snb li:first-child { border-top:0}

.global {display:none; }


@media screen and (max-width: 1401px) {
	.gnb {padding: 0 20px;}
	#header .gnb > li {padding-left: 30px;}
}
@media screen and (max-width: 1191px) {

}

@media screen and (max-width: 1025px) {
	.gnb {font-size: 16px;}
	.gnb > ul > li {margin-left: 24px;}
}


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

}
@media screen and (max-width: 960px) {
	.global {width: 100%;display: flex;}
    #header { display:block; background-color:transparent; top:0;/* border-bottom:1px solid rgba(255,255,255,0.4);*/ position:fixed}
	#header #logo { width:120px; display:block}
	#header #logo img {width: 100%;}
	#header #demo {}
	#header .gnb { display:none}
	#header #tel {}

}
/*헤드메뉴*/






/*오른쪽 퀵메뉴*/
.right_quick { position: absolute; right: 0; top: -60px; z-index: 2}
.right_quick.fixed {position: fixed; right: 0; top: 50%; margin-bottom:50px; z-index: 100; top: 189px}
.right_quick.fixed .material-icons { color:#fff; float:right}
.right_quick ul.quick_info { position: relative; height: 240px}
.right_quick ul.quick_info li { position: absolute; height: 60px; right:0}
.right_quick ul.quick_info li:nth-child(1) {top: 0}
.right_quick ul.quick_info li:nth-child(2) {top: 60px}
.right_quick ul.quick_info li:nth-child(3) {top: 120px}
.right_quick ul.quick_info li:nth-child(4) {top: 180px}
.right_quick ul.quick_info li:nth-child(5) {top: 240px}

.right_quick ul.quick_info li a{width:60px; height:60px; text-align:center; background:#343434; overflow:hidden; display:block}
.right_quick ul.quick_info li i { color:#fff; font-size:24px;}
.right_quick ul.quick_info li i.ico{position:absolute;right:20px;top:15px; z-index:2}
.right_quick ul.quick_info li:nth-child(1) i {right: 17px}
.right_quick ul.quick_info li:nth-child(2) i {right: 17px}
.right_quick ul.quick_info li:nth-child(3) i {right: 17px}
.right_quick ul.quick_info li:nth-child(4) i {right: 17px}
.right_quick ul.quick_info li:nth-child(5) i {right: 17px}
.right_quick ul.quick_info li a span{height:60px; line-height:60px; color:#fff; position:absolute; text-align:left; opacity:0; left:30px; font-size:14px; font-weight:500; z-index:2}
.right_quick ul.quick_info li a.kakao span { color:#000}

@media screen and (max-width: 900px) {
    .right_quick.fixed { display:none}
}
/*오른쪽 퀵메뉴*/





/*모바일 오른쪽 메뉴*/
#right-side {background-color:#333;position:fixed; z-index:30; top:0;right:-100%;max-width:100%; width:100%; height:100%; color:#FFF; padding:30px;-webkit-transition: right .3s ease;-moz-transition: right .3s ease;-ms-transition: right .3s ease;-o-transition: right .3s ease;transition: right .3s ease; box-sizing:border-box; overflow:auto;}
#right-side .side_gnb .call a {text-align:center; display:block;position:relative;background:#6cc043; color:#fff; font-weight:bold; height:5.0em; line-height:5em; border-radius:3px; margin-top:10px; padding:2px 0 4px 0;}
#right-side #btn-close-right-side {position:absolute;top:20px;right:0;color:#fff;width:60px;text-align:center;line-height:40px; font-size:16px; cursor:pointer}
#right-side #btn-close-right-side .fa.fa-times { font-size:18px; padding-top:20px}
.right-side-on #right-side {right:0;z-index: 100;}
.right-side-on #wrapper { left:-300px; }
.right-side-on #header { left:-502px; }
.right-side-on #rs-overlay {display:block;}

.quick_menu {width:100%; margin:auto; padding-top:20px}
.quick_menu ul { text-align:center}
.quick_menu li{display:inline-block; margin-left:-3px; width:80px; border-right:1px solid #555;}
.quick_menu li:last-child { border:0}
.quick_menu li a{display:block; box-sizing:border-box; color:#f5f5f5; letter-spacing:-0.8px; text-align:center; position:relative;  font-size:12px}
.quick_menu li a:hover{color:#fff;backface-visibility:hidden}
.quick_menu li a.on{color:#fff;border-bottom-color:#FF3300;border-bottom-width:2px;border-bottom-style:solid}
.quick_kakao{text-align:center; height:35px; background-color:#ffd800; display:inline-block; clear:both}
.quick_kakao a{display:block;position:relative;background:#ffd800}
.quick_kakao a img{display:block;margin:0 auto}

.side_gnb{position:relative;width:100%;float:left;padding-top:20px;}
.side_gnb p{color:#fff; text-align:center; padding:20px }
.side_gnb .menu-list{display:block;position:relative;border-bottom:1px solid #555; margin-top:60px}
.side_gnb .menu-list>li>a{display:block;position:relative;color:#fff;font-size:15px;line-height:3.8em;padding:0 1.0em;border-top:1px solid #555; text-decoration:none}
.side_gnb .menu-list>li>a i{display:block;position:absolute;top:50%;transform:translateY(-75%) rotate(135deg);-webkit-transform:translateY(-75%) rotate(135deg);right:1.5em;width:5.31%;max-width:32px;border:1px solid #ddd;border-left-width:0;border-bottom-width:0;transition:transform .3s ease;-webkit-transition:-webkit-transform .3s ease;-ms-transition:transform .3s ease}
.side_gnb .menu-list>li.on>a i{-webkit-transform:translateY(-25%) rotate(315deg);transform:translateY(-25%) rotate(315deg)}
.side_gnb .menu-list>li>a i:before{content:"";display:block;position:relative;padding-top:100%}
.side_gnb .depth-2{display:none;}
.side_gnb .depth-2>li { background-color:#ddd}
.side_gnb .depth-2>li>a{display:block;color:#ddd;font-size:1.2em;line-height:3.0em;padding:0 1.5em 0 2.2em;border-bottom:1px solid #fff; color:#000}
/*
@media screen and (max-width: 640px) {
    .side_gnb .depth-2>li>a { font-size:16px}
}
*/
/*모바일 오른쪽 메뉴*/


/*--------------------------------------------------------------------------------------------------------------------*/

/* sub_head */
.pos-v2-wrapper {padding-bottom:60px;}
.pos-v2-heading {position:relative; height:600px; text-align:center; color:#fff;}
.pos-v2-heading:before {content:""; position:absolute; top:0; left:0; width:100%; height:calc(100% - 56px); background:#fec248; clip-path:polygon(0 0, 100% 0, 100% 0, 100% 100%, 100% 75%, 0 100%);}
.pos-v2-heading .way_inner {position:relative; display:flex; align-items:center; height:100%; background:url("/v2/images/doc/top_img.webp") 50% 50% fixed no-repeat; background-size:cover; clip-path:polygon(0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%, 0 77%);}
.pos-v2-heading .contain {display: inline-block;width: 100%;text-align: center;}
.pos-v2-heading h2 {font-size:38px; font-weight:800; line-height:1.33em; letter-spacing:-.02em;}
.pos-v2-heading p {font-size:24px; line-height:1.6em; letter-spacing:-.04em;}


/*푸터*/
#footer { padding: 30px 0px; width: 100%;  max-width:2560px;  position:relative; z-index:10; background-color:#0d0d0d; clear:both }
#footer .footer_in { position:relative; z-index:10; max-width:1600px; height:224px; padding:0 10px 0 10px; margin:0 auto; }
#footer .gotop { position:fixed; left:0; bottom:20px; width:100%; min-width:1080px; height:1px; text-align:center; }
#footer .gotop a { position:absolute; right:7px; bottom:0; }
#footer .menu { display:block; padding:7px 0 0;  }
#footer .menu a { display:inline-block; margin-right:28px; font-size:14px; font-weight:bold; color:#bbb; }
#footer .menu a:active { font-size:14px;}
#footer .menu a strong { color:#f36910; }
#footer address { position:relative; margin:35px 0 0; padding-top:37px; border-top:1px solid #414141; font-size:14px; color:#a9a9a9; } /* font-weight:bold; */
#footer .adr { display:block; margin:0 0 6px; vertical-align:middle; font-style:normal; }
#footer .adr:before { content:""; display:inline-block; width:3px; height:3px; margin:0 8px 0 0; border-radius:3px; background-color:#fff; vertical-align:middle; }
#footer .copyright { display:block; margin:22px 0 0; font-size:11px;font-style:normal;  }
#footer a.wa { position:absolute; right:0; top:37px; }
/*푸터*/



/* 푸터팝업*/
.tl_pop_con{background:#fff;}
.tl_pop_con h2.f_pop_tit{width:100%;height:80px;line-height:80px;font-size:20px;color:#fff;}
.tl_pop_con h2.f_pop_tit img {display:inline-block;margin-left:50px;margin-right:5px;margin-top:-10px;width:120px;}
.tl_pop_con h2.f_pop_tit span {display:inline-block; padding-left:50px;}
.f_pop_wrap {line-height:23px;text-align:justify;word-break:break-all;font-size:15px;overflow-y:auto;}
.f_pop_wrap strong {color:#00a19a;font-weight:normal;}
.f_pop_wrap p { color:#333; padding:40px 50px; line-height:1.6;}
.mfp-close:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url("../img/btn_close.png") no-repeat center center; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; border-radius: 50%; }
.mfp-close { width: 40px; height: 40px; text-indent: -999px;opacity: 1; overflow: hidden; background-color:transparent; border:0; }
button.mfp-close:hover:after { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
/* 푸터팝업*/





.only-desktop {display:block;}
.only-desktop-tablet {display:block;}
.only-tablet-mobile {display:none;}
.only-tablet {display:none;}
.only-mobile {display:none;}


/* footer */
#footer {position:relative; padding:50px; color:#d0d0d0; font-size:14px; font-weight:200; line-height:1.4em; background:#262626;}
#footer address {font-style:normal;}

.foot-row-1 {display:flex; margin-bottom:40px;}

.foot-logo {width:230px; margin-right:30px;}

.foot-nav {flex:1 1 auto; min-width:0; width:1%;margin-right: 40px;}
.foot-nav ul {display:flex; flex-wrap:wrap;}
.foot-nav ul li {position:relative; padding:0 20px; margin-bottom:8px;}
.foot-nav ul li:before {content:""; position:absolute; top:50%; left:0; width:1px; height:15px; margin-top:-6px; background:#626262;}
.foot-nav ul li:first-child {padding-left:0;}
.foot-nav ul li:first-child::before {display:none;}
.foot-nav ul li:last-child {padding-right:0;}
.foot-nav ul li a {display:block;color: #d0d0d0;; font-size:16px; font-weight:400; line-height:1.3em;}
.foot-nav ul li a:hover {text-decoration:underline;}

.foot-contact p {color:#91c8f3; font-size:20px; font-weight:500; line-height:1.3em; letter-spacing:-.03em;}
.foot-contact p .tel {margin-left:13px;color: #1572b6; font-family:"Roboto",sans-serif; font-size:30px; font-weight:700; line-height:1em; letter-spacing:0;}
.foot-contact .time {display:flex; margin:10px -5px 0; justify-content:space-between;}
.foot-contact .time div {padding:0 5px; color:#1d90b6; line-height:1.5em; letter-spacing:-.02em;}
.foot-contact .time .t1 {font-size:20px; font-weight:500;}
.foot-contact .time .t2 {font-size:20px; font-weight:600;}


.foot-row-2 {display:flex; align-items:flex-end;width: 100%;}

.foot-info {flex:1 1 auto; min-width:0; width:1%;}
.foot-info span {display:inline-block; margin-bottom:4px;}
.foot-info .bar {width:1px; height:12px; background:#616161; vertical-align:middle; margin:-.2em 13px 0;}
.foot-info .copyright {margin-top:25px;}

.foot-links ul {display:flex; flex-wrap:wrap;}
.foot-links ul li {margin-left:9px; min-width:155px; text-align:center; border-bottom:1px solid #686868;}
.foot-links ul li a {display:block; padding-bottom:14px; font-size:15px; font-weight:400;color:#d0d0d0; line-height:1.3em;}
.foot-links ul li a:before {content:""; display:inline-block; width:14px; height:14px; vertical-align:middle; margin:-.2em 7px 0 0; background:url("../images/common/icon_link.png") 50% 50% no-repeat;}

.foot-links .download {margin-left:9px; margin-bottom:22px;}
.foot-links .download a {display:block; line-height:46px; border:1px solid #b1b1b1; text-align:center; font-size:16px; font-weight:500;color: #d0d0d0; }
.foot-links .download a:before {content:''; width:16px; height:16px; background:url('../images/bbs/download01.png') 0 0 no-repeat; background-size:cover; display:inline-block; vertical-align:middle; margin-top:-4px; margin-right:8px;}
.foot-links .s-demo {color:#d0d0d0}
/* //footer */

/*#########################################  */