@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;600&display=swap');



* {
	font-family: 'Noto Sans KR', sans-serif;
	max-height: 1000000px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*, *::before, *::after {
	box-sizing: border-box;
}
html {
	font-size: 12px;
	line-height: 140%;
	width:100%;
	height:100%;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, select, p {
	margin: 0;
	padding: 0;
	resize: none;
}

ul, li {
	list-style: outside none none;
}

body{
	height: 100%;
	width: 100%;
	font-size:12px;
}
button { cursor:pointer; }
h1,h2 { display:none; }
table caption { display:none;}
table {
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
}
input[type="radio"], input[type="checkbox"] { margin:0; }

a, a:active, a:hover, a:visited { color:inherit; text-decoration:none; }
.line_off { border-bottom:0 !important; }

.blue { color:#124a89 !important; }
.blue_11 { color:#124a89 !important; font-size:.5em !important; }
.blue_20 { color:#124a89 !important; font-size:2rem !important; }
.blue_30 { color:#124a89 !important; font-size:3rem !important; }
.gray_11 { color:#727272 !important; font-size:1.1rem !important; }
.gray_14 { color:#666 !important; font-size:1.4rem !important; }
.gray_16_b { color:#666 !important; font-size:1.5rem !important; font-weight:bold; }
.gray_20 { color:#666 !important; font-size:2rem !important; }
.black_11 { color:#333333 !important; font-size:.5em !important; }
.black_12_b { color:#333333 !important; font-size:1em !important; font-weight:bold; }
.black_40 { color:#000 !important; font-size:3em !important; }
.red_11 { color:#a30a18; font-size:.9em; }
.red { color:#a30a18; }

.height_10rem { width:100%; float:left; height:10rem; }
.height_5rem { width:100%; float:left; height:5rem; }
.height_4rem { width:100%; float:left; height:4rem; }

.whtieBtn {background:#fff;border:1px solid #d6d6d6;width: 15rem;padding: 1rem 0;font-size: 1em;color: #666666; margin-top:2rem; }
.whtieBtn:hover {background:#333333;border:1px solid #333333; color:#fff; }
.centerBtn {background:#333333;border:1px solid #333333;width: 15rem;padding: 1rem 0;font-size: 1.3em;color: #fff; margin-top:1rem; margin:0 auto;  display:block; }
.centerBtn:hover {background:#333333;border:1px solid #333333; color:#fff; }
.grayBtn {background:#cccccc;border:1px solid #cccccc;width: 12rem;padding: 1rem 0;font-size: 1.3em;color: #333333; }
.blackBtn {background:#333333;border:1px solid #333333;width: 12rem;padding: 1rem 0;font-size: 1.3em;color: #fff; }

.centerBtnBox { margin:0 auto; text-align:center; display:block; }
.textLeft { text-align:left !importnat; }
.rightBoxBtn { float:right; }

.navWrap { width:100%; background:#333; height:6rem; }
.navBox { width:1100px; margin:0 auto; color:#fff;  height:6rem; display:table; padding:0 1rem; }
.navBox dl { font-size:1.1em;  display:table-cell; vertical-align:middle; }
.navBox dl dt { float:left; margin-right:0.1rem; }
.navBox dl dd { display:inline-block; padding:.76rem .3rem .5rem; text-transform:uppercase; }
.navBox ul {  display:table-cell; vertical-align:middle; font-size:1.3em; }
.navBox ul li { display:inline; padding:0 .2rem; color:#bfbfbf; }

.subnav { position: relative; display: inline-block;}
.subnav a {height: 22px; display: inline-block;}
.subnav .subnav-content { font-size: 1.2rem; visibility: hidden; width: 170px; background-color: #fff; padding: 0; text-align: center; position: absolute; z-index: 1; border-radius:5px; left: -138px; padding-top: 1px; height: 22px; color: #999;}
.subnav-content ul li { display:inline; padding:0 .2rem; color:#bfbfbf; }
.subnav:hover .subnav-content { visibility: visible; } 




.m_navBox { width:100%; color:#fff;  height:6rem; display:table; padding:0 1rem;  background:#333; display:none; }
.m_navBox ul {width:100%;position:relative;top: 1.2rem;}
.m_navBox ul li { text-align:center; }
.m_navBox .menuIcon {position:absolute;top: .6rem;left:1rem;}
.m_navBox .spicon {position:absolute;top: .6rem;right:1rem;}
.m_navBox .spicon a {float: right;margin-bottom: 4px;}
.m_navBox .spicon .subnav-content {font-size: 1rem;visibility: hidden;width: 110px;background-color: #fff;padding: 0;text-align: center;position: absolute;z-index: 1;border-radius: 5px;left: -120px;height: 42px;color: #999;padding: 2px 5px 5px 5px;top: -10px;}
.spicon:hover .subnav-content { visibility: visible; }

.menuWrap {position:fixed;top:0;left:0;background:#333;width:100%;height:100%;z-index:99;font-size:2em;padding: 5rem; display:none; overflow-y:auto; }
.menuWrap h3 {width:100%;float:left;padding: 3rem 0; text-align:center; }
.menuWrap h3 span {width:3rem;height:3rem;position:absolute;top: 5rem;right: 5rem;background:url(/images/closeBtn.png) center no-repeat;text-indent:-999999px; z-index:3; }
.menuWrap ul { width:100%; float:left; }
.menuWrap ul li{text-align:left;width: 100%;border-bottom:1px solid #e1e1e1;padding: 2rem 0 2.5rem;font-size: 1em;color:#fff;}

.navWrap_2 { width:100%; background:#f6f6f6; height:6rem;  }
.navBox_2 { width:1100px; margin:0 auto; color:#fff;  height:6rem; display:table; padding-left:1rem; }
.navBox_2 p { color:#333;font-size:2em;font-weight:bold; float: left;padding-top: 1rem; line-height:180%; }
.navBox_2 ul { font-size:1.3em;text-align:right;width: auto;float: right;line-height: 5.5rem;}
.navBox_2 ul li {display:inline; color:#333333;width: auto ;text-align: right;}
.navBox_2 ul li.on { color:#0a4984; font-weight:bold; }
.navBox_2 ul li:last-child { margin-right:25px !important; }

.eventGnb .inn.move {position:fixed; top:0; z-index:2; }
.eventGnb > .inn li:hover { color:#1371b8; }
.eventGnb > .inn ul li.on { color:#1371b8; }

.contentBox { width:100%; clear:both; }
.contentBox h1 { display:none; }
.subbannerBox { width:100%; clear:both; }
.subbannerBox ul li { width:20%; float:left; border-top:1px solid #fff;  border-right:1px solid #fff;  position:relative; }
.subbannerBox ul li img { width:100%; }
.subbannerBox ul li > dl { position:absolute; bottom:2rem; left:2rem; color:#fff; font-size:2rem; }
.subbannerBox ul li > dl:before { content:""; width:30px; border-top:2px solid #fff; float:left; margin-bottom:15px; }
.subbannerBox ul li > dl dd { width:100%; float:left; }

.contentWrap { width:100%; float:left; padding:0 0 3rem; }
.contentWrap article {  width:1100px; margin:0 auto; padding:0 1rem; }
.contentWrap .titWrap{ width:100%; float:left; margin-bottom:6rem; }
.contentWrap .titWrap dt { color:#333; font-size:3.5rem; text-transform:uppercase; margin:0 auto; text-align:center; }
.contentWrap .titWrap dt .icon_01 { width:4rem; height:3rem; background:url(/images/titicon_l.png) no-repeat; margin-right:.5rem; }
.contentWrap .titWrap dt .icon_02 { width:4rem; height:3rem; background:url(/images/titicon_l.png) no-repeat; position:relative; top:2rem; right:-.5rem; }
.contentWrap .titWrap dt span { display:inline-block; }
.contentWrap .titWrap dd { float:right; }
.contentWrap .titWrap dd span { font-size:13px; color:#888888; padding-left:10px; }
.contentWrap .titWrap dd .gray { color:#aaa; }
.contentWrap .titWrap dd span.on { color:#6699cc; }

.contentWrap .step_01,
.contentWrap .step_02 { width:100%; float:left; border-bottom:1px solid #e1e1e1; padding:0 0 8rem; }
.contentWrap .step_01 { padding-top:15rem; }
.contentWrap .step_02 { padding-top:10rem; }
.contentWrap .step_03 { width:100%; float:left; border-bottom:1px solid #e1e1e1; padding-top:10rem; }
.contentWrap .step_04 { width:100%; float:left; border-bottom:1px solid #e1e1e1; margin-top:5rem; }
.contentWrap .step_02 h3 { font-size:2em }

.step_100 { width:100%; float:left; position:relative; }
.step_100 article { width:1100px; margin:0 auto; padding:0 1rem 8rem; }

.brandBox_01 { width:100%; float:left; }
.brandBox_01 p { width:100%; float:left; margin:4rem 0 0; text-align:center; }
.brandBox_01 ul { width:100%; float:left; }
.brandBox_01 ul li { width:100%; float:left; color:#888; font-size:1.5em; line-height:170%; text-align:center; }

.searchBox { width:40rem; height:5rem; margin:0 auto; margin-bottom:2rem; clear:both;  position:relative; }
.searchBox input { width:40rem; height:5rem; border:2px solid #cccccc; font-size:1.4em; padding:0 1rem; }
.searchBox button { background:url(/images/search_icon.png) center no-repeat; text-indent:-999999px; border:0; width:5rem; height:5rem; position:absolute; right:0; top:0; }

.tabBox { width:100%; float:left; padding:2rem 0 4rem; }
.tabBox ul { margin:0 auto; text-align:center; max-width:800px; }
.tabBox ul li { display:inline-block; padding:1rem 2rem; background:#f2f2f2; font-size:1.3em; color:#7a7a7a; border-bottom:5px solid #fff; }
.tabBox ul li.on { background:#333; color:#fff; }

.tableBox { float:left; border-bottom:1px solid #e3e3e3; font-size:1.3em; }
.tableBox th { border-top:1px solid #7b7b7b; padding:1.6rem 1rem; color:#333333; background:#f6f6f6; text-align:center; }
.tableBox td { border-top:1px solid #cccccc;  padding:1.6rem 1rem; color:#888888; text-align:center; vertical-align:middle; line-height:170%; }
.tableBox td+td { text-align:left; }
.tableBox td+td+td,
.tableBox td+td+td+td { text-align:center; }

.tableBox_2 { width:100%; float:left; padding:4rem 2rem; background:#f6f6f6; }
.tableBox_2 th { padding:1.6rem 1rem; color:#333333; font-weight:normal; font-size:2.6em; border-top:1px dotted #dedede;}
.tableBox_2 td { padding:1.6rem 1rem; color:#888888; vertical-align:middle; line-height:170%; font-size:1.4em;  border-top:1px dotted #dedede;}
.tableBox_2 th > font { vertical-align:middle; }
.tableBox_2 tr:first-child th,
.tableBox_2 tr:first-child td { border-top:0; }

.tableBox_3 { float:left; border-bottom:1px solid #e3e3e3; font-size:1.3em; }
.tableBox_3 th { border-top:1px solid #7b7b7b; padding:1.6rem 1rem; color:#333333; background:#f6f6f6; text-align:center; }
.tableBox_3 td { border-top:1px solid #e3e3e3;  padding:1.6rem 1rem; color:#888888; text-align:center; vertical-align:middle; line-height:170%; }

.tableBox_4 { float:left; border-bottom:1px solid #e3e3e3; font-size:1.3em; }
.tableBox_4 th { border-top:1px solid #cccccc; padding:1rem 1rem; color:#333333; background:#f6f6f6; }
.tableBox_4 td { border-top:1px solid #cccccc;  padding:1rem 1rem; color:#888888; text-align:left; vertical-align:middle; line-height:170%; }
.tableBox_4 td input[type=text] { border:1px solid #cccccc; height:3rem; width:100%; }
.tableBox_4 td .s_input { width:40% !important; position:relative; }
.tableBox_4 td textarea { height:30rem; width:100%; resize:none; border:1px solid #cccccc; }
.tableBox_4 td select { height:3rem; width:40%;  border:1px solid #cccccc; font-size:.9em; padding:0 .5rem; }
.tableBox_4 td  input[type=radio]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.3); /* IE */
  -moz-transform: scale(1.3); /* FF */
  -webkit-transform: scale(1.3); /* Safari and Chrome */
  -o-transform: scale(1.3); /* Opera */
  padding-right: 5px;
  vertical-align:text-top;
}

.paddingBox td { white-space:pre-line; padding:2rem 1rem 4rem; }

#show_02 { display:none;}

.collectionWrap { width:100%; float:left; }
.collectionWrap dl { width:23.5%; height:27rem; float:left; margin-bottom:2%; margin-left:2%; position:relative; }
.collectionWrap dl:nth-child(4n+5) { margin-left:0; }
.collectionWrap dl:first-child { margin-left:0; }
.collectionWrap dl dt { width:100%; float:left;}
.collectionWrap dl dt img { width:100%; display:block; }
.collectionWrap dl dd { width:100%; height:27.5rem; position:absolute; background:rgba(0,0,0,0.4); display:table; }
.collectionWrap dl .popup {background:inherit;display:none;}
.collectionWrap dl dd span { width:100%; color:#fff; font-size:2em; font-weight:bold;  line-height:120%;  display:table-cell; vertical-align:middle; text-align:center; }
.collectionWrap ul {width:100%; background:#333;padding-bottom:8rem; display:none;height: 100% !important;overflow: auto;position: fixed;top: 0;left: 0;z-index: 3; }
.collectionWrap ul li { width:100%; text-align:center; }
.collectionWrap ul li:first-child { width:100%; padding:8rem 0; font-size:3em; color:#fff; }
.collectionWrap ul li:first-child span { position:absolute; width:5rem; height:5rem; background:url(/images/closeBtn.png) center no-repeat; text-indent:-999999px; top:6rem; right:5rem; cursor:pointer; }

.companyBox_01 {width:1100px;background:url(/images/sub_03.png) right bottom no-repeat;float:left;margin-top:2rem; }
.companyBox_01 ul { width:50%; }
.companyBox_01 ul li { font-size:1.3em; line-height:170%; color:#7a7a7a; }
.companyBox_02 { width:1100px; background:url(/images/sub_03_1.png) right bottom no-repeat; float:left; margin-top:2rem; }
.companyBox_02 ul { width:50%; }
.companyBox_02 ul li { font-size:1.3em; line-height:170%; color:#7a7a7a; }
.companyBox_02 ul li > b { display:block; float:left; margin-right:1.5rem; margin-top:.5rem; }
.companyBox_02 ul li > img { display:block; float:left; }

.companyBox_03 { width:100%; float:left; margin-top:3rem; }
.companyBox_03 dl { width:100%; float:left; margin-top:3rem; }
.companyBox_03 dl:first-child { margin-top:0; }
.companyBox_03 dl dt,
.companyBox_03 dl dd { overflow: hidden;}
.companyBox_03 dl dt img,
.companyBox_03 dl dd img { width: 45.6rem; }
.companyBox_03 dl dt,
.companyBox_03 dl dd {white-space:pre-line;font-size:1.3em;line-height:170%;display:table-cell;vertical-align: middle;}
.companyBox_03 dl dt > ul,
.companyBox_03 dl dd > ul { width:100%; display:table; vertical-align:middle; }
.companyBox_03 dl dt > ul li,
.companyBox_03 dl dd > ul li { width:100%; float:left; position:relative; color:#888; }
.companyBox_03 dl dt > ul li:first-child,
.companyBox_03 dl dd > ul li:first-child {font-size:1.6em;color:#333; margin-bottom: 4rem;/* line-height:130%; */}
.companyBox_03 dl dt > ul li:first-child:after,
.companyBox_03 dl dd > ul li:first-child:after {content:"";width: 30px;border-bottom:2px solid #333;position:absolute;bottom: -2rem;left:0;}
.companyBox_03 dl dd > ul { padding-left:3rem; }
.companyBox_03 dl dt > ul { padding-right:3rem; }
.companyBox_03 dl dt,
.companyBox_03 dl dd img { text-align:right; }
.companyBox_03 dl dt > ul li:first-child:after { right:0; left:inherit; }

.recruitBox_01 { width:100%; float:left; margin-top:3rem; }
.recruitBox_01 ul { width:33.3%; height:17rem; float:left; border-left:1px dotted #e6e6e6; padding:1rem 2.3rem;}
.recruitBox_01 ul:nth-child(1),
.recruitBox_01 ul:nth-child(4) { border-left:0; }
.recruitBox_01 ul:nth-child(4),
.recruitBox_01 ul:nth-child(5), 
.recruitBox_01 ul:nth-child(6) { border-top:1px dotted #e6e6e6; }
.recruitBox_01 ul li { width:100%; float:left; position:relative; color:#888; margin-bottom:1rem; font-size:1.3em; line-height:170%; padding-left:1.5rem; white-space:pre-line; }
.recruitBox_01 ul li:first-child { font-size:2em; color:#333; font-weight:bold; padding-left:0; }
.recruitBox_01 ul li:first-child > font { display:inline-block; vertical-align:top; }

.centerBox { text-align:center; font-size:1.3em; line-height:170%; margin:5rem 0 3rem; color:#727272; float:left; width:100%; white-space:pre-line; }
.leftBox { text-align:left; font-size:1.3em; line-height:170%; margin:2rem 0 1rem; color:#727272; float:left; width:100%; white-space:pre-line; }
.textLeft { text-align:left !important; }
.openBox { display:none;}
.openBox > td { position:relative; padding-bottom:5rem; white-space:pre-line; }
.oepnBtn { cursor:pointer; }
.openBoxBtn { position:absolute; bottom:1.5rem; right:1.5rem; }
.openBoxBtn button { background:#fff; border:1px solid #e1e1e1; color:#333333; padding:.7rem 1.5rem; font-size:.9em; }
.openBoxBtn button.gray { background:#f6f6f6; }

.induBox { width:100%; float:left; margin-top:5rem; }
.induBox h4 { font-size:1.5em; margin-bottom:1rem; }
.induBox .induInfo { font-size:1.2em; width:100%; height:20rem; border:1px solid #d3d3d3; overflow:auto; white-space:pre-line; padding:0 2rem 2rem; }
.induBox ul { width:100%; float:left; margin-top:2rem; }
.induBox ul li { float:right; }
.induBox ul li:first-child { float:left; font-size:1.3em; color:#727272; font-weight:bold; }
.induBox ul li:first-child input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  padding-right: 5px;
}

.fileBox { width:40%; position:relative; }
.tableBox_4 td > .fileBox > .s_input { width:100% !important; }
.fileBox span {background:url(/images/fileIcon.png) center no-repeat;width: 7rem;height: 3rem;position: absolute;top: 0; right:0; cursor:pointer; }
.flieInput { opacity:0; width: 7rem;height: 3rem; cursor:pointer; }
.fileBox button { width: 7rem;height: 3rem;position: absolute;top: 0; cursor:pointer; background:#333; border:1px solid #333; color:#fff;  right:-7.5rem;  }

.corpBox { font-size:1.3rem; white-space:pre-line; line-height:180%; color:#727272; }
.corpBox b { color:#124a89; }

.bannerBox ul li { width:100%;height:80rem; background-repeat: no-repeat; background-size: cover;}

.pageWrap { width:100%; float:left; margin-top:4rem; position:relative; }
.pageWrap ul { text-align:center; display: table; margin-left:auto; margin-right:auto; }
.pageWrap ul li{ display:table-cell; font-size:1.2em; color:#333; }
.pageWrap ul .prev_01 { background:url(/images/prev_01.png) center no-repeat; border:1px solid #d3d3d3; border-right:0; }
.pageWrap ul .prev_02 { background:url(/images/prev_02.png) center no-repeat; border:1px solid #d3d3d3; }
.pageWrap ul .next_01 { background:url(/images/next_01.png) center no-repeat; border:1px solid #d3d3d3; border-right:0;  }
.pageWrap ul .next_02 { background:url(/images/next_02.png) center no-repeat;  border:1px solid #d3d3d3; }
.pageWrap ul li a{ width:2.2rem; height:2.2rem; float:left; line-height:2.2rem; }
.pageWrap ul .prev_01 a,
.pageWrap ul .prev_02 a,
.pageWrap ul .next_01 a,
.pageWrap ul .next_02 a { width:2rem; }
.pageWrap ul li.on { color:#5c90c5; }

.footer { width:100%; background:#f6f6f6; float:left; padding:5rem 1rem; }
.footerBox { width:1100px; margin:0 auto; }
.footerBox p { color:#0a4984; font-size:1.5em; border-bottom:1px solid #e1e1e1; padding:0 0 1rem; line-height:170%; }
.footerBox p select { width:10rem; float:right; border:0; background:#e7e7e7; padding:.5rem 0 .5rem .5rem; font-size:.8em; }
.footerBox ul { float:left; padding:2.5rem 0; font-size:1.2em; padding-left:3rem; min-height: 340px;}
.footerBox ul:nth-of-type(1) { padding-left:0; }
.footerBox ul li { line-height:170%; color:#727272; padding-bottom:10px; }
.footerBox ul li:first-child { font-weight:bold; color:#000; }
.footerBox span { width:100%; font-size:.9em; color:#adadad; float:left; }
.footerBox ul li:first-child > span { display:none; }

.footerBox ul li:first-child > span.on { width:2rem; height:2rem; background:url(/images/plueicon.png) center no-repeat; float:right; background-size:70%; }
.footerBox ul li:first-child > span.off { width:2rem; height:2rem; background:url(/images/miicon.png) center no-repeat; float:right; background-size:70%; }


.swiper-pagination-fraction, .swiper-pagination-custom, 
.swiper-container-horizontal > .swiper-pagination-bullets { bottom:6rem; }
.swiper-pagination-bullet { width:1rem; height:1rem; background:#fff;  opacity:1; }
.swiper-pagination-bullet-active { width:2rem; height:1rem; border-radius:10px; background:#333; }

#eventGnb > .swiper-slide { width:auto; }
.modal-body { font-size:16px; }
.btn-primary { width:100%; box-shadow:none; background:#333; border-color:#333; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { width:100%; box-shadow:none; background:#333; border-color:#333; }

#topIcon { width:4rem; height:4rem; border-radius:100px; position:fixed; bottom:5%; right:1rem; z-index:9999999; background:#fff; text-align:center; font-size:1.2rem; border:1px solid #e5e5e5; cursor:pointer; }