@import url('https://fonts.googleapis.com/css?family=Montserrat:400');
@import url('https://fonts.googleapis.com/css?family=Montserrat:500');
@import url('https://fonts.googleapis.com/css?family=Montserrat:700');

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,button,figure,figcaption{margin:0;padding:0;box-sizing:border-box;}
a, img, fieldset {border:0;}
dl,ul,ol,menu,li{list-style:none;}
body,th,td,input,select,textarea,button{line-height:1.2; font-size:16px; font-weight:normal; color:#333333; font-family:'notokr',HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif, dotum;}
a{color:#222;text-decoration:none;}
a:hover{text-decoration:none;}
/* a:active{background-color:transparent;} */
address,cite,code,dfn,em,var{font-style:normal;font-weight:100;}
h1,h2,h3,h4,h5,h6 {font-weight:100;font-size:100%;}
textarea {resize:none;}
img {line-height:0; vertical-align:top;    max-width: 100%;}
form, fieldset {width:100%; display:block;}
table {border-collapse:collapse; border-spacing:0;}
b,strong {font-weight:bold;}

/* 공통 class */
.none {display: none;}
.sdonly {position:absolute; top:0 !important; left:0 !important; line-height:0 !important; font-size:0 !important; width:0 !important; height:0 !important; color:transparent !important; overflow:hidden !important;} /*사운드리더 only */
.sdonly:before, .sdonly:after {display:none !important;}
::selection {background:#1e6cbb; color:#fff;}
.ov-bg {background: #000; opacity: 0.7; filter: alpha(opacity=70);top:0;left:0; right:0; height:100%; z-index:100; position: fixed; display: none;}
.clr:after {clear:both; display:block; content:'';}

/**/
body > * {letter-spacing:-0.025em !important;}
select {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select::-ms-expand {display: none;}
input {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input::-ms-clear {display: none;}
input:focus {outline: none;}
button:focus {outline: none;}
img {-ms-interpolation-mode:bicubic !important;}
html {font-size: 100%;-webkit-text-size-adjust: none;-ms-text-size-adjust: none;}
@font-face {
    font-family: 'NanumSquareRoundEB';
    src: url('/fonts/NanumSquareRoundEB.eot');
    src: url('/fonts/NanumSquareRoundEB.eot?#iefix') format('embedded-opentype'),
        url('/fonts/NanumSquareRoundEB.woff2') format('woff2'),
        url('/fonts/NanumSquareRoundEB.woff') format('woff'),
        url('/fonts/NanumSquareRoundEB.svg#NanumSquareRoundEB') format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Binggrae-Bold';
    src: url('/fonts/Binggrae-Bold.eot');
    src: url('/fonts/Binggrae-Bold.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Binggrae-Bold.woff2') format('woff2'),
         url('/fonts/Binggrae-Bold.woff') format('woff'),
         url('/fonts/Binggrae-Bold.svg#Binggrae-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
font-family: 'notokr';
	src: url('/fonts/notokr-regular.eot');
	src: url('/fonts/notokr-regular.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/notokr-regular.woff2') format('woff2'),
		 url('/fonts/notokr-regular.woff') format('woff'),
		 url('/fonts/notokr-regular.ttf') format('truetype'),
		 url('/fonts/notokr-regular.svg#notokr-regular') format('svg');
	font-weight:100;
	font-style: normal;
}
@font-face {
font-family: 'notokr';
	src: url('/fonts/notokr-medium.eot');
	src: url('/fonts/notokr-medium.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/notokr-medium.woff2') format('woff2'),
		 url('/fonts/notokr-medium.woff') format('woff'),
		 url('/fonts/notokr-medium.ttf') format('truetype'),
		 url('/fonts/notokr-medium.svg#notokr-medium') format('svg');
	font-weight:400;
	font-style: normal;
}
@font-face {
font-family: 'notokr';
	src: url('/fonts/notokr-bold.eot');
	src: url('/fonts/notokr-bold.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/notokr-bold.woff2') format('woff2'),
		 url('/fonts/notokr-bold.woff') format('woff'),
		 url('/fonts/notokr-bold.ttf') format('truetype'),
		 url('/fonts/notokr-bold.svg#notokr-bold') format('svg');
	font-weight:700;
	font-weight: bold;
	font-style: normal;
}

@font-face {
font-family: 'tvn__bold-webfont';
	src: url('/fonts/tvn__bold-webfont.woff2') format('woff2'),
		 url('/fonts/tvn__bold-webfont.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}

@font-face {
font-family: 'tvn__medium-webfont';
	src: url('/fonts/tvn__medium-webfont.woff2') format('woff2'),
		 url('/fonts/tvn__medium-webfont.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}

@font-face {
font-family: 'tvn__light-webfontt';
	src: url('/fonts/tvn__light-webfont.woff2') format('woff2'),
		 url('/fonts/tvn__light-webfont.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}

@font-face {
font-family: 'tvn_enjoy_Bold';
	src: url('/fonts/tvn_enjoy_Bold.woff2') format('woff2'),
		 url('/fonts/tvn_enjoy_Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}

@font-face {
font-family: 'tvn_enjoy_Medium';
	src: url('/fonts/tvn_enjoy_Medium.woff2') format('woff2'),
		 url('/fonts/tvn_enjoy_Medium.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}

/* 어비 똘영체 */
@font-face {
  font-family: 'UhBeeddolyoung';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_five@.2.0/UhBeeddolyoung.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face { font-family: 'GyeonggiBatang'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiBatang.woff') format('woff'); font-weight: normal; font-style: normal; }

/*경기청년체 바탕*/
.GyeonggiBatang{font-family: 'GyeonggiBatang';}

.tbw {font-family: 'tvn__bold-webfont';}
.tmw {font-family: 'tvn__medium-webfont';}
.tlw {font-family: 'tvn__light-webfont';}
.teb {font-family: 'tvn_enjoy_Bold';}
.tem {font-family: 'tvn_enjoy_Medium';}

.mg {font-family:"맑은 고딕", Malgun Gothic, 'notokr'; font-weight:normal;}

.mont {font-family: 'Montserrat';}
.mont600 {font-family: 'Montserrat'; font-weight:600;}

.inner {max-width:1400px; width:100%; margin:0 auto; /*padding:0 13.5; padding:0 260px;*/}
/*.binner {max-width:1400px; width:100%; margin:0 auto;}*/
.por {position:relative;}
.poa {position:absolute;}
.clr > li {float:left;}
.clr:after {content:''; display:block; clear:both;}
.clb {clear:both;}
.fl {float:left;}
.fr {float:right;}
.tac {text-align:center;}
.tal {text-align:left;}
.tar {text-align:right;}
.dpb {display:block;}
.dpib {display:inline-block;}
.p_color {color:#1d66b7;}
.p_color02 {color:#f180af;}
.p_color03 {color:#2bcb9d;}
.p_color06 {color:#8a76b9;}
.fnm {font-weight:normal}
.f100 {font-weight:100;}
.f200 {font-weight:200;}
.f400 {font-weight:400;}
.f500 {font-weight:500;}
.f700 {font-weight:700;}
.fwb {font-weight:bold;}
.lh2 {line-height:2;}
.lh18 {line-height:1.8;}
.lh17 {line-height:1.7;}
.lh16 {line-height:1.6;}
.lh15 {line-height:1.5;}
.lh14 {line-height:1.4;}
.lh13 {line-height:1.3;}
.lh12 {line-height:1.2;}
.lh11 {line-height:1.1;}
.lh10 {line-height:1;}
.lh09 {line-height:0.9;}
.lhn {line-height:normal;}

.hpt121 {padding-top:121px;}

.op00 {opacity:0;}

.prl45 {padding-right:45px; padding-left:45px;}


.br50 {border-radius:50px;}
.txs01 {text-shadow:1px 0 1px rgba(3, 3, 3, 0.15);}

.pcolor3 {color:#20bc8e;}

.login_btn_md {height:60px; line-height:60px; display:block; width:220px; background:#6e57a3; margin:30px auto 0; text-align:center;}

.c00 {color:#ffffff;}
.c01 {color:#fcd107;}
.c02 {color:#fff583;}
.c03 {color:#ed5638;}
.c04 {color:#6742bc;}
.c05 {color:#333333;}
.c06 {color:#555555;}
.c07 {color:#efde1b;}
.c08 {color:#bfc7ce;}
.c09 {color:#878f96;}
.c10 {color:#888888;}
.c11 {color:#b8b8b8;}
.c12 {color:#666666;}
.c13 {color:#999999;}
.c14 {color:#131313;}
.c15 {color:#cccccc;}

.bk00 {background:#ffffff;}
.bk01 {background:#6742bc;}
.bk02 {background:#f2f2f4;}
.bk03 {background:#613cb6;}
.bk04 {background:#efde1b;}
.bk05 {background:#ef98bc;}
.bk06 {background:#e976a6;}
.bk07 {background:#e45490;}
.bk08 {background:#6ac9ae;}
.bk09 {background:#8a76b9;}
.bk10 {background:#f3f3f3;}
.bk11 {background:#f0f8f6;}

.dsb {display:block;}
.dsi {display:inline-block;}
.dst {display:table; width:100%; height:100%;}
.dstc {display:table-cell; vertical-align:middle;}

.s_link {position:absolute; left:0; bottom:0; right:0; top:0; text-indent:-99999px; z-index:10; background:#ffffff; opacity: 0; filter: alpha(opacity=0);}
.row {display: block;}
.row:after, .row:before {content:''; display: block; clear:both;}
.row > * {float: left;}
.row > .fr {float:right;}
.u2 {width:50%;}
.u3 {width:33.33%;}
.u3:last-child {width:33.34%;}
.u4 {width:25%;}
.u5 {width:20%;}
.u6 {width:16.66%;}
.u6:last-child {width:16.7%;}
.u7 {width:14.28%;}
.u7:last-child {width:14.32%;}
.u8 {width:12.5%;}


.t_dot {position:relative;}
.t_dot:before {content:''; display:block; position:absolute; width:6px; height:5px; top:-8px; left:50%; margin-left:-3px; border-radius:50%;}


/* 구게시판 게시물 관련 */
.btn {background: #7365b2; color: #fff; font-size: 14px; border: 0;  cursor: pointer; font-family: inherit;  border-radius: 3px;  font-weight: bold;  padding: 20px 30px;  display: inline-block;  -webkit-appearance: none; margin-top:10px;}
.btn_box { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; }

.btn01 {background: #898989;;color: #fff!important;border:1px solid #737373;font-size: 14px;padding:8px 18px;border:0;cursor: pointer;font-family: inherit;border-radius: 3px;display: inline-block;-webkit-appearance:none;}
.btn01:hover {text-decoration: none;}
.btn01 {padding: 6px 19px 12px;}
.btn01 {background: #898989;;color: #fff;border:1px solid #737373;font-size: 12px;padding:6px 18px;border:0;cursor: pointer;font-family: inherit;border-radius: 3px;position: relative;top: -5px;-webkit-appearance:none;}
.btn01:hover {text-decoration: none;background:#707070;color: #fff;}
.btn01.gray {background: #898989;}
.btn02,
.form-submit #submit {background: #7365b2;;color: #fff;font-size: 14px;border:0;cursor: pointer;font-family: inherit;border-radius: 3px;font-weight: bold;padding: 20px 30px;display: inline-block;-webkit-appearance:none;}
.btn02:hover,
.form-submit #submit:hover {text-decoration: none;background:#8f82c8;color: #fff;}
.btn02.yl {background: #fdd645;color: #676767;}
.btn02.yl:hover {background: #F5D768;}
.btn02.gr {background: #898989;color: #fff;}
.btn02.gr:hover {background: #666;}
.btn03 {border:1px solid #d1d1d1;border-radius: 2px;color: #666666;font-size: 12px;font-weight: bold;padding: 5px 12px;-webkit-appearance:none; background:#ffffff; color:#666666;}
.btn03 span {color:#666666 !important;}
.btns .btn {line-height:normal;}
.support_form_mid_con .btns {display:inline-block;}

.support_form_mid_con b, .support_form_mid_con strong {font-weight:bold;}


.support_form_mid_con ul li {list-style:inside; padding-left:20px; text-indent:-20px;}
.support_form_mid_con ol {padding-left:20px;}
.support_form_mid_con ol li {list-style:decimal; }
.support_form_mid_con table ul, .support_form_mid_con table ol, .support_form_mid_con table li {list-style:none;}

.accordion-btn {background: #7365b2; color: #fff; font-size: 14px; border: 0;  cursor: pointer; font-family: inherit;  border-radius: 3px;  font-weight: bold;  padding: 20px 30px;  display: inline-block;  -webkit-appearance: none; margin-top:10px;}
.accordion-content {display:none;}
.accordion-content table { width:100%; margin-top:30px;}
.accordion-content table th, .accordion-content table td {border-right:1px solid #cecece; padding:10px;}
.accordion-content table th:last-child, .accordion-content table td:last-child {border-right:0;}

.support_form_mid_con table { width:100% !important; margin:30px 0; border-top:3px solid #555;}
.support_form_mid_con table .btn {margin-top:0px;}
.support_form_mid_con table th {background-color:#8aaeeb; color:#fff;}
.support_form_mid_con table th, .support_form_mid_con table td {border-right:1px solid #cecece; padding:10px; border-bottom:1px solid #cecece; text-align:center;}
.support_form_mid_con table th:last-child, .support_form_mid_con table td:last-child {border-right:0;}

.entry-content table {margin-bottom: 20px;max-width: 100%!important;width: 100%;border-top: 1px solid #ddd;}
.entry-content table td,
.entry-content table th {border-bottom: 1px solid #ddd;padding:4px 10px;vertical-align: middle;}
.entry-content table th {background: #f8f8f8;text-align: center;font-weight: bold;}
.entry-content table p {padding-bottom: 0;margin: 0;}
.entry-content table.t01 th {white-space: nowrap;}

.entry-content p a {color:#666;white-space:pre-line;word-wrap:break-word;word-break: break-all;max-width:560px;overflow: hidden;text-overflow: ellipsis;}
.entry-content .btn01 {background: #898989;;color: #fff!important;border:1px solid #737373;font-size: 14px;padding:8px 18px;border:0;cursor: pointer;font-family: inherit;border-radius: 3px;display: inline-block;-webkit-appearance:none;}
.entry-content .btn01:hover {text-decoration: none;}
.lt-ie10 .entry-content .btn01 {padding: 6px 19px 12px;}
.entry-title .btn01 {background: #898989;;color: #fff;border:1px solid #737373;font-size: 12px;padding:6px 18px;border:0;cursor: pointer;font-family: inherit;border-radius: 3px;position: relative;top: -5px;-webkit-appearance:none;}
.entry-title .btn01:hover {text-decoration: none;background:#707070;color: #fff;}
.entry-content .btn01.gray {background: #898989;}
.entry-content .btn02,
.form-submit #submit {background: #7365b2;;color: #fff;font-size: 14px;border:0;cursor: pointer;font-family: inherit;border-radius: 3px;font-weight: bold;padding: 20px 30px;display: inline-block;-webkit-appearance:none;}
.entry-content .btn02:hover,
.form-submit #submit:hover {text-decoration: none;background:#8f82c8;color: #fff;}
.entry-content .btn02.yl {background: #fdd645;color: #676767;}
.entry-content .btn02.yl:hover {background: #F5D768;}
.entry-content .btn02.gr {background: #898989;color: #fff;}
.entry-content .btn02.gr:hover {background: #666;}

.entry-content h1 {font-size: 32px;color:#6861b1}
.entry-content h2 {font-size: 20px;color: #6861b1}
.entry-content h3 {font-size: 16px;color: #6861b1}
.entry-content h4 {font-size: 16px;}
.entry-content h5 {font-size: 15px;}
.entry-content h6 {font-size: 14px;}


/* 구게시판 게시물 관련 끝 */

/* 상단 */
#allWrapper {position: relative;}
#header {height:121px; z-index:100;position: fixed; left:0; right:0; top:0;}
#header > * {letter-spacing:-0.025em !important;}
h1.logo {z-index:500;display:inline-block; position:absolute; top:26px; left:36px; width:316px; height:66px; overflow:hidden; background:url('/images/common/logo.png') 0 0 no-repeat; text-indent:-9999px;}
h1.logo > a {display:block; width:100%; height:100%;}
.apply_area {right:40px; top:0; position:absolute;}
.apply_area .apply_list > li {padding:51px 0; height:120px; position:relative; margin-right:20px;}
.apply_area .apply_list > li:after {position:absolute; content:''; width:1px; height:15px; background:rgba(255, 255, 255, 0.3); right:-10px; top:50%; margin-top:-7px;}
.apply_area .apply_list > li:last-child:after {display:none;}
.apply_area .apply_list > li > a {display:block; font-size:14px; font-weight:400; font-family:"맑은 고딕", Malgun Gothic, 'notokr';}
.apply_area .all_menu {height:120px; line-height:120px; padding-top:45px;}
.apply_area .all_menu a {text-indent:-99999px; width:25px; height:26px; background:url('/images/common/all_menu.png') 0 0 no-repeat; display:inline-block;}
.apply_area .lang {display:flex; align-items:center;justify-content: center; cursor: pointer; border-radius:20px;  background-size:cover ; margin-top:36px; margin-right:40px; padding:9px 0; margin-left:40px; text-align: center;}

/* .apply_area .lang.kk {padding:9px 0 15px;} */
.apply_area .lang .lang_list li {margin-top:10px;}
.apply_area .lang .lang_list li:first-child {margin-top:0px;}
.lang_list {position: relative;}
.apply_area .lang .lang_list .h_lang {position: absolute;width: 90px;display: none;height: 81px;left:50%; transform: translateX(-50%);background-color: #fff;}
.apply_area .lang .lang_list i {display:inline-block; font-size:0px; width:26px; height:26px; background:url('/images/common/lang.png') center center no-repeat; background-size: cover; vertical-align:middle; margin-top:-2px;}
.apply_area .lang .lang_list a {color:#ffffff;  display:block;font-weight: 500;}
.apply_area .lang.kk .lang_list i{background: url('/images/common/hdb_btn.png')center center no-repeat,#fff;border-radius: 50%; background-size: 50%;}

.pc.on .apply_area .lang.kk .lang_list i{background: url('/images/common/close_wh.png')center no-repeat,#000;border-radius: 50%; background-size: 50%;}
.pc.on .apply_area .lang .lang_list i {background: url('/images/common/lang_bk.png')center no-repeat; background-size: contain;}
.pc.h_scroll .apply_area .lang.kk .lang_list i{background: url('/images/common/close_wh.png')center no-repeat,#000;border-radius: 50%; background-size: 50%;}
.pc.h_scroll .apply_area .lang .lang_list i {background: url('/images/common/lang_bk.png')center no-repeat; background-size: contain;}



.depth1 > li > a {font-family:"맑은 고딕", Malgun Gothic, 'notokr';}
.h_lang_box{background:#fff;display: flex;align-items: center;justify-content: center;width: 90px;height: 81px; flex-wrap: wrap;padding:20px 10px;border:1px solid #222;}


.apply_btn_wrap{position: relative;margin-right: 32px;}
.apply_btn_wrap .h_lang_box{position: absolute;top:40px;left: 50%; transform: translateX(-50%); display: none;}
.apply_btn_wrap .h_lang_box li{float: none; text-align: center;}
.h_lang_box li:first-child {margin-bottom:5px;}
.h_lang_box li a{color: #000;}

.apply_btn{border:0; font-size: 26px;background: none;color:#fff;width: 23px; height: 26px;display: inline-block; vertical-align: middle; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex;}
.apply_btn.on{ font-size: 0px; background: url('/images/common/hdb_btn.png')center no-repeat,#fff; border-radius: 50%; background-size: 50%;}
.pc.on .apply_btn.on,.pc.h_scroll .apply_btn.on{ font-size: 0px; background: url('/images/common/close_wh.png')center no-repeat,#000; background-size: 50%;}
.pc.on  .apply_btn,.pc.h_scroll  .apply_btn{color: #000;}




.search_btns {display:block; float:left; width:23px; height:23px; background:url('/images/common/sear_off.png') 0 0 no-repeat; color:transparent; margin-top:46px; margin-right:20px; display:none;}
.on .search_btns, .h_scroll .search_btns, .join .search_btns {background:url('/images/common/sear_on.png') 0 0 no-repeat; }

.search_wrap {display:none; position:fixed; top:0; z-index:101;left:0; right:0; height:220px; background:#ffffff;}
.search_wrap .search_close {position:absolute; top:50px; right:50px; transition:all ease-in-out 0.2s;}
.search_wrap .search_close:hover {transform:rotate(180deg);}
.search_wrap .search_area {max-width:600px; margin:87px auto 0; border-bottom:2px solid #333333; padding-right:40px;}
.search_wrap .search_area input[type=text] {border:0; height:43px; line-height:43px; width:100%;}
.search_wrap .search_area input[type=text]::placeholder {color:#888888;}
.search_wrap .search_area button {right:0; top:9px; background:none; border:none;}


.pc .apply_list {position:relative;display: none;}
.pc .apply_list:before {content:''; display:block; height:34px; background:rgba(0, 0, 0, 0.3); border-radius:10px; position:absolute; top:50%; margin-top:-17px; left:-20px; right:0; z-index:-1;}



#header.h_scroll, #header.on, #header.join {background:#ffffff;/* box-shadow:5px 0 15px rgba(0, 0, 0, 0.5);*/box-shadow:15px 0 5px rgba(0, 0, 0, 0.2);}
#header.join [class*=iconFt_] {color: #222;}
#header.join .apply_area .lang .lang_list i {background: url(/images/common/lang_bk.png) center no-repeat; background-size: contain;}
.pc.h_scroll .depth1 > li > a, .pc.on .depth1 > li > a, .pc.join .depth1 > li > a {color:#777777;}
.pc.h_scroll .depth1 > li:after, .pc.on .depth1 > li:after, .pc.join .depth1 > li:after {background:#c8c8c8;}
.h_scroll .apply_area .apply_list > li > a, .on .apply_area .apply_list > li > a, .join .apply_area .apply_list > li > a {color:#777777;}
.h_scroll .apply_area .apply_list > li > a.pur, .on .apply_area .apply_list > li > a.pur, .join .apply_area .apply_list > li > a.pur {color:#6e57a3;}
.h_scroll .apply_area .apply_list > li:after, .on .apply_area .apply_list > li:after, .join .apply_area .apply_list > li:after {background:#e5e5e5;}
.h_scroll .apply_area .all_menu a, .on .apply_area .all_menu a, .join .apply_area .all_menu a {background:url('/images/common/all_menu_on.png') 0 0 no-repeat;}
.h_scroll h1.logo, .on h1.logo, .join h1.logo {background:url('/images/common/logo_on.png') 0 0 no-repeat;}

.pc .depth1 {position: absolute; left:50%;   transform: translateX(-50%);top:0; width: 100%;display: flex;align-items: center;justify-content: center;;}
.pc .depth1 > li {position: relative; line-height:120px; height:120px; padding:0 40px;}
.pc .depth1 > li.gnb6, .pc .depth1 > li.gnb7 {display:none;}
.pc .depth1 > li > a {display:block; color:#ffffff; font-size:24px; font-weight:bold; font-family:"맑은 고딕", Malgun Gothic, 'notokr';}
.pc .fix_menu {display:none;position: fixed;background: #fff;top:121px;left:0;right:0;height:200px; box-shadow:15px 0 5px rgba(0, 0, 0, 0.2); z-index:99;}


.pc.h_scroll .apply_list:before, .pc.on .apply_list:before , .pc.join .apply_list:before {background:rgba(223, 223, 223, 0.5);}


.pc .bg_fix_menu { display:none;position: fixed; top:100px;left:0;right:0;  height:379px; background: #fff; border-top:2px solid #ff7c60;}
.pc .gnb_txt {position: absolute; width:45%; left:0; right:0; top:0; bottom:0; background-size:cover; background-position:left top;}
.pc .gnb1 .gnb_txt {background-image:url('/images/common/gnb_b01.jpg');}
.pc .gnb2 .gnb_txt {background-image:url('/images/common/gnb_b02.jpg');}
.pc .gnb3 .gnb_txt {background-image:url('/images/common/gnb_b03.jpg');}
.pc .gnb4 .gnb_txt {background-image:url('/images/common/gnb_b04.jpg');}
.pc .gnb5 .gnb_txt {background-image:url('/images/common/gnb_b05.jpg');}

.pc .gnb_txt > div {padding-top:55px; padding-left:325px; width:615px; box-sizing:border-box; float:right; background-position:left bottom; background-repeat:no-repeat; height:100%;}
.pc .gnb1 .gnb_txt > div {background-image:url('/images/common/gnb_img01.png'); background-position:64px bottom;}
.pc .gnb2 .gnb_txt > div {background-image:url('/images/common/gnb_img02.png'); background-position:105px bottom;}
.pc .gnb3 .gnb_txt > div {background-image:url('/images/common/gnb_img03.png'); background-position:105px bottom;}
.pc .gnb4 .gnb_txt > div {background-image:url('/images/common/gnb_img04.png'); background-position:25px bottom;}
.pc .gnb5 .gnb_txt > div {background-image:url('/images/common/gnb_img05.png');}



.pc .gnb_txt h2 {font-size:26px; color:#ffffff; margin-bottom:16px; font-weight:bold; line-height:1.2;}
.pc .gnb_txt p {font-size:16px; color:#ffffff; word-break:keep-all;  line-height:1.3; letter-spacing:-0.025em; font-weight:100;}
.pc .gnb_list {margin-left:45%; height:100%;}
.pc .gnb_list .hi_gnb {height:100%; width:720px;}
.pc .gnb_list ul.depth2 {position: relative;padding:25px 0;  height:100%;}
.pc .depth2 > li {position: relative;  line-height:1.2; width:25%; float:left; border-right:1px solid #e7e7e7; height:100%; /*display:table;*/ padding-left:30px;}
.pc .depth2 > li:last-child {border-right:0px;}
.pc .depth2 > li a {  white-space:nowrap; color:#333333; display:block; font-size:18px; font-weight:100; position:relative; padding:60px 0 60px 14px; /*display:table-cell;*/  vertical-align:middle;}
.pc .depth2 > li a:before {display:block; position:absolute; content:''; width:8px; height:8px; border-radius:50px; top:50%; margin-top:-5px; left:0; background-color:#8787e1; vertical-align:middle;}
.pc .gnb1 .depth2 ul { height:100%;}
.pc .gnb1 .depth2 ul li { height:50%; width:100%;}
.pc .gnb1 .depth2 ul li a { vertical-align:middle; padding:20px 0 20px 14px; }
.pc .gnb5 .depth2 ul {height:100%;}
.pc .gnb5 .depth2 ul li {height:50%; /*display:table;*/ width:100%;}
.pc .gnb5 .depth2 ul li a {/*display:table-cell;*/ vertical-align:middle; padding:20px 0 20px 14px; }
.pc .gnb1 .depth2 > li a:before {background-color:#2b95df;}
.pc .gnb2 .depth2 > li a:before {background-color:#f180af;}
.pc .gnb3 .depth2 > li a:before {background-color:#2bcb9d;}
.pc .gnb4 .depth2 > li a:before {background-color:#fe893c;}
.pc .depth3 {display:none; position: absolute; width:100% ; background:#1d66b7; right:-100%;top: 10px; padding:24px;}
/*.pc .depth2 > li:hover .depth3 {display:block;}*/
.pc .depth3 > li > a {line-height:46px; font-size:16px;color:#ffffff;}
.pc .depth3 > li:hover > a {color:#1d66b7;}




/* all_menu */
.hidden_menu {position:fixed; z-index:101; background:#ffffff; right:0; top:0; bottom:0; left:0;  overflow:auto; padding:200px 0 100px; display:none;}
.hidden_menu .hd_logo {position:absolute; left:36px; top:31px;}
.hidden_menu > * {letter-spacing:-0.025em !important;}
.hidden_menu h1.logo, .hidden_menu .apply_area {display:none;}
.hidden_menu .hdb_btn {display:block; position:absolute;}
.hidden_menu .depth1 > li > a {font-size:26px; font-weight:400; }
.hidden_menu .depth2 > li > a {font-size:18px; line-height:20px;}
.pc02.hidden_menu {background:url('/images/common/hidden_back.jpg') center center no-repeat; background-size:cover;}
.pc02.hidden_menu .fix_menu {display:block !important;}
.pc02.hidden_menu .hdb_btn {background:url('/images/common/hdb_btn.jpg') 0 0 no-repeat; top:0; right:0; width:106px; height:125px;}
.pc02.hidden_menu .depth1 {position:relative; margin-left:0; overflow:hidden;}
.pc02.hidden_menu .depth1 > li {position:static;line-height:normal; height:auto; padding:0; position:relative; float:left; width:20%; padding-left:65px;}
.pc02.hidden_menu .depth1 > li.gnb1, .pc02.hidden_menu .depth1 > li.gnb2 {padding-bottom:705px;}
.pc02.hidden_menu .depth1 > li.gnb6, .pc02.hidden_menu .depth1 > li.gnb7 {position:absolute; top:540px; left:0;}
.pc02.hidden_menu .depth1 > li.gnb7 {left:280px;}

.pc02.hidden_menu .depth1 > li > a {color:#333333; font-weight:bold; font-size:25px; border-bottom:2px solid #6a549b; padding-bottom:20px; display:block;}
.pc02.hidden_menu .depth2 li > a { display:block; position:relative; font-size:18px;}
.pc02.hidden_menu .depth2:after {clear:both; content:''; display:block;}
.pc02.hidden_menu .depth2  li {padding-top:30px;}
.pc02.hidden_menu .gnb1 .depth2 > li {padding-top:0px;}
.pc02.hidden_menu .gnb5 .depth2 > li {padding-top:0px;}
.pc02.hidden_menu .depth3 {display:block;  font-size:16px;}
.pc02.hidden_menu .depth3  > li {padding-top:5px;}
.pc02.hidden_menu .depth3  > li:last-child {margin-bottom:0px;}
.pc02.hidden_menu .depth3  > li > a {color:#808080; display:block; position:relative; font-size:16px; color:#777777; line-height:normal; font-weight:lighter; padding-left:10px;}
.pc02.hidden_menu .depth3  > li > a:after {content:''; display:block; background:#777777; width:5px; height:1px; position:absolute; left:0; top:50%;}




/* sns모음 */
.all_sns_wrap {overflow:auto;}
.all_sns {width:650px; font-size:0px; text-align:center; margin:auto;}
.all_sns li {display:inline-block; width:56px; height:56px; margin-right:28px; transition:all ease-in-out 0.2s; background-position:left top; background-repeat:no-repeat; position:relative;}
.all_sns li:hover {background-position:left -56px;}
.all_sns li a {display:block; height:100%;}
.all_sns li:last-child {margin-right:0px;}
.all_sns li.as01 {background-image:url('/images/main/etc01_all.png');}
.all_sns li.as02 {background-image:url('/images/main/etc02_all.png');}
.all_sns li.as03 {background-image:url('/images/main/etc03_all.png');}
.all_sns li.as04 {background-image:url('/images/main/etc04_all.png');}
.all_sns li.as05 {background-image:url('/images/main/etc05_all.png');}
.all_sns li.as06 {background-image:url('/images/main/etc06_all.png');}
.all_sns li.as07 {background-image:url('/images/main/etc07_all.png');}
.all_sns li.as08 {background-image:url('/images/main/etc08_all.png');}

/* footer */
#footer {background:#32393f;}
#footer .footer_top_wrap {border-bottom:1px solid #52575c;}
#footer .footer_top {max-width:708px; width:100%; margin:0 auto; padding-right:200px;}
#footer .footer_top .ft_list li {width:33.33%; border-left:1px solid #4d5358;}
#footer .footer_top .ft_list li:last-child {width:33.34%; border-right:1px solid #4d5358;}
#footer .footer_top .ft_list li a {line-height:69px; text-align:center; height:69px; display:block; transition:all ease-in-out 0.2s;}
#footer .footer_top .ft_list li a:hover {color:#ffffff;}
#footer .footer_top .family {right:0; top:0; width:200px;  background:#20282f;}
#footer .footer_top .family > .por {padding:0 25px;}
#footer .footer_top .family .fam_tit {line-height:69px; text-align:left; height:69px; display:block; }
#footer .footer_top .family .fam_tit i {display:inline-block; width:10px; height:9px; font-size:0px; background:url('/images/common/footer_arr.png') right center no-repeat; position:relative; top:-2px; margin-left:40px;}
#footer .footer_top .family .fam_list {width:100%; bottom:69px; left:0; background:#20282f; display:none; z-index:11;}
#footer .footer_top .family .fam_list a {display:block; height:40px; text-align:left; padding:0 25px; line-height:40px;}
#footer .footer_top .family .fam_list a:hover {background:#4e555c;}
#footer .footer_bottom .inner {padding-top:75px; padding-bottom:75px; }
#footer .footer_bottom .footer_info {padding-left:580px;}
#footer .footer_bottom .footer_info .footer_logo {top:50%; left:160px; margin-top:-33px;}
#footer .footer_bottom ul {font-size:0px;}
#footer .footer_bottom li {display:inline-block; margin-right:50px; position:relative; transition:all ease-in-out 0.2s; font-weight:100;}
#footer .footer_bottom li:last-child {margin-right:0px;}
#footer .footer_bottom li:before {position:absolute; content:''; display:block; width:1px; height:12px; background:#4d5358; right:-25px; top:50%; margin-top:-6px;}
#footer .footer_bottom li a:hover {color:#ffffff;}
#footer .footer_bottom li:last-child:before, #footer .footer_bottom li.nob:before {display:none;}
#footer .footer_bottom .fc02 {margin:16px 0 10px;}
#footer .footer_bottom li .space {margin-right:10px; font-weight:normal;}

#footer.st_01 .footer_bottom li{margin-right: 30px;font-size:14px;}
#footer.st_01 .footer_bottom li:before{right: -16px;}
#footer.st_01 .footer_bottom .footer_info .footer_logo{left: 110px;}
#footer.st_01 .footer_bottom .footer_info{padding-left: 490px;}
#footer.st_01 .footer_bottom .footer_mark{margin-top:0;  float: right;}
#footer.st_01 .footer_bottom .footer_mark a + a{ margin-left: 10px;}
#footer.st_01 .footer_clear{display:none;}


/* select */
.nts_wrap .nts_select {position:relative; width:100%; background:#e6e6e6 url('/images/common/sel.png') right center no-repeat; height:40px; line-height:40px; border-radius:5px;}
.nts_wrap .nts_select select {outline:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:#ffffff;  width: 100%; opacity: 0; filter: alpha(opacity=0); height:30px; font-size:14px; color:#222222;}
.nts_wrap .nts_select label { position: absolute; top:0px; left:23px; font-size:14px; color:#222222;}

/* top_btn */
.top_btn {position:fixed; z-index:1; bottom:60px; right:60px; background:#ffffff url('/images/sub/top_btn.png') center center no-repeat; display:block; width:72px; height:72px; color:transparent; border-radius:50%; box-shadow:5px 0 10px rgba(0, 3, 1, 0.3); display:none;}


/* 팝업 */
.mov-bg, id-bg {position: fixed; width:100%; height:100%; background:rgba(31 ,40 ,47, 0.7); top:0;right:0;left:0; z-index: 9998;display: none;}
.m_pop.bottom_pop {position:fixed; top:50px; bottom:50px; left:50%; overflow: hidden; text-align:center; z-index:9999; width:1200px; text-align:left; margin-left:-600px; background:#ffffff; padding:70px 50px; margin-top:0px;height:auto; color:#333333;}
.m_pop.gudok_pop {position:fixed; top:50px; bottom:50px; left:50%; overflow: hidden; text-align:center; z-index:9999; width:900px; text-align:left; margin-left:-450px; background:#ffffff; padding:70px 50px; margin-top:0px;height:auto; color:#333333;}
.m_pop.gudok_pop2 {display: none; position:fixed; top:50px; bottom:50px; left:50%;overflow: hidden; text-align:center; z-index:9999; width:900px; text-align:left; margin-left:-450px; background:#ffffff; padding:70px 50px; margin-top:0px;height:auto; color:#333333;}
.m_pop.id_pop {position:fixed; top:50%; left:50%; overflow: hidden; text-align:center; z-index:9999; width:900px; height:410px; margin-top:-205px; text-align:left; margin-left:-450px; background:#ffffff; padding:70px 110px;  color:#333333;}
.m_pop.id_pop.mail_pop {height:500px; margin-top:-250px;}
.m_pop .m_close {cursor:pointer; position:absolute; right:30px; top:30px; width:31px; height:31px; background:url('/images/common/hdb_btn.png') center center no-repeat;  color:transparent; z-index:1;}
.m_pop .m_close2 {cursor:pointer; position:absolute; right:34.5px; top:34.5px; width:31px; height:31px; background:url('/images/common/hdb_btn04.png') center center no-repeat;  color:transparent; z-index:1;}
.m_pop.bottom_pop .page_wrap {margin:15px auto 50px;}
.m_pop.bottom_pop .bpop_contents {top:140px; bottom:50px; left:50px; right:50px; overflow:auto; }
.priv_table {width:98%; box-sizing:border-box; margin-top:5px;}
.priv_table th, .priv_table td {padding:15px 10px; text-align:center;}
.priv_table th {background:#1d66b5; border:1px solid #1d66b5;}
.priv_table th:first-child {border-right:0px; }
.priv_table td {color:#555555; border:1px solid #d0d0d0; border-top:0px; width:50%; box-sizing:border-box;}
.priv_table td:first-child {border-right:0px; }


.m_pop.bottom_pop .pribig_tit {padding-bottom:15px; border-bottom:3px solid #1d65b7;}

.m_pop.bottom_pop .priv_tit {position:relative; padding-left:19px;}
.m_pop.bottom_pop .priv_tit:before {position:absolute; content:''; display:block; background:#1d66b5; width:8px; height:8px; border-radius:50%; top:16px; left:0px;}

.m_pop .privacy_box_wrap {max-height:none; height:auto; padding:0; top:140px; bottom:50px; left:50px; right:50px; overflow:auto;}
.m_pop.id_pop .privacy_box_wrap {overflow:hidden; left:110px; right:110px; top:150px;}
.m_pop.id_pop .id_ok {left:0; right:0; top:150px;}
.m_pop.bottom_pop .priv_link {border:8px solid #f1f1f1; padding:45px 35px; width:98%;}

.m_pop.gudok_pop .privacy_box_wrap {top:100px; margin-top:50px;}

.gudok_pop .rd_box02 input[type=radio] + label:after {background:url('/images/sub/wk_check03.png') 0 0 no-repeat !important;}



/* slick */
.slick-slider {position: relative; display: block; box-sizing: border-box;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none;
-ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track {position: relative; top: 0; left: 0; display: block;}
.slick-track:before, .slick-track:after {display: table; content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide {float: right;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

.gudok_last .login_input .login_list {padding-right:0px;}


/* 게시판 */
.ky_all {word-break:keep-all;}
.ky_pcol {color:#fe893c;}
.ky_top_wrap {padding:70px 0 80px; border-bottom:1px solid #cecece; text-align:center;}
.ky_top_wrap .ky_top01 {font-size:26px; margin-bottom:35px;}
.ky_top_wrap .ky_top02 {font-size:18px; line-height:1.6; color:#555; margin-bottom:30px;}
.ky_btn {width:270px; height:80px; line-height:80px !important; text-align:center; color:#fff; font-size:18px; font-weight:bold; background:#fe893c; border-radius:10px; margin:0 auto; display:block;}

.ky_table_wrap {margin-top:80px; font-size:18px; font-weight:bold;}
.ky_table {width:100%; border-top:2px solid #222222;}
.ky_table th, .ky_table td {text-align:center; padding:25px 10px !important; border-bottom:1px solid #cecece;  line-height:1.6;}
.ky_table .tal {text-align:left !important; padding-left:60px;}
.ky_table th {background:#f5f5f5; color:#222222; font-size:22px; font-weight:bold; border-bottom:2px solid #222;}
.ky_table td {font-size:18px; color:#555555; border-right:1px solid #cecece;}
.ky_table td:nth-child(1) {width:100px;}
.ky_table td:nth-child(2) {width:260px;}
.ky_table td:nth-child(3) {width:160px;}
.ky_table td:last-child {border-right:0px;}


@media screen and (max-width:1800px){
/* .pc .depth1 {left:47%;} */
}

/* @media screen and (max-width:1700px){
.pc .depth1 {margin-left:-390px;}
} */





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

/* footer */
#footer .footer_contents .finfo_list_wrap {padding-right:0px;}
#footer .footer_contents .fosite {position:relative; margin-top:17px; top:0; padding-right:200px;}
#footer .foo_icon {position:absolute; right:0; top:2px; margin-top:0px;}
#footer .finfo_list br {display:none;}

/* header */

.pc .depth1 > li {padding:0 28px;}
}

@media screen and (max-width:1500px){
.apply_area .lang {margin-right:15px; margin-left:15px;}
.pc .depth1 > li > a {font-size:21px;}
.pc .apply_list:before {left:-10px; right:10px;}
.apply_area .lang {margin-left:0px;}

}

@media screen and (max-width:1400px){
.inner {padding-right:40px; padding-left:40px;}

/* header */
/* .pc .depth1 {left:60%;} */
.pc .gnb_txt {width:40%;}
.pc .gnb_txt > div {width:100%; background-size:auto 120px;  padding-left:230px;}
.pc .gnb1 .gnb_txt > div, .pc .gnb2 .gnb_txt > div, .pc .gnb3 .gnb_txt > div, .pc .gnb4 .gnb_txt > div, .pc .gnb5 .gnb_txt > div {background-position:20px bottom;}
.pc .gnb_list {margin-left:40%;}
.pc .gnb_list .hi_gnb {width:100%;}
.pc .gnb_banner {border-right:0px;}
.apply_area .apply_list > li:last-child {margin-right:10px;}
.apply_area .lang {margin-right:15px; margin-left:10px;}
.pc .depth1 > li > a {font-size:20px;}
.pc .depth1 > li {padding:0 16px;}
.pc02.hidden_menu .depth1 > li.gnb7 {left:20%;}
.apply_area {right:20px;}

/* sub_footer */
.footer_banner > li {padding:40px 40px;}
.fb_slider > li {padding:40px 40px;}

/* top_btn */
.top_btn {bottom:40px; right:40px;}

/* footer */
#footer .footer_bottom .footer_info .footer_logo {left:0;}
#footer .footer_bottom .footer_info {padding-left:380px;}


.pc .apply_list:before {left:-10px; right:0;}

}

@media screen and (min-width:1280px){
.hidden_menu {right:0 !important;}

}

@media screen and (max-width:1279px){
.t1 {width:100%;}
.t2 {width:50%;}
.t2:last-child {width:50%;}
.t3 {width:33.33%;}
.t3:last-child {width:33.34%;}
.t4 {width:25%;}
.t4:last-child {width:25%;}

/* header */
#gnb {display:none;}

.apply_area {right:40px;}
.search_btns {margin-top:49px;}
.apply_area .apply_list, .apply_area .lang {display:none;}
.apply_area .all_menu {padding-top:45px;}
.apply_area .all_menu a {background:url('/images/common/m_all_menu.png') 0 0 no-repeat; width:40px; height:31px;}
.h_scroll .apply_area .all_menu a {background:url('/images/common/m_all_menu_on.png') 0 0 no-repeat; width:40px; height:31px;}
.mp02.hidden_menu { overflow:auto; padding:0; right:-100%; width:100%; left:auto; height:100%; display:block !important;}
.mp02.hidden_menu .depth1 {padding-left:40px; padding-right:40px; margin-top:50px;}
.mp02.hidden_menu .inner {padding:0;}
.mp02.hidden_menu .hdb_btn {background:url('/images/common/m_hdb_btn.png') 0 0 no-repeat; top:25px; right:30px; width:39px; height:39px;z-index: 99}
.mp02.hidden_menu .depth1 > li {border-bottom:1px solid #e5e5e5;}
.mp02.hidden_menu .depth1 > li > a {margin:30px; display:block; position:relative;}
.mp02.hidden_menu .depth1 > li > a:after {position:absolute; content:''; display:block; width:33px; height:19px; top:50%; margin-top:-10px; right:0;  background:url('/images/common/m_b_arr.png') 0 0 no-repeat; transition:all ease-in-out 0.2s;}
.mp02.hidden_menu .depth1 > li > a.on {color:#6e57a3;}
.mp02.hidden_menu .depth1 > li > a.on:after {transform:rotate(180deg);}

.mp02.hidden_menu .depth1 > li.gnb_add > a:after{display: none;}



.mp02.hidden_menu .fix_menu {display:none; padding:35px; padding-top:0px;}
.mp02.hidden_menu .depth2 > li { padding:10px;}
.mp02.hidden_menu .depth2 > li:first-child {padding-top:0px;}
.mp02.hidden_menu .depth2 ul > li { padding:10px;}
.mp02.hidden_menu .depth2 ul > li:first-child {padding-top:0px;}
.mp02.hidden_menu .depth2 > li > a {display:block; color:#555555;}
.mp02.hidden_menu .depth3 {display:none; margin-top:10px; padding-left:12px;}
.mp02.hidden_menu .depth3  > li {padding:7px 0;}
.mp02.hidden_menu .depth3  > li > a {color:#555555;}
.mp02.hidden_menu .li_depth4 > a.on {color:#1d66b7; font-weight:400;}


.mp02.hidden_menu .apply_area {position:static; border-bottom:1px solid #e5e5e5;}
.hidden_menu .apply_area, .hidden_menu .apply_area .apply_list, .hidden_menu .apply_area .lang {display:block;}
.mp02.hidden_menu .apply_area .lang {margin:0; background:none; padding:0; border-radius:0px; float:none; position:absolute; right:130px;}
.mp02.hidden_menu .apply_area .lang .lang_list li {margin:0; width: 110px; height:90px; line-height:90px; display:inline-block;}
.mp02.hidden_menu .apply_area .lang .lang_list i {display:none;}
.mp02.hidden_menu .apply_area .lang .lang_list .h_lang {display:inline-block !important; }
.mp02.hidden_menu .apply_area .lang .lang_list a {color:#333333; font-family:'Montserrat'; padding:0; display:inline-block; font-weight:500;}
.mp02.hidden_menu .apply_area .lang .lang_list .h_lang a {color:#bbbbbb  !important; position:relative; display:inline-block;margin-left: 20px;padding-left: 20px;position: relative;}
.mp02.hidden_menu .apply_area .lang .lang_list .h_lang a:last-child::before {position:absolute; left:0; content:''; display:block; width:1px; height:20px; background:#e5e5e5; top:50%; margin-top:-10px;}
.mp02.hidden_menu .apply_area .lang .lang_list .h_lang a:first-child {color: #333  !important;margin-left: 0; padding-left: 0;}
.mp02.hidden_menu .apply_area .all_menu {display:none;}
.mp02.hidden_menu .apply_area .apply_list > li {margin-right:0; padding:0;}
.mp02.hidden_menu .apply_area .apply_list > li a {font-size:26px;}
.mp02.hidden_menu .apply_area .apply_list .al01, .mp02.hidden_menu .apply_area .apply_list .al02 {height:90px; line-height:90px; padding-left:50px;}
.mp02.hidden_menu .apply_area .apply_list .al03, .mp02.hidden_menu .apply_area .apply_list .al04 {position:absolute; left:0; height:50%; width:90px;}
.al03, .mp02.hidden_menu .apply_area .apply_list .al04 {height:100%;}
.mp02.hidden_menu .apply_area .apply_list .al03 {background:#2a8ace; top:0;}
.mp02.hidden_menu .apply_area .apply_list .al04 {background:#2cc4db; bottom:0;}
.mp02.hidden_menu .apply_area .apply_list .al01 a {color:#2a8ace;}
.mp02.hidden_menu .apply_area .apply_list .al02 a {color:#6e57a3; position:relative;}
.mp02.hidden_menu .apply_area .apply_list .al02 a:before {position:absolute; left:-25px; content:''; display:block; width:1px; height:20px; background:#e5e5e5; top:50%; margin-top:-10px;}
.mp02.hidden_menu .apply_area .apply_list .al03 a, .mp02.hidden_menu .apply_area .apply_list .al04 a {color:#ffffff; display:block; height:100%; width:100%; text-align:center; position:relative;}


.mp02.hidden_menu .apply_area .apply_list > li span {display:block; position:absolute; top:50%; background:url('/images/main/b_arr_top.png') right bottom no-repeat; padding-bottom:50px;  margin-top:-93px; text-align:left; left:50%; margin-left:-16px; writing-mode: tb-rl;}


/* 팝업 */
.m_pop.bottom_pop {left:20px; right:20px; width:auto;  margin-left:0;}





/* footer */
#footer .footer_bottom .footer_info {padding-left:0; text-align:center;}
#footer .footer_bottom .footer_info .footer_logo {position:static; margin-top:0; margin-bottom:50px;}
#footer .footer_bottom .fc02 br {display:none;}

#footer.st_01 .footer_bottom .footer_info{padding-left: 0}
#footer.st_01 .footer_bottom .footer_info .footer_logo{display: inline;}
#footer.st_01 .footer_bottom .footer_mark{width: 100%; position: static;  display: inline-block;  float: none; margin: 20px auto;}
#footer.st_01 .footer_clear{display:block; clear:both;}


.apply_btn_wrap{display: none;;}
.h_lang_box{
    border: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin-right: 40px
}
}

@media screen and (max-width:1023px){
.mt1 {width:100%;}
.mt2 {width:50%;}
.mt3 {width:33.33%;}
.mt3:last-child {width:33.34%;}
.mt1:last-child {width:100%;}
.mt2:last-child {width:50%;}

/* 팝업 */
.m_pop.bottom_pop {width:auto; left:50px; right:50px; margin-left:0px;}
.m_pop.id_pop {left:20px; right:20px;  bottom:20px; margin-left:0px; width:auto;}
.m_pop.id_pop .privacy_box_wrap {left:20px; right:20px; bottom:20px;}


.m_pop.gudok_pop {width:auto; left:20px; right:20px; margin-left:0px;}
.m_pop.gudok_pop .privacy_box_wrap {left:20px; right:20px;}

.gudok_last .radio_list li:last-child label {margin-right:0px;}

.search_wrap .search_close {top:20px; right:20px;}


}

@media screen and (max-width:768px){
body, th, td, input, select, textarea, button {font-size:14px;}
.inner {padding-right:20px; padding-left:20px;}

.support_form_mid_con ul li {margin-left:2px;}
.support_form_mid_con ol {padding-left:0;}
.support_form_mid_con ol li {margin-left:20px;}

.m1 {width:100%;}
.m1:last-child {width:100%;}
.m2 {width:50%;}
.m2:last-child {width:50%;}
.m3 {width:33.33%;}
.m3:last-child {width:33.34%;}

.spt70 {padding-top:35px;}
.smt50 {margin-top:25px;}

.login_btn_md {height:45px; line-height:45px; width:180px;}


.search_btns {width:17px; height:17px; background-size:17px auto !important; margin-top:0; margin-right:15px;}

/* header */
.h_scroll .apply_area .all_menu a {background-size:20px auto; width:20px; height:17px;}
#header.mp {height:54px;}
#header.mp h1.logo {width:141px; background-size:141px auto; height:37px; top:10px; left:15px;}
.apply_area {top:19px; right:19px;}
.apply_area .all_menu {line-height:normal; padding:0px; height:auto;}
.apply_area .all_menu a {width:20px; height:17px; background-size:20px auto !important;}
/*.mp02.hidden_menu {padding-left:50px;}*/
.mp02.hidden_menu .hdb_btn {width:20px; height:20px; background-size:20px auto; right:12px; top:18px; }
.mp02.hidden_menu .depth1 > li > a {font-size:13px; margin:15px 20px;}
.mp02.hidden_menu .depth1 > li > a.on {background-size:9px auto;}
.mp02.hidden_menu .depth2 > li > a {font-size:13px;}
.mp02.hidden_menu .fix_menu {padding:12px 30px 15px 30px;}
.mp02.hidden_menu .depth2 > li {padding:0; padding-bottom:15px;}

.mp02.hidden_menu .apply_area .apply_list .al03, .mp02.hidden_menu .apply_area .apply_list .al04 {width:50px;}
.mp02.hidden_menu .apply_area .apply_list > li a {font-size:13px;}
.mp02.hidden_menu .apply_area .apply_list > li span {background-size:13px auto; margin-left:-8px; padding-bottom:20px; margin-top:-45px;}
.mp02.hidden_menu .depth1 {padding-left:12px; padding-right:12px; margin-top:25px;}
.mp02.hidden_menu .apply_area .apply_list .al01, .mp02.hidden_menu .apply_area .apply_list .al02 {height:56px; line-height:56px; padding-left:30px;}
.mp02.hidden_menu .apply_area .apply_list .al02 a:before {height:9px; margin-top:-4px; left:-15px;}
.mp02.hidden_menu .apply_area .lang .lang_list li {height:56px; line-height:56px;}
.mp02.hidden_menu .apply_area .lang .lang_list a {font-size:13px;}
.mp02.hidden_menu .apply_area .lang .lang_list .h_lang {padding-left:30px;}
.mp02.hidden_menu .apply_area .lang .lang_list .h_lang a:before {height:9px; margin-top:-4px; left:-15px;}
.mp02.hidden_menu .apply_area .lang {right:58px;}
.mp02.hidden_menu .depth1 > li > a:after {width:17px; height:10px; background-size:17px auto !important; margin-top:-5px;}




/* footer */
#footer .footer_bottom .inner {padding-top:30px; padding-bottom:45px;}
#footer .footer_bottom .footer_info .footer_logo {margin-bottom:30px;}
#footer .footer_bottom .footer_info .footer_logo img {max-width:215px;}
#footer .ft18 {font-size:13px;}
#footer .ft17, #footer .ft16 {font-size:12px;}
#footer .footer_bottom li {margin-right:30px;}
#footer .footer_bottom li:before {right:-15px;}
#footer .footer_bottom .fc02 {margin:20px 0 10px;}
#footer .footer_top {max-width:none; padding-right:0px; }
#footer .footer_top .ft_list {border-bottom:1px solid #52575c;}
#footer .footer_top .family {position:static; width:100%;}
#footer .footer_top .ft18, #footer .footer_top .ft16 {font-size:14px;}
#footer .footer_top .ft_list li a, #footer .footer_top .family .fam_tit {height:45px; line-height:45px;}
#footer .footer_top .family .fam_tit {text-align:center;}
#footer .footer_top .ft_list li {border-left:0px; border-right:1px solid #4d5358;}
#footer .footer_top .ft_list li:last-child {border-right:0px;}
#footer .footer_top .family .fam_list {bottom:46px;}
#footer .footer_top .family .fam_tit i {margin-left:22px;}
#footer .footer_bottom li .space {margin-right:7px;}

#footer.st_01 .footer_bottom .footer_mark{margin: 20px 0;}




/* top_btn */
.top_btn {bottom:20px; right:20px; width:50px; height:50px;}

/* 팝업 */
.m_pop.bottom_pop {left:20px; right:20px; top:20px; bottom:20px; padding:65px 20px 45px;}
.m_pop.bottom_pop .privacy_box_wrap {left:20px; right:20px; bottom:45px; top:110px; padding:15px 0 0 ;}
.m_pop.bottom_pop .priv_tit:before {top:12px;}
.m_pop.bottom_pop .priv_link {border:6px solid #f1f1f1; padding:20px;}
.m_pop.bottom_pop .priv_link li {text-indent:-10px; padding-left:10px;}
.m_pop.id_pop {left:20px; right:20px;  bottom:20px; padding:65px 20px 45px; margin-left:0; width:auto;}
.m_pop.id_pop .privacy_box_wrap {left:20px; right:20px; top:110px; bottom:20px;}
.m_pop.id_pop.mail_pop {height:450px; margin-top:-225px;}
.m_pop.id_pop.mail_pop .tac > br {display:none;}

.m_pop.gudok_pop {top:20px; bottom:20px; padding:40px 20px;}
.m_pop.gudok_pop .privacy_box_wrap {top:60px;}

.search_wrap .search_close img {width:23px;}

/* 게시판 */
.ky_top_wrap {padding:30px 0; }
/*.ky_table_wrap {overflow-x:auto;}
.ky_table {min-width:650px;}	*/
.ky_top_wrap .ky_top01 {font-size:16px; margin-bottom:20px;}
.ky_top_wrap .ky_top02 {font-size:14px; margin-bottom:15px;}
.ky_btn {height:50px; line-height:50px !important; font-size:15px;}
.ky_table_wrap {margin-top:40px; font-size:12px;}
.ky_table th, .ky_table td {padding:10px 5px !important; word-break:break-all;}
.ky_table th {font-size:14px;}
.ky_table td {font-size:12px;}
.ky_table td:nth-child(1){width:80px !important;}
.ky_table td:nth-child(2){width:70px !important;}
.ky_table td:nth-child(3){width:50px !important;}



}


/*애니메이션 효과*/
.a1 {animation: ani01 2s infinite ease-in-out;}
.a2 {animation: ani01 2s infinite ease-in-out; animation-delay: 0.5s;}
.a3 {animation: ani01 2s infinite ease-in-out; animation-delay: 1s;}
.a4 {animation: ani01 2s infinite ease-in-out; animation-delay: 1.5s;}
.a5 {animation: ani01 2s infinite ease-in-out; animation-delay: 2s;}
.a6 {animation: ani01 2s infinite ease-in-out; animation-delay: 2.5s;}
.a7 {animation: ani01 2s infinite ease-in-out; animation-delay: 3s;}
.a8 {animation: ani01 2s infinite ease-in-out; animation-delay: 3.5s;}

.r1 {animation: ani05 1s ease-in-out;}
.r2 {animation: ani05 1s ease-in-out; animation-delay: 0.3s;}
.r3 {animation: ani05 1s ease-in-out; animation-delay: 0.6s;}
.r4 {animation: ani05 1s ease-in-out; animation-delay: 0.9s;}
.r5 {animation: ani05 1s ease-in-out; animation-delay: 1.2s;}

.j1 {
  opacity:0;
  animation: ani02 1s ease-in-out;
  -webkit-animation: ani02 1s ease-in-out;
  -ms-animation: ani02 1s ease-in-out;
  -o-animation: ani02 1s ease-in-out;
  -moz-animation: ani02 1s ease-in-out;
  animation-fill-mode:forwards;
}
.j2 {
  opacity:0;
  animation: ani02 1s ease-in-out; animation-delay: 0.3s;
  -webkit-animation: ani02 1s ease-in-out; animation-delay: 0.3s;
  -ms-animation: ani02 1s ease-in-out; animation-delay: 0.3s;
  -o-animation: ani02 1s ease-in-out; animation-delay: 0.3s;
  -moz-animation: ani02 1s ease-in-out; animation-delay: 0.3s;
  animation-fill-mode:forwards;
}
.j3 {
  opacity:0;
  animation: ani02 1s ease-in-out; animation-delay: 0.6s;
  -webkit-animation: ani02 1s ease-in-out; animation-delay: 0.6s;
  -ms-animation: ani02 1s ease-in-out; animation-delay: 0.6s;
  -o-animation: ani02 1s ease-in-out; animation-delay: 0.6s;
  -moz-animation: ani02 1s ease-in-out; animation-delay: 0.6s;
  animation-fill-mode:forwards;
}
.j4 {
  opacity:0;
  animation: ani02 1s ease-in-out; animation-delay: 0.9s;
  -webkit-animation: ani02 1s ease-in-out; animation-delay: 0.9s;
  -ms-animation: ani02 1s ease-in-out; animation-delay: 0.9s;
  -o-animation: ani02 1s ease-in-out; animation-delay: 0.9s;
  -moz-animation: ani02 1s ease-in-out; animation-delay: 0.9s;
  animation-fill-mode:forwards;
}

.scrd {animation: scrolldown 0.8s ease-in infinite alternate;}
.scrd02 {animation: scrolldown 0.8s ease-in infinite alternate; animation-delay: 0.5s;}
.scrd03 {animation: scrolldown 0.8s ease-in infinite alternate; animation-delay: 1s;}

.wid {animation: wid01 2s ease-in infinite alternate;}

@keyframes wid01 {
	0% {width:70%;}
	100% {width:120%;}
}


@keyframes ani01 {
	0% {bottom:0;}
	15% {bottom:10px;}
	30% {bottom:0;}
}
@keyframes ani02 {
	0%, 0.01% {
    transform:translate(-100px, 0); opacity:0;
    -webkit-transform:translate(-100px, 0); opacity:0;
    -ms-transform:translate(-100px, 0); opacity:0;
    -o-transform:translate(-100px, 0); opacity:0;
    -moz-transform:translate(-100px, 0); opacity:0;
  }
	100% {
    transform:translate(0, 0); opacity:1;
    -webkit-transform:translate(0, 0); opacity:1;
    -ms-transform:translate(0, 0); opacity:1;
    -o-transform:translate(0, 0); opacity:1;
    -moz-transform:translate(0, 0); opacity:1;
  }
}
@-ms-keyframes ani02 {
	0%, 0.01% {
    transform:translate(-100px, 0); opacity:0;
    -ms-transform:translate(-100px, 0); opacity:0;
  }
	100% {
    transform:translate(0, 0); opacity:1;
    -ms-transform:translate(0, 0); opacity:1;
  }
}
@-webkit-keyframes ani02 {
	0%, 0.01% {
    transform:translate(-100px, 0); opacity:0;
    -webkit-transform:translate(-100px, 0); opacity:0;
  }
	100% {
    transform:translate(0, 0); opacity:1;
    -webkit-transform:translate(0, 0); opacity:1;
  }
}
@-moz-keyframes ani02 {
	0% {transform:translate(-100px, 0); opacity:0;}
	100% {transform:translate(0, 0); opacity:1; }
}
@-o-keyframes ani02 {
	0% {transform:translate(-100px, 0); opacity:0;}
	100% {transform:translate(0, 0); opacity:1; }
}
@keyframes ani03 {
	0% {transform:translate(100px, 0); opacity:0}
	100% {transform:translate(0, 0); opacity:1;}
}

@keyframes ani04 {
	0% {transform:translate(0, -100px); opacity:0}
	100% {transform:translate(0, 0); opacity:1;}
}

@keyframes ani05 {
	0% {transform:translate(0, 100px); opacity:0}
	100% {transform:translate(0, 0); opacity:1;}
}

@keyframes scrolldown{
0% {transform:translate(0, 0);}
100% {transform:translate(0, 18px);}
}


@media print {

	@page {size:auto; margin:20px 0;}
	* .aos-init {opacity: 1 !important; transform:translate(0) !important;}
	body {width:1080px; min-width:1080px; max-width:1080px; font-size:12px; zoom:1; -webkit-print-color-adjust:exact; padding:0 20px;}
	span, *, div, a, button {-webkit-print-color-adjust:exact; -ms-print-color-adjust:exact;}
	#header, #footer, #gnb, .apply_list, .lang, .qic_banner, .sub_top, .sub_location, .net_menu, .ques_menu {display:none;}
	.sub_visual .visual_pic {z-index:1;}
	.sub_visual .sub_tit .sut01 {position:relative; z-index:2;}
}

.fam_list .ft16{font-size: 15px;}
@media all and (max-width:770px) {

}
@media all and (max-width:900px) {
	.m_pop.gudok_pop2{width: 90%;transform: translateX(-50%);margin-left: 0px;}
}
@media all and (max-width:500px){
	.m_pop.gudok_pop2{padding: 20px;}
	.m_pop .privacy_box_wrap{margin-top: 0; top:100px;}
.privacy_box_wrap .ptb70{padding-top: 0px;}
.m_pop .m_close{width: 20px; height: 20px;}
.m_pop .m_close2 {width: 18px; height: 18px; right: 15.5px; top: 15.5px; background:url('/images/common/hdb_btn05.png') center center no-repeat;}
}



.al03{
            position: relative;
            float: left;
             background: linear-gradient(to left, #2d6cd9 0%, #5b2acd 80%);
            border-radius: 20px;
            overflow: hidden;
            background-size: cover !important;
            margin-top: 37px;
            margin-right: 0px;
            padding: 10px 0;
            margin-left: 20px;
	}
	.al03 a{
        color:#fff;
        padding: 0 24px 0 ;
	}
	/* .apply_area .lang{background:rgba(0,0,0,0.3) } */
	.gnb_btn03{position: absolute;right: 0; bottom:50px; display: none;width: 20%;padding-left: 65px;}
	.gnb_btn03 a {font-weight: bold; padding-right: 35px; background: url(/images/common/gnb_btn03.png)right center no-repeat; color: #6e57a3;}
	.gnb_btn03 p{margin-top: 18px;line-height: 1.7; font-weight: 100}
	.hidden_menu .inner{position: relative;}
	@media all and (max-width:1500px){
 	.al03{ margin-right: 10px;margin-left: 0px;}

	}
	@media all and (max-width:1400px){
 	.al03{ margin-right: 0px;margin-left: 10px;}
 	.gnb_btn03{padding-left: 28px;}
	}
	@media all and (max-width:1280px){
	.al03{display: none}

	}
	@media screen and (max-width:1279px){
	.gnb_btn03{position: relative; bottom: 0; padding-left: 0; padding-top: 80px; background: #dfeef8;width: 100%;padding:60px 40px;margin-top: 180px; position: relative;}
	.gnb_btn03 img{display: inline-block !important; position: absolute; left: 40px; top:-100px; }
	.gnb_btn03 .ap{padding-left: 200px}
	}
	@media screen and (max-width:760px){
    .gnb_btn03 img{width: 20%; left: 20px; top:-50px;}
    .hidden_menu .inner { position: static;}
    .gnb_btn03{padding: 9% 20px;position: absolute}
    .gnb_btn03 .ap {  padding-left: 25%;}
    .gnb_btn03 p{margin-top: 10px}
	}
@media screen and (max-width:500px){
.gnb_btn03{padding: 6% 20px; position: relative;margin-top: 210px}
.gnb_btn03 p{font-size: 16px;}
.gnb_btn03 img{top:-36px}
.gnb_btn03 .ap {  padding-left: 30%;}
}
@media screen and (max-width:375px){
.gnb_btn03{margin-top: 80px}
.mp02.hidden_menu .apply_area .lang .lang_list .h_lang{
    padding-left: 0px;
    width: 80px;;
}
}


* 로그인 */
.all_login {border-top:3px solid #6e57a3;}
.login_input {max-width:730px; margin:0 auto; }
.login_input .login_list {padding-right:212px;}
.login_input .login_list li {margin-bottom:20px;}
.login_input .login_list li:last-child {margin-bottom:0px;}
.login_input .login_btn {right:0; top:70px; width:180px; height:120px; line-height:120px; background:#6e57a3; text-align:center; display:block;}
.login_input .withdra_btn {line-height:1.6; padding:28px 0; height:auto; top:155px;}
.login_input.pw_input .login_btn {height:190px; line-height:190px;}
.login_input .login_list li div {padding-left:120px;}
.login_input .login_list li div:before {content:''; display:block; width:8px; height:8px; background:#6e57a3; border-radius:50%; left:0; top:50%; margin-top:-4px; position:absolute;}
.login_input .login_list li div span {left:15px; top:50%; margin-top:-12px;}
.login_input .login_list li div input {border:1px solid #dddddd; height:50px; text-indent:20px; width:100%;}
.login_find_wrap {border-top:1px solid #cecece; border-bottom:1px solid #9f9f9f;}
.login_find_wrap .find_btn {border:1px solid #dddddd; padding:19px 30px; border-radius:10px; font-size:0px; margin-left:50px;}
.login_find_wrap .find_btn a {display:inline-block;}
.login_find_wrap .find_btn a:first-child {margin-right:60px; position:relative;}
.login_find_wrap .find_btn a:first-child:before {position:absolute; content:''; width:1px; height:17px; background:#cecece; top:50%; margin-top:-8px; right:-30px;}
.login_type .login_type_list {margin-left:-40px;}
.login_type .login_type_list > li {padding-left:40px;}
.login_type .login_type_list > li .login_type_box {background:#f3f3f3; height:263px; padding-left:337px; display:table; width:100%; padding-right:90px;}
.login_type .login_type_list > li ul {display:table-cell; vertical-align:middle;}
.login_type .login_type_list > li .login_type_box > .poa {left:80px; top:-15px;}
.login_type .login_type_list > li .login_type_box .lo_btn {height:70px; line-height:70px; display:block;}
.login_type .login_type_list > li .login_type_box .lo_btn img {margin-left:20px; vertical-align:middle; position:relative; top:-2px;}
.login_type .login_type_list > li .login_type_box .lo_btn.lo_btn01 {background:#2a8ace; margin-bottom:10px;}
.login_type .login_type_list > li .login_type_box .lo_btn.lo_btn02 {background:#2cc4db;}
.off_login {background:#f3f3f3; border:1px solid #dddddd; font-size:0px; padding-left:20px; padding-right:20px;}
.off_login a {height:70px; line-height:70px; display:inline-block; background:#8a76b9; width:400px; margin-left:50px;}
.off_login a img {margin-left:20px; vertical-align:middle; position:relative; top:-2px;}
.m_pop.id_pop .login_input {width:100%; max-width:none; padding:0; padding-bottom:30px;}
.m_pop.id_pop .login_input .login_btn {top:0;}
.id_ok_wrap {border-top:1px solid #cecece; border-bottom:1px solid #cecece; font-size:0px;}
.id_ok_wrap .id_ok_txt {position:relative; display:inline-block; padding-left:15px; text-align:left;}
.id_ok_wrap .id_ok_txt:before {position:absolute; content:''; width:8px; height:8px; border-radius:50%; background:#6e57a3; left:0; top:55px;}
.id_ok_wrap a {display:inline-block; background:#6e57a3; width:180px; height:120px; line-height:120px; margin-left:30px;}
/**/
.pdn {display:none;}
.tdpb {display:none;}
.mdb {display:none;}

.mt50 {margin-top:50px;}
.mb100 {margin-bottom:100px;}
.mb50 {margin-bottom:50px;}
.mb80 {margin-bottom:80px;}
.mb70 {margin-bottom:70px;}
.mb60 {margin-bottom:60px;}
.mb40 {margin-bottom:40px;}
.mt60 {margin-top:60px;}
.mt40 {margin-top:40px;}
.mt30 {margin-top:30px;}
.mb30 {margin-bottom:30px;}
.mb25 {margin-bottom:25px;}
.mb15 {margin-bottom:15px;}
.mb12 {margin-bottom:12px;}
.mb10 {margin-bottom:10px;}
.mt20 {margin-top:20px;}
.mt10 {margin-top:10px;}
.mr20 {margin-right:20px;}
.mr10 {margin-right:10px;}
.mr30 {margin-right:30px;}
.mr15 {margin-right:15px;}
.mr7 {margin-right:7px;}
.pb206 {padding-bottom:206px;}
.pb180 {padding-bottom:180px;}
.pb170 {padding-bottom:170px;}
.pb163 {padding-bottom:163px;}
.pb150 {padding-bottom:150px;}
.pb136 {padding-bottom:136px;}
.pb100 {padding-bottom:100px;}
.pt100 {padding-top:100px;}
.pb112 {padding-bottom:112px;}
.pb30 {padding-bottom:30px;}
.pt60 {padding-top:60px;}
.pt80 {padding-top:80px;}
.pt70 {padding-top:70px;}
.pt50 {padding-top:50px;}
.ptb80 {padding-top:80px; padding-bottom:80px;}
.ptb70 {padding-top:70px; padding-bottom:70px;}
.ptb60 {padding-top:60px; padding-bottom:60px;}
.ptb50 {padding-top:50px; padding-bottom:50px;}
.ptb55 {padding-top:55px; padding-bottom:55px;}
.ptb40 {padding-top:40px; padding-bottom:40px;}
.ptb30 {padding-top:30px; padding-bottom:30px;}
.ptb20 {padding-top:20px; padding-bottom:20px;}
.prl80 {padding-left:80px; padding-right:80px;}
.prl60 {padding-left:60px; padding-right:60px;}
.prl50 {padding-left:50px; padding-right:50px;}
.prl40 {padding-left:40px; padding-right:40px;}
.prl35 {padding-left:35px; padding-right:35px;}
.prl20 {padding-left:20px; padding-right:20px;}
.pb60 {padding-bottom:60px;}
.pb40 {padding-bottom:40px;}
.pd40 {padding:40px;}
.pd60 {padding:60px;}
.pd10 {padding:10px;}
.pl50 {padding-left:50px;}
.pr100 {padding-right:100px;}
.pr50 {padding-right:50px;}
.bt2 {border-top:2px solid #131313;}
.label {border-radius:50px; text-align:center; font-weight:bold; font-size:14px; padding:4px 15px; vertical-align:middle; position:relative; top:-2px;}
.label.yel {color:#ffffff; background:#f2b625;}

.ft90 {font-size:90px;}
.ft80 {font-size:80px;}
.ft75 {font-size:75px;}
.ft70 {font-size:70px;}
.ft62 {font-size:62px;}
.ft60 {font-size:60px;}
.ft58 {font-size:58px;}
.ft56 {font-size:56px;}
.ft52 {font-size:52px;}
.ft54 {font-size:54px;}
.ft50 {font-size:50px;}
.ft46 {font-size:46px;}
.ft40 {font-size:40px;}
.ft38 {font-size:38px;}
.ft36 {font-size:36px;}
.ft34 {font-size:34px;}
.ft32 {font-size:32px;}
.ft30 {font-size:30px;}
.ft28 {font-size:28px;}
.ft26 {font-size:26px;}
.ft24 {font-size:24px;}
.ft22 {font-size:22px;}
.ft21 {font-size:21px;}
.ft20 {font-size:20px;}
.ft18 {font-size:18px;}
.ft17 {font-size:17px;}
.ft16 {font-size:16px;}
.ft14 {font-size:14px;}
.appl_agree_con {padding:0 30px; word-break:keep-all;}
.agree_table  {width:100%}
.agree_table tr {border-top:1px solid #cecece;}
.agree_table th, .agree_table td {padding:10px 20px; font-size:15px; line-height:1.8; font-weight:100;}
.agree_table th {background:#f3f3f3; padding-left:30px; width:330px; text-align:left;}
.agree_table tr:last-child {border-bottom:1px solid #cecece;}
.appl_agree_radio span, .appl_agree_radio .radio_list {vertical-align:middle;}
.appl_agree_radio .radio_list {margin-left:30px;}


/* radio02 */
.rd_box02 input[type=radio] {position:absolute; top:0 !important; left:0 !important; line-height:0 !important; font-size:0 !important; width:0 !important; height:0 !important; color:transparent !important; overflow:hidden !important; opacity:0;}
.rd_box02 input[type=radio] + label {position:relative; cursor:pointer; display:inline-block; vertical-align:middle; padding-left:40px; height:30px; margin-right:20px; line-height:30px;}
.rd_box02 input[type=radio] + label:before {position:absolute; left:0; top:0; display:inline-block; width:30px; height:30px; content:""; background:url('/images/sub/wk_check_off02.png') 0 0 no-repeat;}
.rd_box02 input[type=radio] + label:after {opacity:0;  position:absolute; left:0; top:0; display:inline-block; width:30px; height:30px; content:"";  background:url('/images/sub/wk_check02.png') 0 0 no-repeat;}
.rd_box02 input[type=radio]:checked + label:after {opacity:1; }



@media all and (max-width:1023px){
  .appl_agree_radio .radio_list {display:block; margin-top:30px; margin-left:0px;}
  .appl_agree_radio .radio_list li {float:none; display:inline-block;}
}
@media screen and (max-width:768px){
  /**/
  .mdp {display:block;}
  .mdpn {display:none !important;}
  .pdn {display:block;}
  .mdb {display:block;}

  .hpt121 {padding-top:54px;}

  .label {padding:1px 9px; font-size:12px;}
  .mr15 {margin-right:8px;}
  .mt50 {margin-top:35px;}
  .mb50 {margin-bottom:35px;}
  .mb15 {margin-bottom:10px;}
  .mb80 {margin-bottom:40px;}
  .mb70 {margin-bottom:30px;}
  .mb30 {margin-bottom:15px;}
  .mt30 {margin-top:15px;}
  .mt40 {margin-top:20px;}
  .mb25 {margin-bottom:10px;}
  .mb40 {margin-bottom:20px;}
  .mt20 {margin-top:13px;}
  .mt60 {margin-top:40px;}
  .mb60 {margin-bottom:40px;}
  .mb100 {margin-bottom:60px;}
  .pb206 {padding-bottom:84px;}
  .pb150 {padding-bottom:80px;}
  .pb180 {padding-bottom:70px;}
  .pb163 {padding-bottom:85px;}
  .pb136 {padding-bottom:95px;}
  .pb30 {padding-bottom:15px;}
  .pb100 {padding-bottom:60px;}
  .pb112 {padding-bottom:20px;}
  .pt100 {padding-top:60px;}
  .ptb80 {padding-top:40px; padding-bottom:40px;}
  .ptb70 {padding-top:40px; padding-bottom:40px;}
  .ptb50 {padding-top:30px; padding-bottom:30px;}
  .pt50 {padding-top:30px;}
  .pt80 {padding-top:40px;}
  .pt70 {padding-top:40px;}
  .ptb60 {padding-top:40px; padding-bottom:40px;}
  .pb60 {padding-bottom:40px;}
  .ptb40 {padding-top:20px; padding-bottom:20px;}
  .pt60 {padding-top:40px;}
  .mr10 {margin-right:6px;}
  .pd40 {padding:20px;}
  .pb170 {padding-bottom:92px;}

  .prl35 {padding-left:15px; padding-right:15px;}

  .home_ba {height:44px; line-height:44px;}


  .btns {width:175px; height:44px; line-height:44px;}
  .btnsi {height:44px; line-height:44px;}

  .ft90 {font-size:40px;}
  .ft80 {font-size:38px;}
  .ft75 {font-size:37px;}
  .ft70 {font-size:37px;}
  .ft62 {font-size:32px;}
  .ft60 {font-size:30px;}
  .ft58 {font-size:29px;}
  .ft56 {font-size:29px;}
  .ft54 {font-size:28px;}
  .ft52 {font-size:28px;}
  .ft50 {font-size:27px;}
  .ft24 {font-size:24px;}
  .ft46 {font-size:24px;}
  .ft40 {font-size:22px;}
  .ft38 {font-size:21px;}
  .ft36.fnsr {font-size:23px;}
  .ft36 {font-size:23px;}
  .ft34 {font-size:22px;}
  .ft32 {font-size:19px;}
  .ft30 {font-size:19px;}
  .ft28 {font-size:19px;}
  .ft26 {font-size:17px;}
  .ft24 {font-size:17px;}
  .ft22 {font-size:17px;}
  .ft21 {font-size:16px;}
  .ft16 {font-size:16px;}
  .ft20 {font-size:15px;}
  .ft18 {font-size:15px;}
  .ft17 {font-size:17px;}
  .ft16 {font-size:14px;}
  .ft14 {font-size:12px;}
  .gudok_pop .agree_table th {width:100% !important; padding-left:20px;}
  .agree_table th, .agree_table td {padding:20px; font-size:14px;display: block;}
  /* 로그인 */
  .login_input .login_btn {position:static; width:100%; height:45px; line-height:45px; margin-top:15px;}
  .login_input .withdra_btn {padding:0;}
  .login_input .withdra_btn br {display:none;}
  .login_input.pw_input .login_btn {height:45px; line-height:45px;}
  .login_input .login_list {padding-right:0px;}
  .login_input .login_list li div {padding-left:0px;}
  .login_input .login_list li div span, .login_input .login_list li div:before {display:none;}
  .login_input .login_list li div input {height:40px;}
  .login_input .login_list li {margin-bottom:15px;}
  .login_find_wrap .find_btn {display:block; margin-left:0px; padding:15px 20px; margin-top:20px;}
  .login_type .login_type_list > li .login_type_box > .poa {display:none;}
  .login_type .login_type_list > li .login_type_box {display:block; height:auto; padding:20px;}
  .login_type .login_type_list > li .login_type_box .lo_btn {height:45px; line-height:45px;}
  .login_type .login_type_list > li ul {display:block;}
  .login_type .login_type_list > li .login_type_box .lo_btn img, .off_login a img {width:20px; margin-left:10px;}
  .login_type {margin-bottom:0; padding-bottom:0;}
  .off_login a {height:45px; line-height:45px; width:100%; max-width:400px;}
  .id_ok_wrap {padding:20px;}

  .gudok_pop .gudok_tit {margin:0 auto 30px; padding-bottom:0px;}

}
@media all and (max-width:500px){
  .gudok_pop .agree_table th {border-bottom:1px solid #cecece; padding:15px 20px;}
    #privacy_200306 .agree_table td div>span{top:57px;}
    .table-box-020306 td #mail2{width: 92%;margin-left: 7%;}
  .table-box-020306 td input[type='text'],#privacy_200306 .agree_table th,#privacy_200306 .agree_table td,#privacy_200306 select{font-size: 14px;}
  .table-box-020306 td input[type='text'],.table-box-020306 td select{height: 40px;}
  #privacy_200306 .mpop_top{background: url(/images/sub/w-logo-200306.png) 20px center no-repeat,#6842bc;background-size: 50%;}
  #privacy_200306 .login_input{margin: 10px auto 0;}
  #privacy_200306.gudok_pop .privacy_box_wrap {
  top: 200px;
}
}


.spinner-wrap { 
	--spinner-size: 48px;        
	--spinner-thickness: 4px;      
	--spinner-color: #0ea5e9;    
	--spinner-track: rgba(0,0,0,0.08); 
	--spinner-speed: 1s;          

	position:absolute;
	inset: 0;
	display:flex; align-items:center; justify-content:center; 
	z-index: 1;
	background:rgba(255,255,255,0.9)
}
.spinner-wrap > span{ 
	display: block;
	margin-top:  var(--spinner-size);
	padding-top: 2em;
	font-size: 1.5em;
	color: var( --spinner-color);
}

.spinner{
	width: var(--spinner-size);
	height: var(--spinner-size);
	border-radius: 50%;
	position: absolute;
	top: calc(50% -  var(--spinner-size) /2 );
	left: calc(50% -  var(--spinner-size) /2 );
	box-sizing: border-box;
	z-index: 1;
	/* 트랙 (약한 색) */
	background: conic-gradient(var(--spinner-track), var(--spinner-track));
	-webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--spinner-thickness)), black calc(100% - var(--spinner-thickness)));
	mask: radial-gradient(farthest-side, transparent calc(100% - var(--spinner-thickness)), black calc(100% - var(--spinner-thickness)));
}

.spinner::before{
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 50%;
	padding: var(--spinner-thickness);
	box-sizing: border-box;

	background: conic-gradient(var(--spinner-color) 0deg 60deg, transparent 60deg 360deg);
	-webkit-mask: linear-gradient(#000 0 0); /* mask로 내부 비우기 동일 효과 보장 */
	animation: spinner-anime var(--spinner-speed) linear infinite;
}

.sr-only {
	position: absolute !important;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

@media (prefers-reduced-motion: reduce) {
.spinner::before {
	animation: none;
	transform: none;
}
}

@keyframes spinner-anime {
	from { transform: rotate(0deg); }
	to   { transform: rotate(360deg); }
}

@media all and (max-width:500px){
	.spinner-wrap > span{ 
		font-size: 1em;
	}
}