@charset "euc-kr";

/**********************************************************************************************************************************************************************
*                                                                              [LAYOUT]                                                                               *
***********************************************************************************************************************************************************************/
html{font-size:14px}
/* 241022 */
body{height:100vh;font-family: 'Nanum Gothic','Malgun Gothic','Dotum','Apple SD Gothic Neo',sans-serif;color:#333;letter-spacing:-0.036rem}


/* BOX */
.box{width:1200px;margin:0 auto}
.box::after{content:'';display:table;clear:both}
.box .fnb__item > ul {display:inline-block;} /* 20230117 À¥Á¢±Ù¼º ¼öÁ¤ ±úÁü¼öÁ¤ */
.box-inner{width:1200px;margin:0 auto;padding:0 10px;box-sizing:border-box}
.box-inner::after{content:'';display:table;clear:both}
.box--small{width:1070px;margin:0 auto;} /* 20230117 À¥Á¢±Ù¼º ¼öÁ¤ overflow:hidden »èÁ¦ */
.overflowNone{overflow:inherit}
.accHidden{overflow:hidden;position:absolute;top:0;left:-999px;width:1px;height:1px;color:transparent;text-indent:-999px}
/* 231218 Ãß°¡ */
.borderNone{border:0 !important;}



/**********************************************************************************************************************************************************************
*                                                                              [ALIGN]                                                                                *
***********************************************************************************************************************************************************************/
.float--left{float:left}
.float--right{float:right}

.clearfix::after{content:'';display:table;clear:both}
/* s: 231218 ¸®´º¾ó Ãß°¡ */
.text--left{text-align: left !important;}
/* e: 231218 ¸®´º¾ó Ãß°¡ */



/**********************************************************************************************************************************************************************
*                                                                               [TEXT]                                                                                *
***********************************************************************************************************************************************************************/
/* FONT FAMILY */
.font--dotum{font-family:'µ¸¿ò',Dotum,'Malgun Gothic','Apple SD Gothic Neo',sans-serif}
.font--nanum{font-family:'Nanum Gothic','Malgun Gothic',Dotum,'Apple SD Gothic Neo',sans-serif}
/* .font--nanumSR{font-family:'NanumSquareRound','Nanum Gothic','Malgun Gothic',Dotum,'Apple SD Gothic Neo',sans-serif} */

/* FONT WEIGHT */
.font--bold{font-weight:700}
.font--ex-bold{font-weight:800}

/* FONT COLOR */
.color--white{color:#fff}
.color--blue{color:#0e3173}



/**********************************************************************************************************************************************************************
*                                                                              [BUTTON]                                                                               *
***********************************************************************************************************************************************************************/
.btn-wrap{text-align:center}
/* s: 231218 ¸®´º¾ó Ãß°¡ ¼öÁ¤ */
.btn-wrap2{text-align:left}
.btn-wrap .btn{display:inline-block;text-align:center;font-weight:700;color:#fff;background:#0e3173}
.btn-wrap .btn.btns{min-width: 307px; line-height: 5.428rem;}
.btn-wrap .btn + .btn{margin-left:38px}
/* e: 231218 ¸®´º¾ó Ãß°¡ ¼öÁ¤ */
.btn-wrap .ico--download{display:inline-block;width:32px;height:31px;margin-right:15px;background:url(../images/cust/ico_download.png) no-repeat 0 50%;vertical-align:top}

/* BUTTON COLOR(±âº»:ºí·ç) */
.btn-wrap .btn--gray{font-weight:700;background:#505050;color:#fff}
.btn-wrap .btn--sky{font-weight:700;background:#295cbc;color:#fff}
/* s: 231218 ¸®´º¾ó Ãß°¡ */
.btn-wrap .btn--trans{background:transparent; color:#062964; border:1px solid #062964;}
/* e: 231218 ¸®´º¾ó Ãß°¡ */

/* BUTTON SIZE */
.btn-wrap--big .btn{min-width:334px;font-size:1.905rem;line-height:5.857rem;letter-spacing:-2px}
.btn-wrap--big2 .btn{min-width: 310px; font-weight: 600; font-size:1.905rem;line-height:5.857rem;letter-spacing:-2px}
.btn-wrap--medium .btn{padding:15px 25px}


/**********************************************************************************************************************************************************************
*                                                                               [FORM]                                                                                *
***********************************************************************************************************************************************************************/
legend{position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden;text-indent:-999em}

/* FROM */
.input{width:100%;height:44px;padding:0 10px;font-size:1.143rem;line-height:3rem;border:1px solid #d8d8d8;box-sizing:border-box}
.input[readonly]{background:#ddd}
.input.inline{display:inline-block;margin-right:5px;text-align:right;vertical-align:top}
.input.small{height:30px;line-height:30px}
.select{width:100%;height:44px;padding-left:10px;font-size:1.143rem;line-height:3rem;color:#555;border:1px solid #d8d8d8;box-sizing:border-box;background:url(../images/arr_select.gif) no-repeat 95% 50%;border-radius:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.select::-ms-expand{display:none}
.select:disabled{background-image:url(../images/arr_select_disable.gif);background-color:#ddd}/* 190809 Ãß°¡ */
.textarea{width:100%;height:273px;padding:30px;font-size:1.143rem;line-height:2.096rem;border:1px solid #ccc;color:#555;resize:none;box-sizing:border-box}

/* PLACEHOLDER */
.input::-webkit-input-placeholder{color:#595959}
.input::-moz-placeholder{color:#595959}
.input:-ms-input-placeholder{color:#595959}
.input:-moz-placeholder{color:#595959}

/* À̸ÞÀÏ ÀÔ·Â Æû */
/* s: 240105 À¥Á¢±Ù¼º Ãß°¡ ¼öÁ¤ */
.form__email{vertical-align:middle;}
.form__email::after{content:''; display:block; clear: both;}
.form__email__id{float:left;width:38%}
.form__email__domain{float:left;width:30%}
.form__email__select{float:right;width:27%;height:44px;margin-left:1%;vertical-align:top}
.form__email__at{float:left;display:inline-block;width:4%;font-size:1.334rem;text-align:center}
/* e: 240105 À¥Á¢±Ù¼º Ãß°¡ ¼öÁ¤ */

/* ÀüÈ­¹øÈ£ ÀÔ·Â Æû */
.form__tel .input,
.form__tel .select{float:left;width:30%}
.form__tel .dash{float:left;width:5%;line-height:28px;text-align:center}
.tel_dash{width: 2%;display: inline-block;text-align: center;}

/* Áֹεî·Ï¹øÈ£ ÀÔ·Â Æû */
.form__rrn .input{float:left;width:48%}
.form__rrn .input + .dash{float:left;display:inline-block;width:4%;line-height:28px;text-align:center}
.form__rrn-date select{float:left;width:32%;margin-left:2%}
.form__rrn-date select:first-child{margin-left:0}



/**********************************************************************************************************************************************************************
*                                                                               [LIST]                                                                                *
***********************************************************************************************************************************************************************/
.prcy__list{margin-bottom:10px}
.prcy__list > li{padding-left:15px}
.prcy__list > li > span{float:left;margin-left:-10px}
.prcy__list--num > li{padding-left:35px;margin-bottom:10px}
.prcy__list--num .num{float:left;margin-left:-20px}
.prcy__list--num2 > li{padding-left:25px}
.prcy__list--num2 > li > span{float:left;margin-left:-23px}

/* ¡Ü */
.bul-list--round{}
.bul-list--round > li{position:relative;padding-left:30px;font-size:1.334rem;line-height:3.048rem;color:#444}
.bul-list--round > li:before{content:'';position:absolute;top:17px;left:6px;width:6px;height:6px;background:url(../images/serv/bul_round.gif) no-repeat 0 0}

/* - */
.bul-list--dash{margin-bottom:7px}
.bul-list--dash > li{position:relative;padding-left:12px;font-size:1.143rem;line-height:2.286rem;color:#444}
.bul-list--dash > li:before{content:'\002D';position:absolute;top:0;left:0;font-size:1.334rem}



/**********************************************************************************************************************************************************************
*                                                                               [ETC]                                                                                 *
***********************************************************************************************************************************************************************/
.hide{position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden;text-indent:-999em}

.dim{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2);z-index:10}
.blind{position:absolute;overflow:hidden;width:0;height:0;font-size:1px;line-height:0;color:transparent;}

/* SLIDER */
.slick-arrow{position:absolute;top:50%;width:63px;height:63px;margin-top:-35px;background-image:url(../images/arr_slider.png);background-repeat:no-repeat;text-indent:-9999em;z-index:10}
.slick-prev{left:30px;background-position:0 0}
.slick-next{right:30px;background-position:-63px 0}
.slick-disabled{display:none;visibility:hidden}

/* go to top */
.move-top{opacity:0;visibility:hidden;position:fixed;bottom:0;right:25px;width:53px;height:143px;padding:0 6px;text-align:center;background:#1d3d73;color:#fff;border:1px solid rgba(12,72,151,0.5);border-radius:50px;box-shadow:5px 4px 5px rgba(0,0,0,0.45);box-sizing:border-box;transition:all 1s ease;z-index:100}
.move-top__link{display:block;padding-top:53px;font-size:1.143rem;line-height:1.239rem;background:url(../images/ico_contact.png) no-repeat center 14px}
.move-top__link:focus{outline:2px solid #296cd8}
.move-top__btn{display:block;width:100%;margin-top:12px;padding-top:8px;font-size:0.762rem;border-top:1px solid #4a5e81;opacity:0.8;vertical-align:top}
.move-top__btn:before{content:'';display:block;width:0;height:0;margin:0 auto 5px;border-right:5px solid transparent;border-left:5px solid transparent;border-bottom:6px solid #fff}
.move-top__btn:focus{outline:2px solid #296cd8}
.move-top.active{opacity:1;visibility:visible;bottom:25px}



/**********************************************************************************************************************************************************************
*                                                                              [HEADER]                                                                               *
***********************************************************************************************************************************************************************/
/* SKIP NAVIGATION */
.nav-skip{position:relative;z-index:5000000}
.nav-skip a{position:absolute;display:block;width:100%;left:0;text-align:center;top:-10000px;z-index:5000000;font-size:1.3rem;box-sizing:border-box}
.nav-skip a:hover,.nav-skip a:focus,.nav-skip a:active{position:absolute;top:0;padding:15px;font-weight:bold;color:#fff;background:#595959;z-index:5000000}

#header{height:115px}
.header__top{width:1150px;margin:0 auto;padding-top:17px;text-align:right;font-size:0}
.header__top a{display:inline-block;padding:0 15px;line-height:1.286rem;font-size:1.013rem;font-weight:700;color:#4e4e4e}
.header__top a:not(:last-child){border-right:1px solid #cecece}

.header__gnb{position:relative;width:100%;padding:0 0 13px;border-bottom:1px solid #e7e6e6;transition:all 0.4s ease}
.header__gnb .logo{float:left;margin-left:33px}
.header__gnb--fixed{position:fixed;top:0;background:#fff;z-index:1000}
.header__gnb--fixed .logo{margin-top:15px}

.header__nav-wrap{float:right;margin-top:15px}
.header__nav-item{position:relative;float:left;padding:8px 28px;line-height:2.5rem;font-size:1.5rem;font-weight:700;color:#1d1d1d;vertical-align:top}
.header__nav-item > a{display:block}
/* .header__nav-item--small{position:relative;display:inline-block;padding:0 20px;line-height:2.357rem;font-size:1.048rem;color:#000}
.header__nav-item--small:nth-last-child(2){border-left:1px solid #e5e4e4} */
.header__nav-item:hover .header__nav-sub{display:block}
.header__nav-sub{display:none;position:absolute;top:45px;right:0;padding:10px;text-align:center;border:1px solid #e8e8e8;background:#fff;box-shadow:-2px 2px 6px rgba(0,0,0,0.08);z-index:10}
.header__nav-sub li{font-size:1rem;font-weight:bold;color:#595959;white-space:nowrap}
.header__nav-sub::before{content:'';position:absolute;top:-4px;left:50%;width:7px;height:6px;margin-left:-3px;border:1px solid #e8e8e8;border-width:1px 0 0 1px;background:#fff;transform:rotate(45deg)}



/**********************************************************************************************************************************************************************
*                                                                              [FOOTER]                                                                               *
***********************************************************************************************************************************************************************/
/* s: 230519 ÆÛºí ¼öÁ¤ */
#footer{background:#fff;}
.fnb{padding:75px 0 100px;border-top:1px solid #b2b2b2;}
.fnb__item{position:relative;float:left;width:25%;font-size:1.143rem;text-align:center;color:#000}
.fnb__item:after{content:'';display:block;position:absolute;top:50px;left:0;width:1px;height:210px;background:#b2b2b2}
.fnb__item > ul{margin-top:20px;} /* 20230117 À¥Á¢±Ù¼º ¼öÁ¤ overflow:hidden »èÁ¦ */
.fnb__item li{margin-top:22px}
.fnb__item:first-child{width:50%}
.fnb__item:first-child:after{left:51%}
.fnb__item:first-child li{float:left;width:50%}
.fnb__item:first-child .fnb__tit{text-align:left;padding-left:16.5%}
.fnb__tit{display:block;font-size:1.524rem;font-weight:700;color:#000}

.footer__policy{padding:16px 0;border-top:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2}
.footer__policy__list{padding-left:88px;box-sizing:border-box}
.footer__policy__item{display:inline-block;font-size:1rem;color:#000;}
.footer__policy__item strong{color:#000;font-weight:700}
.footer__policy__item:before{content:'¤Ó';margin:0 4px;font-weight:800}
.footer__policy__item:first-child:before{display:none}

.footer__info{padding:30px 0 100px;font-size:0.953rem;line-height:1.524rem;color:#000;}
.footer__info .box{padding-left:88px;padding-right:80px;box-sizing:border-box}
.footer__info__txt{float:left;width:71%}
.footer__info__txt address {font-style: normal;} /* 260331 Ãß°¡ */
.footer__info__wrap{display:flex; flex-wrap: wrap; justify-content: right;}

.footer__info__logo{margin-top:16px;}
.footer__info__logo img:first-child{margin-right:6px;}

.family-site{position:relative}
.family-site__btn{display:block;width:150px;padding-right:15px;text-align:center;color:rgba(255,255,255,0.7);border:1px solid #868e9b;box-sizing:border-box;cursor:pointer}
.family-site>a{display:block;width:150px;height:37px;line-height:35px;padding-left:25px;border:1px solid #868e9b;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url('../images/arr_select_black.png') no-repeat 125px 50% #fff}
.family-site>a::-ms-expand{display:none}
.family-site>a.active{background:url('../images/arr_select_black_up.png') no-repeat 125px 50% #fff}
.family-site__list{display:none;width:100%;position:absolute;left:0;bottom:37px;border:1px solid #868e9b;border-bottom:none;box-sizing:border-box;z-index:2;background:#fff}
.family-site__list ul{padding:15px 0}
.family-site__list ul li {margin-bottom:8px}
.family-site__list ul li:last-child{margin-bottom:0}
.family-site__list ul li a{display:block;font-size:0.953rem;padding-left:25px;color:#000;}
/* e: 230519 ÆÛºí ¼öÁ¤ */



/**********************************************************************************************************************************************************************
*                                                                              [ERROR]                                                                               *
***********************************************************************************************************************************************************************/
.errorWrap{min-height:100%;background:#f5f8ff url(../images/bg_error.png) center top no-repeat;background-size:cover}
.errorInner{width:1150px;margin:0 auto;padding:85px 0 0}
.errorCnt{width:500px;margin:185px auto 0;padding-top:325px;background:url(../images/img_error_visual.png) center top no-repeat;color:#444444;text-align:center}
.errorTxt1{margin-bottom:15px;font-size:30px;font-weight:700}
.errorTxt2{line-height:1.7;margin-bottom:50px;font-size:18px}
.errorBtn{text-align:center}
.errorBtn .btnType{display:inline-block;width:235px;height:82px;line-height:82px;color:#ffffff;font-size:26px;text-align:center;vertical-align:top}
.errorBtn .btnType.type1{margin-right:26px;background-color:#0e3173}
.errorBtn .btnType.type2{background-color:#505050}

.layer-popup:focus{outline: none!important;} /* 202412 À¥Á¢±Ù¼º ¼öÁ¤ : ÅؽºÆ® µî ¿î¿µÇÒ ¼ö ¾ø´Â ¿ä¼Ò¿¡ ÃÊÁ¡ÀÌ Àû¿ëµÇÁö ¾Êµµ·Ï Á¦°ø */
.terms-box:focus{outline: none!important;} /* 202412 À¥Á¢±Ù¼º ¼öÁ¤ : ÅؽºÆ® µî ¿î¿µÇÒ ¼ö ¾ø´Â ¿ä¼Ò¿¡ ÃÊÁ¡ÀÌ Àû¿ëµÇÁö ¾Êµµ·Ï Á¦°ø */
*:focus {outline: 2px solid #ED0000!important;z-index:1;} /* 20230117 À¥Á¢±Ù¼º ¼öÁ¤ */

/* ½ÉÇà ĸí ¾ÆÀÌÆù 2023.02.08*/
.iconBox {display: inline-flex;flex-direction: column;justify-content: space-around;height:50px; margin-left: 10px;vertical-align: top;}
.iconBox img {padding:0;}



/**********************************************************************************************************************************************************************
*                                                                              [·¹À̾ƿô]                                                                               *
***********************************************************************************************************************************************************************/
.w30{width:30%}
.mT30{margin-top:30px;}
.mT60{margin-top:60px;}
.mT150{margin-top:150px;}