@charset "utf-8";
/* =================================== font =================================== */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"), url("../fonts/NotoSansKR-Light.otf") format("opentype");
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"), url("../fonts/NotoSansKR-Regular.otf") format("opentype");
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"), url("../fonts/NotoSansKR-Medium.otf") format("opentype");
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"), url("../fonts/NotoSansKR-Bold.otf") format("opentype");
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  unicode-range: U+0020-0039;
  src: url("../fonts/Roboto-Light-webfont.woff") format("woff"), url("../fonts/Roboto-Light-webfont.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: normal;
  unicode-range: U+0020-0039;
  src: url("../fonts/Roboto-Regular-webfont.woff") format("woff"), url("../fonts/Roboto-Regular-webfont.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  unicode-range: U+0020-0039;
  src: url("../fonts/Roboto-Medium-webfont.woff") format("woff"), url("../fonts/Roboto-Medium-webfont.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: bold;
  unicode-range: U+0020-0039;
  src: url("../fonts/Roboto-Bold-webfont.woff") format("woff"), url("../fonts/Roboto-Bold-webfont.ttf") format("truetype");
  font-display: swap;
}
/* =================================== reset =================================== */
*{
	margin: 0; padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
::after,::before{box-sizing: border-box;}
html, body {
	width: 100%;
	font-family: 'Noto Sans KR', sans-serif;
}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {font-size:100%;vertical-align:middle}
html{    overflow-y: scroll;}
button {border:none;background-color:transparent;cursor:pointer}
table {border-collapse:collapse;border-spacing:0}
body {-webkit-text-size-adjust:none; } /* 뷰표트 변환시 폰트크기 자동확대 방지 */
button, a, input {border: none; cursor: pointer; vertical-align: middle;}
input[type='text'],input[type='password'],input[type='submit'],input[type='search'] {-webkit-appearance:none; border-radius:0; }
.fr {float: right !important;}
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0;vertical-align:top;}
input[type="text"], input[type="password"], select, textarea {border: 1px solid #ccc; vertical-align: middle; background-color: #fff; padding: 5px;}
a[class^="ic_"], input[type="button"][class^="ic_"], input[type="button"][class^="ic_"] {background-repeat: no-repeat; background-image: url(../img/ic_cnt01.png);}
textarea {font-family: 'NanumGothic', '나눔고딕'; line-height: 160%; resize: none; width: 100%;}
a.ic_calendar, input[type="button"].ic_calendar, a.ic_search02, input[type="button"].ic_search02, a.ic_minus, input[type="button"].ic_minus, a.ic_plus, input[type="button"].ic_plus {width: 28px; height: 26px; font-size: 0; line-height: 0;}
a.ic_plus, input[type="button"].ic_plus {background-position: right -306px;}
a.ic_minus, input[type="button"].ic_minus {background-position: right -382px;}
*:focus{outline: 1px dashed #ff5215;outline-offset: 1px;}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
a, a:link, a:active, a:visited {color:#333;text-decoration:none !important;}
a:active, a:hover {text-decoration:none !important;}
.show2 {color : white; background: #00b9f4; width: 58px; display: inline-block; height: 18px; line-height: 1; text-align: center;}
.show2 span {font-size:13px;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
img{max-width:100%;}
caption, legend {width: 0; visibility:hidden; height: 0; font-size: 0; line-height: 0; text-indent: -10000px; }
caption {
	width: 1px;
	height: 1px;
	border: 0;
	white-space: nowrap;
	clip: rect(0,0,0,0);
   -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
	overflow: hidden;
	padding: 0;
	margin: -1px;
	position:relative;
}
h1,h2,h3,h4,h5,p,ul,ol,dl{margin:0; padding:0; word-break: keep-all;}
p{word-break: keep-all;}

html {
  font-size: 62.5%;
}

@media (max-width: 1724px) {
  html {
    font-size: 60.5%;
  }
}

@media (max-width: 1650px) {
  html {
    font-size: 58%;
  }
}

@media (max-width: 1580px) {
  html {
    font-size: 57%;
  }
}

@media (max-width: 1450px) {
  html {
    font-size: 56%;
  }
}

@media (max-width: 1350px) {
  html {
    font-size: 54%;
  }
}

@media (max-width: 1280px) {
  html {
    font-size: 52%;
  }
}

@media (max-width: 1024px) {
  html {
    font-size: 50%;
  }
}



.inner {
	width: 100%; 
	max-width: 1900px;
	margin: 0 auto;
	padding: 0 120px;
}
.res_on{
	display: none;
}
.main_wrap{padding-top: 132px; transition: .1s;}
.font_b{font-weight: bold;}
.blue{color: #1474f8;}
.red{color:#ff1818;}
.red02{color: #ff4000 !important;}

/* .skip */
.skip a{
	font-size: 14px;
    line-height: 16px;
    position: absolute;
    left: 20px;
    top: -35px;
    z-index: 99999;
    transition: .3s;
}
.skip a:focus{
	top: 6px;
}

/* input 텍스트 */
input.inptxt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    display: inline-block;
    padding: 11px 21px;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    color: #000;
    font-size: 15px;
    letter-spacing: -.4px;
    line-height: normal;
}
input[type="button"].default {
    display: block;
    height: 40px;
    border-radius: 0;
    font-weight: bold;
    font-size: 14px;
    padding-right: 30px;
    padding-left: 30px;
    margin: 0 auto;
}

input.inptxt.sty1 {
  max-width: 407px;
}

input.inptxt.sty2 {
  max-width: 518px;
}
/* input.inptxt.sty2:focus {
	outline: none;
} */

input.inptxt.sty3 {
  max-width: 1080px;
}

input.inptxt.sty4 {
  max-width: 1009px;
}

input.inptxt.sty5 {
  max-width: 180px;
}
/* 검토의견제시 버튼 */
input[type="button"].blue02 {
	background-color: #033c8a;
	text-align: center;
	color: #fff;
	border-radius: 6px;
}
/* 체크박스 .chk-wrap */
.chk-wrap {
    display: inline-block;
    /* margin-bottom: 10px; */
    /* margin-bottom: 0px;
    margin-right: 10px;
    margin-left:10px; 
    margin-top: 4px; */
    margin-bottom: 10px;
    margin-right: 10px;
}
.chk-wrap:last-child {
    margin-right: 0;
}
.chk-wrap input {
	position: absolute;
	overflow: hidden;
	width: 1px;
	height: 1px;
	clip: rect(1px, 1px, 1px, 1px);
	font-size: 1px;
}
.chk-wrap input:disabled + .txt .mark {
	border-color: #d9d9d9;
	background-color: #eee;
}
.chk-wrap input:checked + .txt .mark {
	background: #fff url(../img/chk1.png) no-repeat center center;
}
/* .chk-wrap input:focus + .txt, .chk-wrap input:active + .txt {
	outline: 1px dashed #ff5215;
} */
.chk-wrap .txt {
	display: inline-block;
	position: relative;
	padding-left: 30px;
	font-size: 15px;
	color: #222;
	letter-spacing: -.4px;
	line-height: 20px;
}
.chk-wrap .mark {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 0;
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	background: #fff;
}
.chk-wrap .mark1 {
	top: 10px;
}
/* 셀렉트박스 */
.com_sel {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 11px 21px;
    font-size: 16px;
    text-align: left;
    width: 224px;
    background: #fff url(../img/arr1.png) no-repeat right 17px center/10px;
}

/* scrollBar */ 
/* #fullpage *::-webkit-scrollbar,
#contents *::-webkit-scrollbar{
	width: 8px; height: 8px;
	background: #fafafa;
}
#fullpage *::-webkit-scrollbar{
	width: 14px;
}
#fullpage *::-webkit-scrollbar-thumb,
#contents *::-webkit-scrollbar-thumb{
	background: #033c8a;
	border-radius: 7px;
}
#fullpage *::-webkit-scrollbar-thumb:hover,
#contents *::-webkit-scrollbar-thumb:hover{
	background: #0b56bd;
}
#fullpage *::-webkit-scrollbar-track,
#contents *::-webkit-scrollbar-track{
	background: #fff;
	border-radius: 7px;
}
/* #fullpage *::-webkit-scrollbar-button:start,
#contents *::-webkit-scrollbar-button:start{
	background: url(../img/arr29_1.png) no-repeat center;
	background-size: 70%;
}
#fullpage *::-webkit-scrollbar-button:start:hover,
#contents *::-webkit-scrollbar-button:start:hover{
	background: url(../img/arr22.png) no-repeat center;
	background-size: 70%;
}
#fullpage *::-webkit-scrollbar-button:end,
#contents *::-webkit-scrollbar-button:end{
	background: url(../img/arr29_2.png) no-repeat center;
	background-size: 70%;
}
#fullpage *::-webkit-scrollbar-button:end:hover,
#contents *::-webkit-scrollbar-button:end:hover{
	background: url(../img/arr21.png) no-repeat center;
	background-size: 70%;
} */

/* 국가코드 / 국기 */
.country{
	display: block;
	width: 40px;
	height: 22px;
	object-fit: contain;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border: 1px solid #bbb;
}
.country.kor {background-image: url(../img/country/KOR.svg);}
.country.alb {background-image: url(../img/country/ALB.svg);}
.country.afg {background-image: url(../img/country/AFG.svg);}
.country.ago {background-image: url(../img/country/AGO.svg);}
.country.and {background-image: url(../img/country/AND.svg);}
.country.are {background-image: url(../img/country/ARE.svg);}
.country.arg {background-image: url(../img/country/ARG.svg);}
.country.arm {background-image: url(../img/country/ARM.svg);}
.country.atg {background-image: url(../img/country/ATG.svg);}
.country.aus {background-image: url(../img/country/AUS.svg);}
.country.aut {background-image: url(../img/country/AUT.svg);}
.country.aze {background-image: url(../img/country/AZE.svg);}
.country.bdi {background-image: url(../img/country/BDI.svg);}
.country.bel {background-image: url(../img/country/BEL.svg);}
.country.ben {background-image: url(../img/country/BEN.svg);}
.country.bfa {background-image: url(../img/country/BFA.svg);}
.country.bgd {background-image: url(../img/country/BGD.svg);}
.country.bgr {background-image: url(../img/country/BGR.svg);}
.country.bhr {background-image: url(../img/country/BHR.svg);}
.country.bhs {background-image: url(../img/country/BHS.svg);}
.country.bih {background-image: url(../img/country/BIH.svg);}
.country.blr {background-image: url(../img/country/BLR.svg);}
.country.blz {background-image: url(../img/country/BLZ.svg);}
.country.bol {background-image: url(../img/country/BOL.svg);}
.country.bra {background-image: url(../img/country/BRA.svg);}
.country.brb {background-image: url(../img/country/BRB.svg);}
.country.brn {background-image: url(../img/country/BRN.svg);}
.country.btn {background-image: url(../img/country/BTN.svg);}
.country.bwa {background-image: url(../img/country/BWA.svg);}
.country.caf {background-image: url(../img/country/CAF.svg);}
.country.can {background-image: url(../img/country/CAN.svg);}
.country.che {background-image: url(../img/country/CHE.svg);}
.country.chl {background-image: url(../img/country/CHL.svg);}
.country.chn {background-image: url(../img/country/CHN.svg);}
.country.civ {background-image: url(../img/country/CIV.svg);}
.country.cmr {background-image: url(../img/country/CMR.svg);}
.country.cod {background-image: url(../img/country/COD.svg);}
.country.cog {background-image: url(../img/country/COG.svg);}
.country.cok {background-image: url(../img/country/COK.svg);}
.country.col {background-image: url(../img/country/COL.svg);}
.country.com {background-image: url(../img/country/COM.svg);}
.country.cpv {background-image: url(../img/country/CPV.svg);}
.country.cri {background-image: url(../img/country/CRI.svg);}
.country.cub {background-image: url(../img/country/CUB.svg);}
.country.cyp {background-image: url(../img/country/CYP.svg);}
.country.cze {background-image: url(../img/country/CZE.svg);}
.country.deu {background-image: url(../img/country/DEU.svg);}
.country.dji {background-image: url(../img/country/DJI.svg);}
.country.dma {background-image: url(../img/country/DMA.svg);}
.country.dnk {background-image: url(../img/country/DNK.svg);}
.country.dom {background-image: url(../img/country/DOM.svg);}
.country.dza {background-image: url(../img/country/DZA.svg);}
.country.ecu {background-image: url(../img/country/ECU.svg);}
.country.egy {background-image: url(../img/country/EGY.svg);}
.country.eri {background-image: url(../img/country/ERI.svg);}
.country.esp {background-image: url(../img/country/ESP.svg);}
.country.est {background-image: url(../img/country/EST.svg);}
.country.eth {background-image: url(../img/country/ETH.svg);}
.country.fin {background-image: url(../img/country/FIN.svg);}
.country.fji {background-image: url(../img/country/FJI.svg);}
.country.fra {background-image: url(../img/country/FRA.svg);}
.country.fsm {background-image: url(../img/country/FSM.svg);}
.country.gab {background-image: url(../img/country/GAB.svg);}
.country.gbr {background-image: url(../img/country/GBR.svg);}
.country.geo {background-image: url(../img/country/GEO.svg);}
.country.gha {background-image: url(../img/country/GHA.svg);}
.country.gin {background-image: url(../img/country/GIN.svg);}
.country.gmb {background-image: url(../img/country/GMB.svg);}
.country.gnb {background-image: url(../img/country/GNB.svg);}
.country.gnq {background-image: url(../img/country/GNQ.svg);}
.country.grc {background-image: url(../img/country/GRC.svg);}
.country.grd {background-image: url(../img/country/GRD.svg);}
.country.gtm {background-image: url(../img/country/GTM.svg);}
.country.guy {background-image: url(../img/country/GUY.svg);}
.country.hnd {background-image: url(../img/country/HND.svg);}
.country.hrv {background-image: url(../img/country/HRV.svg);}
.country.hti {background-image: url(../img/country/HTI.svg);}
.country.hun {background-image: url(../img/country/HUN.svg);}
.country.idn {background-image: url(../img/country/IDN.svg);}
.country.ind {background-image: url(../img/country/IND.svg);}
.country.irl {background-image: url(../img/country/IRL.svg);}
.country.irn {background-image: url(../img/country/IRN.svg);}
.country.irq {background-image: url(../img/country/IRQ.svg);}
.country.isl {background-image: url(../img/country/ISL.svg);}
.country.isr {background-image: url(../img/country/ISR.svg);}
.country.ita {background-image: url(../img/country/ITA.svg);}
.country.jam {background-image: url(../img/country/JAM.svg);}
.country.jor {background-image: url(../img/country/JOR.svg);}
.country.jpn {background-image: url(../img/country/JPN.svg);}
.country.kaz {background-image: url(../img/country/KAZ.svg);}
.country.ken {background-image: url(../img/country/KEN.svg);}
.country.kgz {background-image: url(../img/country/KGZ.svg);}
.country.khm {background-image: url(../img/country/KHM.svg);}
.country.kir {background-image: url(../img/country/KIR.svg);}
.country.kna {background-image: url(../img/country/KNA.svg);}
.country.kwt {background-image: url(../img/country/KWT.svg);}
.country.lao {background-image: url(../img/country/LAO.svg);}
.country.lbn {background-image: url(../img/country/LBN.svg);}
.country.lbr {background-image: url(../img/country/LBR.svg);}
.country.lby {background-image: url(../img/country/LBY.svg);}
.country.lca {background-image: url(../img/country/LCA.svg);}
.country.lie {background-image: url(../img/country/LIE.svg);}
.country.lka {background-image: url(../img/country/LKA.svg);}
.country.lso {background-image: url(../img/country/LSO.svg);}
.country.ltu {background-image: url(../img/country/LTU.svg);}
.country.lux {background-image: url(../img/country/LUX.svg);}
.country.lva {background-image: url(../img/country/LVA.svg);}
.country.mar {background-image: url(../img/country/MAR.svg);}
.country.mco {background-image: url(../img/country/MCO.svg);}
.country.mda {background-image: url(../img/country/MDA.svg);}
.country.mdg {background-image: url(../img/country/MDG.svg);}
.country.mdv {background-image: url(../img/country/MDV.svg);}
.country.mex {background-image: url(../img/country/MEX.svg);}
.country.mhl {background-image: url(../img/country/MHL.svg);}
.country.mkd {background-image: url(../img/country/MKD.svg);}
.country.mli {background-image: url(../img/country/MLI.svg);}
.country.mlt {background-image: url(../img/country/MLT.svg);}
.country.mmr {background-image: url(../img/country/MMR.svg);}
.country.mne {background-image: url(../img/country/MNE.svg);}
.country.mng {background-image: url(../img/country/MNG.svg);}
.country.moz {background-image: url(../img/country/MOZ.svg);}
.country.mrt {background-image: url(../img/country/MRT.svg);}
.country.mus {background-image: url(../img/country/MUS.svg);}
.country.mwi {background-image: url(../img/country/MWI.svg);}
.country.mys {background-image: url(../img/country/MYS.svg);}
.country.nam {background-image: url(../img/country/NAM.svg);}
.country.ner {background-image: url(../img/country/NER.svg);}
.country.nga {background-image: url(../img/country/NGA.svg);}
.country.nic {background-image: url(../img/country/NIC.svg);}
.country.niu {background-image: url(../img/country/NIU.svg);}
.country.nld {background-image: url(../img/country/NLD.svg);}
.country.nor {background-image: url(../img/country/NOR.svg);}
.country.npl {background-image: url(../img/country/NPL.svg);}
.country.nru {background-image: url(../img/country/NRU.svg);}
.country.nzl {background-image: url(../img/country/NZL.svg);}
.country.omn {background-image: url(../img/country/OMN.svg);}
.country.pak {background-image: url(../img/country/PAK.svg);}
.country.pan {background-image: url(../img/country/PAN.svg);}
.country.per {background-image: url(../img/country/PER.svg);}
.country.phl {background-image: url(../img/country/PHL.svg);}
.country.plw {background-image: url(../img/country/PLW.svg);}
.country.png {background-image: url(../img/country/PNG.svg);}
.country.pol {background-image: url(../img/country/POL.svg);}
.country.prt {background-image: url(../img/country/PRT.svg);}
.country.pry {background-image: url(../img/country/PRY.svg);}
.country.pse {background-image: url(../img/country/PSE.svg);}
.country.qat {background-image: url(../img/country/QAT.svg);}
.country.rou {background-image: url(../img/country/ROU.svg);}
.country.rus {background-image: url(../img/country/RUS.svg);}
.country.rwa {background-image: url(../img/country/RWA.svg);}
.country.sau {background-image: url(../img/country/SAU.svg);}
.country.sdn {background-image: url(../img/country/SDN.svg);}
.country.sen {background-image: url(../img/country/SEN.svg);}
.country.sgp {background-image: url(../img/country/SGP.svg);}
.country.slb {background-image: url(../img/country/SLB.svg);}
.country.sle {background-image: url(../img/country/SLE.svg);}
.country.slv {background-image: url(../img/country/SLV.svg);}
.country.smr {background-image: url(../img/country/SMR.svg);}
.country.som {background-image: url(../img/country/SOM.svg);}
.country.srb {background-image: url(../img/country/SRB.svg);}
.country.ssd {background-image: url(../img/country/SSD.svg);}
.country.stp {background-image: url(../img/country/STP.svg);}
.country.sur {background-image: url(../img/country/SUR.svg);}
.country.svk {background-image: url(../img/country/SVK.svg);}
.country.svn {background-image: url(../img/country/SVN.svg);}
.country.swe {background-image: url(../img/country/SWE.svg);}
.country.swz {background-image: url(../img/country/SWZ.svg);}
.country.syc {background-image: url(../img/country/SYC.svg);}
.country.syr {background-image: url(../img/country/SYR.svg);}
.country.tcd {background-image: url(../img/country/TCD.svg);}
.country.tgo {background-image: url(../img/country/TGO.svg);}
.country.tha {background-image: url(../img/country/THA.svg);}
.country.tjk {background-image: url(../img/country/TJK.svg);}
.country.tkm {background-image: url(../img/country/TKM.svg);}
.country.tls {background-image: url(../img/country/TLS.svg);}
.country.ton {background-image: url(../img/country/TON.svg);}
.country.tto {background-image: url(../img/country/TTO.svg);}
.country.tun {background-image: url(../img/country/TUN.svg);}
.country.tur {background-image: url(../img/country/TUR.svg);}
.country.tuv {background-image: url(../img/country/TUV.svg);}
.country.tza {background-image: url(../img/country/TZA.svg);}
.country.uga {background-image: url(../img/country/UGA.svg);}
.country.ukr {background-image: url(../img/country/UKR.svg);}
.country.ury {background-image: url(../img/country/URY.svg);}
.country.usa {background-image: url(../img/country/USA.svg);}
.country.uzb {background-image: url(../img/country/UZB.svg);}
.country.vat {background-image: url(../img/country/VAT.svg);}
.country.vct {background-image: url(../img/country/VCT.svg);}
.country.ven {background-image: url(../img/country/VEN.svg);}
.country.vnm {background-image: url(../img/country/VNM.svg);}
.country.vut {background-image: url(../img/country/VUT.svg);}
.country.wsm {background-image: url(../img/country/WSM.svg);}
.country.xlx {background-image: url(../img/country/XLX.svg);}
.country.yem {background-image: url(../img/country/YEM.svg);}
.country.zaf {background-image: url(../img/country/ZAF.svg);}
.country.zmb {background-image: url(../img/country/ZMB.svg);}
.country.zwe {background-image: url(../img/country/ZWE.svg);}
.country.twn {background-image: url(../img/country/TWN.svg);}
.country.eun {background-image: url(../img/country/EUN.svg);}
.country.aia {background-image: url(../img/country/AIA.svg);}
.country.asm {background-image: url(../img/country/ASM.svg);}
.country.bes {background-image: url(../img/country/BES.svg);}
.country.blm {background-image: url(../img/country/BLM.svg);}
.country.bmu {background-image: url(../img/country/BMU.svg);}
.country.cuw {background-image: url(../img/country/CUW.svg);}
.country.cym {background-image: url(../img/country/CYM.svg);}
.country.esh {background-image: url(../img/country/ESH.svg);}
.country.flk {background-image: url(../img/country/FLK.svg);}
.country.fro {background-image: url(../img/country/FRO.svg);}
.country.ggy {background-image: url(../img/country/GGY.svg);}
.country.gib {background-image: url(../img/country/GIB.svg);}
.country.glp {background-image: url(../img/country/GLP.svg);}
.country.grl {background-image: url(../img/country/GRL.svg);}
.country.guf {background-image: url(../img/country/GUF.svg);}
.country.gum {background-image: url(../img/country/GUM.svg);}
.country.hkg {background-image: url(../img/country/HKG.svg);}
.country.imn {background-image: url(../img/country/IMN.svg);}
.country.jey {background-image: url(../img/country/JEY.svg);}
.country.mac {background-image: url(../img/country/MAC.svg);}
.country.maf {background-image: url(../img/country/MAF.svg);}
.country.mau {background-image: url(../img/country/MAU.svg);}
.country.mnp {background-image: url(../img/country/MNP.svg);}
.country.msr {background-image: url(../img/country/MSR.svg);}
.country.mtq {background-image: url(../img/country/MTQ.svg);}
.country.myt {background-image: url(../img/country/MYT.svg);}
.country.ncl {background-image: url(../img/country/NCL.svg);}
.country.nfk {background-image: url(../img/country/NFK.svg);}
.country.pcn {background-image: url(../img/country/PCN.svg);}
.country.pri {background-image: url(../img/country/PRI.svg);}
.country.prk {background-image: url(../img/country/PRK.svg);}
.country.pyf {background-image: url(../img/country/PYF.svg);}
.country.reu {background-image: url(../img/country/REU.svg);}
.country.shn {background-image: url(../img/country/SHN.svg);}
.country.sjm {background-image: url(../img/country/SJM.svg);}
.country.spm {background-image: url(../img/country/SPM.svg);}
.country.sxm {background-image: url(../img/country/SXM.svg);}
.country.tca {background-image: url(../img/country/TCA.svg);}
.country.tkl {background-image: url(../img/country/TKL.svg);}
.country.vgb {background-image: url(../img/country/VGB.svg);}
.country.vir {background-image: url(../img/country/VIR.svg);}
.country.wlf {background-image: url(../img/country/WLF.svg);}
.country.etc {background-image: url(../img/country/etc.png); border: none !important;}


.blind, .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0);
  overflow: hidden;
}


/* button:focus-visible, input:focus-within {
  outline: 2px solid #f00;
  outline-offset: 3px;
} */



/* header */
#header {
	width: 100%;
	height: auto;
	margin: 0;
	background: #fff;
	box-shadow: 0 0 10px #00000025;
	position: fixed;
	top: 0;
	z-index: 9999;
}
#header .logo{font-size: 25px;box-sizing: border-box;}
#header .container2{
	height: 102px;
	display: flex;justify-content: space-between;align-items: center;
	transition: .1s;
}
#header .login_menu{
	width: 100%; height:30px;
	border-bottom: 1px solid #efefef;
}
#header .login_menu ul{
	padding-top: 9px;
	padding-bottom: 9px;
	display: flex;flex-direction: row;justify-content: flex-end;
}
#header .login_menu ul li{padding: 0 10px;line-height: 12px;font-size: 12px;}
#header .login_menu ul li:last-child{
	padding-right: 0;
}
#header .login_menu ul li a{display: block;}

.font_b{font-weight: bold;}
.blue{color: #1474f8;}
.red{color:#ff1818;}
#header .container2 .logo{width: 200px;}
#header .container2 .logo a{display: block;}
#header .container2 .logo img{
	display: block;
}
#header .nav .logo{display:flex;width:200px;flex-wrap:wrap;justify-content: center;align-items: center;text-transform:uppercase;cursor:pointer;}
/* #header .menu_btn{position:absolute;right:20px;top:60px;} */
#header .gnbBtnBox{display: flex; align-items: center; position: relative;}
#header .gnbBtnBox button{background: transparent;}
#header .gnbBtnBox button
#header .gnbBtnBox a {display: block;}
#header .menu_sBtn{width: 30px; height: 30px;margin-right: 20px;}
#header .menu_sBtn img{
	width: 80%;
}
#header .menu_btn, #header .menu_res_btn{
	width: 25px; height: 30px;position: relative;
}
#header .menu_btn span, #header .menu_res_btn span {
	width: 25px;
	height: 2px;
	background-color:#000;
	margin: 6px 0px;
	position: relative;
	transition:all .8s ease;
	display: block;
}
#header .menu_btn span.blind{
	width: 0;
	height: 0;
	background: transparent;
}
#header .menu_res_btn{
	display: none;
}
#header .menu_res_btn span{
	margin: 6px auto;
	transition: .3s;	
}

/* 헤더 검색창 { */
#header .gnbSearchWrap{
	width: 0; height: 0;
	background: #1474f8;
    border-radius: 10px;
    box-shadow: 1px 1px 5px rgba(52, 52, 52, .5);
    position: absolute;
    top: 90px;
    right: 60px;
	z-index: 99999;
	transition: .5s;
	overflow: hidden;
	display: none;
}
#header .gnbSearchWrap.on{
	width: 311px; height: 50px; padding: 5px;
	overflow: visible;
	right: 30px;
	display: block;
}
#header .gnbSearchWrap .traingle{
    width: 0;
    height: 0;
    background-color: transparent;
    border-left: 12px transparent solid;
    border-right: 12px transparent solid;
    border-bottom: 0px #1474f8 solid; 
    display: block;
    position: absolute;
    right: 18px;
    top: 2px;
    transition: .5s;
}
#header .gnbSearchWrap.on .traingle{
    border-bottom: 16px #1474f8 solid;
    top: -14px;
}
#header .gnbSearchWrap .gsfWrap{
	display: flex;
	align-items: center;
	height: 0;
}
#header .gnbSearchWrap.on .gsfWrap{
	height: 100%;
}
#header .gnbSearchWrap .gsfBox{
	display: flex;
    border-radius: 7px;
    overflow: hidden;
}
#header .gnbSearchWrap .gsfBox .gsfInp{
	width: 200px;
    display: block;
    border: none;
    outline: none;
    padding: 10px;
}
#header .gnbSearchWrap .gsfBox .gsfBtn{
	padding: 0 10px;
	background: #fff;
	color: #1474f8;;
}
#header .gnbSearchWrap .gsfBox .gsfBtn span {
	display: block;
	font-size: 30px;
}
#header .gnbSearchWrap .gsfCloBtn{
	width: 26px; height: 26px; margin: 0 10px 0 15px;
    border: 2px solid #fff;
    border-radius: 15px;
    color: #fff;
    padding: 5px;
}
#header .gnbSearchWrap .gsfCloBtn img {
	width: 100%;
	display: block;
}
#header .gnbSearchWrap .gsfCloBtn span{
	display: block;
	font-size: 18px;
}
/* } 헤더 검색창 끝 */

/* #header .menu_btn.lijo div{position:absolute;transition:all .8s ease;}
#header .menu_btn.lijo div:nth-child(1){transform: rotate(45deg);top: 7px;right: 0px;}
#header .menu_btn.lijo div:nth-child(2){width:0px;top: 7px;right: 0px;}
#header .menu_btn.lijo div:nth-child(3){transform: rotate(-45deg);top: 7px; right: 0px;} */
#header .nav{display: flex;flex-direction: row;justify-content: space-between;}
#header .nav ul.gnb{
	height: auto; padding: 0; margin: 0 auto;
	display: flex;
	justify-content: center;
}
#header .nav ul.gnb li{
	margin-bottom: 0px;
	color:#333;
	text-align: center;
	justify-content: space-between;
}
#header .nav ul.gnb li a {
	box-sizing: border-box;
	display:block; 
	transition: .3s;
	text-transform:uppercase;
}
#header .nav ul.gnb li a:hover{
	color: #0056b3;
}
#header .nav ul.gnb > li{
	padding: 35px 30px;
	transition: .1s;
}
#header .nav ul.gnb > li > a {
	font-size:21px;
	font-weight: bold;
	line-height: 31.5px;
	position: relative;
}
#header .nav ul.gnb > li > a::after{
	content: "";
	width: 0; height: 4px;
	background: #0056b3;
	position: absolute;
	left: 50%;
	bottom: -8px;
	transition: .3s;
}
#header .nav ul.gnb > li:hover > a::after{
	width: 100%;
	left: 0;
}
#header .nav ul.sub{
	width: 100%; padding: 35px;
	background: #f5f5f5;
	border-bottom: 1px solid #efefef;
	display: none;
    justify-content: center;
	align-items: center;
	position:absolute;
	left: 0;
	top: 132px;
	z-index: 3;
	overflow: hidden;
	transition: .3s;
}
#header .nav ul.gnb > li:hover .sub{
	display: flex;
}
#header .nav ul.sub li {
	padding: 0 35px;
	border-right: 1px solid #0056b3;
	display: block;
	text-align: center;
}
#header .nav ul.sub li:last-child{
	border-right: none;
}
#header .nav ul.sub li a{
	font-size: 18px; 
	line-height: 18px;
	font-weight: 500;
	display: flex;
	align-items: center;
	gap: 5px;
}
#header .nav ul.sub li a img{
	height: 18px;
}
.hd_bg, .hd_bg2{display: none;}
/* .hd_bg2{
	width:100%; height:280px; 
	background:#fafafa; 
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	position:absolute; 
	left:0; top:132px; 
	z-index:-1; 
	display:none; 
} */
section .cate_icon2-2{display: none;}

/*사이트맵, 전체메뉴*/
.hd_AllMenuWrap{
	width: 100%; height: 100vh; 
	background: rgba(52, 52, 52, .7); 
	position: fixed; top: 0; left: 0; 
	display: none; 
	justify-content: center; 
	align-items: center;
	z-index: 9999999; 
}
.hd_AllMenuWrap > div{
  padding: 40px 20px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
  box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, .5);
}
.hd_AllMenuWrap .hd_amTop{
	padding: 0 15px; margin-bottom: 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.hd_AllMenuWrap .hd_amTop h3{
	font-size: 28px;
	font-weight: 500;
}
.hd_AllMenuWrap .hd_amTop .hd_amClose{
  display: block;
  background: transparent;
  transition: .5s;
}
.hd_AllMenuWrap .hd_amTop .hd_amClose:hover{
	transform: rotate(90deg);
}
.hd_AllMenuWrap .hd_amTop .hd_amClose span{
  display: block;
  font-size: 35px;
}
.hd_AllMenuWrap .hd_amCon > ul{
  display: flex;
}
.hd_AllMenuWrap .hd_amCon > ul > li{
	padding: 15px;
	border-right: 1px solid #ddd;
}
.hd_AllMenuWrap .hd_amCon > ul > li:last-child{
	border-right: none;
}
.hd_AllMenuWrap .hd_amCon > ul > li p{
	width: 100%; min-width: 140px; padding: 7px 10px;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	line-height: 27px;
	background: #eaf4fa;
}
.hd_AllMenuWrap .hd_amCon .depth1_list{
	padding: 0 15px;
}
.hd_AllMenuWrap .hd_amCon .depth1_list li{
	margin-top: 12px;
}
.hd_AllMenuWrap .hd_amCon .depth1_list li a{
	font-size: 16px;
	line-height: 24px;
	display: flex;
    align-items: center;
    gap: 5px;
}
.hd_AllMenuWrap .hd_amCon .depth1_list li a img{
	height: 16px;
}

/* al_popup */
#al_popup{
	width: 100%;
	height: 100%;
	background: rgba(52, 52, 52, .7);
	justify-content: center;
	align-items: center;
	left: 0;
	right: 0;
	z-index: 99999;
	display: none;
}
#al_popup .ap_wrap{
	width: 80%; max-width: 350px;
	padding: 40px 30px;
	background: #fff;
	border: 1px solid #ebebeb;
	border-radius: 15px;
}
#al_popup .ap_txt{
	font-size: 18px;
	line-height: 27px;
	text-align: center;
}
#al_popup .ap_btnBox{
	margin-top: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 15px;
}
#al_popup .ap_btnBox .ap_btn{
	padding: 10px 26px;
	background: #eee;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 500;
	transition: .3s;
}
#al_popup .ap_btnBox .ap_btn:hover{
	background: #ddd;
}
#al_popup .ap_btnBox .ap_btn_check{
	background: #1474f8;
	color: #fff;
}
#al_popup .ap_btnBox .ap_btn_check:hover{
	background: #033c8a;
}


/* footer */
#ft a{text-decoration: none; transition: .3s;}
#ft a:hover{color: #006bbe;}
#ft .ft_box{width: 100%;border-top: #efefef 1px solid;/* margin-top: 150px; */}
#ft .ft_box .ft-banner{margin: 0 auto;display: none;}
#ft .ft_box .ft-banner ul{padding: 40px 30px;display: flex;flex-direction: row;justify-content: space-between;}
#ft .ft_box .ft-banner ul li{}

#ft .ft-btm{background-color:#f4f4f4;}
#ft .ft-btm > div,#ft .ft-info .ft-info-wrap{
	padding-top: 10px;
	padding-bottom: 10px;
	display: flex;
	flex-direction: row;
	justify-content: space-between; 
	align-items: center;
}
#ft .ft-btm .ft-area1 {display: flex; align-items: center;}
#ft .ft-btm .ft-area1 a{display: block;margin-right: 30px;font-size: 16px;font-weight: bold;}
#ft .ft-btm .ft-area1 a:nth-child(1){font-weight: bold;color: #1474f8;}
#ft .ft-btm .ft-area1 .detview_priv{display: flex; align-items: center;}
#ft .ft-btm .detview_priv img{width: 20px;margin-left: 5px;}

#ft > .ft-area2 {
  padding:20px 0 0 950px;
  width:100%;
  overflow:hidden;
  box-sizing:border-box;
}

#ft > .ft-area2::after {
  content:"";
  display:block;
  clear:both;
}

#ft .ft-area2 .family-site{display: flex;flex-direction: row; align-items: center;
}

#ft > .ft-area2 > .family-site > .select-box {
  position:relative;
  width:258px;
  height:33px;
}

#ft > .ft-area2 > .family-site > .select-box > .hide {
  display:block;
  position:absolute;
}
#ft .select-box {
    width: 200px;
    z-index: 1;
    background-color: #fff;border-radius: 5px;
}
#ft .select-box *{font-family: 'Noto Sans KR', sans-serif}
#ft .select-box label {
    position:absolute;
    top:1px;
    left:5px;
    padding:0.8em 0.5em;
    color:#999999;
    z-index:-1;
}
#ft .select-box select {
    width:100%;
    height:36px;
    line-height:normal;
    border: 1px solid transparent;
    margin:0;
    color:#333333;
    cursor:pointer;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 400;
}
#ft .select-box select > option {
    color:black;
    background-color:white;
}
.fp-auto-height{
	height: auto !important;
}
.footer_top {position:fixed; z-index: 20;width:auto;height:auto; bottom:50%; right:20px;text-align:center;color:white;font-weight:bold;transform: translate(0, 50%);}
.footer_top ul li{width: 80px;height: 80px;border-radius: 50%;background: #1474f8;font-size: 10px;margin-bottom: 20px;cursor:pointer}
.footer_top ul li:nth-child(2){background: #033c8a;}
.footer_top ul li a{
	padding-top: 15px;
	display: block;
	color: #fff;
}
.footer_top ul li img{width: 50%;margin: 0 auto 7px;display: block;}
#ft .ft-area2 .family-site .go-btn {
float: right;
  background-color: #1474f8;
  color:white;
  width:50px;
  height:33px;
  border:0;
  font-size:15px;
  font-weight:500;
  line-height:33px;
  margin-left: 10px;
  border-radius: 5px;
  font-weight: bold;
}
#ft .ft-info{width: 100%;background-color: #dedede;}
#ft .ft-info .ft-info-wrap{
	padding-top: 70px;
	padding-bottom: 70px;
}
#ft .ft-info .ft-cs{text-align: center;}
#ft .ft-info .ft-cs span{display: block;font-weight: bold;text-align: center;color: #333;font-size: 16px;line-height: 24px;}
#ft .ft-info .ft-cs span:nth-child(2){font-size:36px;line-height: 54px;}
#ft .ft-info .ft-logo{margin-right: 50px;}
#ft .ft-info .ft-logo img{width: 200px; display: block;}
#ft .ft-info .ft-address{flex-grow: 3; font-size: 13px; line-height: 28px;}
#ft .ft-info .ft-address span{display: block;color: #333;font-weight: 400;}



/* 스마트알림 */
.set_alirm_popup {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 99999999;
}
.set_alirm_popup.active {
	display: block;
}
.set_alirm_popup .inner {
	width: 870px; height: auto; max-height: 90%;
	overflow: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	padding: 50px;
	border-radius: 10px;
	background-color: #fff;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

.set_alirm_popup .title_area {
	display: flex;
	gap: 20px;
	justify-content: flex-start;
	align-items: center;
}
.set_alirm_popup .title_area .page_tit, .set_item_popup .page_tit{
    font-size: 28px;
    color: #333;
    font-weight: bold;
    text-align: left;
}
/* .set_alirm_popup .title_area .small_area {} */
.set_alirm_popup .title_area .small_area .small_tit, .set_item_popup .row_wrap.block .small_tit {
	font-size: 14px;
	color: #999;
	font-weight: normal;
	line-height: 18px;
}

.set_alirm_popup .search_area, .set_item_popup .search_area {
    border: 0;
    box-shadow: none;
	padding: 0;
}
.set_alirm_popup .search_area, .set_item_popup .search_area {
	margin-top: 40px;
}
.set_alirm_popup .search-box, .set_item_popup .search-box {
	padding: 35px 35px 51px;
    background-color: #f2f3f5;
}
.set_alirm_popup .detail_search_area {
	display: block;
}

.set_alirm_popup .row_wrap, .set_item_popup .row_wrap {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 19px;
    border-bottom: 1px solid #e0e1e3;
}
.search-box .row_wrap + .row_wrap, .set_item_popup .row_wrap + .row_wrap {
	padding-top: 20px;
}
.set_alirm_popup .each, .set_item_popup .each {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.set_alirm_popup .sch-label, .set_item_popup .sch-label {
	min-width: 100px;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: -.4px;
    color: #000;
    margin-bottom: 0;
}

.set_alirm_popup .email .til{
	font-size: 15px;
    padding: 0 10px;
	color: #333;
	font-weight: normal;
}

.set_alirm_popup .email .com_sel {
	width: 190px;
	margin-left: 10px;
}

/* 공통 */
.set_alirm_popup .com_sel{
	border: 1px solid #ccc;
    vertical-align: middle;
    font-weight: 300;
    line-height: 15px;
}

.set_alirm_popup #answer{
	border: 1px solid #ccc;
    vertical-align: middle;
    background-color: #fff;
    padding: 5px;
    font-size: 15px;
}

.bg-blue {
    border-width: 0;
    background-color: #1474f8;
    color: #fff;
}

.set_item_popup .btn-md {
    display: inline-block;
    min-width: 100px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #fff;
    font-size: 1.4rem;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.4px;
    border-radius: 5px 5px;
    vertical-align: top;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 10px;
    transition: all 0.1s;
}
/* scroll */
.tbl-box::-webkit-scrollbar{
	width: 14px;
	height: 100%;
	background: #fafafa;
}
.tbl-box::-webkit-scrollbar-thumb{
	background-color: #033c8a;
	border-radius: 7px;
}
.tbl-box::-webkit-scrollbar-thumb:hover{
	background-color: #0b56bd;
}
.tbl-box::-webkit-scrollbar-track{
	background-color: #f2f3f5;
	border-radius: 7px;
}
/* ::-webkit-scrollbar-button:start{
	background: url(../img/arr29_1.png) no-repeat center;
	background-size: 70%;
}
::-webkit-scrollbar-button:start:hover{
	background: url(../img/arr22.png) no-repeat center;
	background-size: 70%;
}
::-webkit-scrollbar-button:end{
	background: url(../img/arr29_2.png) no-repeat center;
	background-size: 70%;
}
::-webkit-scrollbar-button:end:hover{
	background: url(../img/arr21.png) no-repeat center;
	background-size: 70%;
} */



.set_alirm_popup .foot {
  margin-top: 20px;
  text-align: right;
  font-size: 0;
}
.set_alirm_popup .foot .btn_close, .set_alirm_popup .foot .btn_confirm {
  width: 49%;
  display: inline-block;
  padding: 15px 20px;
  font-size: 16px;
  letter-spacing: -.4px;
}
.set_alirm_popup .foot .btn_close {
  border: 1px solid #aaa;
  border-radius: 4px;
  background-color: #fff;
  color: #333;
}
.set_alirm_popup .foot .btn_confirm {
  border-radius: 4px;
  margin-left: 2%;
  background-color: #1474f8;
  color: #fff;
}

/* 2번째 창 */
.set_item_popup {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 99999999;
}
.set_item_popup.active {
    display: block;
}
.set_item_popup .inner {
    width: 870px;
    max-height: 90%;
    overflow: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 50px;
    border-radius: 30px 15px;
    background-color: #fff;
    transform: translate(-50%, -50%);
}

.set_item_popup .flex {
	gap: 18px;
    color: #5b5858;
	font-size: 15px;
}


.set_item_popup .row_wrap.block {
	display: block;
}

.set_item_popup .row_wrap.block .each {
	gap: 0;
}
.set_item_popup .row_wrap.block .each.mt10 {
	gap: 6px;
	margin-top: 10px;
}
.set_item_popup .row_wrap.block .each.block {
	display: block;
}

.set_item_popup .row_wrap.block .each.mt10 .com_sel {
	width: 172px;
}

.set_item_popup .row_wrap.block .small_area {
	margin: 10px 0 0 98px;	
}

.set_item_popup .row_wrap .tbl-box {
	height: 160px;
    overflow: auto;
}


.set_item_popup .row_wrap table.tbl {
    width: 100%;
    border-collapse: collapse;
    color: #666;
    font-size: 14px;
    margin-top: 8px;
}
.set_item_popup .row_wrap table col.keyword {
	width: 70%;
}
.set_item_popup .row_wrap table col.date {
	width: 30%;
}
.set_item_popup .row_wrap table.tbl, .set_item_popup .row_wrap table.tbl tr th, .set_item_popup .row_wrap table.tbl tr td {
    border: 1px solid #c1c1c1;
}
.set_item_popup .row_wrap table.tbl tr th, .set_item_popup .row_wrap table.tbl tr td {
	padding: 8px 6px;
}
.set_item_popup .row_wrap table.tbl tr th {
	background-color: rgb(20 116 248 / 10%);
}
.set_item_popup .row_wrap table.tbl tr td {
	background-color: #fff;
}
.set_item_popup .row_wrap table.tbl tr td.date {
	text-align: center;
}


.set_item_popup .foot {
    margin-top: 20px;
    text-align: right;
    font-size: 0;
}
.set_item_popup .btn_close, .set_item_popup .btn_confirm {
    width: 49%;
    display: inline-block;
    padding: 15px 20px;
    font-size: 16px;
    letter-spacing: -0.4px;
}
.set_item_popup .btn_close {
    border: 1px solid #aaa;
    border-radius: 4px;
    background-color: #fff;
    color: #333;
}
.set_item_popup .btn_confirm {
    border-radius: 4px;
    margin-left: 2%;
    background-color: #1474f8;
    color: #fff;
}

/* scroll */
.layer_popup .inner::-webkit-scrollbar{
	width: 14px; height: 100%;
	border-radius: 7px;
}
.layer_popup .inner::-webkit-scrollbar-thumb{
	background: #033c8a;
	border-radius: 7px;
}
.layer_popup .inner::-webkit-scrollbar-thumb:hover{
	background: #0b56bd;
}
.layer_popup .inner::-webkit-scrollbar-track{
	background: #fff;
	border-radius: 7px;
}



/* 미상 */
.inner_hidden {overflow:hidden;}

.wrap_header {position:absolute; display:none; top:235px; left:0; width:100%; height:435px; z-index:99999; padding-top:15px;background:#fff url('/images/main/full_back.jpg') no-repeat left bottom;padding-bottom:33px;border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;}
.wrap_header.on {display:block;}
.dep_full {display:inline-block; background-color:#fff; vertical-align:top; width:16.6666%;  border-right:solid 1px #dddddd; height:100%;}
.dep_full01 {border-left:solid 1px #dddddd;}
.dep_full li {background-color:#fff; padding:0 10px;text-align:center;margin-bottom:8px;}
.dep_full li:last-child {margin-bottom:0;}
.dep_full li > a {display:inline-block;width:100%;color:black;padding:5px 0; padding-left:0; color:#626262;font-size:15px; color:#666666;}
.gnb_inner {max-width:1320px; margin:0 auto;height:100%;font-size:0;}
.dep_full li a:hover {color:#fff;background:#0090ad url('/images/main/full_arr.png') no-repeat 95% center;}



.detmark_news {position:fixed; left:0; top:0; width:100%; height:100%;background:rgba(0,0,0,0.5);z-index:9999;display:none;}
.detwrap_news {position:absolute;display:inline-block; width:600px; height:600px; left:50%; margin-left:-300px; top:50%; margin-top:-300px;background-color:#fff;}
.det_news_top {position:relative; background-color:#313641;padding:20px 30px;}
.det_news_top p {font-size:19px; color:#fff;}
.det_news_top button {position:absolute; right:30px; top:50%;margin-top:-13px; width:27px;height:27px;}
.det_news_top button img {display:block;}
.det_news_cont {padding:40px 35px;}
.det_news_cont > div {}
.det_news_cont > div:nth-child(1) {padding-top:60px; text-align:center; background:url('/images/main/letter_img.png') no-repeat center top;}
.det_news_cont > div:nth-child(1) h3 {font-size:15px; color:#666666; font-weight:400;}
.det_news_cont > div:nth-child(2) {background-color:#f6f6f6;padding:20px 15px;margin-top:18px;}
.det_news_cont > div:nth-child(2) table {width:100%;font-size:0;}
.det_news_cont > div:nth-child(2) table th,.det_news_cont > div:nth-child(2) table td {padding:5px;font-size:16px; color:#333333;text-align:left; font-weight:400;}
.det_news_cont > div:nth-child(2) table td input[type="text"] {width:100%; height:40px; border:solid 1px #ededed;background-color:#fff;padding-left:10px;}
.det_news_cont > div:nth-child(2) table td .det_email_box {font-size:0;}
.det_news_cont > div:nth-child(2) table td .det_email_box .det_email_box1 {width:44%;font-size:16px;}
.det_news_cont > div:nth-child(2) table td .det_email_box span {font-size:16px; display:inline-block; width:6%;height:40px; line-height:40px; text-align:center;vertical-align:top;}
.det_news_cont > div:nth-child(2) table td .det_email_box .det_email_box2 {width:50%;font-size:16px;}
.det_news_cont > div:nth-child(3) {font-size:0; text-align:center;margin-top:20px;}
.det_news_cont > div:nth-child(3) a {display:inline-block;width:110px; height:42px;line-height:42px; font-size:14px; color:#fff;background-color:#b5bec0;}
.det_news_cont > div:nth-child(3) a:first-child {margin-right:10px;background-color:#568AE5;}
.detmark_priv {position:fixed; left:0; top:0; width:100%; height:100%;background:rgba(0,0,0,0.5);z-index:9999;display:none;}
.detwrap_priv {position:absolute;display:inline-block; width:600px; height:600px; left:50%; margin-left:-300px; top:50%; margin-top:-300px;background-color:#fff;}
.det_cont_priv {overflow-y:scroll;padding:45px 35px;height:532px;}
.det_cont_priv p {font-size:15px; color:#555555;margin-bottom:32px;}
.det_cont_priv h3 {font-size:17px; color:#333333; font-weight:600; background:url('/images/main/det_dot2.png') no-repeat left center;padding-left:25px;margin-bottom:12px;}
.det_cont_priv h4 {font-weight:500; font-size:15px; color:#444;margin-bottom:5px;}

.detmark_turms {position:fixed; left:0; top:0; width:100%; height:100%;background:rgba(0,0,0,0.5);z-index:9999;display:none;}
.detwrap_turms {position:absolute;display:inline-block; width:600px; height:600px; left:50%; margin-left:-300px; top:50%; margin-top:-300px;background-color:#fff;}

.detmark_email {position:fixed; left:0; top:0; width:100%; height:100%;background:rgba(0,0,0,0.5);z-index:9999;display:none;}
.detwrap_email {position:absolute;display:inline-block; width:600px; height:600px; left:50%; margin-left:-300px; top:50%; margin-top:-300px;background-color:#fff;}



.all_menu2_con {padding:20px 30px;}
.nav_btn{display:none; position:absolute; right:4%; top:24px; width:50px;height:50px;z-index:999;}
.nav_btn a {display:inline-block;width:100%;height:100%;background:#fff url('/images/main/mob_btn.png') no-repeat center; border:solid 1px #dddddd;}
.all_menu2 > a {color:#333; font-size:15px; font-weight:600;}
.all_menu2 .all_menu2_con a {display:block; text-decoration:none;}
.all_menu2 .all_menu2_con > li > a {padding:22px 20px; color:#333333; font-size:24px; font-weight:400; border-bottom:1px solid #dddddd; background:#fff}
.all_menu2 .all_menu2_con > li > a.on {color:#0090ad; border-bottom:solid 2px #0090ad;background-color:#f1f5f6;}

.all_menu2 {position:absolute; z-index:9999; display:none; background:rgba(0,0,0,0.5);width:100%;height:0;left:0; top:0;}
#scroller > div {position:absolute; top:0; left:0;  width:100%; height:auto; background:#fff; z-index:99999;}
#mask {position:fixed; background:rgba(0,0,0,0.5); display:none; right:0; top:0px; z-index:999; width:100%; height:100%;}
.menu_sub{background:#fff;padding:22px 0;border-bottom:solid 1px #dddddd;}
.all_menu2 .menu_sub li {}
.all_menu2 .menu_sub > li > a {position:relative; padding:6px 35px; font-size:22px; color:#777777;}
.all_menu2 .menu_sub > li > a:after {content:''; display:inline-block; width:6px; height:6px; background-color:#bbbbbb; position:absolute; left:20px; top:50%; margin-top:-3px;}
.all_menu2 .menu_sub > li.no-menu > a {background:none;}
.all_menu2 .menu_sub > li.no-menu > a.on {background:none;}
.all_menu2 .menu_sub li ul li {background:#383838;}
.all_menu2 .menu_sub li ul li a{padding:7px 5px 8px 40px; font-size:11px; color:#cccbcb; border-bottom:1px solid #343434;}
.all_menu2 .btn_nav2.close{display:block; position:absolute; right:3%; top:11px;}

.ham_top {position:relative;background-color:#3d4b56;padding:14px 25px;}
.ham_top span {font-size:26px; color:#ffffff;}
.ham_top button {position:absolute; right:25px; top:50%; margin-top:-10px;}
.ham_top button img {display:block;}


.detwrap_apply {display:inline-block; width:600px; height:800px; background-color:#fff;}
.det_cont_apply {padding:35px;height:auto;}
.det_cont_apply p {font-size:15px; color:#555555;margin-bottom:32px;}

.apply_poptop {}
.apply_poptop h3 {font-size:22px; color:#568AE5;text-align:center;font-weight:500;padding-bottom:45px; background:url('/images/sub/apply_pop_bar.png') no-repeat center bottom;margin-bottom:28px;}
.apply_poptop h4 {font-size:14px; color:#333333;background:url('/images/sub/cont_bar1.jpg') no-repeat left center;display:inline-block;padding-left:20px;font-weight:400;margin:0 103px;}
.mgb28 {margin-bottom:28px !important;}
.apply_popcont {background-color:#f6f6f6;padding:20px 30px;}
.apply_popcont table {width:100%;}
.apply_popcont table th,.apply_popcont table td {font-size:14px;text-align:left;padding:5px 5px;font-weight:400;}
.apply_popcont table th {}
.apply_popcont table td {}
.apply_popcont table td input[type="text"] {width:100%; height:42px; border:solid 1px #ededed;padding:0 8px;}
.apply_popcont table td select {width:100%; height:42px; border:solid 1px #ededed;padding:0 8px;}
.apply_btnbox {text-align:center;margin-top:20px;}
.apply_btnbox a {display:inline-block;width:110px;height:42px;line-height:42px; color:#fff;text-align:center; background-color:#568AE5;font-size:14px;}


.mobile {
	display: none;
}

.flex {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}


/* 반응형 */
/* ============================================= */
/* max-width: 1640px; */
@media screen and (max-width:1640px){
	#header .nav ul.gnb > li{
		padding: 35px 16px;
	}
	#header .nav ul.gnb > li > a{
		letter-spacing: -1px;
	}
}
/* ============================================= */
/* max-width: 1400px; */
@media screen and (max-width:1400px){
	#header .nav ul.gnb > li{
		padding: 35px 10px;
	}
}
/* ============================================= */
/* max-width: 1240px; */
@media screen and (max-width:1240px) {
	.inner{
		width: 1043px;
		padding: 0 30px;
	}
	.footer_top{
		display: none;
	}
}
/* ============================================= */
/* tablet */
/* max-width: 1060px; */
@media screen and (max-width:1060px) {
	body{
		overflow-x: hidden;
	}
	.inner{
		width: 100%;		
	}
	.res_on{
		display: block;
	}
	/* header */
	#header{
		box-shadow: none;
		border-bottom: 1px solid #eee;
	}
	#header .login_menu{
		display: none;
	}
	#header .container2{
		height: 70px;
	}
	#header .container2 .logo{
		width: 150px;
	}
	#header .menu_btn{
		display: none;
	}
	#header .menu_res_btn{
		display: block;
	}
	#header .menu_res_btn span:nth-of-type(1){
		position: absolute;
		top: 0;
	}
	#header .menu_res_btn span:nth-of-type(3){
		position: absolute;
		bottom: 0;
	}
	#header .menu_res_btn.on span:nth-of-type(1){
		transform: rotate(-45deg);
		top: 8px;
	}
	#header .menu_res_btn.on span:nth-of-type(2){
		width: 0;
	}
	#header .menu_res_btn.on span:nth-of-type(3){
		transform: rotate(45deg);
		bottom: 8px;
	}
	#header .nav{
		width: 100%;
		height: calc(100vh - 71px);
		background: #fff;
		border-left: 1px solid #eee;
		flex-direction: row;
		position: fixed;
		right: 0;
		top: 71px;
		transition: .3s;
		z-index: 9999;
		display: none;
	}
	#header .nav.res_on{
		display: flex;
        flex-direction: column;
        justify-content: space-between;
	}
	#header .nav ul.gnb{
		width: 100%;
		flex-direction: column;
	    justify-content: flex-start;
    	align-items: flex-start;
	}
	#header .nav ul.gnb > li{
		width: 100%;
		padding: 0;
		text-align: left;
		border-bottom: 1px solid #eee;
	}
	#header .nav ul.gnb > li > a{
		padding: 20px 30px;
		font-size: 18px;
		line-height: 18px;
		letter-spacing: 0;
	}
	#header .nav ul.gnb > li > a::after{
        width: 20px;
        height: 20px;
        background: url(../img/arr2.png) no-repeat center;
        background-size: contain;
        right: 30px;
        top: 19px;
        left: auto;
        bottom: auto;
	}
	#header .nav ul.gnb > li:hover > a::after{
		width: 20px;
		left: auto;
	}
	#header .nav ul.gnb > li > a.on::after,
	#header .nav ul.gnb > li:hover > a.on::after {
		transform: rotate(180deg);
	}
	#header .nav ul.gnb > li:hover .sub{
		display: none;
	}
	#header .nav ul.gnb > li .sub{
		padding: 0;
		border-bottom: none;
		position: static;
		display: none;
	}
	#header .nav ul.gnb > li .sub.on{
		display: block;
	}
	#header .nav ul.gnb > li .sub li{
		padding: 0;
		border-top: 1px solid #eee;
		border-right: none;
		text-align: left;
	}
	#header .nav ul.gnb > li .sub li:last-child{
		border-bottom: 1px solid #eee;
	}
	#header .nav ul.gnb > li .sub li a{
		padding: 15px 40px;
		font-size: 14px;
		position: relative;
	}
	#header .nav ul.gnb > li .sub li a img{
		height: 14px;
	}
	#header .nav ul.gnb > li .sub li a::after{
		content: "";
		width: 16px;
		height: 16px;
		background: url(../img/arr3.png) no-repeat center;
		background-size: contain;
		position: absolute;
		right: 40px;
		top: 16px;
		transform: rotate(-90deg);
	}
	#header .nav .res_login{
		padding: 30px;
	}
	#header .nav .res_login .res_login_wrap{
		padding: 20px;	
		background: #f5f5f5;
		border-radius: 10px;
	}
	#header .nav .res_login .res_login_userinfo{
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #ccc;
	}
	#header .nav .res_login .res_login_userinfo p{
		font-size: 14px;
		text-align: center;
	}
	#header .nav .res_login ul{
		display: flex;
		justify-content: space-evenly;
	}
	#header .nav .res_login li{
		margin: 0 20px;
	}
	#header .nav .res_login li a{
		padding-right: 20px;
		font-size: 14px;
		line-height: 14px;
		position: relative;
		display: block;
	}
	#header .nav .res_login li a:hover{
		text-decoration: underline !important;
	}
	#header .nav .res_login li a::after{
		content: "";
		width: 12px;
		height: 12px;
		background: url(../img/arr4.png) no-repeat center;
		background-size: contain;
		position: absolute;
		top: 1px;
		right: 0;
		transform: rotate(-90deg);
	}
	
	/* #al_popup */
	#al_popup .ap_wrap{
		max-width: 300px;
		padding: 30px;
	}
	#al_popup .ap_txt{
		font-size: 16px;
		line-height: 24px;
	}
	#al_popup .ap_btnBox{
		margin-top: 20px;
	}
	#al_popup .ap_btnBox .ap_btn{
		padding: 10px 22px;
		font-size: 14px;
	}
	
	/* .main_wrap */
	.main_wrap{
		padding-top: 71px;
	}
	
	/* footer */
	#ft .ft_box .ft-banner ul{
		padding: 30px 0;
		gap: 30px;
	}
	#ft .ft_box .ft-banner a{
		min-width: 150px;
	}
	#ft .ft-btm .ft-area1 a{
		font-size: 14px;
	}
	#ft .select-box{
		width: 170px;
	}
	#ft .select-box select{
		font-size: 14px;
	}
	#ft .ft-area2 .family-site .go-btn{
		font-size: 14px;
	}
	#ft .ft-info .ft-info-wrap{
		padding: 30px;
	}
	#ft .ft-info .ft-logo{
		margin-right: 30px;
	}
	#ft .ft-info .ft-logo img{
		width: 150px;
	}
	#ft .ft-info .ft-address{
		line-height: 20px;
	}
	#ft .ft-info .ft-cs span{
		font-size: 14px;
		line-height: 20px;
	}
	#ft .ft-info .ft-cs span:nth-child(2){
		font-size: 30px;	
		line-height: 36px;	
	}
	
	
	/* 스마트 알림  */
	.set_alirm_popup .inner {
		width: 726px;
		padding: 30px;
	}
	.set_alirm_popup .search_area,
	.set_item_popup .search_area {
    	margin-top: 26px;
	}
	.set_alirm_popup .title_area .page_tit,
	.set_item_popup .page_tit {
	    font-size: 26px;
	}
	.set_alirm_popup .search-box,
	.set_item_popup .search-box {
	    padding: 30px 20px 34px;
	}
	.set_alirm_popup .foot .btn_close,
	.set_alirm_popup .foot .btn_confirm {
		font-size: 14px;
	    padding: 12px 0;
	}
	.set_item_popup .btn_close,
	.set_item_popup .btn_confirm {
	    padding: 12px 0;
	}
	
}

/* ============================================= */
/* mobile 가로 */
/* max-width: 768px; */
@media screen and (max-width:768px) {
	.inner{
		padding: 0 20px;
	}
	
	.pc {
		display: none;
	}
	.mobile {
		display: block;
	}
	
	/* header */
	.section_main .search_con_tt .cont{
		flex-wrap: wrap;
	}
	
	/* #al_popup */
	#al_popup .ap_wrap{
		padding: 20px;
	}
	#al_popup .ap_txt{
		font-size: 14px;
		line-height: 21px;
	}
	
	/* footer */
	#ft .ft_box .ft-banner{
		padding: 0;
	}
	#ft .ft_box .ft-banner ul{
	padding: 0;
	   flex-wrap: wrap;
	   gap: 0;
	}
	#ft .ft_box .ft-banner li{
		width: 50%;
		border-bottom: 2px solid #f4f4f4;
		border-right: 2px solid #f4f4f4;
	}
	#ft .ft_box .ft-banner li:nth-of-type(5),#ft .ft_box .ft-banner li:nth-of-type(6){
		border-bottom: none;
	}
	#ft .ft_box .ft-banner li:nth-of-type(2n){
		border-right: none;
	}
	#ft .ft_box .ft-banner a{
		padding: 20px;
		display: block;
	}
	#ft .ft_box .ft-banner img{
		width: 150px;
		margin: 0 auto;
		display: block;
	}
	#ft .ft-btm .ft-area1 a{
		font-size: 14px;
	}
	#ft .ft-btm > div, #ft .ft-info .ft-info-wrap{
		flex-wrap: wrap;
		gap: 15px;
	}
	#ft .ft-info .ft-address{
		font-size: 12px;
	}
	#ft .ft-info .ft-cs{
		display: none;
	}
	
	/* 스마트 알림 */
	.set_alirm_popup .inner {
        width: 464px;
        padding: 20px;
    }
    .set_alirm_popup .title_area {
    	display: block;
    }
    .set_alirm_popup .title_area .page_tit,
    .set_item_popup .page_tit {
        font-size: 18px;
    }
    .set_alirm_popup .title_area .small_area .small_tit,
    .set_item_popup .row_wrap.block .small_tit {
    	margin-top: 4px;
    }
    .set_alirm_popup .search-box,
    .set_item_popup .search-box {
        padding: 20px 10px 24px;
    }
	.set_alirm_popup .foot .btn_close,
	.set_alirm_popup .foot .btn_confirm {
        padding: 10px 0;
    }
}

/* ============================================= */
/* mobile 세로 */
/* max-width: 480px; */
@media screen and (max-width:480px) {
	
	/* header */
	#header .container2{
		height: 60px;
	}
	#header .container2 .logo{
		width: 130px;
	}
	#header .nav{
		height: calc(100vh - 61px);
		top: 61px;
	}
	
	/* .main_wrap */
	.main_wrap{
		padding-top: 61px;
	}    
	
	
	/* 스마트 알림  */
	.set_alirm_popup .inner {
        width: 346px;
        padding: 12px;
    }
	.set_alirm_popup .title_area .page_tit,
	.set_item_popup .page_tit {
        font-size: 16px;
    }
    .set_alirm_popup .title_area .small_area .small_tit,
    .set_item_popup .row_wrap.block .small_tit {
	    font-size: 12px;
	    line-height: 16px;
	}
	.set_alirm_popup .search_area,
	.set_item_popup .search_area {
        margin-top: 20px;
    }
	.set_alirm_popup .search-box,
	.set_item_popup .search-box {
        padding: 12px 10px 14px;
    }
    .set_alirm_popup .sch-label,
    .set_item_popup .sch-label {
	    min-width: 78px;
	    font-size: 14px;
	}
	.set_alirm_popup .email input.inptxt.sty5 {
	    padding: 4px;
	    font-size: 14px;
	}
	.set_alirm_popup .email .til {
	    font-size: 14px;
	    padding: 0 4px;
	}
	.set_alirm_popup .email .com_sel {
	    width: 96px;
	    background-position: 78px 10px;
	    background-size: 10px;
	    padding: 6px;
	}
	
}