@charset "UTF-8";
@import url("/resources/notosans/notosans.css");
/* font color */
.fc_black { color: #000000; }

.fc_deepgray { color: #757575; }

.fc_orange { color: #e73100; }

.fc_blue { color: #2c77bc; }

.fc_cobalt { color: #02728D; }

.fc_red { color: #ed1c24; }

.fc_green { color: #3A7525; }

.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; }

button { border: none; }

/* 셀렉트 */
input[type=text]::-ms-clear { display: none; }

input { vertical-align: middle; }

select { font-family: inherit; /* 폰트 상속 */ font-size: 14px; color: #1d1d1d; box-sizing: border-box; border: 1px solid #cfcfcf; border-radius: 4px; min-height: 38px; line-height: 1.3; vertical-align: middle; -moz-appearance: none; appearance: none; -webkit-appearance: none; background: #fff url(/resources/images/common/icon_dropdown_open.png) 90% center no-repeat; padding: 0 28px 0 8px; }

select.sm { min-height: 30px; }

select::-ms-expand { display: none; }

/* input */
input[type="url"], input[type="date"], input[type="email"], input[type="number"], input[type="text"], input[type="password"] { color: #1d1d1d; border: 1px solid #cfcfcf; line-height: 1; height: 38px; border-radius: 4px; text-indent: 10px; }

input[type="url"].sm, input[type="date"].sm, input[type="email"].sm, input[type="number"].sm, input[type="text"].sm, input[type="password"].sm { height: 38px; }

.sh input[type="url"], .sh input[type="date"], .sh input[type="email"], .sh input[type="number"], .sh input[type="text"], .sh input[type="password"] { height: 38px; }

input[type="file"] { border: 1px solid #cfcfcf; width: 100%; padding: 2px; }

input[type="password"] { font-family: '맑은 고딕'; }

input[type="date"] { text-indent: 0; }

input[type="date"]::-webkit-clear-button { font-size: 18px; height: 30px; position: relative; right: 5px; margin-right: 4px; display: none; }

input[type="date"]::-webkit-inner-spin-button { display: none; -webkit-appearance: none; }

input[type="date"]::-webkit-calendar-picker-indicator { color: #fff; display: none; -webkit-appearance: none; }

textarea { border: 1px solid #cfcfcf; border-radius: 0; height: 247px; }

.tel { width: 50px; }

@media (max-width: 991px) { .tel { width: 70px; } }

input[type=radio] { position: absolute; opacity: 0; z-index: 1; width: 14px; height: 14px; cursor: pointer; }

input[type=radio] ~ i { position: relative; display: inline-block; vertical-align: middle; border: 1px solid #cfcfcf; border-radius: 100%; height: 15px; width: 15px; transition: border .25s linear; background-color: #fff; margin-right: 5px; margin-top: -2px; }

input[type=radio]:checked ~ i { border: solid 5px #2c77bc; }

input[type=checkbox] { position: absolute; opacity: 0; z-index: 1; width: 20px; height: 20px; cursor: pointer; vertical-align: middle; }

input[type=checkbox] ~ i { display: inline-block; vertical-align: middle; margin-top: -2px; margin-right: 5px; width: 15px; height: 15px; border-radius: 2px; border: solid 1px #ebebeb; background-color: white; }

input[type=checkbox]:checked ~ i { background-color: #2c77bc; border-radius: 2px; border: none; text-align: center; }

input[type=checkbox]:checked ~ i:before { /* @include ico($ico-check); */ font-size: 7px; color: #fff; vertical-align: top; margin-top: 3px; display: inline-block; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

input[type=number] { -moz-appearance: textfield; }

label .title { height: 38px; line-height: 38px; display: inline-block; font-weight: bold; color: #5c6979; position: relative; padding-left: 18px; }

label .title:before { content: ''; position: absolute; left: 0; top: calc(50% - 3px); width: 6px; height: 6px; background-color: #5c6979; }

body { font-family: 'Noto Sans KR'; font-size: 16px; }

.global-set { border-bottom: 1px solid #ddd; padding: 22px 0; display: block; }

.global-set:before, .global-set:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.global-set .s { max-width: 1200px; margin: 0 auto; }

.global-set a { padding: 10px 0; width: 89px; display: block; color: #000; text-align: center; font-size: 14px; font-weight: 600; letter-spacing: -0.35px; line-height: 1; border-radius: 3px; border: 1px solid #ddd; background-color: #f1f1f1; }

.global-set a.mall { background-color: #fff; }

.global-set .right { float: right; }

.global-set .right li { float: left; position: relative; margin-left: 5px; }

@media (max-width: 991px) { .global-set { display: none; } }

#header { max-width: 1200px; margin: 0 auto; position: relative; height: 70px; }

#header a.logo { width: 431px; height: 32px; background: url(/resources/images/common/logo.png) 0 50% no-repeat; position: absolute; left: 0; top: -57px; }

@media (max-width: 991px) { #header { height: 55px; }
  #header a.logo { top: 13px; left: 50%; margin-left: -110px; width: 220px; background-size: 100%; } }

#header #gnb { clear: both; width: 100%; }

#header #gnb > ul { float: left; width: calc(100% - 50px); margin-left: -50px; }

#header #gnb > ul > li { display: table-cell; position: relative; text-align: center; vertical-align: middle; }

#header #gnb > ul > li.on > ul { display: block; }

#header #gnb > ul > li.on > a { color: #124c70; }

#header #gnb > ul > li.on > a span { position: relative; }

#header #gnb > ul > li.on > a span:before { content: ""; background: #2c77bc; height: 5px; width: 100%; bottom: -22px; display: inline-block; position: absolute; z-index: 99; }

#header #gnb > ul > li.active > a { color: #124c70; }

#header #gnb > ul > li > a { padding: 18px 2%; color: #000; font-size: 20px; font-weight: 600; letter-spacing: -0.5px; display: block; line-height: 1.4; }

#header #gnb > ul > li .depth2 { position: absolute; padding-top: 16px; z-index: 10; width: 100%; display: none; }

#header #gnb > ul > li .depth2 > ul { padding-bottom: 30px; }

#header #gnb > ul > li .depth2 > ul > li a { display: block; padding: 11px 0; color: #000; font-size: 16px; font-weight: 400; text-align: center; line-height: 1; letter-spacing: -0.8px; }

#header #gnb > ul > li .depth2 > ul > li a:hover, #header #gnb > ul > li .depth2 > ul > li a:focus { color: #2c77bc; font-weight: 600; }

#header #gnb > ul > li .depth2 > ul > li.on a, #header #gnb > ul > li .depth2 > ul > li.active a { color: #2c77bc; font-weight: 600; }

#header #gnb > ul > li:first-child > a { padding: 7px 2%; }

#header #gnb > ul.on > li .depth2 { display: block; }

@media all and (max-width: 1200px) { #header #gnb > ul { margin-left: 0; }
  #header #gnb > ul li a { padding: 18px 25px; } }

@media all and (max-width: 1150px) { #header #gnb > ul li a { padding: 18px 20px; } }

@media all and (max-width: 1100px) { #header #gnb > ul li a { padding: 18px 8px; } }

#header #gnb .allnav { float: right; display: block; margin-top: 20px; }

#header #gnb .allnav button i { font-size: 30px; }

@media (max-width: 991px) { #header #gnb { padding-top: 0; }
  #header #gnb > ul { display: none; }
  #header #gnb .allnav { float: left; display: block; margin-top: 12px; }
  #header #gnb .allnav i { font-size: 26px; } }

.visual { background: center 0 no-repeat; height: 160px; text-align: center; padding-top: 40px; /*&.visual6 {background-image: url(/resources/images/common/sub_visual1.jpg);}*/ }

.visual.visual1 { background-image: url(/resources/images/common/sub_visual2.jpg); }

.visual.visual2 { background-image: url(/resources/images/common/sub_visual1.jpg); }

.visual.visual3 { background-image: url(/resources/images/common/sub_visual3.jpg); }

.visual.visual4 { background-image: url(/resources/images/common/sub_visual4.jpg); }

.visual.visual5 { background-image: url(/resources/images/common/sub_visual5.jpg); }

.visual.visual7 { background-image: url(/resources/images/common/sub_visual7.jpg); }

.visual.visual8 { background-image: url(/resources/images/common/sub_visual8.jpg); }

.visual .spot { display: inline-block; line-height: 1; text-align: center; color: #fff; font-family: 'Noto Sans KR Medium'; line-height: 1; font-size: 36px; font-weight: 500; letter-spacing: -2px; position: relative; padding-top: 22px; padding-bottom: 22px; }

.visual .spot:before { content: ''; width: 50px; border-top: 2px solid #fff; position: absolute; top: 0; left: 50%; margin-left: -25px; }

.visual .location { text-align: right; max-width: 1200px; margin: 0 auto; }

.visual .location ol li { display: inline-block; padding-left: 8px; /* Style for "홈" */ color: #fff; font-family: 'Noto Sans KR'; font-size: 14px; font-weight: 400; line-height: 24px; text-transform: uppercase; letter-spacing: -0.7px; }

.visual .location ol li em { letter-spacing: -0.7px; color: #2c77bc; font-weight: 600; }

.visual .location ol li + li:before { content: ''; width: 13px; height: 13px; background: url(/resources/images/common/location-arr.png) 0 0 no-repeat; display: inline-block; vertical-align: middle; margin-right: 8px; }

.visual .content-sns-set { max-width: 1200px; text-align: right; margin: 0 auto; margin-top: 33px; }

.visual .content-sns-set button { padding: 0; border: 0; overflow: hidden; background: 0 0 no-repeat; width: 30px; height: 30px; display: inline-block; margin-left: 6px; }

.visual .content-sns-set button.sns-story { background-image: url(/resources/images/common/sns-story.png); }

.visual .content-sns-set button.sns-facebook { background-image: url(/resources/images/common/sns-facebook.png); }

.visual .content-sns-set button.page-url { background-image: url(/resources/images/common/url-copy.png); }

@media (max-width: 767px) { .visual { background-size: cover; height: 100px; padding-top: 26px; }
  .visual .spot { font-size: 20px; padding-top: 8px; padding-bottom: 15px; }
  .visual .spot::before { width: 25px; margin-left: -12px; }
  .visual .location { display: none; }
  .visual .content-sns-set { margin-top: 0; margin-right: 20px; }
  .visual .content-sns-set button { background-size: 20px; width: 20px; } }

#main_container { width: 100%; height: 820px; position: relative; background: url(/resources/images/main/visual_img01.jpg) 50% 0 no-repeat; }

#main_container + #footer { margin-top: 0; }

@media (max-width: 991px) { #main_container { height: auto; background: url(/resources/images/main/visual_img01_T.jpg) 50% 0 no-repeat; background-size: 100% auto; } }

@media (max-width: 650px) { #main_container { background-size: auto 100%; } }

@media (max-width: 600px) { #main_container { background: url(/resources/images/main/visual_img01_M.jpg) 50% 0 no-repeat; background-size: 100% auto; } }

#container { max-width: 1200px; margin: 0 auto; padding: 58px 10px 0; display: block; }

#container:before, #container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#container .lnb { float: left; width: 260px; }

@media (max-width: 1199px) { #container .lnb { display: none; } }

#container .lnb h1 { /*background: url(/resources/images/common/lnb-title-bg.png);*/ background: #2c77bc; font-family: 'Noto Sans KR Medium'; font-size: 30px; font-weight: 400; line-height: 36px; letter-spacing: -0.75px; text-align: center; padding-top: 44px; height: 120px; color: #fff; word-break: keep-all; }

#container .lnb > ul > li { border-bottom: 1px solid #ddd; }

#container .lnb > ul > li > a { display: block; font-size: 16px; font-weight: 600; line-height: 1; letter-spacing: -0.8px; color: #010101; padding: 19px 19px 19px 28px; }

#container .lnb > ul > li.on { border-bottom-color: #2c77bc; }

#container .lnb > ul > li.on > a { color: #2c77bc; background: url(/resources/images/common/lnb-bu1-on.png) 0 22px no-repeat; }

#container .lnb > ul > li > ul > li > a { display: block; }

@media (max-width: 767px) { #container { padding: 20px 15px 20px; } }

#content { float: right; width: calc(100% - 300px); margin-bottom: 50px; }

@media (max-width: 1199px) { #content { width: 100%; } }

#footer { margin-top: 60px; clear: both; border-top: 1px solid #ddd; }

#footer .fnav { max-width: 975px; margin: 0 auto; }

#footer .fnav .s { float: right; width: calc(100% - 255px - 27px); }

#footer .fnav .s li { display: inline-block; margin-right: 15px; }

#footer .fnav .s li a { display: block; /*padding: 18px 25px;*/ padding: 18px 10px; color: #000; font-size: 14px; font-weight: 600; line-height: 1; letter-spacing: -0.35px; }

#footer .fnav .s li a strong { font-weight: 700; color: #ed1c24; }

@media (max-width: 767px) { #footer .fnav .s { width: 100%; text-align: center; float: none; }
  #footer .fnav .s ul { border-bottom: 1px solid #ccc; margin: 0 10px; width: calc(100% - 20px); }
  #footer .fnav .s li { margin-right: 0; }
  #footer .fnav .s li a { padding: 14px 0; margin: 0 8px; letter-spacing: -0.7px; } }

#footer .b { max-width: 975px; margin: 0 auto; display: block; padding: 0 10px; }

#footer .b:before, #footer .b:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#footer .b .flogo { float: left; width: 255px; height: 30px; }

@media (max-width: 767px) { #footer .b .flogo { display: none; } }

#footer .b address { float: left; margin-left: 27px; width: calc(100% - 255px - 27px); line-height: 1.714286; color: #000; font-weight: 300; font-size: 14px; font-style: normal; }

#footer .b address br { display: none; }

#footer .b address span { display: inline-block; color: #ddd; padding: 0 2px; }

#footer .b address em { color: #757575; }

@media (max-width: 767px) { #footer .b address { width: auto; padding-top: 10px; margin-left: 0; } }

@media (max-width: 480px) { #footer .b address br { display: block; }
  #footer .b address span { display: none; } }

@media (max-width: 767px) { #footer { margin-top: 0; } }

.bgW { background-color: rgba(0, 0, 0, 0.5); position: fixed; width: 100%; z-index: 199; top: 0; height: 100%; display: none; }

.bgW2 { display: none; border-top: 2px solid #ddd; box-shadow: 0 8px 4px rgba(0, 0, 0, 0.1); background: #f4f4f4; position: absolute; top: 151px; height: 182px; left: 0; right: 0; z-index: 9; }

.tbl-title { background: url(/resources/images/common/pattern.png); position: relative; padding: 34px; padding-left: 150px; border-radius: 5px; z-index: -10; }

.tbl-title:before { content: ''; position: absolute; left: 54px; top: 50%; margin-top: -38px; background: url(/resources/images/common/tit-ico1.png) center no-repeat; width: 78px; height: 80px; }

@media (max-width: 767px) { .tbl-title:before { height: 100%; } }

.tbl-title.type2:before { background: url(/resources/images/common/tit-ico2.png) center no-repeat; }

.tbl-title.type3:before { background: url(/resources/images/common/tit-ico3.png) center no-repeat; }

.tbl-title.type4:before { background: url(/resources/images/common/tit-ico4.png) center no-repeat; }

.tbl-title h2 { color: #2c77bc; font-family: 'Noto Sans KR Medium'; font-size: 24px; font-weight: 700; text-transform: uppercase; }

.tbl-title h2 span { font-size: 28px; }

.tbl-title p { color: #000; font-size: 18px; font-weight: 400; line-height: 28px; text-transform: uppercase; letter-spacing: -0.45px; }

@media (max-width: 767px) { .tbl-title { padding: 15px 20px; word-break: keep-all; }
  .tbl-title:before { left: 0; top: 0; margin-top: 0; background-size: 40px !important; }
  .tbl-title h2 { padding: 0 0 0 55px; font-size: 18px; letter-spacing: -0.45px; }
  .tbl-title h2 span { font-size: 20px; }
  .tbl-title p { font-size: 14px; line-height: 20px; letter-spacing: -0.35px; } }

.tbl_wrap { margin-top: 40px; width: 100%; }

.tbl_wrap table { /* min-width: 850px; */ }

.tbl_wrap table thead tr:first-child th { background-color: #d5e4f2; border-bottom: 2px solid #fff; }

.tbl_wrap table thead th { color: #1d1d1d; font-size: 18px; font-weight: 600; height: 50px; letter-spacing: -0.45px; background-color: #f0f5fa; border-bottom: 1px solid #cfcfcf; }

.tbl_wrap table tbody { color: #1d1d1d; font-size: 16px; font-weight: 400; line-height: 26px; letter-spacing: -0.4px; }

.tbl_wrap table tbody tr > * { border: 1px solid #cfcfcf; font-weight: 500; }

.tbl_wrap table tbody tr th { background: #f0f5fa; }

.tbl_wrap table tbody tr td { padding: 12px 20px; }

.tbl_wrap table tbody tr th:first-child { border-left: none; }

.tbl_wrap table tbody tr td:last-child { border-right: none; }

.tbl_wrap table tbody tr:first-child > * { border-top: none; }

@media (max-width: 767px) { .tbl_wrap { /* overflow-x: scroll; */ margin-top: 30px; }
  .tbl_wrap table { /* min-width: 600px; */ }
  .tbl_wrap table thead th { font-size: 16px; }
  .tbl_wrap table tbody tr th { font-size: 14px; }
  .tbl_wrap table tbody tr td { padding: 10px 10px; font-size: 14px; } }

.grid-h span { color: #2c77bc; font-family: 'Noto Sans KR Medium'; font-size: 30px; font-weight: 400; text-transform: uppercase; position: relative; }

.grid-h span:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background-color: #e3e5e6; z-index: -1; }

.grid-h span:after { content: ''; position: absolute; top: 0; right: -50PX; background: url(/resources/images/common/h2-wing.png) 0 0 no-repeat; z-index: -1; width: 43px; height: 31px; }

@media (max-width: 767px) { .grid-h span { font-size: 20px; }
  .grid-h span:after { background-size: 30px 22px; width: 30px; right: -40px; } }

.slider { text-align: center; position: relative; }

.slider > .bxslider { border: 5px solid rgba(44, 119, 188, 0.3); }

.slider .slick-arrow { position: absolute; top: 50%; width: 40px; height: 50px; margin-top: -25px; background-color: #2c77bc; opacity: 0.3; z-index: 10; color: transparent; background-repeat: no-repeat; background-position: center; }

.slider .slick-arrow.b-left { left: 5px; background-image: url(/resources/images/common/b-prev.png); }

.slider .slick-arrow.b-right { right: 4.5px; background-image: url(/resources/images/common/b-next.png); }

.slider .slick-dots { color: transparent; margin-right: 5px; }

.slider .slick-dots li { float: left; /* width: 18px; height: 18px; border-radius:100%; background-color: #455059; */ opacity: 0.5; padding: 0 5px; }

.slider .slick-dots li button { color: transparent; width: 18px; height: 18px; border-radius: 100%; background-color: #455059; padding: 0; }

@media (max-width: 480px) { .slider .slick-dots li { padding: 0 1.4%; } }

.slider .slick-dots .slick-active { opacity: 1; }

.slider .slick-dots .slick-active button { width: 46px; height: 18px; border-radius: 9px; background-color: #2c77bc; }

.slider .ctrlSet { clear: both; width: 100%; z-index: 10; text-align: center; margin-top: 30px; position: absolute; }

.slider .ctrlSet > button { width: 18px; height: 18px; position: relative; margin-top: 0; padding: 0; vertical-align: top; }

.slider .ctrlSet > button:before { display: inline-block; content: ''; position: absolute; width: 18px; height: 18px; top: 0; left: 0; }

.slider .ctrlSet > button.b-play:before { background: url(/resources/images/common/sub-play.png) no-repeat left top; }

.slider .ctrlSet > button.b-stop:before { background: url(/resources/images/common/sub-stop.png) no-repeat left top; }

.slider .ctrlSet > button.b-play { display: none; }

.slider .ctrlSet .ctrl { display: inline-block; position: relative; }

@media (max-width: 480px) { .slider .ctrlSet .ctrl { width: 230px; } }

button[class^=b-] { line-height: initial; }

[class^=b-] { border: 0; line-height: 1; display: inline-block; width: 250px; height: 45px; border-radius: 3px; background-color: #2c77bc; }

[class^=b-].lg { padding: 16px 41px; }

@media (max-width: 767px) { [class^=b-] { height: 40px; } }

.b-go { color: #fff; font-size: 16px; font-weight: 500; line-height: 42px; letter-spacing: -0.4px; }

@media (max-width: 767px) { .b-go { font-size: 14px; } }

.btn-set { margin: 30px 0; text-align: center; }

.btn-set a { margin: 0 5px; }

@media (max-width: 767px) { .btn-set { margin: 20px 0; }
  .btn-set a.b-go + a.b-go { margin-top: 10px; } }

.main-visual { margin: 0 auto; height: 720px; position: relative; }

.main-visual .visual-set { position: relative; }

.main-visual .visual-set > ul { width: 38%; max-width: 538px; margin: 0 auto; color: #fff; padding-top: 70px; padding-right: 60px; letter-spacing: -1px; }

.main-visual .visual-set > ul span { display: block; }

.main-visual .visual-set > ul .atit { font-size: 30px; }

.main-visual .visual-set > ul .tit { font-size: 50px; font-weight: 600; font-family: 'Noto Sans KR Medium'; font-weight: 500; line-height: 1.2; padding: 10px 0; }

.main-visual .visual-set > ul .tit.type2 { font-size: 40px; word-break: keep-all; }

.main-visual .visual-set > ul .txt { font-size: 18px; line-height: 1.4; }

.main-visual .visual-set > ul li >a {color: #fff;}
.main-visual .visual-set > ul li >a .txt{font-size: 25px;}
.main-visual .visual-set > ul li >a .txt strong {color: #e9d052;}

.main-visual .visual-set .ctrl { position: absolute; bottom: -40px; left: 38%; z-index: 9; }

.main-visual .visual-set .ctrl [class^=b-] { background: transparent; }

.main-visual .visual-set .ctrl button { width: 20px; height: 25px; border: none; vertical-align: middle;}

.main-visual .visual-set .ctrl button:before { display: inline-block; font-family: 'Line Awesome Free'; font-weight: 600; color: #fff; font-size: 26px; }

.main-visual .visual-set .ctrl button.b-prev:before { content: "\f104"; }

.main-visual .visual-set .ctrl button.b-stop { height: 22px; background: url(/resources/images/main/main_stop.png) 50% 50% no-repeat; }

.main-visual .visual-set .ctrl button.b-play { height: 22px; background: url(/resources/images/main/main_play.png) 50% 50% no-repeat; display: none; }

.main-visual .visual-set .ctrl button.b-next:before { content: "\f105"; }

.main-visual .visual-set .mainvisual-count { display: none; }

@media (max-width: 991px) { .main-visual { height: 600px; }
  .main-visual .visual-set > ul { width: 100%; max-width: 100%; text-align: center; padding-right: 0; padding: 20px 10px 0; text-align: left; }
  .main-visual .visual-set > ul .atit { font-size: 18px; }
  .main-visual .visual-set > ul .tit { font-size: 36px; line-height: 1.1; padding: 5px 0; }
  .main-visual .visual-set > ul .tit.type2 { font-size: 26px; }
  .main-visual .visual-set .ctrl { display: none; }
  .main-visual .visual-set .mainvisual-count { display: inline-block; background-color: rgba(0, 0, 0, 0.5); border-radius: 0 50px 50px 0; padding: 7px 15px 7px 20px; color: #fff; font-size: 16px; margin-top: 15px; } }

@media (max-width: 767px) { .main-visual { height: 560px; } }

.main-contents { margin: -275px auto 0; }

.main-contents .con1 { display: block; position: relative;}

.main-contents .con1:before, .main-contents .con1:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.main-contents .con1 > div ul { margin: 0 auto; text-align: center; display: flex;flex-wrap: wrap;align-items: center; justify-content: center;}
@media (max-width: 1366px) and (min-width: 991px){ .main-contents .con1 > div ul  { flex-wrap: nowrap} }
.main-contents .con1 > div ul li { display: inline-block; padding: 0 1%; margin-bottom: 10px;}

.main-contents .con1 > div ul li a { line-height: 1.4; font-weight: 600; color: #000; display: block; }

.main-contents .con1 > div ul li a .box { display: table; table-layout: fixed; display: table-cell; vertical-align: middle; width: 190px; height: 190px; font-size: 22px; border-radius: 50%; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25); background: #fff; }

.main-contents .con1 > div ul li a .box > span { display: table-cell; padding-top: 5px; height: 71px; text-align: center; width: inherit; vertical-align: middle; }

@media all and (max-width: 1150px) { .main-contents .con1 > div ul li a .box { width: 170px; height: 170px; font-size: 19px; } }

@media all and (max-width: 1100px) { .main-contents .con1 > div ul li a .box { width: 160px; height: 160px; font-size: 18px; } }

.main-contents .con1 > div ul li.p_new a .box { font-size: 16px; }

.main-contents .con1 > div ul .visible-mobile { display: none; }

@media (max-width: 991px) { .main-contents .con1 > div ul .visible-mobile { display: inline-block; } }

@media (max-width: 991px) { .main-contents .con1 { text-align: center; margin: -290px auto 0; padding-bottom: 30px; }
  .main-contents .con1 > div ul li.p1 { float: left; width: 50%; padding-left: 20%; padding-bottom: 0; } }

@media all and (max-width: 991px) and (max-width: 680px) { .main-contents .con1 > div ul li.p1 { padding-left: 10%; } }

@media (max-width: 991px) { .main-contents .con1 > div ul li.p2 { float: left; width: 50%; margin-bottom: 20px; padding-right: 20%; } }

@media all and (max-width: 991px) and (max-width: 680px) { .main-contents .con1 > div ul li.p2 { padding-right: 10%; } }

@media (max-width: 991px) { .main-contents .con1 > div ul li.p2 + li { clear: both; } }

@media all and (max-width: 600px) { .main-contents .con1 > div ul { max-width: 310px; }
  .main-contents .con1 > div ul li { width: 49%; padding: 10px 0; }
  .main-contents .con1 > div ul li.p1 { width: 100%; padding-left: 0; }
  .main-contents .con1 > div ul li.p2 { padding-right: 0; margin-bottom: 0; }
  .main-contents .con1 > div ul li a .box { max-width: 150px; width: 130px; height: 130px; font-size: 16px; letter-spacing: -1.8px; }
  .main-contents .con1 > div ul li a .box > img { width: 50px; height: 51px; }
  .main-contents .con1 > div ul li a .box > span { padding-top: 0; height: 50px; }
  .main-contents .con1 > div ul li.p_new a .box { font-size: 12px; } }

.main-contents .con2 { position: absolute; bottom: 0; width: 100%; overflow: hidden; display: block; padding: 20px 0; background-color: #22292f; color: #fff; }

.main-contents .con2 a { color: #fff; font-size: 14px; }

.main-contents .con2 .tab-con { width: 100%; max-width: 1200px; margin: 0 auto; display: table; table-layout: fixed; }

.main-contents .con2 .tab-con h2 { font-weight: 500; float: left; margin-top: -8px; }

.main-contents .con2 .tab-con h2 i { margin-right: 5px; font-size: 15px; }

.main-contents .con2 .tab-con .list-box { /* float: left; width: 33.3%; */ display: table-cell; vertical-align: top; }

.main-contents .con2 .tab-con .list-box:nth-child(1) { padding-right: 40px; }

.main-contents .con2 .tab-con .list-box:nth-child(1) i { color: #84c0f7; }

.main-contents .con2 .tab-con .list-box:nth-child(1) ul { width: calc(100% - 90px); }

.main-contents .con2 .tab-con .list-box:nth-child(2) { width: 39%; border: 1px solid #455059; border-width: 0 1px; padding: 0 40px; }

.main-contents .con2 .tab-con .list-box:nth-child(2) i { color: #91b03e; }

.main-contents .con2 .tab-con .list-box:nth-child(2) ul { width: calc(100% - 60px); }

@media (max-width: 1199px) { .main-contents .con2 .tab-con .list-box:nth-child(2) { width: 33.3%; } }

.main-contents .con2 .tab-con .list-box:nth-child(3) { padding-left: 40px; }

.main-contents .con2 .tab-con .list-box:nth-child(3) i { color: #cb4c51; }

.main-contents .con2 .tab-con .list-box:nth-child(3) ul { width: calc(100% - 75px); }

.main-contents .con2 .tab-con .list-box ul { float: right; padding-top: 5px; }

.main-contents .con2 .tab-con .list-box ul a { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; width: 100%; }

@media (max-width: 1199px) { .main-contents .con2 { padding: 20px 20px; } }

@media (max-width: 991px) { .main-contents .con2 { position: static; } }

@media (max-width: 767px) { .main-contents .con2 { padding: 10px 15px; }
  .main-contents .con2 .tab-con h2 { width: 70px; }
  .main-contents .con2 .tab-con h2 i { display: none; }
  .main-contents .con2 .tab-con .list-box { width: 100%; overflow: hidden; display: block; padding: 0 !important; }
  .main-contents .con2 .tab-con .list-box:nth-child(2) { margin: 5px 0; border-width: 1px 0; padding: 5px 0 !important; width: 100%; }
  .main-contents .con2 .tab-con .list-box ul { float: left; height: 25px; width: calc(100% - 70px) !important; padding-top: 3px; }
  .main-contents .con2 .tab-con .list-box ul li:before { content: ""; background: #fff; border-radius: 50px; width: 3px; height: 3px; display: inline-block; margin-bottom: 9px; margin-right: 2px; }
  .main-contents .con2 .tab-con .list-box ul a { width: 94%; } }

@media all and (max-width: 1100px) { .main-contents { margin: -238px auto 0; } }

.contenthead { border-radius: 5px; border: 3px solid rgba(44, 119, 188, 0.2); background-color: #fff; padding: 20px; margin-bottom: 30px; }

.contenthead h2 { color: #2c77bc; font-family: 'Noto Sans KR Medium'; font-size: 22px; font-weight: 400; text-align: center; }

.contenthead p { font-family: 'Noto Sans KR'; font-size: 16px; font-weight: 500; line-height: 28px; letter-spacing: -0.4px; text-align: center; }

.contenthead.type2 { margin-bottom: 40px; border: none; background-image: url(/resources/images/common/pattern.png); }

@media (max-width: 767px) { .contenthead { padding: 13px 18px; }
  .contenthead h2 { font-size: 18px; line-height: 24px; letter-spacing: -0.45px; text-align: left; } }

.totalMenuSet { position: absolute; top: 130px; max-width: 1200px; width: 100%; padding: 70px 30px 50px 30px; z-index: 400; background-color: #fff; border: 1px solid #cfcfcf; border-radius: 5px; box-shadow: 3px 4px 15px rgba(0, 0, 0, 0.1); display: none; }

.totalMenuSet .totalMenubox { position: relative; z-index: 200; float: left; width: 100%; background-color: #fff; }

.totalMenuSet .totalMenubox > ul { float: left; width: 100%; }

.totalMenuSet .totalMenubox > ul > li { float: left; position: relative; width: calc(100% / 5.01); padding: 0 10px; border-radius: 5px; }

.totalMenuSet .totalMenubox > ul > li > a { background-color: rgba(44, 119, 188, 0.1); display: block; color: #455063; font-size: 18px; font-weight: 700; line-height: 1.3; letter-spacing: -0.9px; text-align: center; padding: 14px 0; border-radius: 5px; margin-bottom: 5px; }

.totalMenuSet .totalMenubox > ul > li:first-child > a { font-size: 1.4rem; }

.totalMenuSet .totalMenubox > ul > li > ul { padding: 0 12px; }

.totalMenuSet .totalMenubox > ul > li > ul > li > a { width: 166px; height: 142px; color: #000; font-size: 16px; font-weight: 400; line-height: 42px; letter-spacing: -0.8px; position: relative; padding-left: 14px; }

.totalMenuSet .totalMenubox > ul > li > ul > li > a::before { content: ''; position: absolute; top: 10px; left: 0; width: 5px; height: 5px; border-radius: 50%; background-color: #2c77bc; }

.totalMenuSet .totalMenubox > ul > li > ul > li > a:hover, .totalMenuSet .totalMenubox > ul > li > ul > li > a:focus, .totalMenuSet .totalMenubox > ul > li > ul > li > a:active { color: #2c77bc; text-decoration: underline; }

@media (max-width: 991px) { .totalMenuSet .totalMenubox > ul > li > ul { display: none; } }

@media (min-width: 992px) { .totalMenuSet .totalMenubox > ul > li > a { min-height: 50px; }
  .totalMenuSet .totalMenubox > ul > li:first-child > a { padding-top: 7px; padding-bottom: 7px; } }

@media (max-width: 991px) { .totalMenuSet .totalMenubox > ul > li { border-bottom: 1px solid #fff; position: relative; }
  .totalMenuSet .totalMenubox > ul > li:after { content: ''; position: absolute; top: 0; right: 0; background: url(/resources/images/common/la-angle-down.png) 90% center no-repeat; width: 100%; height: 54px; }
  .totalMenuSet .totalMenubox > ul > li.on:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); background-position-x: 10%; }
  .totalMenuSet .totalMenubox > ul > li:last-child { border-bottom: none; } }

.totalMenuSet .totalMenubox .myinfoMenus, .totalMenuSet .totalMenubox .mobile { display: none; }

.totalMenuSet .btn-close { position: absolute; top: -5px; right: 15px; display: block; width: 70px; height: 63px; background-color: #215fac; line-height: 2.6; text-align: center; padding: 15px; }

.totalMenuSet .btn-close:before { display: inline-block; content: ""; color: #fff; font-family: 'Line Awesome Free'; font-weight: 900; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-size: 24px; font-weight: 900; }

@media (max-width: 991px) { .totalMenuSet { width: 200px; left: 0; padding: 0; top: 55px; border: none; box-shadow: 3px 4px 15px rgba(0, 0, 0, 0.2); z-index: 999; }
  .totalMenuSet .myinfoMenus { display: block !important; background-color: #2c77bc; border: 1px solid #2c77bc; display: block; }
  .totalMenuSet .myinfoMenus:before, .totalMenuSet .myinfoMenus:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  .totalMenuSet .myinfoMenus ul li { float: left; width: 50%; text-align: center; }
  .totalMenuSet .myinfoMenus ul li a { color: #fff; font-size: 14px; font-weight: 400; letter-spacing: -0.35px; margin: 10px 0; display: block; position: relative; }
  .totalMenuSet .myinfoMenus ul li a::after { content: ''; position: absolute; right: 0; top: 1px; width: 1px; height: 17px; background-color: #fff; }
  .totalMenuSet .myinfoMenus ul li:last-child a::after { content: none; }
  .totalMenuSet .totalMenubox { display: block; border-radius: 5px; z-index: 99; }
  .totalMenuSet .totalMenubox > ul { background: #fff; border-radius: 5px; }
  .totalMenuSet .totalMenubox > ul > li { width: 100%; padding: 0; word-break: keep-all; }
  .totalMenuSet .totalMenubox > ul > li > a { text-align: left; font-size: 16px; padding: 15px 21px; margin-bottom: 0; border-radius: 0; }
  .totalMenuSet .totalMenubox > ul > li > ul { padding: 10px 0 15px 20px; }
  .totalMenuSet .totalMenubox > ul > li > ul > li > a { padding-left: 10px; font-size: 14px; line-height: 30px; }
  .totalMenuSet .totalMenubox .mobile { display: block; }
  .totalMenuSet .totalMenubox .mobile ul.depth3 { background-color: #f0f5fa; margin-right: 20px; padding: 13px 12px; }
  .totalMenuSet .totalMenubox .mobile ul.depth3 > li::before { content: '-'; margin-right: 5px; }
  .totalMenuSet .totalMenubox .mobile ul.depth3 > li a { font-size: 14px; font-weight: 400; line-height: 24px; }
  .totalMenuSet .totalMenubox .mobile ul.depth3 > li a:hover, .totalMenuSet .totalMenubox .mobile ul.depth3 > li a:focus, .totalMenuSet .totalMenubox .mobile ul.depth3 > li a:active { color: #2c77bc; text-decoration: underline; }
  .totalMenuSet .btn-close { background-color: transparent; top: -10px; left: 194px; width: 50px; height: 50px; } }

#_requestForm { position: relative; }

#_requestForm::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background-color: #2c77bc; }

@media (max-width: 767px) { #_requestForm .collapse table, #_requestForm .collapse thead, #_requestForm .collapse tbody, #_requestForm .collapse tr, #_requestForm .collapse th, #_requestForm .collapse td { display: block; width: auto; }
  #_requestForm .collapse th { padding: 8px 5px; border-right: none; }
  #_requestForm .collapse td { padding: 8px 5px; }
  #_requestForm .collapse select, #_requestForm .collapse textarea, #_requestForm .collapse input[type=text], #_requestForm .collapse input[type=password], #_requestForm .collapse input[type=date] { width: 100%; }
  #_requestForm .collapse select#phoneNumber1, #_requestForm .collapse textarea#phoneNumber1, #_requestForm .collapse input[type=text]#phoneNumber1, #_requestForm .collapse input[type=password]#phoneNumber1, #_requestForm .collapse input[type=date]#phoneNumber1 { width: 80px; }
  #_requestForm .collapse select#phoneNumber1 ~ input[type=text], #_requestForm .collapse textarea#phoneNumber1 ~ input[type=text], #_requestForm .collapse input[type=text]#phoneNumber1 ~ input[type=text], #_requestForm .collapse input[type=password]#phoneNumber1 ~ input[type=text], #_requestForm .collapse input[type=date]#phoneNumber1 ~ input[type=text] { width: calc(50% - 52px); }
  #_requestForm .collapse select#contactNumber1, #_requestForm .collapse textarea#contactNumber1, #_requestForm .collapse input[type=text]#contactNumber1, #_requestForm .collapse input[type=password]#contactNumber1, #_requestForm .collapse input[type=date]#contactNumber1 { width: 80px; }
  #_requestForm .collapse select#contactNumber1 ~ input[type=text], #_requestForm .collapse textarea#contactNumber1 ~ input[type=text], #_requestForm .collapse input[type=text]#contactNumber1 ~ input[type=text], #_requestForm .collapse input[type=password]#contactNumber1 ~ input[type=text], #_requestForm .collapse input[type=date]#contactNumber1 ~ input[type=text] { width: calc(50% - 52px); }
  #_requestForm .collapse .row td { height: auto; }
  #_requestForm .collapse .row td a { line-height: 20px; }
  #_requestForm .collapse .row td a .btn-txt { white-space: normal; } }

.collapse .table thead tr { border-bottom: 2px solid #fff; }

.collapse .table thead th { color: #455063; font-family: 'Noto Sans KR Regular'; font-size: 18px; font-weight: 500; line-height: 1.3; letter-spacing: -0.45px; text-align: left; padding: 13px 20px; background-color: #e1ecf6; }

.collapse .table tr.q td p.red { padding-top: 10px; }

.collapse .table tr.a td { padding: 4px 20px; }

.collapse.type2 { border-top: 2px solid #2c77bc; }

.form .collapse.type2 input { width: 260px; }

@media (max-width: 767px) { .form .collapse.type2 input { width: 200px; } }

.collapse.type2 .input-group-addon { position: absolute; left: 224px; z-index: 10; top: 4px; width: auto; border: none; background: transparent; }

.collapse.type2 .input-group-addon i { font-size: 24px; }

@media (max-width: 767px) { .collapse.type2 .input-group-addon { left: 170px; margin: 0; } }

.agree { margin-top: 30px; }

.agree .verify-check > label { color: #455063; font-size: 18px; font-weight: 600; line-height: 26px; letter-spacing: -0.45px; }

@media (max-width: 767px) { .agree .verify-check > label { font-size: 16px; } }

.agree .collapse { border: 1px solid #cfcfcf; }

.agree .collapse > * { color: #1d1d1d; font-size: 16px; font-weight: 400; letter-spacing: -0.4px; line-height: 26px; }

@media (max-width: 767px) { .agree .collapse > * { font-size: 14px; } }

.agree .collapse .is-table { margin: 20px 0; text-align: center; }

.agree .collapse .is-table tr > * { line-height: 40px; }

.agree .collapse .is-table tr th { background-color: #ebebeb; border: 1px solid #fff; font-weight: 500; }

.agree .collapse .is-table tr td { border: 1px solid #cfcfcf; }

.agree .collapse .section-verify p + p { margin-top: 10px; }

.list > li > ul > li { padding-left: 10px; margin-bottom: 0; position: relative; }

.list > li > ul > li::before { content: '-'; position: absolute; top: 0; left: 0; }

.list-bu li { font-size: 16px; font-weight: 400; line-height: 28px; letter-spacing: -0.4px; padding-left: 15px; position: relative; }

.list-bu li::before { content: ''; position: absolute; top: 13px; left: 0; background-color: #2c77bc; width: 5px; height: 5px; border-radius: 100%; }

.bu-dot { padding-left: 15px; position: relative; }

.bu-dot::before { content: ''; position: absolute; top: 10px; left: 0; background-color: #2c77bc; width: 5px; height: 5px; border-radius: 100%; }

.grid.write { border-top: 2px solid #2c77bc; }

.grid.write th { width: 150px; background-color: #f0f5fa; border-right: none; padding-left: 29px; text-align: left; }

.grid.write td { padding-left: 20px; text-align: left; }

@media (max-width: 767px) { .grid.write table, .grid.write thead, .grid.write tbody, .grid.write tr, .grid.write th, .grid.write td { display: block; width: auto; }
  .grid.write th { padding: 8px 5px; }
  .grid.write td { padding: 8px 5px; }
  .grid.write select, .grid.write textarea, .grid.write input[type=text], .grid.write input[type=password], .grid.write input[type=date] { width: 100%; }
  .grid.write select#phoneNumber1, .grid.write textarea#phoneNumber1, .grid.write input[type=text]#phoneNumber1, .grid.write input[type=password]#phoneNumber1, .grid.write input[type=date]#phoneNumber1 { width: 80px; }
  .grid.write select#phoneNumber1 ~ input[type=text], .grid.write textarea#phoneNumber1 ~ input[type=text], .grid.write input[type=text]#phoneNumber1 ~ input[type=text], .grid.write input[type=password]#phoneNumber1 ~ input[type=text], .grid.write input[type=date]#phoneNumber1 ~ input[type=text] { width: calc(50% - 52px); }
  .grid.write select#contactNumber1, .grid.write textarea#contactNumber1, .grid.write input[type=text]#contactNumber1, .grid.write input[type=password]#contactNumber1, .grid.write input[type=date]#contactNumber1 { width: 80px; }
  .grid.write select#contactNumber1 ~ input[type=text], .grid.write textarea#contactNumber1 ~ input[type=text], .grid.write input[type=text]#contactNumber1 ~ input[type=text], .grid.write input[type=password]#contactNumber1 ~ input[type=text], .grid.write input[type=date]#contactNumber1 ~ input[type=text] { width: calc(50% - 52px); } }

.req { display: inline-block; width: 10px; height: 6px; }

.req > * { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.req::before { content: '*'; display: inline-block; vertical-align: top; color: #ed1c24; }

.reply { margin-top: 40px; }

.reply .subject { margin-top: 40px; text-align: center; }

.login-box { margin: 30px 0; width: 100%; border-radius: 5px; border: 1px solid #2c77bc; background-color: #f9fbfd; }

.login-box > * { text-align: center; }

.h2_tit { display: block; }

.h2_tit:before, .h2_tit:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.h2_tit > * { float: left; }

.h2_tit h2 { color: #455063; font-size: 24px; font-weight: 600; line-height: 36px; letter-spacing: -1.2px; }

@media (max-width: 767px) { .h2_tit h2 { font-size: 18px; line-height: 25px; } }

table { table-layout: fixed; width: 100%; margin-bottom: 30px; }

.data_table-type01 table { margin-top: 10px; border-top: 2px solid #2c77bc; }

.data_table-type01 table tbody { color: #000; font-size: 16px; font-weight: 400; line-height: 26px; letter-spacing: -0.4px; }

.data_table-type01 table tbody tr th { background: #f0f5fa; padding: 17px 0 17px 20px; border-bottom: 1px solid #cfcfcf; text-align: left; line-height: 1; }

.data_table-type01 table tbody tr td { border-bottom: 1px solid #cfcfcf; padding-left: 20px; }

.data_table-type01 table tbody tr td input { width: 80px; border-radius: 3px; border: 1px solid #cfcfcf; background-color: #fff; color: #adadad; }

.data_table-type01 table tbody tr td select { border-radius: 3px; border: 1px solid #cfcfcf; background-color: #fff; color: #adadad; }

.data_table-type01 table tbody tr td span.state { height: 30px; border-radius: 3px; border: 1px solid #80b3e1; color: #2c77bc; font-size: 14px; font-weight: 600; letter-spacing: -0.35px; vertical-align: text-top; line-height: 24px; padding: 4px 12px; }

.data_table-type01 table tbody tr td span.state.no { border: 1px solid #f8697a; color: #e85163; }

@media (max-width: 767px) { .data_table-type01 table, .data_table-type01 thead, .data_table-type01 tbody, .data_table-type01 tr, .data_table-type01 th, .data_table-type01 td { display: block; width: auto; }
  .data_table-type01 th { padding: 8px 5px; }
  .data_table-type01 td { padding: 8px 5px; }
  .data_table-type01 select, .data_table-type01 textarea, .data_table-type01 input[type=text], .data_table-type01 input[type=password], .data_table-type01 input[type=date] { width: 100%; }
  .data_table-type01 select#phoneNumber1, .data_table-type01 textarea#phoneNumber1, .data_table-type01 input[type=text]#phoneNumber1, .data_table-type01 input[type=password]#phoneNumber1, .data_table-type01 input[type=date]#phoneNumber1 { width: 80px; }
  .data_table-type01 select#phoneNumber1 ~ input[type=text], .data_table-type01 textarea#phoneNumber1 ~ input[type=text], .data_table-type01 input[type=text]#phoneNumber1 ~ input[type=text], .data_table-type01 input[type=password]#phoneNumber1 ~ input[type=text], .data_table-type01 input[type=date]#phoneNumber1 ~ input[type=text] { width: calc(50% - 52px); }
  .data_table-type01 select#contactNumber1, .data_table-type01 textarea#contactNumber1, .data_table-type01 input[type=text]#contactNumber1, .data_table-type01 input[type=password]#contactNumber1, .data_table-type01 input[type=date]#contactNumber1 { width: 80px; }
  .data_table-type01 select#contactNumber1 ~ input[type=text], .data_table-type01 textarea#contactNumber1 ~ input[type=text], .data_table-type01 input[type=text]#contactNumber1 ~ input[type=text], .data_table-type01 input[type=password]#contactNumber1 ~ input[type=text], .data_table-type01 input[type=date]#contactNumber1 ~ input[type=text] { width: calc(50% - 52px); } }

.table.table-celled { text-align: center; margin-top: 10px; border-top: 2px solid #2c77bc; }

.table.table-celled thead tr th { background: #f0f5fa; padding: 17px 0; text-align: center; line-height: 1; color: #1d1d1d; font-size: 16px; font-weight: 500; letter-spacing: -0.4px; border-bottom: 1px solid #cfcfcf; }

.table.table-celled tbody td { border-bottom: 1px solid #cfcfcf; }

@media (max-width: 767px) { .table.table-celled thead tr th { font-size: 14px; } }

.table.table-list { text-align: center; color: #000; }

.table.table-list thead th { border-top: none; border-top: none; padding: 18px 0; line-height: 1.3; }

.table.table-list tbody td { padding: 12px; line-height: 1.3; }

.table.mydata td { border: none; }

.table.mydata th{ background-color: #9595951c; }

.btn { margin-top: 10px; }

.btn button { height: 38px; border-radius: 3px; background-color: #2c77bc; border: 1px solid #2c77bc; color: #fff; font-size: 16px; font-weight: 500; line-height: 1.3; letter-spacing: -0.4px; margin: 0 5px; padding: 0; }

.btn button.btn-md { width: 120px; }

@media (max-width: 767px) { .btn button.btn-md { width: 105px; } }

.btn button.btn-md2 { width: 150px; }

.btn button.btn-lg { width: 255px; }

.btn button.is-gray { color: #666666; border: 1px solid #cfcfcf; background-color: #ebebeb; }

.btn button.is-gray2 { color: #3a2c25; border: 1px solid #9f9584; background-color: #f7f6f5; }

.btn button.is-mint { color: white; border: 1px solid #13B5AB; border-radius: 10px; background-color: #13B5AB; font-size: 15px; }

.btn button.b-pdf { border: 1px solid #c04a4f;  background-color: #c04a4f; width: 290px; }

@media (max-width: 767px) { .btn button.b-pdf { width: 225px; margin-bottom: 5px; } }

@media (max-width: 767px) { .btn button + button + button { margin-top: 10px; } }

.no_data { padding: 60px 0 30px !important; text-align: center; color: #adadad !important; font-size: 16px; font-weight: 400; line-height: 26px; letter-spacing: -0.4px; position: relative; }

.no_data::before { content: '\f071'; position: absolute; top: 26px; left: 50%; margin-left: -14px; color: #f8697a; font-family: "Line Awesome Free"; font-size: 30px; font-weight: 600; }

.write-wrap { margin-top: 10px; }

.write-wrap .inline-wrap { border-top: 2px solid #2c77bc; }

.write-wrap .inline-wrap .ele_inline { display: table-cell; vertical-align: middle; }

@media (max-width: 767px) { .write-wrap .inline-wrap .ele_inline { display: block; } }

.write-wrap .inline-wrap .ele_inline .dp_in { display: inline-block; }

.write-wrap .inline-wrap .ele_inline .dp_in #telno1, .write-wrap .inline-wrap .ele_inline .dp_in #telno2, .write-wrap .inline-wrap .ele_inline .dp_in #telno3 { width: 130px; }

.write-wrap .inline-wrap .ele_inline span { color: #757575; font-size: 16px; font-weight: 400; line-height: 26px; letter-spacing: -0.4px; }

.write-wrap .inline-wrap .ele_inline .box { color: #757575; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: -0.4px; }

.write-wrap .inline-wrap .ele_inline .box span { color: #1d1d1d; }

.write-wrap .inline-wrap .ele_inline #zip, .write-wrap .inline-wrap .ele_inline #zipCode, .write-wrap .inline-wrap .ele_inline #dlyZip { width: 200px; }

@media (max-width: 767px) { .write-wrap .inline-wrap .ele_inline #zip, .write-wrap .inline-wrap .ele_inline #zipCode, .write-wrap .inline-wrap .ele_inline #dlyZip { width: 80px; padding: 0; text-align: center; } }

.write-wrap .inline-wrap .ele_inline #rdnmad, .write-wrap .inline-wrap .ele_inline #rdnmadDtl { margin-top: 5px; }

.write-wrap .inline-wrap .ele_inline #reqAmt { width: 160px; }

.write-wrap .inline-wrap .ele_inline .form-group, .write-wrap .inline-wrap .ele_inline .form-inline { display: inline-block; }

.write-wrap .inline-wrap .inline-body { width: 100%; min-height: 50px; display: table; border-bottom: 1px solid #cfcfcf; }

.write-wrap .inline-wrap .inline-body .tit { width: 22%; font-weight: 700; background: #f0f5fa; color: #000; font-size: 16px; font-weight: 400; line-height: 26px; letter-spacing: -0.4px; }

.write-wrap .inline-wrap .inline-body .ele_inline { padding: 5px 20px; }

.write-wrap .inline-wrap .inline-body .comm_input { display: inline-block; border: 1px solid #cfcfcf; background: #fff; color: #adadad; vertical-align: middle; font-size: 16px; height: 38px; width: calc(100% - 100px); }

.write-wrap .inline-wrap .inline-body .comm_input.wide { width: 100%; }

.write-wrap .inline-wrap .inline-body img { padding: 5px 0; }

.write-wrap .inline-wrap .inline-body.type2 { display: block; }

.write-wrap .inline-wrap .inline-body.type2 .tit { width: 100%; display: block; text-align: center; padding: 17px 0; }

.write-wrap .inline-wrap .inline-body.type2 .tbl-type h2 { font-size: 18px; color: #455063; padding: 10px 0; }

.write-wrap .inline-wrap .inline-body.type2 .tbl-type span.red { color: #ed1c24; }

.write-wrap .inline-wrap .inline-body.type2 .tbl-type em { color: #2c77bc; font-weight: bold; }

@media (max-width: 767px) { .write-wrap .inline-wrap .inline-body { display: block; }
  .write-wrap .inline-wrap .inline-body .tit { display: block; width: 100%; } }

@media (max-width: 767px) { #telno1 { width: 70px !important; padding-left: 0; text-align: center; }
  #telno2 { width: 70px !important; padding-left: 0; text-align: center; }
  #telno3 { width: 70px !important; padding-left: 0; text-align: center; }
  textarea { width: 100%; } }

h4.date { color: #010101; font-size: 20px; font-weight: 500; line-height: 28px; letter-spacing: -0.5px; }

.privacy_wrap { margin-top: 15px; border: 1px solid rgba(44, 119, 188, 0.5); background-color: #f9fbfd; color: #777; line-height: 1.6; }

.privacy_wrap .privacy_body { padding: 0 20px; border-radius: 4px; }

.privacy_wrap .privacy_body .privacy_default_box { border-bottom: 1px solid #2c77bc; font-size: 16px; color: #000; font-weight: 400; letter-spacing: -0.4px; line-height: 28px; padding: 25px 0; }

.privacy_wrap .privacy_body .privacy_default_box > .t_txt { color: #455063; font-weight: 500; letter-spacing: -0.4px; line-height: 28px; padding: 0 6px; }

.privacy_wrap .privacy_body .privacy_default_box ol { padding: 0 0 0 20px; margin-top: 25px; }

.privacy_wrap .privacy_body .privacy_default_box ol > li { list-style-type: decimal !important; padding: 0 0 5px 0; }

.privacy_wrap .privacy_body .privacy_default_box ol.circle_num { padding: 0 0 0 20px; }

.privacy_wrap .privacy_body .privacy_default_box ol.circle_num > li { position: relative; list-style-type: none !important; }

.privacy_wrap .privacy_body .privacy_default_box ol.circle_num > li:before { content: ""; display: block; width: 16px; height: 16px; position: absolute; top: 7px; left: -20px; border: 1px solid #777; border-radius: 50%; font-size: 11px; line-height: 1.2; text-align: center; }

.privacy_wrap .privacy_body .privacy_default_box ol.circle_num > li:nth-child(1):before { content: "1"; }

.privacy_wrap .privacy_body .privacy_default_box ol.circle_num > li:nth-child(2):before { content: "2"; }

.privacy_wrap .privacy_body .privacy_default_box ol.circle_num > li:nth-child(3):before { content: "3"; }

.privacy_wrap .privacy_body .privacy_default_box ol.circle_num > li:nth-child(4):before { content: "4"; }

.privacy_wrap .privacy_body .privacy_default_box ol.circle_num > li:nth-child(5):before { content: "5"; }

.privacy_wrap .privacy_body .privacy_default_box ol.circle_num > li:nth-child(6):before { content: "6"; }

.privacy_wrap .privacy_body .privacy_default_box ol.circle_num > li:nth-child(7):before { content: "7"; }

.privacy_wrap .privacy_body .privacy_default_box ol.circle_num > li:nth-child(8):before { content: "8"; }

.privacy_wrap .privacy_body .privacy_default_box ol.circle_num > li:nth-child(9):before { content: "9"; }

.privacy_wrap .privacy_body .privacy_default_box table thead { text-align: center; }

.privacy_wrap .privacy_body .privacy_default_box table tbody { background-color: #fff; }

.privacy_wrap .privacy_body .privacy_default_box h2 { font-size: 18px; }

@media (max-width: 767px) { .privacy_wrap .privacy_body { padding: 0 10px; } }

article .box-gray .text h2.title { color: #455063; font-size: 24px; font-weight: 700; letter-spacing: -0.6px; position: relative; }

article .box-gray .text h2.title::before { content: ''; width: 30px; height: 5px; /*border-radius: 3px; */ background: url(/resources/images/common/bu01.png) 0 0 no-repeat; position: absolute; top: -7px; left: 0; display: inline-block; }

article .box-gray .text h3.title { margin-top: 20px; color: #455063; font-size: 18px; font-weight: 600; line-height: 26px; letter-spacing: -0.45px; }

article .box-gray .text h3.title + p { margin: 10px 0 30px; }

article .box-gray .text p { color: #1d1d1d; font-size: 16px; font-weight: 400; line-height: 28px; letter-spacing: -0.4px; }

article .box-gray .tables-board { margin-top: 30px; color: #1d1d1d; }

article .box-gray .tables-board thead { border: solid 1px #fff; background-color: #efeddd; }

article .box-gray .tables-board thead th { padding: 15px 5px; font-size: 18px; font-weight: 400; line-height: 26px; letter-spacing: -0.45px; border-left: 1px solid #fff; }

article .box-gray .tables-board td { border-left: 1px solid #cfcfcf; }

article .box-gray .tables-board th:first-child, article .box-gray .tables-board td:first-child { border-left: none; }

article .box-gray .tables-board td { padding: 16px 20px; text-align: center; white-space: normal; word-break: keep-all; border-bottom: 1px solid #cfcfcf; font-size: 16px; font-weight: 400; line-height: 26px; letter-spacing: -0.4px; }

@media (max-width: 767px) { article .box-gray .tables-board td { word-break: break-all; } }

.sh { margin: 30px 0 13px; text-align: right; }

.sh select { width: 190px; height: 40px; border: 1px solid #cfcfcf; background-color: #fff; color: #adadad; }

@media (max-width: 767px) { .sh select { width: 120px; margin: 0 0 13px; } }

.inp-sh-set { display: inline-block; }

.inp-sh-set input { width: 280px; height: 40px; border: 1px solid #cfcfcf; }

.inp-sh-set .b-sh { width: 120px; height: 40px; border-radius: 3px; float: right; margin-left: 3px; text-align: center; line-height: 36px; }

.inp-sh-set .b-sh span { color: #fff; font-size: 16px; font-weight: 500; line-height: 24px; letter-spacing: -0.4px; position: relative; padding-left: 27px; }

.inp-sh-set .b-sh span i { position: absolute; left: 0; top: 2px; font-size: 16px; font-weight: 900; line-height: 24px; letter-spacing: -0.5px; color: #fff; }

@media (max-width: 767px) { .inp-sh-set { float: left; position: relative; width: calc(100% - 130px); }
  .inp-sh-set input { width: 100%; }
  .inp-sh-set .b-sh { position: absolute; right: 0; width: 40px; background-color: transparent; }
  .inp-sh-set .b-sh span { color: transparent; }
  .inp-sh-set .b-sh span i { color: #adadad; left: 13px; } }

.db-nav { margin-bottom: 40px; }

.db-nav ul { display: block; }

.db-nav ul:before, .db-nav ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.db-nav li { float: left; border: 1px solid #dddddd; min-width: 296px; position: relative; margin-bottom: -1px; margin-left: -1px; z-index: 1; }

.db-nav a { display: block; padding: 15px 0; text-align: center; background-color: #f0f5fa; color: #455063; font-size: 18px; font-weight: 600; line-height: 26px; letter-spacing: -0.45px; }

.db-nav li.on { z-index: 2; }

.db-nav li.on a { background-color: #2c77bc; color: #fff; }

@media (max-width: 767px) { .db-nav { margin-bottom: 0; text-align: center; }
  .db-nav ul { display: inline-block; }
  .db-nav li { min-width: calc(100% / 2); width: 140px; }
  .db-nav li a { font-size: 14px; padding: 8px 0; } }

.db-search { text-align: center; margin-bottom: 52px; }

.db-search p { display: inline-block; color: #2c77bc; font-family: 'GyeonggiTitleM'; font-size: 24px; font-weight: 400; line-height: 1.3; letter-spacing: -1.2px; position: relative; padding-left: 70px; }

.db-search p span { color: #f8697a; }

.db-search p::before { content: ''; position: absolute; left: 0; top: -8px; width: 58px; height: 45px; background: url(/resources/images/common/icon-find.png) 0 0 no-repeat; background-size: 100%; }

@media (max-width: 767px) { .db-search { margin-bottom: 20px; }
  .db-search p { font-size: 18px; padding-left: 50px; }
  .db-search p::before { width: 40px; height: 31px; } }

.js-table-col span.title { display: none; }

@media (max-width: 767px) { .js-table-col { display: block; }
  .js-table-col thead { display: none; }
  .js-table-col tbody, .js-table-col tr, .js-table-col td, .js-table-col th { display: block; width: 100%; }
  .js-table-col tr { margin-bottom: 20px; }
  .js-table-col tr + tr { border-top: 2px solid #2c77bc !important; }
  .js-table-col tr:last-child { margin-bottom: 0; }
  .js-table-col td { overflow: hidden; }
  .js-table-col td.no_data span.title { display: none; }
  .js-table-col td.no_data span.title + .cell { width: 100%; text-align: center; }
  .js-table-col span.title { display: block; width: 110px; }
  .js-table-col span.title + .cell { width: calc(100% - 110px); float: right; }
  .js-table-col td.current { max-width: 100%; padding-left: 8px; }
  .js-table-col tbody tr td { padding: 8px; text-align: left; /* border-right: 1px solid $bdcolor; border-left: 1px solid $bdcolor; */ }
  .js-table-col tbody tr td a { max-width: 100%; }
  .grid .js-table-col td { padding: 0; display: flex; flex-direction: row; }
  .grid .js-table-col td > * { padding: 8px; }
  .grid .js-table-col span.title { background-color: #f0f5fa; } }

@media (max-width: 767px) { .bd-list { display: block; }
  .bd-list thead { display: none; }
  .bd-list tbody { display: block; }
  .bd-list tbody tr { position: relative; display: block; padding: 10px 0 10px 35px; line-height: 1.5; text-align: right; }
  .bd-list tbody tr:first-child > * { border-top-width: 0; }
  .bd-list tbody td { border: none; padding: 0 10px 0 0; }
  .bd-list tbody .num { position: absolute; left: 5px; top: 50%; padding: 0; margin-top: -15px; }
  .bd-list tbody .current { display: block; text-align: left; max-width: 100%; padding-left: 0; }
  .bd-list tbody .current.rel { position: relative; }
  .bd-list tbody .current a { /* max-width: calc(100% - 64px); */ max-width: 100%; color: #1d1d1d; font-weight: 600; }
  .bd-list tbody .current a::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .bd-list tbody .answer { position: absolute; right: 0; top: 50%; margin-top: -15px; } }

.no-enrolldata { width: 100%; background-color: #f0f5fa; text-align: center; padding: 68px 0; }

.no-enrolldata p { padding-top: 18px; color: #455063; font-family: 'Noto Sans KR Medium'; font-size: 24px; font-weight: 400; letter-spacing: -1.2px; }

.no-enrolldata p br { display: none; }

@media (max-width: 767px) { .no-enrolldata img { width: 55px; }
  .no-enrolldata p { font-size: 18px; }
  .no-enrolldata p br { display: block; } }

.modal .modal-content .modal-header h4 { padding: 10px 30px; background-color: #2c77bc; text-align:z center; color: #fff; font-family: 'Noto Sans KR'; font-size: 18px; font-weight: 400; line-height: 26px; letter-spacing: -0.45px; }

.modal .modal-content .modal-body { padding: 10px 20px; text-align: center; background-color: #fff; color: #1d1d1d; font-size: 14px; font-weight: 400; border-radius: 10px 10px 0 0; }

.modal .modal-content .modal-footer { padding: 10px 20px; text-align: center; background-color: #fff; color: #1d1d1d; font-size: 14px; font-weight: 400; border-radius: 0 0 10px 10px; margin-top: -1px; }

.modal .modal-content .modal-footer .btn { width: 120px; height: 40px; border-radius: 3px; border: 1px solid #cfcfcf; background-color: #ebebeb; color: #666; font-size: 16px; font-weight: 500; line-height: 24px; letter-spacing: -0.4px; }

.modal .modal-content .modal-footer .btn.btn-default { border-color: #2c77bc; background-color: #2c77bc; color: #fff; }

.modal h1 + .btn-manual { margin: 25px 22px 10px; }

.modal .btn-manual { min-height: 38px; line-height: 1.3; border-radius: 3px; background-color: rgba(58, 44, 37, 0.75); color: #fff; font-size: 16px; font-weight: 500; letter-spacing: -0.4px; padding: 5px 14px; }

.modal .btn-manual br { display: none; }

@media (max-width: 767px) { .modal .btn-manual { font-size: 14px; }
  .modal .btn-manual br { display: block; } }

.modal table { border-top: 2px solid #2c77bc; text-align: left; margin-top: 10px; }

.modal table tbody tr { border-bottom: 1px solid #cfcfcf; }

/* .modal table tbody tr > * { display: inline-block; } 2021-12-22 dcdVeiw2 때문에 주석 */

.modal table tbody tr th { color: #000; background-color: #f0f5fa; width: 160px; padding: 18px 0 18px 20px; font-size: 16px; font-weight: 500; line-height: 1.3; letter-spacing: -0.4px; }

.modal table tbody tr td { padding: 0 20px; width: calc(100% - 160px); }

.modal table tbody tr td.col { text-align: center; background-color: #f0f5fa; color: #000; font-size: 16px; font-weight: 600; letter-spacing: -0.4px; min-height: 50px; width: 100%; padding: 16px 0; line-height: 1.3; }

.modal table tbody tr td.col br { display: none; }

@media (max-width: 767px) { .modal table tbody tr td.col { font-size: 14px; }
  .modal table tbody tr td.col br { display: block; } }

.modal table tbody tr td input { width: 104px; }

.modal table tbody tr td input.wide { width: calc(100% - 130px); }

.modal table tbody tr td #letsArea { width: 120px; }

.modal table tbody tr td .radio { vertical-align: middle; padding-left: 30px; }

.modal table tbody tr td .bbs { vertical-align: top; }

@media (max-width: 767px) { 
.modal table tr, 
.modal table th, 
.modal table td { display: block; width: auto; }
.modal .section-verify table tbody { }
.modal .section-verify table tr { display:table-row; width: auto; }
.modal .section-verify table th { display:table-cell; width: auto; word-break: break-word; line-height:1.3 !important;padding:5px; vertical-align:top;}
.modal .section-verify table td { display:table-cell; width: auto; word-break: break-word; line-height:1.3 !important;padding:5px; vertical-align:top;}
.modal table tbody tr > * { width: 100% !important; }
.modal table tbody tr th { height: 40px; padding: 10px; font-size: 14px; text-align: center; }
.modal table tbody tr td { min-height: 50px; padding: 5px 10px; }
.modal table tbody tr td input { width: 98px; }
.modal table tbody tr td input.wide { width: 100%; }
.modal table tbody tr td #letsArea { width: 100%; margin-bottom: 10px; }
.modal table tbody tr td .radio { padding-left: 0; }
.modal table tbody tr td .bbs { margin-top: 2px; } 
}

.btn + .select-confirm { margin-top: 30px; }

.select-confirm { width: 100%; }

.select-confirm .confirm-content { background-color: #f0f5fa; border-top: 2px solid #2c77bc; }

.select-confirm .confirm-content h1 { color: #455063; font-family: 'Noto Sans KR Medium'; font-size: 24px; font-weight: 400; line-height: 1.3; letter-spacing: -1.2px; text-align: center; padding: 20px 0; }

.select-confirm .confirm-content .confirm-desc { padding: 0 40px 20px 40px; }

.select-confirm .confirm-content .confirm-desc p.wait { color: #2c77bc; font-size: 20px; font-weight: 600; padding-top: 35px; padding-bottom: 30px; position: relative; text-align: center; line-height: 26px; }

.select-confirm .confirm-content .confirm-desc p.wait::before { content: ''; color: #f8697a; font-family: "Line Awesome Free"; font-size: 40px; font-weight: 600; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.select-confirm .confirm-content .confirm-desc .ex { margin-top: 20px; padding: 15px 40px; border: 1px solid rgba(44, 119, 188, 0.5); background-color: #fff; }

.select-confirm .confirm-content .confirm-desc .ex p { color: #1d1d1d; font-size: 14px; font-weight: 400; line-height: 1.3; letter-spacing: -0.35px; }

@media (max-width: 767px) { .select-confirm .confirm-content .confirm-desc { padding: 10px; }
  .select-confirm .confirm-content .confirm-desc .ex { padding: 15px; } }

.sitemap { overflow: hidden; display: block; }

.sitemap > ul { float: left; margin: 0 -10px; }

.sitemap > ul > li { float: left; width: 20%; padding: 0 10px; text-align: center; }

.sitemap > ul > li > * { float: left; }

.sitemap > ul > li > a { display: block; width: 100%; border-radius: 5px; background-color: #f0f5fa; color: #455063; font-size: 20px; font-weight: 700; line-height: 60px; letter-spacing: -0.5px; }

.sitemap > ul > li > ul { /* margin-left: 10px; margin-top: 10px; padding-bottom: 20px; */ padding: 10px 10px 20px; }

.sitemap > ul > li > ul > li { float: left; padding: 0 0 0 13px; position: relative; width: 100%; text-align: left; }

.sitemap > ul > li > ul > li::before { content: ''; position: absolute; width: 6px; height: 6px; background-color: #2c77bc; border-radius: 6px; left: 0; top: 20px; }

.sitemap > ul > li > ul > li > a { display: block; font-size: 18px; padding: 8px 0; }

.sitemap > ul > li > ul > li > a:hover, .sitemap > ul > li > ul > li > a:active, .sitemap > ul > li > ul > li > a:focus { text-decoration: underline; color: #2c77bc; font-weight: 600; }

@media (max-width: 1199px) { .sitemap > ul > li { width: 25%; }
  .sitemap > ul > li > a { width: 100%; } }

@media (max-width: 767px) { .sitemap > ul > li { width: 50%; padding: 0 5px; }
  .sitemap > ul > li > a { font-size: 16px; line-height: 50px; }
  .sitemap > ul > li > ul > li > a { font-size: 15px; }
  .sitemap > ul > li > ul > li::before { width: 5px; height: 5px; top: 17px; } }

@media (max-width: 480px) { .sitemap > ul > li { width: 100%; } }

.verify-box { border: 1px solid rgba(44, 119, 188, 0.5); background-color: #f9fbfd; padding: 26px; }

.verify-box .applicant { color: #455063; font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: -0.4px; }

.verify-box .applicant span { font-size: 16px; letter-spacing: -0.45px; }

br.mobile { display: none; }

@media (max-width: 767px) { br.mobile { display: inline; } }

.circlebx > a .cbox { width: 190px; font-size: 22px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25); background: #fff; height: 90px; }

.circlebx > a .cbox.circle1 { border-radius: 90px 90px 0 0; background: #fff url(/resources/images/main/banner_0315.png) no-repeat; background-position: center 88%; background-size: cover; }

.circlebx > a .cbox.circle2 { border-radius: 0 0 90px 90px; background: #fff url(/resources/images/main/banner_0315.png) no-repeat; background-position: center -11px; background-size: cover; }

.circlebx > a .cbox.circle4 { border-radius: 0 0 90px 90px; background: #fff url(/resources/images/main/banner_0601.png) no-repeat; background-position: center 100%; background-size: cover; }

.circlebx > a .cbox.circle3 { border-radius: 90px 90px 0 0; background: #fff url(/resources/images/main/banner_0601.png) no-repeat; background-position: center -0px; background-size: cover; }

@media all and (max-width: 1150px) { .circlebx > a .cbox { width: 170px; height: 80px; font-size: 19px; }
  .circlebx > a .cbox.circle1 { border-radius: 80px 80px 0 0; }
  .circlebx > a .cbox.circle2 { border-radius: 0 0 80px 80px; } }

@media all and (max-width: 1100px) { .circlebx > a .cbox { width: 160px; height: 75px; }
  .circlebx > a .cbox.circle1 { border-radius: 75px 75px 0 0; }
  .circlebx > a .cbox.circle2 { border-radius: 0 0 75px 75px; } }

.circlebx > a + a { margin-top: 10px; }

@media all and (max-width: 600px) { .circlebx { width: 49%; padding: 10px 0; }
  .circlebx > a .cbox { max-width: 150px; width: 130px; height: 60px; }
  .circlebx > a .cbox.circle1 { border-radius: 60px 60px 0 0; }
  .circlebx > a .cbox.circle2 { border-radius: 0 0 60px 60px; } }

/*# sourceMappingURL=default.css.map */

/* 210429 */
.global-set .right li.event a{border: 1px solid #e9d052;background-color: #e9d052;width: 139px;}
.main-contents .con1 > div ul li.li_event a .box{background: transparent; box-shadow: none;}
@media (max-width: 600px){.main-contents .con1 > div ul li.li_event a .box > img { width: auto; height: auto;}}

#content.event-wrap{width: 100%;}
.event-page.event0430{font-family: 'Noto Sans KR';}
.event-page.event0430 .row{margin: 0 ;}
.event-page.event0430 .join-box{background-color: #1a5fa4;padding: 0 0 30px}
.event-page.event0430 .join-box.type2{background-color: #f0e8d6;}
.event-page.event0430 .join-box>div{border-radius: 5px; background-color: #135190;width: 90%;margin:auto;padding:24px 30px 5px;}
.event-page.event0430 .join-box.type2>div{background-color: #ccc2ab;}
.event-page.event0430 .join-box label{color: #fff;margin-bottom: 20px;}
.event-page.event0430 .join-box.type2 label{color: #000;}
.event-page.event0430 .join-box dl{display: table;width: 100%;}
.event-page.event0430 .join-box dl dt{display: table-cell;}
.event-page.event0430 .join-box.type2 dl dt{color: #000;}
.event-page.event0430 .join-box dl dt{ width: 15%; color: #ffffff; font-size: 14px; font-weight: 400; line-height: 24px; text-align: left; letter-spacing: -1.02px;}
.event-page.event0430 .join-box dl dd input{width: 100%;}
.event-page.event0430 .join-box dl dd.input-plus input{width: calc(100% - 33px);}
.event-page.event0430 .join-box dl dd.input-plus{position: relative;}
.event-page.event0430 .join-box dl dd.input-plus .plus{position: absolute;top: 0;right: 0;}
.event-page.event0430 .join-box dl dd.input-plus >span input + input{margin-top: 5px;}
.event-page.event0430 .join-box dl dd button{ width: 30px;height: 30px; background-color: #92c2f2; border-radius: 2px; padding: 0; vertical-align: middle; }
.event-page.event0430 .join-box dl dd button i{text-align: center;}
.event-page.event0430 .event-content{padding: 40px 50px;}
.event-page.event0430 .join-box input[type="text"],event-input-box input[type="text"]{height: 30px;}
.event-page.event0430 .event-content h3{ color: #000000; font-size: 16px; font-weight: 700; line-height: 24px; text-align: left; font-style: normal; margin-top: 0; }
.event-page.event0430 .event-content .table{border-bottom:none;margin-bottom: 15px;}
.event-page.event0430 .event-content table{margin-bottom: 0;}
.event-page.event0430 .event-content .table table th,.event-content .table table td{padding: 12px 0; font-size: 14px; letter-spacing: -1.02px; text-align: center; font-weight: 700;}
.event-page.event0430 .event-content .table table th{ color: #cc2e3d; background-color: #f6f6f6; }
.event-page.event0430 .event-content .table table td{ color: #000000; border-left: none; }
.event-page.event0430 .event-content p{ color: #757575; font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: -0.35px; }
.event-page.event0430 .event-content .list-li li{position: relative;padding-left: 8px;}
.event-page.event0430 .event-content .list-li li::before{content: '-'; position: absolute; top: 1px; left: 0; color: #757575;}
.event-page.event0430 .dl-list{margin-top: 30px;}
.event-page.event0430 .dl-list dl{display: flex; }
.event-page.event0430 .dl-list dl dt {color: #000000; font-size: 14px; font-weight: 400; line-height: 24px; font-weight: 700; letter-spacing: -1.02px; flex-basis: 40%;}
.event-page.event0430 .dl-list dl dt .red{color: #cc2e3d;}
.event-page.event0430 .dl-list dl dd label + label{ margin-left: 25px;}
.event-page.event0430 .dl-list dl dd label i{margin-right: 10px;}
.event-page.event0430 .event-content ul li{ color: #757575; font-size: 14px; font-weight: 400; line-height: 28px; text-align: left; letter-spacing: -0.35px;}
.event-page.event0430 .event-input-box >div >div.left{background: #f0e8d6 url(/resources/images/9-layers.png) center bottom no-repeat;}
.event-page.event0430 .event-input-box >div >div.left dl {display: table;table-layout: fixed;width: 100%;margin-bottom: 10px;}
.event-page.event0430 .event-input-box >div >div.left dl>*{display: table-cell;}
.event-page.event0430 .event-input-box >div >div.left dl dt{width: 15%;font-size: 14px;}
.event-page.event0430 .event-input-box >div >div.left dl dt label{font-size: 14px;}
.event-page.event0430 .event-input-box >div >div.left dl dd input{width: 100%;height: 30px;}
.event-page.event0430 .event-input-box >div >div{ height: 430px; padding: 45px 50px 0 50px; background-color: #1a5fa4; }
.event-page.event0430 .event-input-box >div >div h3{margin: 0;font-size: 16px;font-weight: 700;margin-bottom: 20px;}
.event-page.event0430 .event-input-box >div >div h3.title{ color: #ffffff; font-size: 30px; font-weight: 500; line-height: 36px; text-align: left; font-family: 'Noto Sans KR Regular'; letter-spacing: -1.75px; word-break: keep-all; }
.event-page.event0430 .event-input-box >div >div .box{ border-radius: 5px; border: 1px solid #3f80c1; background-color: #135190; }
.event-page.event0430 .event-input-box >div >div .box ul{padding: 17px 20px;margin-bottom: 0;}
.event-page.event0430 .event-input-box >div >div .box ul li{ color: #e9d052; }
.event-page.event0430 .event-input-box >div >div .box ul li span{ color: #ffffff; font-size: 14px; font-weight: 700; }
.event-page.event0430 .event-input-box >div >div .box + p{ margin-top: 15px; color: #e9d052; font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: -1.02px; position: relative; text-indent: -13px; padding-left: 13px; padding-bottom: 10px; }
.event-page.event0430 .event-input-box >div >div .box + p::before{ content: '※ '; }
.event-page.event0430 .event-input-box >div >div.left button{ background-color: #e15562; color: #f6f6f6; margin-top: 10px; border-radius: 5px; text-align: center; width: 100%; height: 69px; font-family: 'NEXON Lv1 Gothic OTF Light'; font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: -1.31px; font-weight: 700; box-sizing: border-box;}
.event-page.event0430 .event-input-box >div >div .button{ background-color: #bfddfa; color: #000000; border-radius: 5px; text-align: center; width: 100%; height: 69px; font-family: 'NEXON Lv1 Gothic OTF Light'; font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: -1.31px; font-weight: 700; box-sizing: border-box; line-height: 69px; display: inline-block;}
@font-face {
  font-family: 'NEXON Lv1 Gothic OTF Light';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
.event-page.event0430 .dl-list input[type=radio]:checked ~ i{ border: solid 5px #e15562; }
.event-page.event0430 .join-box input[type="checkbox"]:checked + label > span{ background-image: url(/resources/images/common/ico-joincheck.png); }
.event-page.event0430 .join-box input[type="checkbox"] + label > span{width: 26px;height: 26px;margin-right: 10px; vertical-align: middle;}

  /* 210503 */
  .event2{position: relative;}
  .poster-view{display: block; position: absolute; top: 30%; right: 0; width: 30%; height: 25%; cursor: zoom-in;}
  .poster{display: none; position: absolute; top: 0;left: 0; width: 100%; height: auto; z-index: 10; text-align: center; padding: 40px 3% 10px; background-color: rgba(0, 0, 0, 0.4);}
  .poster button{position: absolute; top: 0; right: 0}
  .poster button i{font-size: 35px; color: #fff;}

@media (max-width: 1199px){
  .event-page.event0430 .event-input-box >div >div h3.title{font-size: 24px;}
}

@media (max-width: 991px){
  .event-page.event0430 .event-input-box >div >div{height: auto; padding-bottom: 50px}
  .event-page.event0430 .event-input-box >div >div.left{padding-bottom: 170px;}
}
@media (max-width: 767px){
  .event-page.event0430 .dl-list dl{display:block}
  .event-page.event0430 .dl-list dl dt{flex-basis: 100%;}

  .event-page.event0430 .join-box dl{margin-bottom: 10px;}
  .event-page.event0430 .join-box dl dt{display: block; width: 100%; margin-bottom: 5px;}
  .event-page.event0430 .join-box>div{padding-left: 0; padding-right: 0;}
  .event-page.event0430 .join-box label{padding-left: 10px;}

  .event-page.event0430 .event-content{padding: 20px 0}
  .event-page.event0430 .event-input-box >div >div{padding-left: 15px; padding-right: 15px;}

  .poster-view{top: 15%;}
}