@charset "UTF-8";

/*********************************************************************
  Spacing
*********************************************************************/
.hide{display:none !important;}

/* layer popup open 일때 콘텐츠 페이지 스크롤 제거 */
.hiddenScroll{overflow:hidden;}

/* layer popup open 일때 화면 움직이지 않도록 scroll 크기만큼 화면 넓이 조정 */
.fixedWidth{padding-right:1.7rem;}

.posi_relative{position:relative;}

@media screen and (max-width:767px){
  .fixedWidth{padding-right:0;}
  .m_flex-1{flex:1 0 0% !important;}
  .m_block{display:block !important;}
}

.d_inbl{display:inline-block;}

.flex-1{flex:1 0 0%;}

/*********************************************************************
  Spacing
*********************************************************************/
.mt-0{margin-top:0 !important;}
.mt-5{margin-top:0.5rem !important;}
.mt-10{margin-top:1rem !important;}
.mt-10m{margin-top:-1rem !important;}
.mt-20{margin-top:2rem !important;}
.mt-30{margin-top:3rem !important;}
.mt-40{margin-top:4rem !important;}
.mt-50{margin-top:5rem !important;}
.mt-60{margin-top:6rem !important;}
.mt-70{margin-top:7rem !important;}
.mt-80{margin-top:8rem !important;}
.mt-90{margin-top:9rem !important;}
.mt-100{margin-top:10rem !important;}
.ml-auto{margin-left:auto !important;}
.ml-10{margin-left:1rem !important;}
.ml-20{margin-left:2rem !important;}
.ml-40{margin-left:4rem !important;}
.mr-20{margin-right:2rem !important;}
.mb-0{margin-bottom:0 !important;}
.mb-10{margin-bottom:1rem !important;}
.mb-20{margin-bottom:2rem !important;}
.mb-30{margin-bottom:3rem !important;}
.mb-40{margin-bottom:4rem !important;}
.mb-50{margin-bottom:5rem !important;}

@media screen and (max-width:767px){
  .m-ml-0{margin-left:0 !important;}
  .mt-10{margin-top:2rem !important;}
  .m-mt-0{margin-top:0 !important;}
  .m-mt-50{margin-top:5rem !important;}
  .m-mt-80{margin-top:8rem !important;}
  .m-mb-0{margin-bottom:0 !important;}
}

/* hidden contents */
@media screen and (min-width:768px){
  .pc_hidden{display:none !important;}
}

@media screen and (max-width:767px){
  .m_hidden{display:none !important;}
}

.w20p{width:20% !important;}
.w100p{width:100% !important;}
.w100{width:10rem !important;}
.wAuto{width:auto !important;}

@media screen and (max-width:767px){
  .m_w100p{width:100% !important;}
}

/******************
 text align
******************/
.text-left{text-align:left !important;}
.text-center{text-align:center !important;}
.text-right{text-align:right !important;}

._indent{padding-left:2rem; text-indent:-2rem;}

@media screen and (max-width:767px){
	.m-text-left{text-align:left !important;}
}

/*********************************************************************
  custom scrollbar
*********************************************************************/
.customScroll::-webkit-scrollbar{width:1.5rem;}
.customScroll::-webkit-scrollbar-track{background-color:#fff;}
.customScroll::-webkit-scrollbar-thumb{border:3px solid #fff; border-radius:2em; background-color:#eff1f6;}

@media screen and (max-width:767px){
  .customScroll::-webkit-scrollbar{width:1.5rem;}
  .customScroll::-webkit-scrollbar-track{background-color:#fff;}
  .customScroll::-webkit-scrollbar-thumb{border:3px solid #fff; border-radius:2em; background-color:#eff1f6;}
}

/*********************************************************************
  콘텐츠 블록
*********************************************************************/
.bl_cont:first-child{padding-top:0;}
.bl_cont{margin-top:1rem; padding-top:9.5rem;}
.bl_cont._bg{margin-top:10rem; padding:10rem 0; background-color:#eff1f6;}

@media screen and (max-width:767px){
  .bl_cont{margin-top:0; padding-top:15rem;}
}

/*********************************************************************
  텍스트
*********************************************************************/
.text-unit{font-size:2rem;}

/* text size */
.text-min{font-size:1.3rem !important; margin-left:0.7rem !important;}
.text-sm{font-size:1.8rem !important;}

@media screen and (max-width:767px){
  .text-unit{font-size:3rem;}

  /* text size */
  .text-sm{font-size:2.6rem !important;}
}

/* color */
.color_primary{color:#5186ee !important;}
.color_red{color:#f00 !important;}
.text-point{color:#222;}
.text-red{color:#f00 !important;}
.text-gray{color: #767676;}
.text-black{color:#000000;}
.weight700{font-weight:700;}

.strong_red{font-weight:600; color:#F13F30;}

.text-left{text-align:left;}

 /* text box */
 .text_border_box{padding:2rem; border:1px solid #e0e0e0; word-break:break-all;}

@media screen and (max-width:767px){
 .text_border_box{font-size:2.6rem;}
}

/*********************************************************************
  타이틀
*********************************************************************/
.tit_page{margin-top:8rem; margin-bottom:8.5rem; font-size:6rem; font-weight:700; color:#222; line-height: 1; text-align:center;}
.tit_section{margin-bottom:8rem; font-size:4.4rem; font-weight:700; color:#000; text-align:center; line-height:1.3; letter-spacing: -0.01em;}
.tit_section .txt{display:block; font-size:3rem; color:#767676; font-weight:500;}
.tit_subSection{margin-bottom:2rem; font-size:3.4rem; font-weight:700; line-height:1;}
.tit_subSection._center{margin-bottom:8rem; margin-top:8rem; text-align:center;}
.tit_sub{display:flex; flex-wrap:wrap; margin-bottom:2rem; font-size:2.4rem; font-weight:700; letter-spacing: -0.02rem; color:#010101; line-height:1.3;}
.tit_sub .text_sm{display:inline-block; margin-top:0.5rem; margin-left:0.5rem; font-size:1.8rem; opacity:0.5;}
.tit_sub.bl{display:block;}
.subTit_bar._bg .tit_sub .text_sm{margin-top:1.5rem;}
.tit_sub.bullet:before{content:""; display:inline-block; width:0.6rem; height:0.6rem; margin-top:0.5em; margin-right:1rem; border-radius:50%; background-color:#aaa;}
.tit_sub.bullet_square{margin-bottom:3rem;}
.tit_sub.bullet_square:before{content:""; display:block; width:0.8rem; height:0.8rem; margin-top:0.5em; margin-right:1rem; background-color: #222;}
.tit_sub strong.text-red{margin-left:0.5rem;}
.tit_sub._attach{width:calc(100% - 37rem);}
.tit_sub.inline{display:inline-block;}
.tit_sub_gray{font-size:3rem; color:#a7a7a7;}

/* popup title */
/*.popup .tit_sub{margin-bottom:1.6rem; font-size:1.9rem;}*/

@media screen and (max-width:767px){
  .tit_page{position:absolute; top:0; left:9.6rem; right:9.6rem; height:11rem; margin:0; font-size:4.6rem; line-height:11rem; letter-spacing: -0.02em; z-index:1000;}
  .tdEvent_wrapper .tit_page{position:relative; top:0; left:0; right:0; height:auto; margin:0;}
  .tit_section{margin-bottom:8rem; font-size:4.4rem;}
  .tit_section .txt{font-size:3.6rem; margin-top:0.5rem;}
  .tit_sub{font-size:4rem;}
  /*.popup .tit_sub{margin-bottom:1.5rem; font-size:4rem;}*/
  .tit_sub .text_sm{margin-top:1rem; font-size:3rem;}
  .tit_sub.bullet:before{width:0.8rem; height:0.8rem; margin-right:1.2rem;}
  .tit_sub_square:before{width:0.8rem; height:0.8rem; margin-right:1rem;}
  .tit_sub._attach{width:100%;}
  .tit_subSection{margin-bottom:2.4rem; font-size:4rem;}
  .tit_subSection._center{margin-bottom:3rem; font-size:4.4rem;}


  .tit_sub_gray{font-size:4rem;}
}

/* 소제목 그룹 */
.subTit_bar{display:flex; align-items: center; flex-wrap:wrap; margin-bottom:4rem;}
.subTit_bar._sm{margin-bottom:2rem;}
.subTit_bar._bg{margin-bottom:2rem;}
.subTit_bar._bg .tit_sub{margin-bottom:0; line-height:1.3; font-size:3.6rem;}
.subTit_bar._bg .tit_sub.bullet{font-size:2.4rem;}
.subTit_bar .tit_sub{margin-bottom:0; line-height:1.3;}
.subTit_bar.txt{margin-top:-2rem;}
.subTit_bar.txt .tit_sub{font-size:2.2rem; color:#a7a7a7;}
.subTit_bar .btn_posi{margin-left:auto;}
.subTit_bar .btn{height:4rem; border-radius:0.8rem;}
.subTit_bar .tit_buttonGroup{display:flex; align-items:center;}
.subTit_bar .tit_buttonGroup .btn+.btn{margin-left:0.5rem;}

@media screen and (max-width:767px){
  .subTit_bar{margin-bottom:3rem;}
  .subTit_bar._sm{margin-bottom:3rem;}
  .subTit_bar._bg{margin-bottom:5rem;}
  .subTit_bar._bg .tit_sub{font-size:4.4rem;}
	.subTit_bar._bg .tit_sub.bullet{font-size:4rem;}
  .subTit_bar .tit_sub{margin-bottom:0; font-size:3.6rem;}

  .subTit_bar.m_type{flex-direction:column; padding-bottom:3rem;}
  .subTit_bar.m_type .tit_sub{width:100%;}
  .subTit_bar.m_type .btn{width:100%; margin-top:2rem;}

  .subTit_bar .btn_posi{}

  .subTit_bar .btn{height:8rem;}
  .subTit_bar .m_full{width:100%; margin-top:2rem;}
  .subTit_bar .m_full .btn{width:100%;}


  .subTit_bar.txt{margin-top:-2rem;}
  .subTit_bar.txt .tit_sub{font-size:3.2rem; font-weight:500;}
}

.tit_item{font-size:1.8rem;}

@media screen and (max-width:767px){
	.tit_item{font-size:3.4rem;}
}

/*********************************************************************
  Loader
*********************************************************************/
.loader{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.5); z-index:10000;}
.spinner{position:absolute; top:50%; left:50%; width:5rem; height:5rem; margin:-2.5rem 0 0 -2.5rem; border:0.5rem solid #FFF; border-bottom-color: transparent; border-radius: 50%; display: inline-block; box-sizing: border-box; animation: rotation 1s linear infinite; font-size:0;}

@media screen and (max-width:767px){
  .spinner{width:10rem; height:10rem; margin:-5rem 0 0 -5rem; border-width:1rem;}
}

@keyframes rotation{
  0%{transform: rotate(0deg);}
  100%{transform: rotate(360deg);}
}

/*********************************************************************
  lnb 메뉴 (탭 형태)
*********************************************************************/
.nav_tabs{margin-bottom:8rem; z-index:10;}
.nav_tabs .nav_tabs_fixed{width:114rem; margin:0 auto; border-radius:2em; background-color:#07313A; z-index:10;}
.nav_tabs .tabs_inner{display:flex; border-radius:2em; background-color:#07313A;}
.nav_tabs .tab{flex:1 0 0%; display:flex; align-items: center; justify-content: center; position:relative; min-height:5.2rem; padding:0 1rem; font-size:2.4rem; font-weight:700; letter-spacing: 0.05em; text-align:center; color:#fff; white-space:nowrap; border-radius:2em;}
.nav_tabs .tab.on{background-color:#00ACD4;}

.nav_tabs.fixedTab .nav_tabs_fixed{position:fixed; top:9.9rem; left:0; width:100%; border-radius:0;}
.nav_tabs.fixedTab .nav_tabs_fixed:after{content:""; display:block; position:absolute; top:100%; left:0; width:100%; height:4rem; background-color:#fff;}
.nav_tabs.fixedTab._event .nav_tabs_fixed{top:0; left:0;}
.nav_tabs.fixedTab .tabs_inner{width:114rem; margin:0 auto;}
.nav_tabs.fixedTab .tab{border-radius:0;}

@media screen and (max-width:1200px){
  .nav_tabs{padding:0 3.5rem;}
  .nav_tabs .nav_tabs_fixed{width:100%;}
}
@media screen and (max-width:1024px){
  .nav_tabs{padding:0 3.5rem;}
  .nav_tabs.fixedTab .nav_tabs_fixed{top:0;}
}

@media screen and (max-width:767px){
  /* .nav_tabs{position:relative;}
  .nav_tabs .tabs_inner{display:block; position:absolute; top:0; left:0; right:0; padding:9rem 0 0; border:1px solid #cbcbcb; border-radius:0.8rem; background-color:#fff; overflow: hidden;}
  .nav_tabs .tab{justify-content: flex-start; min-height:9rem; padding:0 3rem; font-size:3.2rem; font-weight:400; letter-spacing: 0;}
  .nav_tabs .tab.on{position:absolute; top:0; left:0; width:100%; font-weight: 400; color:#5186ee;}
  .nav_tabs .tab.on:after{content:""; display:block; position:absolute; top:50%; bottom:initial; right:3rem; left:initial; width:1.6rem; height:1.6rem; background:url(../img/ico_dropdown_arrow_footer.png) no-repeat top left / contain; transform:translateY(-50%);}
  .nav_tabs .tab:not(.on){display:none;}
  .nav_tabs .tab+.tab{margin-left:0;}
  .nav_tabs.opened .tabs_inner{box-shadow: 0 .5rem 1rem rgba(0,0,0,0.2);}
  .nav_tabs.opened .tab.on:after{transform:translateY(-50%) rotate(180deg);}
  .nav_tabs.opened .tab:not(.on){display:flex;} */

  .nav_tabs{position:relative; margin-bottom:0; padding:0;}

  .tabs_prev_arrow{display:none; position:absolute; top:0.5rem; bottom:0.5rem; left:0; width:4.2rem; padding:0 1.2rem; background:#fff url(../img/ico_m_nav_prev.png) no-repeat center center / 1.8rem 3rem; z-index:1;}
  .tabs_next_arrow{display:none; position:absolute; top:0.5rem; bottom:0.5rem; right:0; width:4.2rem; padding:0 1.2rem; background:#fff url(../img/ico_m_nav_next.png) no-repeat center center / 1.8rem 3rem; z-index:1;}

  .nav_tabs.prev .tabs_prev_arrow{display:block;}
  .nav_tabs.next .tabs_next_arrow{display:block;}

  .fixedTab.prev .tabs_prev_arrow{position:fixed; height:10rem;}
  .fixedTab.next .tabs_next_arrow{position:fixed; height:10rem;}

  .nav_tabs .nav_tabs_fixed{width:100%; border-radius:0; overflow-y:hidden; overflow-x:auto; -webkit-overflow-scrolling:touch; border-top:0.2rem solid #F3F3F3; background-color:#fff;}
  .nav_tabs .nav_tabs_fixed::-webkit-scrollbar{display:none;}
  .nav_tabs .nav_tabs_fixed:after{content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:0.5rem; background-color:#F3F3F3;}
  .nav_tabs .tabs_inner{display:block; padding:0 5rem; text-align:center; white-space:nowrap; border-radius:0; background-color:#fff;}
  .nav_tabs .tab{display:inline-flex; flex:none; min-height:10rem; padding:0; font-size:3.6rem; font-weight:500; color:#818181; border-radius:0; letter-spacing:-0.02em;}
  .nav_tabs .tab+.tab{margin-left:6rem;}
  .nav_tabs .tab:last-child{margin-right:5rem;}
  .nav_tabs .tab.on{color:#00ACD4; font-weight:700; border-bottom:0; background-color:#fff;}
  .nav_tabs .tab.on:after{content:""; display:block; position:absolute; bottom:0; left:50%; width:100%; height:0.5rem; background-color:#00ACD4; transform:translateX(-50%); z-index:1;}
  /* .nav_tabs .tab:not(.on){display:none;} */

  .nav_tabs.fixedTab .nav_tabs_fixed{position:fixed; top:0; left:0; width:100%; border-radius:0; border-bottom:1px solid #F3F3F3;}
  .nav_tabs.fixedTab .nav_tabs_fixed:after{display:none;}
  /*.nav_tabs.fixedTab .nav_tabs_fixed:after{content:""; display:block; position:absolute; top:calc(100% - 0.5rem); bottom:0; left:0; width:100%; height:0.5rem; background-color:#F3F3F3;}*/
  .nav_tabs.fixedTab .tabs_inner{width:auto;}
  .nav_tabs.fixedTab .tab{border-radius:0;}
}

/*********************************************************************
  탭메뉴 - 스크롤
*********************************************************************/
.cont_tabs{}
.cont_tabs .tabs_fixed_cont{position:fixed; right:10rem; opacity:0; z-index:10; transition:right all}
.cont_tabs .tab{position:relative; display:block; min-width:10.5rem; padding:0 1rem 0 2rem; font-size:2rem; color:#B0B0B0; line-height:4rem; white-space:nowrap; text-align:center; font-weight:700; border:1px solid #DADADA; background: #FFFFFF;  border-radius: 1rem 0 0 1rem; overflow:hidden; transition:all 0.1s ease;}
.cont_tabs .tab:before{content:""; display:block; position:absolute; top:0; left:0; width:1rem; height:100%; background-color:#DADADA; transition:all 0.1s ease;}
.cont_tabs .tab+.tab{margin-top:2.5rem;}
.cont_tabs .tab.on{color:#fff; background-color:#00ACD4;}
.cont_tabs .tab.on:before{background-color:#00ACD4;}

.cont_tabs .tab:hover:not(.on){color:#fff; background-color: #00ACD4;}
.cont_tabs .tab:hover:not(.on):before{background-color:#00ACD4;}

.cont_tabs._line .tabs_fixed_cont .tabs_inner:before{content:""; display:block; position:fixed; top:5.2rem; right:15.2rem; bottom:0; width:2px; height:100%; background-color:#F4F4F4;}

.cont_tabs.fixedTab .tabs_fixed_cont{position:fixed; top:18.5rem; transition:opacity 0.1s ease; opacity:1;}
.cont_tabs.fixedTab._event .tabs_fixed_cont{position:fixed; top:9.2rem;}

/*
@media screen and (max-width:1590px){
  .cont_tabs .tabs_fixed_cont{right:2rem;}
  .cont_tabs._line .tabs_fixed_cont .tabs_inner:before{right:7.2rem;}
}

@media screen and (max-width:1368px){
  .cont_tabs .tabs_inner{width:100%;}
}
*/

@media screen and (max-width:1600px){
  .cont_tabs{display:none; height:13rem; margin-bottom:3rem; margin-top:-8rem; margin-left:-3.5rem; margin-right:-3.5rem;}
  .cont_tabs .tabs_fixed_cont{position:relative; right:initial; width:100%; padding:0; opacity:1; z-index:10; transition:none;}
  .cont_tabs .tabs_inner{display:block; padding:3rem 2.4rem; text-align:center; white-space: nowrap; overflow-x: auto; overflow-y:hidden; -webkit-overflow-scrolling:touch;}
  .cont_tabs .tabs_inner::-webkit-scrollbar{display:none;}
  .cont_tabs .tab{display:inline-flex; align-items: center; min-width:initial; height:5.2rem; padding:0 3rem; font-size:2.4rem; color:#818181; line-height:1; font-weight:500; border:1px solid #A9A9A9; border-radius: 2em;}
  .cont_tabs .tab:before{display:none;}
  .cont_tabs .tab+.tab{margin-top:0; margin-left:2rem;}
  .cont_tabs._line .tabs_fixed_cont .tabs_inner:before{display:none;}
  .cont_tabs.fixedTab .tabs_fixed_cont{position:fixed; top:15.2rem; left:0; background-color:#fff; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}
  .cont_tabs.fixedTab._event .tabs_fixed_cont{position:fixed; top:10rem; background-color:#fff; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}
  .cont_tabs.fixedTab .tabs_fixed_cont .tabs_inner{padding-top:1.5rem; padding-bottom:1.5rem;}

  .cont_tabs .tab.on{color:#fff; border-color:#00ACD4; background-color:#00ACD4;}

  .cont_tabs .tab:hover:not(.on){color:#818181; background-color: #fff !important; border-color:#A9A9A9 !important;}
  .cont_tabs .tab:hover:not(.on):before{background-color:#00ACD4;}

  /* .cont_tabs{height:8rem;}
  .cont_tabs .tabs_inner{display:flex; padding:0 3.5rem; white-space: nowrap; overflow-x: auto; overflow-y:hidden; -webkit-overflow-scrolling:touch;}
  .cont_tabs .tabs_inner::-webkit-scrollbar{display:none;}
  .cont_tabs .tab{min-height:8rem; padding:2rem 3.5rem; font-size:3.2rem; font-weight:700; letter-spacing: 0.08em; line-height:1; white-space:nowrap;}
  .cont_tabs .tab:hover:not(.on){color:#767676;}

  .tabs_fixed_cont.fixedTab{position:fixed; top:0; left:0; width:100%; border-bottom:1px solid #cbcbcb; background-color:#fff; z-index:1;}
  .tabs_fixed_cont.fixedTab .tab{min-height:8rem; padding:2rem 3.5rem; font-size:3.2rem;} */
}

@media screen and (max-width:1024px){
  .cont_tabs{display:block;}
  .cont_tabs.fixedTab .tabs_fixed_cont{top:5.2rem;}
}

@media screen and (max-width:767px){
  .cont_tabs .tab{height:6rem; font-size:3rem;}
  .cont_tabs.fixedTab .tabs_fixed_cont{top:10.5rem;}
  .cont_tabs.fixedTab .tabs_fixed_cont .tabs_inner{padding-top:3rem; padding-bottom:3rem;}

  /*
  .cont_tabs{height:13rem; margin-bottom:3rem; margin-top:-8rem; margin-left:-3.5rem; margin-right:-3.5rem;}
  .cont_tabs .tabs_fixed_cont{position:relative; right:initial; width:100%; padding:0; opacity:1; z-index:5; transition:none;}
  .cont_tabs .tabs_inner{display:block; padding:3rem 2.4rem; text-align:center; white-space: nowrap; overflow-x: auto; overflow-y:hidden; -webkit-overflow-scrolling:touch;}
  .cont_tabs .tabs_inner::-webkit-scrollbar{display:none;}
  .cont_tabs .tab{display:inline-flex; align-items: center; min-width:initial; height:6rem; padding:0 3rem; font-size:3rem; color:#818181; line-height:1; font-weight:500; border:1px solid #A9A9A9; border-radius: 2em;}
  .cont_tabs .tab:before{display:none;}
  .cont_tabs .tab+.tab{margin-top:0; margin-left:2rem;}
  .cont_tabs._line .tabs_fixed_cont .tabs_inner:before{display:none;}
  .cont_tabs.fixedTab .tabs_fixed_cont{position:fixed; top:10rem; background-color:#fff; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}
  .cont_tabs.fixedTab._event .tabs_fixed_cont{position:fixed; top:10rem; background-color:#fff; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}

  .cont_tabs .tab{color:#818181;}

  .cont_tabs .tab.on{color:#fff; border-color:#00ACD4; background-color:#00ACD4;}

  .cont_tabs .tab:hover:not(.on){color:inherit; background-color:inherit;}

  .cont_tabs .tab:hover:not(.on){color:#818181; background-color: #fff;}
  .cont_tabs .tab:hover:not(.on):before{background-color:#00ACD4;}

  /* .cont_tabs{height:8rem;}
  .cont_tabs .tabs_inner{display:flex; padding:0 3.5rem; white-space: nowrap; overflow-x: auto; overflow-y:hidden; -webkit-overflow-scrolling:touch;}
  .cont_tabs .tabs_inner::-webkit-scrollbar{display:none;}
  .cont_tabs .tab{min-height:8rem; padding:2rem 3.5rem; font-size:3.2rem; font-weight:700; letter-spacing: 0.08em; line-height:1; white-space:nowrap;}
  .cont_tabs .tab:hover:not(.on){color:#767676;}

  .tabs_fixed_cont.fixedTab{position:fixed; top:0; left:0; width:100%; border-bottom:1px solid #cbcbcb; background-color:#fff; z-index:1;}
  .tabs_fixed_cont.fixedTab .tab{min-height:8rem; padding:2rem 3.5rem; font-size:3.2rem;} */
  */
}


/*********************************************************************
  탭메뉴 - 기본
*********************************************************************/

.tabs_fn{height:6.4rem; z-index:1;}
.tabs_fn .tabs_inner{display: flex; margin:0 auto; padding:0 7rem; background-color:#fff;}
.tabs_fn .tab{display:flex; align-items: center; justify-content: center; flex:1; min-height:6.2rem; padding:1.3rem 0; font-size:2.4rem; font-weight:500; text-align: center; color:#767676; letter-spacing: 0.05em; border-top:1px solid #f3f3f7; border-bottom:1px solid #f3f3f7; transition:all 0.1s ease;}
.tabs_fn .tab.on{font-weight:700; color:#fff; border-color:#4e83eb; background-color:#4e83eb;}
.tabs_fn .tab:hover:not(.on){color:#4e83eb;}

.tabs_fn_body{display:none;}
.tabs_fn_body.on{display:block;}

@media screen and (max-width:767px){
  .tabs_fn{height:auto;}
  .tabs_fn .tabs_inner{padding:0;}
  .tabs_fn .tabs_inner::-webkit-scrollbar{display:none;}
  .tabs_fn .tab{min-height:8rem; padding:2rem 3.5rem; font-size:3.2rem; font-weight:700; letter-spacing: 0.08em; line-height:1;}
  .tabs_fn .tab:hover:not(.on){color:#767676;}

  .tabs_fixed_cont.fixedTab{position:fixed; top:0; left:0; width:100%; border-bottom:1px solid #cbcbcb; background-color:#fff; z-index:1;}
  .tabs_fixed_cont.fixedTab .tab{min-height:8rem; padding:2rem 3.5rem; font-size:3.2rem;}

  .tabs_fn.wide{margin-left:-3.5rem; margin-right:-3.5rem;}
  .tabs_fn.wide .tabs_inner{padding:0 3.5rem; white-space: nowrap; overflow-x: auto; overflow-y:hidden; -webkit-overflow-scrolling:touch;}
  .tabs_fn.wide .tab{min-height:8rem; white-space:nowrap;}
}

.tab_st_new .tab{min-height:4.6rem; padding:0; font-size:2rem; font-weight:700; color:#222; border:1px solid #222; border-radius:2em;}
.tab_st_new .tab+.tab{margin-left:2rem;}
.tab_st_new .tab.on{background-color:#222; border-color:#222;}

@media screen and (max-width:767px){
	.tab_st_new .tab{min-height:10rem; padding:0; font-size:3.5rem; font-weight:700; color:#222; border:1px solid #222; border-radius:0;}
	.tab_st_new .tab+.tab{margin-left:0;}
	.tab_st_new .tab.on{background-color:#222; border-color:#222;}
}

/*********************************************************************
  lnb 형태 탭메뉴
*********************************************************************/
.tab_round{border-radius:2em; overflow:hidden;}
.tab_round .tabs_inner{display:flex; background-color:#07313A;}
.tab_round .tab{flex:1 0 0%; display:flex; align-items: center; justify-content: center; position:relative; min-height:5.2rem; padding:0 1rem; font-size:2.4rem; font-weight:700; letter-spacing: 0.05em; text-align:center; color:#fff; white-space:nowrap; border-radius:2em;}
.tab_round .tab.on{background-color:#00ACD4;}

.tab_round_body{display:none;}
.tab_round_body.on{display:block;}

@media screen and (max-width:1200px){
  .tab_round{padding:0 3.5rem;}
}
@media screen and (max-width:767px){
  .tab_round{padding:0; border-radius:0;}
  .tab_round .nav_tabs_fixed{width:100%; border-radius:0; overflow-y:hidden; overflow-x:auto; -webkit-overflow-scrolling:touch; border-top:0.2rem solid #F3F3F3; border-bottom:0.5rem solid #F3F3F3; background-color:#fff;}
  .tab_round .tabs_inner{display:block; padding:0 3.5rem; text-align:center; white-space:nowrap; border-radius:0; background-color:#fff;}
  .tab_round .tab{display:inline-flex; flex:none; min-height:10rem; padding:0; font-size:3.6rem; font-weight:500; color:#818181; border-radius:0;}
  .tab_round .tab+.tab{margin-left:6rem;}
  .tab_round .tab:last-child{margin-right:3.5rem;}
  .tab_round .tab.on{color:#00ACD4; font-weight:700; border-bottom:0; background-color:#fff;}
  .tab_round .tab.on:after{content:""; display:block; position:absolute; bottom:0; left:50%; width:100%; height:0.5rem; background-color:#00ACD4; transform:translateX(-50%);}
}

/*********************************************************************
  버튼 공통
*********************************************************************/


.btn{display:inline-flex; justify-content: center; align-items: center; min-width:12.5rem; height:4.5rem; padding:0 2rem; font-size:1.8rem; font-weight:700; white-space: nowrap;}

/* button large */
.btn_lg{min-width:32rem; height:7rem; padding:0 2rem; font-size:2.4rem; /*background-image:url(../img/bg_btn.png); background-repeat:no-repeat; background-position:right center;*/}
/*.popup .btn_lg{height:5.6rem; font-size:1.9rem;}*/

/* button small */
.btn_sm{min-width:16rem; height:7rem; padding:0 2rem; font-size:2.4rem; /* background-image:url(../img/bg_btn.png); background-repeat:no-repeat; background-position:right -6rem center;*/}
.btn_sm.bnt_sm_ct{flex:0 0 50% !important; max-width:50% !important; margin:0 auto !important;}
/*.popup .btn_sm{height:5.6rem; font-size:1.9rem;}*/

/* 버튼형태 링크 */
.btn_link{display:inline-flex; align-items: center; justify-content: center; padding:0.6rem 2rem; font-size:1.4rem; border-radius:2em; line-height: 1;}
.btn_link:after{content:""; display:block; width:0.7rem; height:1.1rem; margin-left:1.5rem; background:url(../img/ico_btn_link.png) no-repeat top left / cover;}

/* link */
.link{display:inline-block; position:relative;}
.link:after{content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:0.2rem; background-color:currentColor;}
.link_arrow{display: block; line-height: 1; border-bottom:1px solid currentColor;}
.link_arrow:after{content:">"; display:inline-block; margin-left:1rem;}

.link_text_underline{text-decoration:underline;}

.btn.link{min-width:auto; height: auto; padding:0; border-radius:0;}

/* 삭제버튼 */
.btn_del{display:inline-flex; align-items: center; justify-content: center; padding:0.6rem 2rem; font-size:1.6rem; color:#fff; line-height: 1; border-radius:2em; background-color:#B58787;}
.btn_del:after{content:""; display:block; width:1.1rem; height:1.3rem; margin-left:1rem; background:url(../img/ico_btn_del.png) no-repeat top left / cover;}

/* button color */
.btn_primary{color:#fff; background-color:#5186EE;}
.btn_primary_500{color:#fff; background-color:#767676;}
.btn_red{color:#fff; background-color:#ed776d;}
.btn_black{color:#fff; background-color:#b4b4b4;}
.btn_black_900{color:#fff; background-color:#222;}
.btn_gray{color:#fff; background-color:#cbcbcb;}
.btn_green{color:#fff; background-color:#4ACAC2;}
.btn_yellow{color:#fff; background-color:#EBA34E;}
.btn_border{color:#5186ee; border:1px solid #5186ee; background-color:#fff;}
.btn_border_black{color:#222; border:1px solid #222; background-color:#fff;}
.btn_purple{color:#8F628F; border:1px solid #8F628F; background-color:#F6EFF6;}
.btn_purple_bg{color:#fff; background-color:#B587B5;}
.btn_pink_bg{color:#fff; background-color:#e83397;}

.bg_td{color:#fff; background-color:#00ACD4;}

/* 추가버튼 */
.btn.icon_plus{color:#222; border:1px solid #222; background-color:#fff;}
.btn.icon_plus:before{content:""; width:1.4rem; height:1.4rem; margin-right:0.8rem; background:url(../img/ico_plus.png) no-repeat top left / contain;}

/* 연락처버튼 */
.btn.icon_phone{color:#222; border:1px solid #222; background-color:#fff;}
.btn.icon_phone:after{content:""; width:2rem; height:2rem; margin-left:1rem; background:url(../img/ico_phone.png) no-repeat top left / contain;}

/* 새로고침 */
.btn.icon_refresh{color:#222; border:1px solid #222; background-color:#fff;}
.btn.icon_refresh:before{content:""; width:2rem; height:2.4rem; margin-right:0.8rem; background:url(../img/ico_refresh_w.png) no-repeat top left / contain;}

.btn.icon_refresh_w{color:#fff; background-color:#fff;}
.btn.icon_refresh_w:before{content:""; width:2rem; height:2.4rem; margin-right:0.8rem; background:url(../img/ico_refresh_w_.png) no-repeat top left / contain;}

/* 다운로드 */
.btn.icon_download{color:#222; border:1px solid #222; background-color:#fff;}
.btn.icon_download:after{content:""; width:2rem; height:2rem; margin-left:1rem; background:url(../img/ico_download02.png) no-repeat top left / contain;}

/* 다운로드 */
.btn.icon_download02{padding-left:3rem; padding-right:3rem;color:#fff; background-color:#222; border-radius:2em;}
.btn.icon_download02:after{content:""; width:2rem; height:2rem; margin-left:1rem; background:url(../img/ico_download03.png) no-repeat top left / contain;}

/* 업로드 */
.btn.icon_upload{color:#222; border:1px solid #222; background-color:#fff;}
.btn.icon_upload:after{content:""; width:2rem; height:2rem; margin-left:1rem; background:url(../img/ico_download02.png) no-repeat top left / contain; transform:rotate(180deg);}

/* 아이콘없는버튼 */
.btn.icon_none{color:#222; border:1px solid #222; background-color:#fff;}

/* 자세히 보기 */
.btn_more{display:inline-flex; align-items: center; justify-content: center; height:3.2rem; padding:0.7rem 3rem; font-size:1.6rem; font-weight:600; white-space:nowrap; color:#fff; border-radius:2em; background-color:#222;}

/* round 링크버튼 */
.btn_round_link{display:inline-flex; justify-content:center; align-items:center; height:5rem; padding:0 2rem; font-size:2rem; border:1px solid #4E83EB; color:#4E83EB; border-radius:2em; background-color:#fff;}
.btn_round_link:after{content:""; display:block; width:0.9rem; height:1.5rem; margin-left:1rem; background:url(../img/arrow_link_blue.png) no-repeat top left / 0.9rem 1.5rem;}

@media screen and (max-width:767px){
  .btn{min-width:24rem; height:10rem; padding:0 2rem; font-size:3rem;}

  /* button large */
  .btn_lg,
  .popup .btn_lg{min-width:32rem; height:10rem; padding:0 2rem; font-size:3rem; font-weight:700; border-radius:1rem; background-size:contain;}

  /* button small */
  .btn_sm,
  .popup .btn_sm{min-width:32rem; height:10rem; padding:0 2rem; font-size:3rem; font-weight:700; border-radius:1rem; background-size:contain;}

  /* 버튼형태 링크 */
  .btn_link{padding:1.5rem 4rem; font-size:2.8rem;}
  .btn_link:after{width:1.2rem; height:2rem; margin-left:2rem;}

  /* 삭제버튼 */
  .btn_del{padding:1rem 2rem; font-size:2.8rem; color:#fff; line-height: 1; border-radius:2em; background-color:#B58787;}
  .btn_del:after{width:2.2rem; height:2.6rem; margin-left:1rem;}

  /* 연락처버튼 */
  .btn.icon_phone:after{width:4rem; height:4rem;}

  /* 추가버튼 */
  .btn.icon_plus:before{width:2.8rem; height:2.8rem; margin-right:1rem;}

  /* 새로고침 */
  .btn.icon_refresh:before{content:""; width:2.5rem; height:3rem; margin-right:1rem; background-size:2.5rem 3rem;}

  /* 다운로드 */
  .btn.icon_download:after{width:4rem; height:4rem;}

  /* 다운로드 */
  .btn.icon_download02:after{width:2.8rem; height:2.8rem; margin-left:2.5rem;}

  /* 자세히 보기 */
  .btn_more{height:5rem; font-size:2.8rem;}

  /* round 링크버튼 */
  .btn_round_link{height:8rem; font-size:3rem;}
  .btn_round_link:after{width:1.6rem; height:2.8rem; margin-left:2rem; background-size:1.6rem 2.8rem;}
}

/* 기능버튼 */
.btn_fn{display: inline-flex; align-items:center; justify-content: center; height:3.4rem; padding:0 1.8rem; font-size:2rem; line-height:1; text-align:center; color:#000; white-space:nowrap; border:1px solid #A6A6A6; border-radius:2em; background-color:#F2F2F2;}
.btn_fn._print{color:#fff; border:0; background-color:#222;}
/*
.btn_fn:after{display:block; width:2rem; height:2rem; margin-left:0.2rem; background-size:2rem 2rem; background-repeat:no-repeat; background-position:top left;}
.btn_fn._del{color:#fff; background-color:#B58787;}
.btn_fn._del:after{content:""; background-image:url(../img/ico_btnfn_del.png);}
.btn_fn._cancel{color:#fff; background-color:#222;}
.btn_fn._cancel:after{content:""; background-image:url(../img/ico_btnfn_cancel.png);}
.btn_fn._return{color:#fff; background-color:#B587B5;}
.btn_fn._return:after{content:""; background-image:url(../img/ico_btnfn_return.png);}
.btn_fn._issue{color:#fff; background-color:#767676;}
.btn_fn._issue:after{content:""; background-image:url(../img/ico_btnfn_issue.png);}
.btn_fn._modify{color:#fff; background-color:#ED776D;}
.btn_fn._modify:after{content:""; background-image:url(../img/ico_btnfn_modify.png);}
.btn_fn._print{color:#fff; background-color:#4E83EB;}
.btn_fn._print:after{content:""; background-image:url(../img/ico_btnfn_print.png);}
.btn_fn._search{color:#fff; background-color:#EBA34E;}
.btn_fn._search:after{content:""; background-image:url(../img/ico_btnfn_search.png);}
.btn_fn._change{color:#fff; background-color:#4ACAC2;}
.btn_fn._change:after{content:""; background-image:url(../img/ico_btnfn_change.png);}
.btn_fn._check{color:#fff; background-color:#4853B6;}
.btn_fn._check:after{content:""; background-image:url(../img/ico_btnfn_check.png);}
*/

@media screen and (max-width:767px){
  .btn_fn{height:7rem; padding:0 2rem; font-size:2.8rem; font-weight:700;}
  .btn_fn:after{display:none;}
}

/*********************************************************************
  버튼 그룹
*********************************************************************/
.bottom_btn_group{display:flex; justify-content: center; flex-wrap: wrap; margin:4.5rem 0 0 0;}
.bottom_btn_group._left{justify-content: flex-start;}
.bottom_btn_group._right{justify-content: flex-end;}

.bottom_btn_group .btn,
.bottom_btn_group .btn_sm{flex:1; margin:0;}
.bottom_btn_group .btn+.btn,
.bottom_btn_group .btn_sm+.btn_sm{margin-left:1rem;}
.bottom_btn_group .btn:last-child,
.bottom_btn_group .btn_sm:last-child{margin-right:0;}

.m_fixed_btn .m_fixed_bottom_inner{display:flex; width:100%;}

@media screen and (max-width:767px){
  .bottom_btn_group{margin-top:8.5rem;}
  .bottom_btn_group .btn,
  .bottom_btn_group .btn_sm{height:12rem; margin:0 1rem; min-width:auto; font-size:3.6rem;}
  .bottom_btn_group .btn:not(.m_full),
  .bottom_btn_group .btn_sm:not(.m_full){flex:1;}
  .bottom_btn_group .m_full{flex:none; width:100%; margin:0 !important;}

  .spaceBox{height:12rem;}
  .m_fixed_bottom_button{position:fixed; bottom:0; left:0; width:100%; margin:0; z-index:1; margin-left:0;}
  .m_fixed_bottom_inner{display:flex; width:100%;}
  .m_fixed_bottom_button .btn{height:12rem; margin:0 !important; font-size:3.6rem; border-radius:0;}
  .m_fixed_bottom_button .btn_sm{height:12rem; margin:0 !important; font-size:3.6rem; border-radius:0;}
  .m_fixed_bottom_button .m_full{width:100%;}

  .m_fixed_btn{margin-left:0;}
  .m_fixed_btn .btn{margin-left:0; margin-right:0;}
  .m_fixed_btn .btn+.btn{margin-left:1rem;}
  .fixedBar{height:10rem; margin-left:0;}
  .fixedBar .m_fixed_bottom_inner{position:fixed; bottom:0; z-index:1;}
  .fixedBar .m_fixed_bottom_inner .btn{height:12rem; margin:0 !important; font-size:3.6rem; border-radius:0; transition:all 0.1s ease;}

  .bottom_btn_group.bottom_fixed{position:fixed; bottom:0; left:0; width:100%;}
  .bottom_btn_group.m_fixed_btn .m_fixed_bottom_inner{display:flex; width:100%;}
  .bottom_btn_group.m_fixed_btn .m_fixed_bottom_inner .btn{flex:1 1 0; min-width:0; width:100%; max-width:none;}

}

/*********************************************************************
  데이터 테이블
*********************************************************************/
/* 데이터 테이블 */
.tbl_layout{border: 2px solid #D9D9D9;}
.tbl_layout th{padding:1.8rem 2rem; font-size:2.2rem; text-align:left; font-weight:600; color:#222; word-break: break-all; border-bottom:1px solid #e8e8ee; background-color:#F9F9F9;}
.tbl_layout td{padding:1.8rem 3rem; font-size:2rem; font-weight:400; word-break: break-all; border-bottom:1px solid #e8e8ee; background-color:#fff;}

.tbl_layoutNew th{padding:1.8rem 2rem; font-size:2.2rem; text-align:left; font-weight:600; color:#222; word-break: break-all; border-bottom:1px solid #e8e8ee; background-color:#F9F9F9; text-align:center;}
.tbl_layoutNew td{padding:1.8rem 3rem; font-size:2rem; font-weight:400; word-break: break-all; border-bottom:1px solid #e8e8ee; background-color:#fff; text-align:center;}

.tbl_layout thead th{text-align: center;}
.tbl_layout .inner_td{padding:0;}
.tbl_layout .inner_td_list li{padding:1.8rem 2rem;}
.tbl_layout .inner_td_list li+li{border-top:1px solid #e8e8ee;}
.tbl_layout tfoot th{background-color:#FEF9F7;}
.tbl_layout tfoot td{font-weight:700; background-color:#FEF9F7;}

@media screen and (max-width:767px){
  .tbl_layout{font-size:3rem;}
  .tbl_layout th{padding:2rem 2.4rem; font-size:3.4rem;}
  .tbl_layout td{padding:2rem 3rem; font-size:3.4rem;}
}

/* hover style */
.highlight_row tr:hover td:not(.empty){background-color:#F9F9F9;}

/* 세로 스크롤 타입 테이블 */
.tbl_scroll{position:relative; overflow-x:hidden; overflow-y:auto; border-top: 2px solid #D9D9D9;}
.tbl_scroll thead tr{position:sticky; top:-2px; z-index:1;}
.tbl_scroll .tbl_row_layout{border-top: 0;}
.tbl_scroll .tbl_popup_layout{border-top:0;}

@media screen and (max-width:767px){
	.m_hidden_scroll{overflow:visible;}
}

/* 가로타입 */
.tbl_row_layout{border: 2px solid #D9D9D9;}
.tbl_row_layout th{height:6rem; padding:0.7rem 0; font-size:2.2rem; font-weight:600; word-break: keep-all; background-color:#F9F9F9;}
.tbl_row_layout th .text-sm{font-weight:400;}
.tbl_row_layout td{height:6rem; padding:1.5rem 1rem; font-size:2rem; text-align:center; word-break: break-all; vertical-align: middle; border-bottom:1px solid #e0e0e0;}
.tbl_row_layout td .trade_tit{display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; height: 2.4rem;}
.tbl_row_layout tbody th{border-bottom:1px solid #e0e0e0;}
.tbl_row_layout tfoot th{border-bottom:1px solid #e0e0e0;}
.tbl_row_layout.type02 th{font-size:1.8rem; font-weight:700; border-bottom:1px solid #aaa; background-color:#fff;}
.tbl_row_layout.type02 td{font-size:1.8rem; font-weight:700; border-bottom:1px solid #e8e8ee;}
.tbl_row_layout tfoot th{background-color:#FEF9F7;}
.tbl_row_layout tfoot td{font-weight:700; background-color:#FEF9F7;}
.tbl_row_layout span.ellipsis{display:block;}
.tbl_row_layout.hs tr:hover{background-color:#eeeeee;}

.tbl_row_layout._border th{border:1px solid #e0e0e0; border-bottom:0;}
.tbl_row_layout._border td{border:1px solid #e0e0e0; border-top:0;}

.tbl_row_layout .ellipsis{display:block;}

@media screen and (max-width:767px){
  .tbl_row_layout th{height:10rem; padding:1.5rem 1rem; font-size:3.2rem;}
  .tbl_row_layout th .text-sm{display:block;}
  .tbl_row_layout td{height:10rem; padding:1rem; font-size:3rem;}
  .tbl_row_layout td._btn{border-bottom: 0; height: auto;}
  .tbl_row_layout td .trade_tit.mm_lay {-webkit-line-clamp: 2; height: initial;}
}

/* 세로타입 */
.tbl_col_layout{display:flex; flex-wrap:wrap; border:2px solid #D9D9D9;}
.tbl_col_layout dt{width:25%; padding:1.8rem 3rem; font-size:2.2rem; font-weight:600; word-break: break-all; border-bottom:1px solid #e0e0e0; background-color:#F9F9F9;}
.tbl_col_layout dd{width:75%; padding:1.8rem 3rem; font-size:2rem; word-break: break-all; vertical-align: middle; border-bottom:1px solid #e0e0e0;}
.tbl_col_layout .list_dot{margin-bottom:0; font-size:1.8rem;}
.tbl_col_layout .list_dot li+li{margin-top:1rem;}

@media screen and (max-width:767px){
  .tbl_col_layout dt{width:38%; padding:3rem 2.4rem; font-size:3rem;}
  .tbl_col_layout dd{width:62%; padding:3rem 2.4rem; font-size:3rem;}
  .tbl_col_layout .list_dot{font-size:2.6rem;}
  .tbl_col_layout .list_dot li+li{margin-top:2rem;}
}

/* 테이블 버튼 그룹 */
.tbl_btn_group{display:flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-bottom:-0.5rem; margin-right:-0.5rem;}
.tbl_btn_group ._items{position:relative; margin:0 1.5rem;}
.tbl_btn_group ._items+._items:before{content:""; display:block; position:absolute; top:0; left:-1.5rem; width:0.2rem; height:100%; background-color: #eff1f6;}
.tbl_btn_group .txt{font-size:1.8rem; font-weight:500;}
.tbl_btn_group .btn_fn{margin:0.5rem;}
.tbl_btn_group .btn_fn._bgnone{padding: 0 1.8rem !important;}
.tbl_btn_group .btn_fn._bgnone:after{display:none !important;}

@media screen and (max-width:767px){
  .tbl_btn_group{display:flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-bottom:-2rem; margin-right:-2rem;}
  .tbl_btn_group .btn_fn{width:calc((100% - 4rem) / 2); margin-top:0; margin-bottom:2rem; margin-left:0; margin-right:2rem;}
  .tbl_row_layout td._btn .tbl_btn_group{width: 100%; margin-top: 0; margin-bottom:0;}
  .tbl_row_layout td._btn .tbl_btn_group .btn_fn{width:calc((100% - 2.8rem) / 3); margin-top:0; margin-bottom:0; margin-left:0; margin-right:0; border-radius: 4.5rem; height: 9rem;}
  .tbl_row_layout td._btn .tbl_btn_group .btn_fn+.btn_fn{margin-left:1.4rem; margin-right:0;}
}

/* tr link */
.tbl_row_layout.link_row td{padding:0;}
.tbl_row_layout.link_row td a{display:flex; align-items: center; justify-content: center; width:100%; height:100%; padding:1.5rem 0;}
.tbl_row_layout.link_row tr:hover td:not(.empty){background-color:#F9F9F9;}

@media screen and (max-width:767px){
  .tbl_row_layout.link_row td a{padding:1rem 0;}
}

.m_tbl_card ._break{display:none;}
.m_tbl_card .status_rec{color: #959595;}
.m_tbl_card .status_target{color: #4E83EB; font-weight:700;}
.m_tbl_card .status_non{color: #F13F30; font-weight:700;}

@media screen and (max-width:767px){
  /* 카드타입 테이블 */
  .m_tbl_card{border:0; border-top:1px solid #e0e0e0;}
  .m_tbl_card, .m_tbl_card tbody, .m_tbl_card tr, .m_tbl_card th, .m_tbl_card td{display:block;}
  .m_tbl_card thead{display:none;}
  .m_tbl_card th{display:none;}
  .m_tbl_card td{display:flex; height:auto; margin-bottom:0.5rem; padding:0; border:0; font-size:3.4rem; text-align:left;}
  .m_tbl_card td:last-child{margin-bottom:0;}
  .m_tbl_card td:before{content:""; flex-shrink:0; display:block; width:0.6rem; height:0.6rem; margin-top:2rem; margin-right:2rem; background-color:#222;}
  .m_tbl_card tr{display:flex; flex-wrap:wrap; position:relative; padding:3.5rem 0; border-bottom:1px solid #e0e0e0;}
  .m_tbl_card ._full{width:100%; margin-bottom:1.8rem;}
  .m_tbl_card td._full a{display: block; padding:0;}
  .m_tbl_card ._item{line-height:1;}
  .m_tbl_card ._div{position:relative; margin-left:2rem; padding-left:2rem;}
  .m_tbl_card ._div:before{content:""; display:block; position:absolute; top:50%; left:0; width:2px; height:2.6rem; margin-top:0; background:#D9D9D9; transform: translateY(-50%);}
  .m_tbl_card ._tit{width:100%;}
  .m_tbl_card td:nth-of-type(1)._tit{margin-top:0;}
  .m_tbl_card ._btn{width:100%; margin-top:4rem;}
  .m_tbl_card ._btn:before{display:none;}
  .m_tbl_card ._btn02{display:block; width:100%; margin-top:2rem;}
  .m_tbl_card ._btn02 .tbl_btn_group{justify-content:flex-start;}
  .m_tbl_card ._btn02 .tbl_btn_group .btn_fn{flex:1; height:9rem; font-size:3.4rem; font-weight:700;}
  .m_tbl_card ._btn02:before{display:none;}
  .m_tbl_card ._hide{display:none;}
  .m_tbl_card ._break{display:block; width:100%; height:1.8rem; margin-bottom:0;}
  .m_tbl_card ._break:before{display:none;}
  .m_tbl_card td>.btn_fn{height:auto; padding:0; font-size:3rem; color:#222; font-weight:400; background-color:transparent;}
  .m_tbl_card .empty{display:block; width:100%; margin-bottom:0; padding:2rem 0; text-align:center; font-size:3.2rem;}
  .m_tbl_card .empty:before{display:none;}
  .m_tbl_card .m_tit{display:inline-block; margin-right:1rem; flex-shrink:0; width: 20rem;}
  .m_tbl_card .m_tit.w_auto{width:auto;}
  .m_tbl_card ._ellipsis{flex:1; overflow:hidden;}
  .m_tbl_card ._ellipsis a{display:block; width:100%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}

  .m_tbl_card_type02{padding:3.5rem 0; border:0; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
  .m_tbl_card_type02, .m_tbl_card_type02 tbody, .m_tbl_card_type02 tr, .m_tbl_card_type02 th, .m_tbl_card_type02 td{display:block;}
  .m_tbl_card_type02 thead{display:none;}
  .m_tbl_card_type02 tr{display:flex; flex-wrap:wrap;}
  .m_tbl_card_type02 th{display:flex; width:40%; padding:0.5rem 0; font-size:3rem; font-weight:500; border:0; background-color:#fff;}
  .m_tbl_card_type02 th:before{content:""; flex-shrink:0; display:block; width:0.6rem; height:0.6rem; margin-top:2rem; margin-right:2rem; background-color:#222;}
  .m_tbl_card_type02 td{width:60%; padding:0.5rem 0; font-size:3rem; border:0; background-color:#fff;}
  .m_tbl_card_type02 ._full_th{width:100%;}
  .m_tbl_card_type02 ._full_td{width:100%; padding-left:3rem;}

  /* 모바일 테이블 */
  .m_tbl, .m_tbl tbody, .m_tbl tr, .m_tbl td{display:block;}
  .m_tbl tbody tr{display:flex; flex-wrap: wrap;}
  .m_tbl tbody th{display:flex; align-items:center; width:24.6rem; font-size:3rem;}
  .m_tbl tbody td{width:calc(100% - 24.6rem); font-size:3rem;}

  .m_tbl_card .none_dot:before{opacity:0;}

  ._hs4unit:after{content:"(HS4)";}

  .none_bullet td:before{display:none;}

  .mypage_wrapper .m_tbl_card td{font-size:3rem;}
}

/*********************************************************************
  pivot 테이블
*********************************************************************/
/* pivot table */
.m_pivot .pivot_head{display:none;}

@media screen and (max-width:767px){
  	/* pivot table */
  .m_pivot{/*border-bottom:0;*/}
	.m_pivot, .m_pivot tbody, .m_pivot tfoot, .m_pivot tr, .m_pivot th{display:block;}
	.m_pivot thead{display:none;}
	.m_pivot td{display:flex; height:13rem; padding:0;}
	.m_pivot .pivot_tit {display:flex; align-items:center; justify-content:center; width:100%; height:auto; padding:1.5rem 3rem; font-size:3.3rem; font-weight:700; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; background-color:#F9F9F9;}
  .m_pivot .pivot_tit_sub{display:flex; align-items: center; justify-content: center; width:100%; padding:1.5rem 2.4rem; font-size:3rem; font-weight:600; text-align:left; word-break: break-all; background-color:#f7f7f7;}
	.m_pivot .pivot_head{display:flex; align-items: center; width:35%; padding:1.5rem 2.4rem; font-size:3.4rem; font-weight:600; text-align:left; word-break: break-all; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; background-color:#f7f7f7;}
	.m_pivot .pivot_head_full{display:flex; align-items: center; justify-content:center; width:100%; padding:1.5rem 3rem; font-size:3rem; font-weight:600; text-align:center; word-break: break-all; background-color:#f7f7f7;}
	.m_pivot .pivot_body{display:flex; align-items: center; flex:1; padding:1.5rem 3rem; font-size:3.4rem; text-align:left; word-break: break-all; border-right:1px solid #e0e0e0;}
	.m_pivot tbody td+td{border-left:0;}
	.m_pivot tr{border-top:1px solid #D9D9D9;}
	.m_pivot tr+tr{margin-top:5rem;}
	.m_pivot ._btn02{display:block; width:100%; margin-top:2rem; border:0;}
  .m_pivot ._btn02 .tbl_btn_group{justify-content:flex-start;}
  .m_pivot ._btn02 .tbl_btn_group .btn_fn{flex:1; height:9rem; font-size:3.4rem; font-weight:700;}
	.m_pivot .empty{display:block; height:auto; padding:4rem 0; font-size:3rem;}
	.m_pivot .is_empty{display:block; height:auto; padding:4rem 0; font-size:3rem;}
	.m_pivot ._hide{display:none;}
	.m_pivot ._tit{height:auto; font-size:3.6rem; padding-bottom:2rem;}
	.m_pivot tfoot{margin-top:5rem;}
	.m_pivot tfoot tr{border:0;}
	.m_pivot tfoot td{background-color:#fff;}

	/* 일반 테이블 모바일 세로타입 */
	.tbl_pivot, .tbl_pivot tfoot, .tbl_pivot tbody, .tbl_pivot th, .tbl_pivot td{display:block;}
	.tbl_pivot tr{display:flex; flex-wrap: wrap;}
	.tbl_pivot th{width:40%; font-size:3.4rem; border-right:1px solid #e8e8ee;}
	.tbl_pivot td{display:flex; align-items:center; width:60%; font-size:3.4rem;}

	.mypage_wrapper .tbl_pivot th{font-size:2.9rem;}
	.mypage_wrapper .tbl_pivot td{font-size:2.9rem;}
 }

/*********************************************************************
  데이터 테이블 ul
*********************************************************************/
.tbl_ul_header{display:flex; border-top:1px solid #aaa;}
.tbl_ul_header p{display:flex; align-items: center; justify-content: center; flex:1; min-height:6rem; padding:0.7rem 0; font-size:2rem; font-weight:600; word-break: break-all; border-bottom:1px solid #aaa; background-color:#F9F9F9;}
.tbl_ul_body li{display:flex; font-size:1.8rem; border-bottom:1px solid #e0e0e0; text-align:center;}
.tbl_ul_body li p{display:flex; align-items: center; justify-content: center; flex:1; min-height:6rem; padding:1.5rem 0;}
.tbl_ul_body .row_link{display:flex; width:100%;}
.tbl_ul_body .row_link:hover{background-color:#F9F9F9;}

@media screen and (max-width:767px){
  .tbl_ul_header{display:none;}
  .tbl_ul_body{border-top:1px solid #767676;}
  .tbl_ul_body li{flex-wrap:wrap; padding:3.5rem 0; font-size:3rem; text-align: left;}
  .tbl_ul_body .row_link{flex-wrap:wrap;}
  .tbl_ul_body ._full{width:100%; margin-bottom:2rem;}
  .tbl_ul_body li p{display:block; flex:none; min-height:auto; padding:0; text-align:left;}
  .tbl_ul_body ._item{line-height:1;}
  .tbl_ul_body ._item+._item{margin-left:2rem; padding-left:2rem; border-left:1px solid #767676;}
  .tbl_ul_body .emtpy{width:100%; text-align:center;}
}

/*********************************************************************
  폼요소
*********************************************************************/

/**********************************
  input text
***********************************/
.form_text{max-width:100%; min-width:0; width:25rem; height:4.5rem; padding:0 1.5rem; font-size:2rem; border:1px solid #CBCBCB; background-color:#fff;}
.form_text:focus{outline: none !important; border:2px solid #5186ee;}
.form_text:disabled,
.form_text[readonly='readonly']{color:#000; background-color:#eff1f6; outline: none; user-select: none; cursor:default;}
.form_text:read-only{color:#000; background-color:#eff1f6; outline: none; user-select: none; cursor:default;}

/* label */
.label_form{display:block; position:relative; height: 100%;}
.label_form .label{display:block; margin-bottom:2rem; font-size:2.4rem; font-weight:700; letter-spacing: -0.02rem; color:#010101; line-height:1.3;}
.label_form .label .text_sm{display:inline-block; font-size:1.8rem; opacity:0.5;}
.label_form .form_text{width:100%;}

@media screen and (max-width:767px){
	.form_text{height:10rem; padding:0 4rem; font-size:3.8rem;}
	.label_form .label{margin-bottom:1.6rem; font-size:4rem;}
	.label_form .label .text_sm{font-size:2.6rem;}
}

/**********************************
  select
***********************************/
.form_select{width:25rem; max-width:100%; min-width: 0; height:4.5rem; appearance: none; padding:0 3.6rem 0 1.5rem; font-size:2rem; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; border: 1px solid #d6d8dd; background:#fff url(../img/ico_dropdown_arrow.png) no-repeat right 1rem center / 1.4rem 0.8rem; cursor:pointer;}
.form_select_disabled{-webkit-appearance: none; appearance: none; background: #fff; cursor: default;}

@media screen and (max-width:767px){
  .form_select,
  .popup .form_select{height:10rem; padding:0 8.4rem 0 4rem; font-size:3.8rem; background-size:1.6rem 1rem; background-position:right 3.4rem center;}
}

/**********************************
  checkbox
***********************************/
.confirmCheck{transform: scale(1.5); margin-right: 5px; cursor: pointer;}
.form_check{display:inline-block; position:relative;}
.form_check input[type='checkbox']{position:absolute; top:0; left:0; width:0; height:0; opacity:0;}
.form_check .label{display:flex; align-items: center; font-size:2.4rem; font-weight:500; color:#767676; cursor:pointer; user-select: none;}
.form_check .label._before:before,
.form_check .label._after:after{content:""; display: inline-block; width:2rem; min-width:2rem; height:2rem; margin-top:0; border:1px solid #D9D9D9; border-radius:0.5rem; background-color: #fff;}
.form_check .label._before:before{margin-right:1rem;}
.form_check .label._after:after{margin-left:1rem;}
.form_check input[type='checkbox']:checked+.label:before,
.form_check input[type='checkbox']:checked+.label:after{border-color:#222; background:url(../img/ico_checkbox.png) no-repeat center / 2rem 2rem;}

@media screen and (max-width:767px){
  .form_check .label{font-size:3.6rem;}
  .form_check .label._before:before,
  .form_check .label._after:after{width:3.6rem; min-width:3.6rem; height:3.6rem; }
  .form_check .label._before:before{margin-right:1.5rem;}
  .form_check .label._after:after{margin-left:1.5rem;}
  .form_check input[type='checkbox']:checked+.label:before,
  .form_check input[type='checkbox']:checked+.label:after{border-color:#222; background-size:3.6rem 3.6rem;}
}

/**********************************
  radio
***********************************/
.form_radio{display:inline-block; position:relative;}
.form_radio input[type='radio']{position:absolute; top:0; left:0; width:0; height:0; opacity:0;}
.form_radio .label{display:flex; align-items: center; font-size:2rem; cursor:pointer; user-select: none;}
.form_radio .label._before:before,
.form_radio .label._after:after{content:""; display: inline-block; width:2rem; min-width:2rem; height:2rem; border:1px solid #D6D8DD; border-radius:50%;}
.form_radio .label._before:before{margin-right:1rem;}
.form_radio .label._after:after{margin-left:1rem;}
.form_radio input[type='radio']:checked+.label:before,
.form_radio input[type='radio']:checked+.label:after{background:url(../img/ico_radio.png) no-repeat center / cover;}

@media screen and (max-width:767px){
  .form_radio .label{font-size:2.6rem;}
  .form_radio .label._before:before,
  .form_radio .label._after:after{width:3.5rem; min-width:3.5rem; height:3.5rem;}
  .form_radio .label._before:before{margin-right:1rem;}
  .form_radio .label._after:after{margin-left:1rem;}
}

/**********************************
  검색폼
***********************************/
/* 검색 icon */
.form_search_icon{display:inline-block; position:relative; width:20rem; max-width:100%; height:4.5rem; border:1px solid #d6d8dd;}
.form_search_icon input[type='text']{width:100%; height:100%; padding-right:4.5rem; border:0;}
.form_search_icon .btn_search{display:inline-flex; align-items: center; position:absolute; top:0; right:0; height:100%; padding:0 1rem;}
.form_search_icon .btn_search img{width:2rem;}
.form_search_icon._clear input[type='text']{padding-right:7rem;}
.form_search_icon .btn_search_clear{display:inline-flex; align-items: center; position:absolute; top:0; right:3rem; height:100%; padding:0 1rem;}
.form_search_icon .btn_search_clear img{width:2rem;}

@media screen and (max-width:767px){
  .form_search_icon{height:10rem;}
  .form_search_icon input[type='text']{padding-right:9.7rem;}
  .form_search_icon .btn_search{padding:0 3.5rem;}
  .form_search_icon .btn_search img{width:4rem;}

  .form_search_icon._clear input[type='text']{padding-right:18rem;}
  .form_search_icon .btn_search_clear{right:8rem; padding:0 3.5rem;}
  .form_search_icon .btn_search_clear img{width:4rem;}
}

/**********************************
  검색폼 (input + button)
***********************************/
.search_form{display:flex; align-items:center; width:100%;}
.search_form .btn{margin-left:1rem;}

.popup .search_form{width:100%;}

/**********************************
  주소입력
***********************************/
.bl_addr{display: flex; align-items: center; flex-wrap: wrap;}
.bl_addr .zip_code{width:15rem; margin-right:1rem; text-align: center;}
.bl_addr .addr01{flex:1; margin-right:1rem;}
.bl_addr .form_search_icon .form_text{text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.bl_addr .detailed_addr{flex:1;}
.bl_addr .detailed_addr02{width:100%; margin-top:1rem;}

@media screen and (max-width:767px){
  .bl_addr{flex-wrap: wrap;}
  .bl_addr .zip_code{width:100%; margin-right:0;}
  .bl_addr .addr01{margin-top:2rem; margin-right:0;}
  .bl_addr .detailed_addr{flex:inherit; width:100%; margin-top:2rem;}
  .bl_addr .detailed_addr02{margin-top:2rem;}
}

/**********************************
  datepicker
***********************************/
/* 달력 아이콘 */
.datepicker,
.monthpicker,
.yearpicker{padding-left:1rem; padding-right:4rem; background:#fff url(../img/ico_picker_calendar.png) no-repeat right 1.2rem center / 2.2rem 2.2rem;}
.datepicker[readonly='readonly'],
.monthpicker[readonly='readonly'],
.yearpicker[readonly='readonly']{background-color:#fff; cursor:pointer;}
.datepicker:read-only,
.monthpicker:read-only,
.yearpicker:read-only{background-color:#eff1f6; cursor:pointer;}

.date_clear{position:relative;}
.date_clear .btn_search_clear{display:none; position:absolute; top:1rem; right:5rem; width:2.2rem;}
.date_clear .btn_search_clear img{width:100%;}

/* 날짜선택 그룹 */
.select_date{display:inline-flex; align-items: center;}
.select_date ._items{max-width:100%;}
.select_date .spacing{margin:0 1rem; font-weight:700; color:#010101;}

/* datepicker layer - 디자인 필요 */
.ui-datepicker{font-size:1.8rem;}
.ui-datepicker .ui-datepicker-title select{-webkit-appearance:none; appearance:none; padding:0.2rem 0; text-align: center; background:#fff url(../img/ico_dropdown_arrow.png) no-repeat right .5rem center; cursor:pointer;}
.ui-datepicker .ui-datepicker-title select+select{margin-left:0.2rem;}
.ui-datepicker td span,
.ui-datepicker td a{text-align:center;}

/* monthpicker layer - 디자인 필요 */
.month-picker{font-size:1.8rem;}
.month-picker-year-table .month-picker-title .ui-button{padding:0.5rem 1rem; border:1px solid #bbb; cursor:pointer;}
.month-picker-month-table .ui-button{cursor:pointer;}

/* yearpicker layer - 디자인 필요 */
.yearpicker-header{height:5rem; font-size:1.8rem;}
.yearpicker-items{font-size:1.6rem;}
.yearpicker-items:hover{color:#555;}
.yearpicker-items.selected{color:#000; font-weight:700;}

@media screen and (max-width:767px){
  /* 달력 아이콘 */
  .datepicker,
  .monthpicker,
  .yearpicker{padding-right:8rem; background-position:right 3rem center; background-size:4rem 4rem;}

  .pd_noraml{padding-left:4rem;}

  /* 날짜선택 */
  .select_date{display:flex;}
  .select_date .form_text{padding-left:2rem;}
  .select_date ._items{flex:1 !important; width:100%; margin-right:0 !important; margin-bottom:0 !important;}
  .select_date .spacing{margin:0 2rem; font-size:3rem;}
}

/**********************************
  check, radio form - 버튼 타입
***********************************/
.form_check_roundButton{display:inline-flex; position:relative; min-width:13rem; max-width:100%;}
.form_check_roundButton input{position:absolute; top:0; left:0; width:0; height:0; opacity:0;}
.form_check_roundButton .label{display:inline-flex; justify-content: center; align-items: center; width:100%; min-height:4.6rem; padding:0 2.5rem 0 2rem; font-size:2rem; white-space:nowrap; line-height:1; border-radius:2em; cursor:pointer; color:#fff; background-color:#ccc; -webkit-user-select: none; -ms-user-select: none; user-select: none;}
.form_check_roundButton .label:before{content:""; display:block; width:2.4rem; height:2.4rem; margin-right:1rem; background:url(../img/ico_chk_round.png) no-repeat top left / 2.4rem 2.4rem;}
/* .form_check_roundButton input:not(:disabled)+.label:hover{box-shadow:0px 1px 8.6px 1.4px rgba(34, 34, 34, 0.02);} */
.form_check_roundButton input:checked+.label{background-color:#5186ee;}
.form_check_roundButton input:disabled+.label{color:#eee; border-color:#ccc; cursor:default;}
.form_check_roundButton input:disabled+.label:before{opacity:0.6;}

/* check, radio type 2 */
.form_check_round{display:inline-flex; position:relative; max-width:100%;}
.form_check_round input{position:absolute; top:0; left:0; width:0; height:0; opacity:0;}
.form_check_round .label{display:inline-flex; justify-content: center; align-items: center; width:100%; min-height:4.5rem; padding:0 1.2rem; font-size:1.8rem; font-weight:500; line-height:1; text-align:center; border:1px solid #d6d8dd; border-radius:0.5rem; cursor:pointer; background-color:#fff; -webkit-user-select: none; -ms-user-select: none; user-select: none; transition:box-shadow 0.15s ease;}
.form_check_round input:checked+.label{margin:0; color:#5186ee; border-color:#5186ee; box-shadow:0px 1px 8.6px 1.4px rgba(34, 34, 34, 0.02); outline:1px solid #5186ee;}
.form_check_round input:disabled+.label{color:#767676; border-color:#eff1f6; background-color:#eff1f6; cursor:default;}

/* check, radio type 3 */
.form_check_fill{display:inline-flex; position:relative; max-width:100%;}
.form_check_fill input{position:absolute; top:0; left:0; width:0; height:0; opacity:0;}
.form_check_fill .label{display:inline-flex; justify-content: center; align-items: center; width:100%; min-height:4.5rem; padding:0 2rem; font-size:2rem; font-weight:700; line-height:1; text-align:center; color:#fff; border-radius:2em; cursor:pointer; background-color:#ccc; -webkit-user-select: none; -ms-user-select: none; user-select: none;}
.form_check_fill input:checked+.label{background-color:#5186ee;}
.form_check_fill input:disabled+.label{color:#767676; border-color:#eff1f6; background-color:#eff1f6; cursor:default;}

/* checkbox icon */
.form_check_checkIcon{display:inline-flex; position:relative; max-width:100%;}
.form_check_checkIcon input{position:absolute; top:0; left:0; width:0; height:0; opacity:0;}
.form_check_checkIcon .label{display:inline-flex; justify-content: center; align-items: center; width:100%; min-height:4.5rem; padding:0 2rem; font-size:2.2rem; font-weight:700; line-height:1; text-align:center; color:#fff; border-radius:1rem; cursor:pointer; background-color:#ccc; -webkit-user-select: none; -ms-user-select: none; user-select: none;}
.form_check_checkIcon .label:before{content:""; display:block; width:2.2rem; height:2.2rem; margin-right:1rem; background:url(../img/ico_check_checkicon.png) no-repeat top left / 5.4rem 2.2rem;}
.form_check_checkIcon input:checked+.label{background-color:#5186ee;}
.form_check_checkIcon input:checked+.label:before{background-color:#5186ee;}
.form_check_checkIcon input:disabled+.label{color:#767676; border-color:#eff1f6; background-color:#eff1f6; cursor:default;}

/* popup form */
/*
.popup .form_check_roundButton .label{min-height:3.8rem; font-size:1.5rem;}
.popup .form_check_roundButton .label:after{width:2rem; height:2rem;}
*/

@media screen and (max-width:767px){
  .form_check_roundButton .label,
  .popup .form_check_roundButton .label{flex-direction: column; justify-content:center; align-items: center; min-height:10rem; padding:1.5rem 1rem; font-size:3.4rem; line-height:1.3; text-align:center;}
  .form_check_roundButton .label:before,
  .popup .form_check_roundButton .label:before{display:none;}
  .form_check_roundButton input:not(:disabled)+.label:hover{box-shadow:none;}
  .form_check_roundButton input:checked+.label:before{display:none;}

  .form_check_round .label{min-height:8rem; padding:2 1rem; font-size:2.6rem; border-radius:1rem;}

  /* check, radio type 3 */
  .form_check_fill .label{min-height:10rem; padding:0 2rem; font-size:3.4rem;}

  /* checkbox icon */
  .form_check_checkIcon .label{min-height:9rem; font-size:3.4rem;  border-radius:1.2rem;}
  .form_check_checkIcon .label:before{content:""; display:block; width:4rem; height:4rem; margin-right:2rem; background-size:9.8rem 4rem;}
}

/**********************************
  textarea
***********************************/
.form_textarea{width:100%; padding:2rem; font-size:2rem; border:1px solid #d6d8dd; outline: none;}
.form_textarea::placeholder{color:#cbcbcb;}
.form_textarea:disabled,
.form_textarea[readonly='readonly']{background-color:#eee; outline: none; user-select: none; cursor:default;}
.form_textarea:read-only{background-color:#eee; outline: none; user-select: none; cursor:default;}

@media screen and (max-width:767px){
  .form_textarea{height:30rem; padding:3rem; font-size:3.4rem; line-height:1.5;}
}

/**********************************
  textarea title bar
***********************************/
.textarea_titBar{position:relative; margin-bottom:2rem; padding-right:7rem; font-size:1.6rem; color:#767676;}
.textarea_titBar .tit_sub{flex:1; margin-bottom:0;}
.textarea_titBar .tit_sub .text_sm{opacity:0.5;}
.textarea_titBar .textarea_txt{margin-top:1.5rem; font-size:1.6rem; color:#767676;}
.count{font-size:1.6rem; font-weight:500; color:#5186ee;}
.count span{font-weight:700;}
.textarea_titBar .count{position:absolute; bottom:0; right:0;}
.textarea_titBar .tit_sub+.list_dot{margin-top:1.5rem;}

@media screen and (max-width:767px){
 .textarea_titBar{margin-bottom:3rem; padding-right:14rem;}
 .textarea_titBar .textarea_txt{margin-top:2rem; font-size:2.4rem; color:#767676;}
 .count{font-size:2.6rem;}
 .textarea_titBar .tit_sub+.list_dot{margin-top:2rem;}
}

/**********************************
  첨부파일
***********************************/
.filebox{display:inline-flex; align-items: center; position:relative;}
.filebox .file_name{flex:1; height:4.5rem; padding:0 1.5rem; font-size:2rem; line-height:4.5rem; color:#aaa; border:1px solid #CBCBCB;  background-color:#fff; cursor: pointer;}
.filebox .file_name.on{color:#222;}
.filebox input[type="file"]{position:absolute; top:0; left:0; width:0; height:0; opacity:0;}
.filebox .btn{margin-left:1rem; cursor: pointer;}

@media screen and (max-width:767px){
  .filebox{flex-direction:column;}
  .filebox .file_name{width:100%; height:10rem; padding:0 3rem; font-size:3.8rem; line-height:10rem;}
  .filebox .btn{width:100%; margin-left:0; margin-top:2rem;}
}

/**********************************
  첨부파일 drag & drop
***********************************/
.attach_box{position:relative; padding-top:5.5rem;}


.attach_dragdrop{position:relative; border:1px solid #d9d9d9; min-height:20rem; border-radius:0.5rem; overflow: hidden;}

.attach_dragdrop .msg_ready{display:flex; justify-content: center; align-items: center; position:absolute; top:0; left:0; width:100%; height:100%; font-size:1.8rem; background-color:#fff;}

.attach_dragdrop .file_list{position:relative; padding:2rem;}
.attach_dragdrop .file_list li{display:flex; align-items: center; padding:0.5rem 1rem; font-size:1.8rem;}
.attach_dragdrop .file_list p{text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.attach_dragdrop .file_list .btn{width:2.5rem; height:2.5rem; min-width:auto; margin-left:2rem; padding:0; font-size:0; border:1px solid #999; border-radius:0.4rem;}
.attach_dragdrop .file_list .btn:before{content:""; display:block; width:1.4rem; height:1.4rem; opacity:0.5; background:url(../img/ico_del.png) no-repeat center / 1.4rem 1.4rem;}

.attach_btn{display:flex; position:absolute; top:0; right:0;}
.attach_btn .btn{width:18rem;}
.attach_btn ._items+._items{margin-left:0.5rem;}

.type02.attach_box{padding-top:0;}
.type02.attach_box .attach_btn{top:-5.5rem;}

@media screen and (max-width:767px){
  .attach_dragdrop{min-height:16rem; padding-top:0;}
  .attach_dragdrop .msg_ready{display:none;}
  .attach_dragdrop .file_list{padding:3rem;}
  .attach_dragdrop .file_list li{font-size:3.2rem; justify-content: space-between;}
  .attach_dragdrop .file_list li+li{margin-top:3rem;}
  .attach_dragdrop .file_list p{width:calc(100% - 3rem);}
  .attach_dragdrop .file_list .btn{width:4.5rem; height:4.5rem;}
  .attach_dragdrop .file_list .btn:before{width:2rem; height:2rem; background-size:2rem 2rem;}

  .attach_btn.m_col_2{margin-bottom:2rem;}
  .attach_btn{position:relative; margin-bottom:2rem;}
  .attach_btn .btn{width:100%;}
  .attach_btn ._items+._items{margin-left:2rem !important;}


  .type02.attach_box .attach_btn{top:0;}
}

/**********************************
  정보활용동의
***********************************/
.form_agree_bar{display:flex; align-items: center; flex-wrap: wrap; margin-top:5rem;}
.form_agree_bar .btn_link{margin-left:2rem;}

@media screen and (max-width:767px){
  .form_agree_bar .btn_link{width:100%; margin-top:3rem; margin-left:0;}
}

/*********************************************************************
  검색
*********************************************************************/
.serchArea{margin-bottom:5rem;}

/* 게시판 검색 */
.boardList_search{display:flex; justify-content: center; align-items:center; padding:2rem 3rem; border-radius:2rem; background-color:#F9F9F9;}
.boardList_search .form_text{flex:1; width:100%; border:0; border:1px solid #D6D8DD; background-color:#fff;}
.boardList_search .form_text+.form_text{margin-left:1rem;}
.boardList_search .form_select{border:0; border:1px solid #D6D8DD;}
.boardList_search .btn{height:4.6rem; margin-left:1rem; background-color:#222;}
.boardList_search .select_date{width:70rem; margin-right:2rem;}
.boardList_search .search_select{display: flex; align-items: center; width:50%; margin-right:1rem;}
.boardList_search .search_select .form_select+.form_select{margin-left:1rem;}
.boardList_search .search_select.wide{width:auto; max-width:calc(100% - 17.5rem); margin-right:0;}
.boardList_search .search_select.w70p{width:70%;}
.boardList_search .search_btn{display:flex;}
.boardList_search .form_select+.search_form{margin-left:1rem;}
.boardList_search .form_select+.search_form{margin-left:1rem;}

.popup_body .boardList_search{margin-bottom:2rem;}

.boardList_search .popup_form_select{width: 16rem; margin-right: 1rem;}

@media screen and (max-width:1300px){
  .boardList_search .select_date{width:36rem;}
  .boardList_search .select_date+.search_form{flex:1;}
}

@media screen and (max-width:767px){
  .boardList_search{display:block; padding:3rem;}
  .boardList_search .form_select{width:100%;}
  .boardList_search .search_form{display:block; width:100%;}
  .boardList_search .search_form{display:block; width:100%;}
  .boardList_search .search_form .form_text{flex:none; width:100%;}
  .boardList_search .search_form .form_text+.form_text{margin-left:0; margin-top:3rem;}
  .boardList_search .btn{width:100%; height:10rem; margin-top:3rem; margin-left:0; font-size:3.4rem; }
  .boardList_search .select_date{width:100%; margin-bottom:3rem;}
  .boardList_search .select_date+.search_form{width:100%;}
  .boardList_search .search_select{display: block; width:100%; margin-right:0; margin-bottom:3rem;}
  .boardList_search .search_select .form_select+.form_select{margin-left:0; margin-top:3rem;}
  .boardList_search .search_select.wide{max-width:100%; margin-bottom:0;}
  .boardList_search .search_select.w70p{width:100%;}
  .boardList_search .form_select+.search_form{margin-left:0; margin-top:3rem;}
  .popup_body .boardList_search{margin-bottom:5rem;}
}

/* 게시판 검색 border type */
.boardList_search.type02{padding-left:10rem; padding-right:10rem; border-top:1px solid #aaa; border-bottom:1px solid #aaa; background-color:#F9F9F9;}
.boardList_search.type02 .search_form{width:100%;}
.boardList_search.type02 .form_text{border:1px solid #D6D8DD;}

@media screen and (max-width:1100px){
  .boardList_search.type02{padding-left:4rem; padding-right:4rem;}
}

@media screen and (max-width:767px){
  .boardList_search.type02{padding-left:2rem; padding-right:2rem;}
}

/*********************************************************************
  마이페이지 검색
*********************************************************************/
.boardList_search_mypage{padding:3rem; border-radius:2rem; background-color:#F9F9F9;}
.boardList_search_mypage th{font-size:2.2rem; font-weight:500;}
.boardList_search_mypage .bottom_btn_group{margin-top:3rem; margin-right:0; margin-bottom:0;}
.boardList_search_mypage .bottom_btn_group .btn{height:4.6rem; margin:0; font-size:2rem;}
.boardList_search_mypage .grid_columns_2{margin-bottom:-2rem;}
.boardList_search_mypage .grid_columns_2>.col{width:calc((100% - 6rem) / 2); margin-bottom:2rem;}
.boardList_search_mypage .grid_columns_2>._full{width:100%;}
.boardList_search_mypage .row_cell{display:flex; align-items:center;}
.boardList_search_mypage .head_cell{flex-shrink:0; width:12.6rem; font-size:2.2rem; font-weight:700;}
.boardList_search_mypage .body_cell{flex:1 0 0%;}
.boardList_search_mypage .form_text{height:4.6rem;}
.boardList_search_mypage .form_check_round .label{min-height:4.6rem; font-size:2rem; font-weight:700; border-radius:2em;}
.boardList_search_mypage .group_form{flex-wrap:nowrap; width:100%;}
.boardList_search_mypage .group_form .form_check_round{flex:1; margin-bottom:1rem;}
.boardList_search_mypage .group_form .form_check_round input:checked+.label{color:#fff; border-color:#222; background-color:#222; outline:none;}
.boardList_search_mypage .group_form{display:inline-flex;}
.boardList_search_mypage .select_date .form_text{width:100%;}
.boardList_search_mypage .group_form+.select_date{margin-left:2rem;}
.boardList_search_mypage .form_select{height:4.6rem; font-size:2rem; background-size:1.2rem 0.685rem;}

@media screen and (max-width:767px){
  .boardList_search_mypage{border-radius:1rem;}
  .boardList_search_mypage th{font-size:3.4rem;}
  .boardList_search_mypage .bottom_btn_group{/*padding-top:3rem; border-top:1px solid #fff;*/}
  .boardList_search_mypage .bottom_btn_group .btn{width:auto; flex:1; height:10rem; font-size:3.4rem; border-radius:0.6rem;}
  .boardList_search_mypage .grid_columns_2{margin-bottom:-3rem;}
  .boardList_search_mypage .grid_columns_2>.col{width:100%; margin-bottom:3rem;}
  .boardList_search_mypage .grid_columns_2>._full{width:100%;}
  .boardList_search_mypage .row_cell{display:block;}
  .boardList_search_mypage .head_cell{width:100%; margin-bottom:1rem; font-size:3.4rem; font-weight:500;}
  .boardList_search_mypage .body_cell{flex:1 0 0%;}
  .boardList_search_mypage .form_text{height:10rem; font-size:3.4rem;}
  .boardList_search_mypage .form_check_round .label{width:100%; min-height:10rem; font-size:3.4rem;}
  .boardList_search_mypage .group_form .form_check_round{margin-bottom:1rem;}
  .boardList_search_mypage .select_date{width:100%;}

  .boardList_search_mypage .group_form+.select_date{margin-left:0; margin-top:3rem;}

  .boardList_search_mypage .form_select{height:10rem; font-size:3.4rem;}
}

/*********************************************************************
  box style layout
*********************************************************************/
.box_header{display:flex; align-items: center; flex-wrap: wrap; margin-bottom:5rem;}
.box_header_tit{font-size:4rem; letter-spacing: -0.02rem; font-weight:700;}
.box_header_tit .txt{display:block; font-size:2.6rem; color:#9A9A9A; font-weight:500; letter-spacing:-0.02em;}
.box_header .guide_txt{margin-left:auto;}
.guide_txt{font-size:1.6rem; color:#767676;}

/* popup */
/*
.popup .box_header{margin-bottom:4rem;}
.popup .box_header_tit{font-size:1.9rem;}
.popup .box_header .guide_txt{font-size:1.4rem;}
*/


/*********************************************************************
  grid layout
*********************************************************************/
.grid_columns_1{display:flex; flex-direction: column; margin-bottom:-4.8rem;}
.grid_columns_1>.col{display:block; margin-bottom:4.8rem;}
.grid_columns_1._gap_30{margin-bottom:-3rem;}
.grid_columns_1._gap_30>.col{margin-bottom:3rem;}

/* popup grid */
.popup .grid_columns_1{margin-bottom:-3.8rem;}
.popup .grid_columns_1>.col{margin-bottom:3.8rem;}

/* normal */
.grid_columns_2{display:flex; flex-wrap: wrap; justify-content: space-between; margin-bottom:-4.8rem;}
.grid_columns_2>.col{width:calc((100% - 3.8rem) / 2); margin-bottom:4.8rem;}
.grid_columns_2>._full{width:100%;}

/* popup grid */
.popup .grid_columns_2{margin-bottom:-3.8rem;}
.popup .grid_columns_2>.col{margin-bottom:3.8rem;}

/* large */
.grid_columns_2._lg>.col{width:48rem;}
.grid_columns_2._lg>._full{width:100%;}

/* small */
.grid_columns_2._sm{margin-bottom:-2rem;}
.grid_columns_2._sm>.col{width:calc((100% - 1rem) / 2); margin-bottom:2rem;}
.grid_columns_2._sm>._full{width:100%;}

/* mypage */
.grid_columns_2._mp{margin-bottom:0;}
.grid_columns_2._mp>.col{width:calc((100% - 2.8rem) / 2); margin-bottom:0;}

@media screen and (max-width:1200px){
  .grid_columns_2._lg>.col{width:calc((100% - 2rem) / 2); margin-bottom:4.8rem;}
  .grid_columns_2._lg>._full{width:100%;}
}

@media screen and (max-width:767px){
  .box_header{display:flex; align-items: center; margin-bottom:5rem;}
  .box_header_tit{font-size:4.6rem;}
  .box_header_tit .txt{font-size:3.5rem;}
  .box_header .guide_txt{margin-left:0; margin-top:1rem;}
  .guide_txt{font-size:2.8rem; color:#767676;}

  .grid_columns_1,
  .popup .grid_columns_1{margin-bottom:-4rem;}
  .grid_columns_1>.col,
  .popup .grid_columns_1>.col{margin-bottom:4rem;}

  .grid_columns_2{margin-bottom:-5rem;}
  .grid_columns_2>.col{width:100%; margin-bottom:5rem;}

  .grid_columns_2._lg{margin-bottom:-5rem;}
  .grid_columns_2._lg>.col{width:100%; margin-bottom:5rem;}

  .grid_columns_2._sm{margin-bottom:-2rem;}
  .grid_columns_2._sm>.col{width:100%; margin-bottom:2rem;}

  .grid_columns_2.m_sm{margin-bottom:-2rem;}
  .grid_columns_2.m_sm>.col{margin-bottom:2rem;}

  /* mypage */
  .grid_columns_2._mp{margin-bottom:0;}
  .grid_columns_2._mp>.col{width:100%; margin-bottom:0;}
}

/* columns 3 */
.grid_columns_3{display:flex; flex-wrap: wrap; justify-content: space-between; margin-bottom:-4.8rem;}
.grid_columns_3 .col{width:calc((100% - (3.8rem * 2)) / 3); margin-bottom:4.8rem;}
.grid_columns_3 ._full{width:100%; margin-left:0 !important;}

@media screen and (max-width:767px){
  /* columns 3 */
  .grid_columns_3 .col{width:100%; margin-bottom:4rem;}
}

/*********************************************************************
  form 요소 그룹
*********************************************************************/
.group_form{display:flex; flex-wrap: wrap; margin-bottom:-1rem;}
.group_form+.group_form{margin-top:1rem;}
.group_form>._items{margin-left:1rem; margin-bottom:1rem;}
.group_form>._items:first-child{margin-left:0;}
.group_full{flex:1;}
.group_full ._items{margin-bottom:0;}
.group_form ._items:last-child{margin-right:0;}
.group_form._fullFixed ._items{flex:1;}

._gap_50 ._items{margin-right:5rem;}
._gap_80 ._items{margin-right:8rem;}

.number_group ._items{flex:none; width:30%;}

@media screen and (max-width:767px){
  .group_form{width:100%; margin-bottom:-2.5rem;}
  .group_form+.group_form{margin-top:2rem;}
  .group_form>._items{margin-bottom:2.5rem; margin-right:2rem;}
  .group_form>._items+._items{margin-left:0;}

  .m_full_items>._items{width:100%; margin-right:0;}
  .m_full_items>._items+._items{margin-left:0; margin-top:1rem;}
  .group_full{flex:1; margin-bottom:0;}
  .group_full ._items{flex:1; margin-bottom:0;}
}

/*********************************************************************
  mobile only grid layout
*********************************************************************/
@media screen and (max-width:767px){
  .m_col_1{margin-bottom:0;}
  .m_col_1>._items{flex:none !important; width:100%; margin-right:0; margin-bottom:0;}
  .m_col_1>._items+._items{margin-top:2.5rem;}
  .m_col_2,
  .m_col_3{margin-bottom:0;}
  .m_col_2 ._items{flex:none; width:calc((100% - 1.8rem) / 2) !important; margin:2.5rem 0 0 0;}
  .m_col_2 ._items+._items{margin-left:1.8rem;}
  .m_col_2 ._items:nth-of-type(2n+1){margin-left:0;}
  .m_col_2 ._items:nth-child(-n+2){margin-top:0;}
  .m_col_3 ._items{flex:none; width:calc((100% - 3.6rem) / 3) !important; margin:2.5rem 0 0 0;}
  .m_col_3 ._items+._items{margin-left:1.8rem;}
  .m_col_3 ._items:nth-of-type(3n+1){margin-left:0;}
  .m_col_3 ._items:nth-child(-n+3){margin-top:0;}
}

/*********************************************************************
  top으로 이동 버튼
*********************************************************************/
.btn_gotoTop{display:flex; flex-direction: column; justify-content: center; align-items: center; position:fixed; bottom:4rem; right:11.2rem; width:8rem; height:8rem; font-size:1.6rem; color:#fff; line-height:1; background-color:#222; border-radius:50%; z-index:100; opacity:0; transition:all 0.2s ease-out;}
.btn_gotoTop:before{content:""; display:block; width:2.1rem; height:1.2rem; margin-bottom:1.2rem; background:url(../img/ico_btn_top.png) no-repeat top left / 2.1rem 1.2rem;}

.btn_gotoTop.show{opacity:1;}

@media screen and (max-width:1600px){
  .btn_gotoTop{display:none;}
}

@media screen and (max-width:767px){
  .btn_gotoTop{bottom:14rem; right:3.5rem; width:8rem; height:8rem; font-size:1.8rem;}
}

/*********************************************************************
  bullet list
*********************************************************************/
/* bullet dot */
.list_dot>li,
.list_dot>dd{position:relative; padding-left:0.625em;}
.list_dot>dd:before,
.list_dot>li:before{content:""; display:inline-block; position:absolute; top:0.70em; left:0; width:0.225em; height:0.225em; border-radius:50%; background-color:currentColor;}

/* bullet check */
.list_check>li,
.list_check>dd{position:relative; padding-left:0.8em; letter-spacing: 0.01em; line-height: 1.7;}
/*.list_check>dd:before,
.list_check>li:before{content:""; display:inline-block; position:absolute; top:0.45em; left:0; width:1.5rem; height:1.5rem; background:url(../img/ico_info_check.png) no-repeat top left / cover}*/
.list_check>dd:before,
.list_check>li:before{content:""; display:inline-block; position:absolute; top:0.6em; left:0; width:0.23em; height:0.23em; background-color:currentColor;}

.list_check .none_dot:before{display:none;}

/* .list_dot{color:#555;}
.list_dot>li{position:relative; padding-left:0.625em;}
.list_dot>li:before{content:""; display:inline-block; position:absolute; top:0.75em; left:0; width:0.15625em; height:0.15625em; background-color:currentColor;}
.list_dot>li .text-red{font-weight:400;}

.list_dot dt{position:relative; padding-left:1.3rem; color:#555;}
.list_dot dt:before{content:""; display:inline-block; position:absolute; top:1.5rem; left:0; width:0.3rem; height:0.3rem; background-color:currentColor;}
.list_dot dd{padding-left:1.3rem; font-size:1.8rem;}
.list_dot dd+dt{margin-top:2rem;} */

/* bullet dash */
.list_dash>li{position:relative; padding-left:0.625em; color:#555;}
.list_dash>li:before{content:""; display:inline-block; position:absolute; top:0.75em; left:0; width:0.3125em; height:0.0625em; background-color:currentColor;}
.list_dash>li .text-red{font-weight:400;}

/* list number */
/* .list_num li{padding-left:1em; text-indent:-1em;}
.list_form li+li{margin-top:4rem;} */

@media screen and (max-width:767px){
  /* bullet dot */
  .list_dot{margin-bottom:1.8rem;}
  .list_check>li:before{width:0.8rem; height:0.8rem;}
}

/*********************************************************************
  회사정보 - 입력폼 상단
*********************************************************************/
.companyInfo{margin-bottom: 5rem; padding:2rem 0; border:solid #eff1f6; border-width:1px 0;}
.companyInfo .companyInfo_inner{display:flex;}
.companyInfo .companyInfo_inner li{display:flex; flex-direction: column; justify-content: space-between; flex:1 0 auto; padding:2rem 0 2rem 4rem; font-size:2.4rem;}
.companyInfo .companyInfo_inner li+li{border-left:1px solid #d5d7db;}
.companyInfo .companyInfo_inner strong{display:block; margin-bottom:3rem; font-weight:500; color:#5186ee;}
.companyInfo .companyInfo_inner p{margin-top:auto;}
.companyInfo .companyInfo_inner p strong{margin-bottom:0; font-size:3.2rem; font-weight:700; color:#000;}

@media screen and (max-width:767px){
  .companyInfo{display:none;}
}

/*********************************************************************
  게시판 리스트
*********************************************************************/
.board_list>ul{border-top:1px solid #aaa;}
.board_list>ul>li{display:flex; align-items:center; height:8rem; border-bottom:1px solid #e8e8ee;}
.board_list .board_list_tit{display:inline-block; max-width:100%; padding:0 2rem; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.board_list .board_list_tit .ico_lock{margin-right:1rem; vertical-align: middle;} margin-top:0.5rem; vertical-align:top;
.board_list .board_list_etc{display:flex; align-items:center; margin-left:auto; text-align:center;}
.board_list .state{width:14.5rem;}
.board_list .writer{width:14.5rem;}
.board_list .date{width:13.2rem;}
.board_list .speaker{width:29rem;}
.board_list .complete{color:#4E83EB;}

.board_list_top{display:flex; align-items: flex-end; margin-bottom:1.4rem;}
.board_list_top .total{font-size:2.2rem; font-weight:500; line-height:1;}
.board_list_top .board_list_top_btnGroup{display:flex; align-items:center;}
.board_list_top .board_list_top_btnGroup .btn+.btn{margin-left:0.5rem;}
.board_list_top .btn_border{color:#222; border-color:#767676;}
.board_list_top .form_check .label{font-size:2rem; color:#000; line-height:1;}
.board_list .ellipsis{display:block;}

@media screen and (max-width:767px){
  .board_list>ul>li{display:block; height:auto; padding:4rem 0;}
  .board_list .board_list_tit{display:-webkit-box; max-width:initial; width:100%; max-height:8.4rem; margin-bottom:2rem; padding:0; font-size:3.4rem; text-overflow:initial; white-space:initial; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.4;}
  .board_list .board_list_etc{margin-top:3rem; font-size:3rem;}
  .board_list .board_list_tit .ico_lock{margin-top:0.5rem; vertical-align:top;}
  .board_list .state{width:auto;}
  .board_list .writer{width:auto;}
  .board_list .date{width:auto;}
  .board_list .speaker{width:auto;}
  .board_list .badge_round{display:inline-flex; align-items:center; padding:0; font-size:3.4rem; font-weight:400; border:0;}
  .board_list .item{line-height:1; font-weight:400;}
  .board_list .item+.item{flex-shrink:0; margin-left:2rem; padding-left:2rem; border-left:1px solid #767676;}

  .board_list_top{margin-bottom:3rem;}
  .board_list_top .total{font-size:3rem;}
  .board_list_top .form_check .label{font-size:3rem;}
}

/*********************************************************************
  게시판 상세
*********************************************************************/
.board_view{border:2px solid #D9D9D9;}
.board_view+.board_view{margin-top:4rem;}
.board_view_header{display:flex; align-items: flex-start; padding:3rem; background-color:#F9F9F9;}
.board_view_header_inner{flex:1; display:flex; justify-content:space-between;}
.board_view_header_tit{font-size:2.2rem; font-weight:500;}
.board_view_header_date{margin-top:0.5rem; font-size:1.8rem; color:#767676; line-height:1;}
.board_view_header_cate{margin-top:0.5rem; font-size:1.8rem; color:#ed776d; line-height:1;}
.board_view_header_bottom{display:flex; margin-top:4rem;}
.board_view_header_bottom .board_view_header_date{margin-top:0;}
.board_view_header_bottom .board_view_header_cate{margin-top:0;}
.board_view_header_bottom p+p{margin-left:2rem; padding-left:2rem; border-left:1px solid #767676;}
.board_view_header .badge_round{margin-top:-0.3rem; margin-right:2rem;}
.board_view_header .badge_round._primary{color:#767676; border-color:#767676;}
.board_view_header .badge_round._secondary{color:#4E83EB; border-color:#4E83EB;}

.board_view .download{display:flex; margin:0 2.8rem 3rem; border:1px solid #D9D9D9;}
.board_view .download .label{display:flex; align-items:center; padding:1.9rem; background-color:#F9F9F9;}
.board_view .download ul{display:flex; flex-direction:column; justify-content:center; width:100%; padding:2rem 3rem; font-size:1.8rem;}
.board_view .download ul li+li{margin-top:0.5rem;}

.board_view_body{padding:5rem 2.8rem; word-break:break-all; border-top:0; overflow-x:auto;}
.board_view_body img{max-width:100%;}
.board_view_body .mailForm{margin:0 auto;}
.board_view_body .btn{flex:none; width:28rem;}

.board_view_button{display:flex; align-items: center; justify-content: center; margin-top:6rem;}
.board_view_button .btn{width:28rem; height:6rem; font-size:2rem;}

.board_view._type02{border:0;}
.board_view._type02 .board_view_body{border:2px solid #D9D9D9; border-top:0;}

@media screen and (max-width:767px){
  .board_view_header{display:block; padding:3rem;}
  .board_view_header_inner{display:block;}
  .board_view_header_tit{font-size:3.4rem; letter-spacing: 0.02rem;}
  .board_view_header_date{margin-top:3rem; font-size:3rem;}
  .board_view_header_cate{margin-top:3rem; font-size:3rem;}
  .board_view_header_bottom{margin-top:3rem;}
  .board_view_header_bottom p+p{margin-left:2rem; padding-left:2rem; border-left:1px solid #767676;}
  .board_view_header .badge_round{min-width:14.5rem; margin-top:0; margin-right:0; margin-bottom:2.5rem;}

  .board_view_body{padding:3rem; font-size:3rem;}

  .board_view_button{margin-top:4rem;}
  .board_view_button .btn{width:100%; height:8rem; font-size:3rem;}

  .board_view .download .label{display:flex; align-items:center; padding:2rem; background-color:#F9F9F9;}
  .board_view .download .label img{width:6rem;}
  .board_view .download ul{padding:2rem 3rem; font-size:2.8rem;}
  .board_view .download ul li+li{margin-top:1.5rem;}


  .board_view_body .mailForm{zoom:0.4;}

}

/*********************************************************************
  게시판 등록
*********************************************************************/
.board_write_header{display:flex; align-items: center;}
.board_write_header .form_text{flex:1;}
.board_write_header .form_check{margin-left:1rem;}

.board_write_body{margin-top:3rem; border:1px solid #d6d8dd;}

/*********************************************************************
  pagination
*********************************************************************/
.pagination{display:flex; justify-content: center; align-items: center; margin-top:6rem;}
.pagination a,
.pagination button{display:inline-flex; justify-content: center; align-items: center; position:relative; min-width:3.8rem; height:3.8rem; margin:0 1rem; padding:0 0.5rem; font-size:2rem; color:#BCBCBC; font-weight:600; border:1px solid #BCBCBC; border-radius:0.6rem; background-color:#fff;}
.pagination button:disabled{opacity:0.5;}
.pagination .on{color:#fff; border-color:#5186EE; background-color:#5186EE; cursor:default;}
.pagination .pc_number .on:after{transform:scaleX(1) translateX(-50%);}
.pagination .pc_number a:hover:not(.on):after{background-color:#222; transform:scaleX(1) translateX(-50%);}
.pagination .first,
.pagination .prev,
.pagination .next,
.pagination .last{margin:0 0.6rem; padding:0; border:0;}
.pagination .pc_number{display:flex; margin:0 4.4rem;}
.pagination .m_number,
.pagination .btn{display:none;}
/*
.popup .pagination{margin-top:3rem;}
*/

@media screen and (max-width:767px){
  .pagination a{display:inline-flex; justify-content: center; align-items: center; min-width:3rem; height:3rem; margin:0 0.5rem; font-size:1.6rem; border:1px solid #ddd; transition:all 0.2s ease;}
  .pagination a:not(.on):hover{box-shadow: .2rem .2rem .5rem rgba(0,0,0,.2);}
  .pagination .on{background-color:#eee; cursor:default;}
  .pagination .pc_number{display:none;}
  .pagination .m_number{display:block; width:20.2rem; font-size:2.8rem; text-align:center; color:#767676;}
  .pagination .m_number strong{font-weight:700; color:#5186EE;}
  .pagination .btn{display:flex;}
  .pagination .btn_sm{min-width:24rem;}
  .pagination .first,
  .pagination .last,
  .pagination .prev img,
  .pagination .next img{display:none;}
  .pagination .prev,
  .pagination .next{width:calc(100% / 3); height:10rem; font-size:3rem;}
  .popup .pagination{margin-top:5rem;}
}

/* 첨부파일 리스트 */
.tbl_file_list{display:flex; flex-wrap: wrap; margin-bottom:-2rem;}
.tbl_file_list li{margin-right:2rem; margin-bottom:2rem; width: 100%;}
.tbl_file_list a{display:block; font-size:2rem; color:#4E83EB; line-height:1.5; text-decoration:underline; position: relative; padding-left: 3rem;}
.tbl_file_list a:before{content:"";width: 1.8rem;height: 1.8rem;margin-right:0.8rem;background:url(../img/ico_file_list.png) no-repeat top left / contain; position: absolute; top: 0.4em; left: 0;}
.tbl_file_link{display:inline-block; font-size:2rem; color:#4E83EB; line-height:1.5; text-decoration:underline;}

@media screen and (max-width:767px){
  .tbl_file_list{width:100%;}
  .tbl_file_list li{width:100%;}
  .tbl_file_list a{display:block; font-size:3rem;}
  .tbl_file_link{font-size:3rem;}
}

/*********************************************************************
  도움말 팝업
*********************************************************************/
/* 도움말 버튼 */
.help_popup{display:inline-flex; position:relative;}
.btn_help{display:inline-flex; align-items: center; justify-content: center; width:2.2rem; height:2.2rem; font-size:1.4rem; font-weight:700; color:#ff5252; border:2px solid #ff5252; border-radius:50%; background-color:#fff;}
.help_popup_body{display:none; position:absolute; top:calc(100% + 1rem); left:-3rem; z-index:2; text-align:left;}
.help_popup_body_inner{min-width:400px; padding:2.5rem 3rem; font-size:1.6rem; font-weight:500; line-height:1.75; border:1px solid #222; border-radius:1rem; background-color: #fff; box-shadow:0px 5px 20px 0px rgba(0, 0, 0, 0.1);}
.help_popup_body_inner .list_dot{font-size:1.6rem;}
.help_popup_body_tit{margin-bottom:1rem; font-size:1.8rem; font-weight:700;}
.help_popup_close{position:absolute; top:2rem; right:3rem; width:2rem;}
.help_popup_close img{width:100%;}
.help_popup._right .help_popup_body{left:auto; right:-3rem;}
.help_popup_body_inner .btn{height:4rem; margin-top:1rem; font-size:1.6rem;}

.fixed .help_popup_body{position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.1); z-index:1000;}
.fixed .help_popup._right .help_popup_body{right:0;}
.fixed .help_popup_body_inner{position:absolute; top:50%; left:50%; box-shadow:0px 5px 20px 0px rgba(0, 0, 0, 0.1); transform:translate(-50%, -50%);}

.btn_help.on+.help_popup_body{display:block; opacity:0; animation: showhelp 0.2s ease alternate forwards;}

@keyframes showhelp{
  0%{
    opacity:0;
    transform:translateY(-1rem);
  }
  100%{
    opacity:1;
    transform:translateY(0);
  }
}

@media screen and (max-width:767px){
  .btn_help{width:3.5rem; height:3.5rem; font-size:2.2rem;}

  .help_popup_body{position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.1); z-index:1000;}
  .help_popup._right .help_popup_body{right:0;}
  .help_popup_body_inner{position:absolute; top:50%; left:50%; width:calc(100% - 7rem); min-width: auto; padding:4rem 5rem; font-size:3rem; box-shadow:0px 5px 20px 0px rgba(0, 0, 0, 0.1); transform:translate(-50%, -50%);}
  .help_popup_body_inner .list_dot{font-size:3rem;}
  .help_popup_body_tit{margin-bottom:2rem; font-size:3.2rem;}
  .help_popup_close{top:5rem; right:5rem; width:3.2rem;}
  .help_popup_body_inner .btn{height:8rem; margin-top:3rem; font-size:3rem;}

  @keyframes showhelp{
    0%{
      opacity:0;
      transform:translateY(0);
    }
    100%{
      opacity:1;
      transform:translateY(0);
    }
  }
}

/*********************************************************************
  개인정보 수집 및 동의 팝업
*********************************************************************/
/* 개인정보 수집 및 동의 */
.popup_terms{}
.popup_terms_body .tit_terms{margin-bottom:2.9rem; font-size:2.2rem; font-weight: 600;}
.popup_terms .tit{font-size:2rem; font-weight: 500; position: relative; padding-left:2rem;}
.popup_terms .tit::before{content:""; display:inline-block; position:absolute; top:1.2rem; left:1rem; width:.3rem; height:.3rem; border-radius:50%; background-color:#222;}
.popup_terms .desc{font-size:2rem; color:#767676; margin: .8rem 0 1.8rem; padding-left:1rem}
.popup_terms_body .list_dot{margin-top:1rem; font-size:1.5rem;}
.popup_terms_msg{display:none;}
.popup_terms_agree{margin-top:1rem; text-align:right; margin-bottom: 1rem;}
.popup_terms_agree .form_check .label{font-size:2rem; color: #222; font-weight: 400;}
.popup_terms_bottom .bottom_btn_group .btn_primary{background-color: #222 !important;}

@media screen and (max-width:767px){
	.popup_terms .tit{font-size:3.2rem; padding-left: 3rem;}
  .popup_terms .tit::before{top: 2rem; width: .6rem; height: .6rem;}
	.popup_terms .desc{font-size:3.2rem;}
	.popup_terms_msg{display:block; margin-bottom:3rem; font-size:3.2rem; font-weight: 600;}
	.popup_terms_agree{display:flex; justify-content: space-between; align-items: center; margin-top:2rem; text-align:left;}
	.showPopupTerms .popup_cont{height:auto;}
	.popup_terms_body{display:none;}
	.popup_terms_body .tit_terms{margin-bottom:5rem; font-size:3.8rem;}
	.showPopupTerms .popup_terms_body{display:flex; flex-direction: column; flex:1 0 auto; width:100%;}
	.showPopupTerms .btn_close_popup,
	.showPopupTerms .popup_terms_msg,
	.showPopupTerms .bottom_btn_group,
	.showPopupTerms .popup_terms_agree{display:none;}
	.showPopupTerms .popup_terms_body .terms_btn{height:10rem;}
	.showPopupTerms .popup_terms_body .terms_btn .btn{position:fixed; bottom:0; left:0; width:100%; height:12rem; margin-top:auto; padding-top:0; font-size:3.6rem; background-color: #222 !important;}
	.showPopupTerms.terms01 .popup_terms_body{display:none;}
	.showPopupTerms.terms01 .terms01{display:flex;}
	.showPopupTerms.terms01 .terms01 .tit_popup{display:none;}
	.showPopupTerms.terms02 .popup_terms_body{display:none;}
	.showPopupTerms.terms02 .terms02{display:flex;}
	.view_terms{display:flex; align-items: center; font-size:0;}
	.view_terms.show_text{display:flex; align-items: center; font-size:3.4rem; margin:0 auto;}
	.view_terms:after{content:""; display:inline-block; width:1.6rem; height:3rem; margin-left:1rem; background:url(../img/arrow_link_black.png) no-repeat center / contain;}
	.popup_terms_body .list_dot{margin-top:3rem; font-size:2.4rem;}
	.popup_terms_agree .form_check .label{font-size:3rem;}
}

.top_info_box{padding:3rem; font-size:2rem; border:1px solid #E8E8EE; border-radius:1rem;}
.top_info_box .btn_link{font-size:1.6rem;}
.top_info_box li+li{margin-top:2rem;}

.typebox{display:flex; align-items: center; justify-content: space-between; padding:3rem; border-bottom:1px solid #ddd;}
.typebox .tit_sub{margin-bottom:0;}
.typebox_body{display:flex; align-items: center;}
.typebox_body p{margin-right:2rem;}
.typebox_body .form_check_roundButton+.form_check_roundButton{margin-left:1rem;}

@media screen and (max-width:767px){
  .typebox{display:block; align-items: center; justify-content: space-between; padding:3rem; border-bottom:1px solid #ddd;}
  .typebox_txt{font-size:2.2rem; font-weight:700;}
  .typebox_body{display:block;}
  .typebox_body .typebox_body_inner{width:100%;}
  .typebox_body p{margin-right:0; margin-bottom:2rem;}
  .typebox_body .form_check_roundButton+.form_check_roundButton{margin-left:1rem;}
}

/*********************************************************************
  무역의 날 > 안내
*********************************************************************/
.bg_textarea{padding:4rem 7rem; font-size:2rem; color:#656565; line-height:1.8; border-radius:1.8rem; background-color:#F4F8FF;}
.bg_textarea strong{font-size:2.5rem; font-weight:700; color:#222;}
.bg_textarea.slim{padding-top:2rem; padding-bottom:2rem;}

.ibg_textarea{text-align:center; padding:4rem 7rem; font-size:2rem; color:#656565; line-height:1.8; border-radius:1.8rem; background-color:#F4F8FF;}

.img_undertext{font-weight :800; color:#4E83EB; font-size:2.5rem;}

@media screen and (max-width:767px){
  .bg_textarea{padding:3rem; font-size:3.2rem;}
  .bg_textarea strong{font-size:3.2rem; font-weight:400; color:#656565;}
  .bg_textarea.slim{padding-top:3rem; padding-bottom:3rem;}
}

/* 연혁 */
.history{position:relative;}
.history strong{display:block; font-size:5rem; font-weight:700; letter-spacing:-0.02em; line-height:1;}
.history p{margin-top:1rem; font-size:2.6rem;}
.history li{position:relative; padding-bottom:4rem;}
.history li:nth-of-type(2n+1){margin-left:50%; padding-left:15.4rem;}
.history li:nth-of-type(2n){margin-right:50%; padding-right:15.4rem; text-align:right;}
.history li:before{content:""; display:block; position:absolute; top:2rem; width:2rem; height:100%; background-color:#F4F4F4;}
.history li:last-child{padding-bottom:0;}
.history li:last-child:before{display:none;}
.history li:after{content:""; display:block; position:absolute; top:1rem; width:2rem; height:2rem; border-radius:50%;}
.history li:nth-of-type(2n+1):before{left:-1rem;}
.history li:nth-of-type(2n):before{right:-1rem;}
.history li:nth-of-type(2n+1):after{left:-1rem;}
.history li:nth-of-type(2n):after{right:-1rem;}

.color_type01 strong{color:#4E83EB;}
.color_type02 strong{color:#4853B6;}
.color_type03 strong{color:#B587B5;}
.color_type04 strong{color:#ED776D;}
.color_type05 strong{color:#EBA34E;}
.color_type06 strong{color:#4ACAC2;}

.color_type01:after{background-color:#4E83EB;}
.color_type02:after{background-color:#4853B6;}
.color_type03:after{background-color:#B587B5;}
.color_type04:after{background-color:#ED776D;}
.color_type05:after{background-color:#EBA34E;}
.color_type06:after{background-color:#4ACAC2;}

.tday_history{margin-top:10rem;}

@media screen and (max-width:767px){
  .history p{margin-top:1rem; font-size:3rem;}
  .history li:nth-of-type(2n+1){padding-left:5.7rem;}
  .history li:nth-of-type(2n){padding-right:5.7rem;}
  .history li:before{content:""; display:block; position:absolute; top:2rem; width:2rem; height:100%; background-color:#F4F4F4;}
  .history li:last-child{padding-bottom:0;}
  .history li:last-child:before{display:none;}
  .history li:after{content:""; display:block; position:absolute; top:1rem; width:2rem; height:2rem; border-radius:50%;}
  .history li:nth-of-type(2n+1):before{left:-1rem;}
  .history li:nth-of-type(2n):before{right:-1rem;}
  .history li:nth-of-type(2n+1):after{left:-1rem;}
  .history li:nth-of-type(2n):after{right:-1rem;}
}


/*********************************************************************
  intro page
*********************************************************************/

/* intro page */
.m_intro{display:none;}

@media screen and (max-width:767px){
  /*.m_intro{display:block;}
  .pc_intro{display:none;}*/
}

.budget_list{margin-bottom:-2rem;}
.budget_list .col{margin-bottom:2rem;}

/* 수출바우처 입력폼 */
.row_combo_form{display:flex; align-items: center;}
.row_combo_form+.row_combo_form{margin-top:2rem;}
.row_combo_form .row_combo_form_header{width:30rem; text-align: center;}
.row_combo_form .row_combo_form_header .tit_header{display:inline-flex; align-items: center; width:100%; min-height:4.6rem; padding:0 1.5rem; font-size:2rem; line-height:1; border-radius:0.5rem; cursor:pointer; color:#fff; background-color:#ccc; -webkit-user-select: none; -ms-user-select: none; user-select: none;}
.row_combo_form .row_combo_form_header .tit_header:before{content:""; display:block; width:2.4rem; height:2.4rem; margin-right:0.5rem; background:url(../img/ico_chk_round.png) no-repeat top left / 2.4rem 2.4rem;}
.row_combo_form .row_combo_form_header .tit_header.active{background-color:#5186ee;}

.row_combo_form .row_combo_form_body{display:flex; flex:1; margin-left:2rem;}
.row_combo_form .row_combo_form_body ._item{flex:1;}
.row_combo_form .row_combo_form_body ._item+._item{margin-left:2rem;}

@media screen and (max-width:767px){
	.row_combo_form{display:block;}
	.row_combo_form .row_combo_form_header{width:100%;}
	.row_combo_form .row_combo_form_header .tit_header{min-height:10rem; padding:1.5rem 2rem; font-size:3.4rem; line-height:1.3; text-align:center;}
	.row_combo_form .row_combo_form_header .tit_header:before{width:3rem; height:3rem; margin-right:1rem; background-size:3rem 3rem;}
	.row_combo_form .row_combo_form_body._fold{display:none;}
	.row_combo_form .row_combo_form_body{margin-top:2rem; margin-left:0;}
	.row_combo_form .row_combo_form_body.active{display:block;}
	.row_combo_form .row_combo_form_body ._item{width:100%;}
	.row_combo_form .row_combo_form_body ._item+._item{margin-top:2rem; margin-left:0;}
}

/* 예산배정 */
.budget_list .row_combo_form_header{width:29rem;}
.budget_list .budget_list_total_header{width:27rem;}
.budget_list .budget_list_total_header .tit_sub{display:block; text-align:center;}

@media screen and (max-width:750px){
	.budget_list .budget_list_total_header .tit_sub{text-align:left;}
	.budget_list .row_combo_form_header{width:100%;}
	.budget_list .btn_budget_addItem{position:relative; padding:3rem; font-size:3.6rem; border:1px solid #222; border-radius:1.2rem; background-color:#fff;}
	.budget_list .btn_budget_addItem:before{content:""; display:block; position:absolute; top:50%; right:2.5rem; width:4rem; height:2rem; background:url(../img/ico_accodion.png) no-repeat top left / 8rem 2rem; transform:translateY(-50%);}
	.budget_list .btn_budget_addItem.on:before{transform:translateY(-50%) rotate(180deg);}
	.budget_list .btn_budget_addItem:after{content:"더 보기"; display:inline-block; margin-left:1rem;}
	.budget_list .btn_budget_addItem.on:after{content:"접기";}
}


/*********************************************************************
  마이페이지 타이틀 & lnb
*********************************************************************/
.mypage_tit_page{display:flex; align-items:center; justify-content:center; width:114rem; margin:6rem auto;}
.mypage_tit{font-size:4.8rem; font-weight:700;}
.mypage_nav_tabs{position:relative; margin-left:2rem;}
.mypage_nav_tabs_btn{cursor:pointer;}
.mypage_nav_tabs .nav_tabs{display:none; position:absolute; top:calc(100% + 2rem); right:0; margin-bottom:0;}
.mypage_nav_tabs .nav_tabs .nav_tabs_fixed{width:auto; background-color:#fff;}
.mypage_nav_tabs .nav_tabs .tabs_inner{display:block; width:auto; padding:3rem 4rem 3rem 3rem; border:2px solid #222; border-radius:1.2rem; background-color:#fff; box-shadow:5px 5px 4px rgba(0, 0, 0, 0.1)}
.mypage_nav_tabs .nav_tabs .tab{flex:none; display:block; min-height:auto; padding:0; font-size:2.2rem; font-weight:500; letter-spacing: 0; text-align:left; color:#222; line-height:1; border-radius:0;}
.mypage_nav_tabs .nav_tabs .tab.on{font-weight:700; color:#5186EE; background-color:transparent;}
.mypage_nav_tabs .nav_tabs .tab+.tab{margin-top:1.6rem;}
.mypage_nav_tabs .nav_tabs .tab:hover{color:#5186EE;}
.btn_close_mypage_lnb{position:absolute; top:1rem; right:1rem;}

.mypage_nav_tabs_btn.opened img{transform:rotate(180deg);}
.mypage_nav_tabs_btn.opened+.nav_tabs{display:block; opacity:0; animation: mymenuLnb 0.15s ease alternate forwards;}

.mypage_nav_tabs .nav_tabs.fixedTab .nav_tabs_fixed{position:relative;}
.mypage_nav_tabs .nav_tabs.fixedTab .nav_tabs_fixed:after{display:none;}

@keyframes mymenuLnb{
  0%{
    opacity:0;
    margin-top:-1rem;
  }
  100%{
    opacity:1;
    margin-top:0;
  }
}

@media screen and (max-width:1230px){
  .mypage_tit_page{width:auto;}
}
@media screen and (max-width:1024px){
  .mypage_tit_page{padding:0 3.5rem;}
}

@media screen and (max-width:767px){
  .mypage_tit_page{margin:0; padding:0;}
  .mypage_tit{position:absolute; top:0; left:9.6rem; right:9.6rem; height:11rem; margin:0; font-size:4.6rem; line-height:11rem; text-align:center; letter-spacing: -0.02em; z-index:1000;}
  .mypage_nav_tabs_btn{display:none;}
  .mypage_nav_tabs .nav_tabs{display:block;}

  .mypage_nav_tabs{width:100%; margin-left:0;}
  .mypage_nav_tabs .nav_tabs{display:block; position:relative; top:0;}
  .mypage_nav_tabs .nav_tabs .nav_tabs_fixed{width:100%;}
  .mypage_nav_tabs .nav_tabs .tabs_inner{display:block; padding:0 3.5rem; border:0; border-radius:0; box-shadow:none;}
  .mypage_nav_tabs .nav_tabs .tab{display:inline-flex; flex:none; min-height:10rem; padding:0; font-size:3.6rem; font-weight:500; color:#818181; letter-spacing:0.05em; border-radius:0;}
  .mypage_nav_tabs .nav_tabs .tab.on{font-weight:700; color:#5186EE; background-color:transparent;}
  .mypage_nav_tabs .nav_tabs .tab.on:after{background-color:#5186EE;}
  .mypage_nav_tabs .nav_tabs .tab+.tab{margin-top:0;}
  .mypage_nav_tabs .nav_tabs .tab:hover{color:#5186EE;}
  .btn_close_mypage_lnb{display:none;}

  .mypage_nav_tabs .nav_tabs.fixedTab .nav_tabs_fixed{position:fixed;}

}