@charset "UTF-8";

/*
================================================================================
레이아웃
================================================================================
*/

br {font-family: 'bg', 'Noto Sans KR',sans-serif;}

/* head */
#header_new{position: absolute;top: 0;left: 0;width: 100%;z-index: 100;}
#header_new .head_wrap{position: relative;padding: 0 30px;z-index: 2;}
#header_new .head_box{position: relative;margin: 0 auto;max-width: 1400px;}
#header_new .head_box #logo{position: absolute;top: 0;left: 0;display: flex;align-items: center;height: 130px;z-index: 20;}
#header_new .head_box #logo a{display: block;font-family: 'noto sans SC', sans-serif;font-size: 24px;color: #000;font-weight: bold;line-height: 1;letter-spacing: -1px;}

#header_new .head_box .btnLang {position: absolute;top: 50px;right: 0;z-index: 360}
#header_new .head_box .btnLang button {position: relative; margin: 0;padding: 0 20px 0 24px;font-family: 'GmarketSans'; font-size: 15px; font-weight: normal; color: #000; letter-spacing: -0.5px;background-color: transparent;  border: 0;}
#header_new .head_box .btnLang button::before{position: absolute;top:50%;left: 0;width: 20px;height: 30px;content: '';background-repeat:no-repeat;background-position:center top;background-image: url('/images/foreign/common/ico_lang.png');transform: translateY(-50%);}
#header_new .head_box .btnLang button::after {position: absolute; top: 10px;right: 0;width: 0;height: 0;content: '';border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #000;}
#header_new .head_box .btnLang .target {position: absolute;top: 30px;left: 50%;padding: 10px 0;width: 120px;background-color: #fff;border: 2px solid #000;border-radius: 10px;transform: translateX(-50%);box-shadow: 3px 3px 8px rgba(0,0,0,0.1);}
#header_new .head_box .btnLang .target li a {display: block;padding: 0 15px;font-family: 'GmarketSans';font-size: 15px;color: #555;letter-spacing: -0.5px;line-height: 32px;text-decoration: none;}

#header_new .head_box .btnLang .target li a:hover, 
#header_new .head_box .btnLang .target li a:focus {background-color: #ededed;}

#container{padding-top: 130px;}


#container .side{margin-top: 60px;}
#container .side .side_title{margin-bottom: 20px;background-image: linear-gradient(to right, #2e3192, #da2f37);border-radius: 50px 20px;}
#container .side .side_title strong{font-family: 'noto sans SC', sans-serif;font-size: 30px;font-weight: bold;}
#container .side .side_menu{border-radius: 10px;}
#container .side .side_menu .depth2_menu a:hover {text-decoration:underline; text-underline-offset: 3px;}
#container .side .side_menu .depth2_menu .depth2_list.active, 
#container .side .side_menu .depth2_menu .depth2_list.actived { background-color: #454658; border-radius: 10px 10px 0 0;}
#container .side .side_menu .depth2_menu .depth2_list.has.hover {background: url('/user_res/images/sub/side_depth2NextMenu_icon.png') no-repeat 95% 23px;}
#container .side .side_menu .depth2_menu .depth2_list .depth2_anchor {padding-top: 18px; padding-bottom: 14px; line-height: 22px;}
#container .side .side_menu .depth2_menu .depth2_list.active .depth2_anchor:hover, 
#container .side .side_menu .depth2_menu .depth2_list.actived .depth2_anchor:hover {text-decoration:underline; text-underline-offset: 3px;}
#container .side .side_menu .depth2_menu .depth2_list .depth2_anchor[target='_blank'],
#container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list .depth3_anchor[target='_blank'] {background-repeat: no-repeat; background-position: right center; background-image: url('/images/common/ico_blank.png'); padding-right: 20px;}
#container .side .side_menu .depth2_menu .depth2_list.hover .depth2_anchor {color:#000;}
#container .side .side_menu .depth2_menu .depth2_list.hover .depth2_anchor[target='_blank'],
#container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list.hover .depth3_anchor[target='_blank'] {background-repeat: no-repeat; background-position: right center; background-image: url('/images/common/ico_blank.png'); padding-right: 20px;}
#container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list.active .depth3_anchor, 
#container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list.actived .depth3_anchor {border-bottom: 1px solid #1048ad; color: #1048ad; padding-bottom: 3px;}
#container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list.active .depth4_anchor,
#container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu .depth4_list.actived .depth4_anchor {color:#333;}


#container .colgroup .sub_head{padding-top: 60px;}
#container .colgroup .sub_head .sub_title {border-bottom: 1px solid #000;}
#container .colgroup .sub_head .sub_title h2{font-family: 'noto sans SC', sans-serif;}

/* foot */
#footer_new{position: relative;float: left;padding: 40px 20px;width: 100%;letter-spacing: -0.5px;background-color: #2a2c3f;border-top: 1px solid rgba(255,255,255,0.1);}
#footer_new .foot_wrap{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 0 auto;width: 100%;max-width: 1440px;}
#footer_new .foot_wrap .foot_info{position: relative;}
#footer_new .foot_wrap .foot_info address{display: flex;/*gap: 5px 50px;*/flex-wrap: wrap;margin-bottom: 5px;width: 500px;font-family: 'noto sans SC', sans-serif;}
#footer_new .foot_wrap .foot_info address,
#footer_new .foot_wrap .foot_info address mark{color: #fff;}
#footer_new .foot_wrap .foot_info address mark{margin-right:50px ;}
#footer_new .foot_wrap .foot_info address p{margin-bottom: 5px;width: 100%;}
#footer_new .foot_wrap .foot_info small{display: block;font-family: 'noto sans SC', sans-serif;font-size: 14px;color: #8c8e9b;line-height: 1.2;word-break: keep-all;} 

#footer_new .foot_wrap .foot_sns ul{display: flex;/*gap: 10px;*/}
#footer_new .foot_wrap .foot_sns ul li{margin-left: 10px;}
#footer_new .foot_wrap .foot_sns ul li a{display: block;width: 42px;height: 42px;text-indent: -999px;overflow: hidden;background-color: #484a5d;background-repeat: no-repeat;background-position: center center;border-radius: 50%;}
#footer_new .foot_wrap .foot_sns ul li.ic1 a{background-image: url('/images/foreign/common/ico_foot_sns1.png');}
#footer_new .foot_wrap .foot_sns ul li.ic2 a{background-image: url('/images/foreign/common/ico_foot_sns2.png');}
#footer_new .foot_wrap .foot_sns ul li.ic3 a{background-image: url('/images/foreign/common/ico_foot_sns3.png');}
#footer_new .foot_wrap .foot_sns ul li.ic4 a{background-image: url('/images/foreign/common/ico_foot_sns4.png');}
#footer_new .foot_wrap .foot_sns ul li.ic5 a{background-image: url('/images/foreign/common/ico_foot_sns5.png');}

#footer_new .go_top{display: none;position: absolute;right: 20px;bottom: 130px;z-index: 100;}
#footer_new .go_top a{position: relative;display: block;width: 60px;height: 60px;text-indent: -999px;overflow: hidden;background-color: #3f4156;border-radius: 50%;}
#footer_new .go_top a::after{position: absolute;top: 25px;left: 50%;width: 10px;height: 10px;content: '';border: 1px solid #fff;border-width: 2px 2px 0 0;transform: translateX(-50%) rotate(-45deg);}

/* 메인일때 상단 */
#wrapper.main #container{padding-top: 0;}
#wrapper.main #header_new .head_wrap::before{display: none;}
#wrapper.main #header_new.menu_active .head_wrap::before{display: block;}

#wrapper.main #header_new #logo a{color: #fff;}
#wrapper.main #header_new.menu_active #logo a{color: #000;}

#wrapper.main #header_new .head_box .btnLang button{color: #fff;}
#wrapper.main #header_new .head_box .btnLang button::before{background-position: center bottom;}
#wrapper.main #header_new .head_box .btnLang button::after{border-top-color: #fff;}

#wrapper.main #header_new.menu_active .head_box .btnLang button{color: #000;}
#wrapper.main #header_new.menu_active .head_box .btnLang button::before{background-position: center top;}
#wrapper.main #header_new.menu_active .head_box .btnLang button::after{border-top-color: #000;}


/* 영문 */
#wrapper.eng #header_new .head_box #logo a,
#wrapper.eng #footer_new .foot_wrap .foot_info address, 
#wrapper.eng #footer_new .foot_wrap .foot_info address p,
#wrapper.eng #footer_new .foot_wrap .foot_info small,
#wrapper.eng #container .side .side_title strong,
#wrapper.eng #container .colgroup .sub_head .sub_title h2{font-family: 'GmarketSans';}
#wrapper.eng #container .colgroup .sub_head .sub_title h2{font-weight: normal;}


/*
================================================================================
반응형 레이아웃
================================================================================
*/

 /* Tablet Device */
 @media all and (max-width:1400px){

  

 }




 /* Tablet Device */
 @media all and (min-width:991px){

  #header_new .btn_mb_menu{display: none;}

  #header_new.menu_active .head_wrap{background-color: #fff;}

  #wrapper.main #header_new #gnb .gnb_wrap > ul > li > a{color: #fff;}
  #wrapper.main #header_new.menu_active #gnb .gnb_wrap > ul > li > a{color: #000;}

  /* 상단메뉴 */
  #header_new #gnb{position: relative;height: 130px;z-index: 10;}
  #header_new .head_wrap::before,
  #header_new.menu_active .head_wrap::before{position: absolute;top: 130px;left: 0;width: 100%;height: 0;content: '';border-bottom: 1px solid #efefef;}
  #header_new #gnb .gnb_wrap {width: 100%;}
  #header_new #gnb .gnb_wrap a{font-family:'noto sans SC', sans-serif;letter-spacing: -0.5px;}
  #header_new #gnb .gnb_wrap button{display: none;}
  #header_new #gnb .gnb_wrap > ul {display: flex;align-items: center;justify-content: center;padding:0 80px 0 120px;}
  #header_new #gnb .gnb_wrap > ul > li > a{display: flex;align-items: center;justify-content: center;position: relative;padding: 0 35px;height: 130px;font-size: 17px;font-weight: normal;color: #000;word-break: keep-all;}
  #header_new #gnb .gnb_wrap > ul > li > a span{position: relative;display: inline-block;padding: 0 5px;}
  #header_new #gnb .gnb_wrap > ul > li > a span::before{position: absolute;left: 50%;bottom: 0;width:0;height: 10px;content: '';background-color: #2e3192;opacity: 0.1;border-radius: 5px;transition: 0.2s ease;}
  #header_new #gnb .gnb_wrap > ul > li > a::after{position: absolute;left: 50%;bottom: -10px;width:6px;height: 6px;content: '';opacity: 0;background-color: #fff;border: 4px solid #2e3192;border-radius: 50%;transform: translateX(-50%);transition: 0.2s ease;z-index: 30;}
  #header_new #gnb .gnb_wrap > ul > li > a[target='_blank']{background-repeat: no-repeat;background-position: right center;background-image: url('/images/common_new/ico_blank.png'); padding-right: 20px;}
  #header_new #gnb .gnb_wrap > ul > li.active > a,
  #header_new #gnb .gnb_wrap > ul > li.on > a{color: #2e3192;font-weight: bold;letter-spacing: -0.5px;}
  #header_new #gnb .gnb_wrap > ul > li.active > a span,
  #header_new #gnb .gnb_wrap > ul > li.on > a span{font-weight: bold;}
  #header_new #gnb .gnb_wrap > ul > li.active > a span::before,
  #header_new #gnb .gnb_wrap > ul > li.on > a span::before{left: 0;width: 100%;}
  #header_new #gnb .gnb_wrap > ul > li.active > a::after,
  #header_new #gnb .gnb_wrap > ul > li.on > a::after{bottom: -7px;opacity: 1;}
  #header_new #gnb .gnb_wrap .open{position: initial;margin: 0;padding: 0;background: none;border: 0;}

  #header_new #gnb .gnb_wrap > ul > li > ul{opacity: 0;visibility: hidden;display: flex !important;flex-wrap: wrap;align-items:flex-start;/*gap: 30px;*/position: absolute;top: 130px;left: 0;padding: 45px 0; width: 100%;background-color: #fff; /*transition-property: visibility, opacity;transition-duration: 0.1s;transition-timing-function: cubic-bezier(1, 0, 0, 1);*/;border-top: 1px solid #efefef;z-index: 20;}
  #header_new #gnb .gnb_wrap > ul > li.active > ul{opacity: 1;visibility: inherit;}
  #header_new #gnb .gnb_wrap > ul > li > ul > li{padding: 0 10px;width: 20%;}
  #header_new #gnb .gnb_wrap > ul > li > ul > li > a{position: relative;display: flex;align-items: center;padding:15px 20px;min-height: 50px;font-size: 17px;color: #333;word-break: keep-all;line-height: 1.1;background-color: #f8f9fb;border: 1px solid #d9dfe9;border-radius: 10px;}
  #header_new #gnb .gnb_wrap > ul > li > ul > li > a::after{position: absolute;top: 50%;right: 20px;width: 6px;height: 6px;content: '';border: 1px solid #9aa5be;border-width: 2px 2px 0 0;transform: translateY(-60%) rotate(45deg);}
  #header_new #gnb .gnb_wrap > ul > li > ul > li > a:hover{color: #fff;font-weight: bold;box-shadow: 3px 3px 10px rgba(0,0,0,0.1);background-image: linear-gradient(to right, #2e3192, #da2f37);border: 0;}
  #header_new #gnb .gnb_wrap > ul > li > ul > li > a:hover::after{border-color:#fff;}
  #header_new #gnb .gnb_wrap > ul > li > ul > li > a[target='_blank']::after{top:35%;right: 20px;width: 11px;height: 11px;background-image: url('/images/foreign/common/ico_blank.png');background-repeat: no-repeat;border: 0;transform: none}
  #header_new #gnb .gnb_wrap > ul > li > ul > li > a[target='_blank']:hover::after{background-image: url('/images/foreign/common/ico_blank_over.png');}
  #header_new #gnb .gnb_wrap > ul > li > ul > li > ul{display: none;}
  #header_new #gnb .btn_menu_close{display: none;}

  #header_new.menu_active::after{position: absolute;top: 140px;left: 0;width: 100%;height: 110vh;content: '';background-color: rgba(0,0,0,0.5);}/* 메뉴오버시 어두운배경 */


  /* 영문 */
  #wrapper.eng #header_new #gnb .gnb_wrap a{font-family: 'GmarketSans';}
  #wrapper.eng #header_new #gnb .gnb_wrap > ul > li > a{padding: 0 25px;}
  #wrapper.eng #header_new #gnb .gnb_wrap > ul > li.active > a,
  #wrapper.eng #header_new #gnb .gnb_wrap > ul > li.on > a{letter-spacing: -0.9px;}


}


@media (max-width:1400px) and (min-width:1201px){

  /* 영문 */
  #wrapper.eng #header_new #gnb .gnb_wrap > ul > li > a{padding: 0 10px;}

}


@media (max-width:1200px) and (min-width:990px){

  /* 중문 */
  #wrapper #header_new #gnb .gnb_wrap > ul > li > a{padding: 0 20px;}

  /* 영문 */
  #wrapper.eng #header_new #gnb .gnb_wrap > ul > li > a{padding: 0 5px;font-size: 14px;}

}


/* Tablet Device */
@media all and (max-width:990px){

  #header_new{border-bottom: 1px solid #efefef;z-index: 400;}
  #header_new .head_box{height: 140px;}
  #header_new .head_box #logo{height: 140px;}

  #header_new .btn_mb_menu{position: absolute;top:60px;right: 0;display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;text-indent: -999px;overflow: hidden;}
  #header_new .btn_mb_menu span{position: relative;width: 26px;height: 3px;background-color: #000;border-radius: 3px;}
  #header_new .btn_mb_menu span::before{position: absolute;top: -8px;left: 0;width: 100%;height: 3px;content: '';background-color: #000;border-radius: 3px;}
  #header_new .btn_mb_menu span::after{position: absolute;bottom: -8px;left: 0;width: 100%;height: 3px;content: '';background-color: #000;border-radius: 3px;}

  #header_new .head_box .btnLang{top: 20px;right: auto;left: 25px;}

  #wrapper.main #header_new{border-bottom: 1px solid rgba(255,255,255,0.16);}

  #wrapper #header_new .head_box .btnLang button{color: #fff !important;}
  #wrapper #header_new .head_box .btnLang button::before{background-position: center bottom !important;}
  #wrapper #header_new .head_box .btnLang button::after{border-top-color: #fff !important;}

  #wrapper.main #header_new .btn_mb_menu span{background-color: #fff;}
  #wrapper.main #header_new .btn_mb_menu span::before{background-color: #fff;}
  #wrapper.main #header_new .btn_mb_menu span::after{background-color: #fff;}


  #gnb{position: fixed;top: 0;right: -350px;padding:60px 0 0;width: 350px;height: auto !important;overflow: hidden;background-color: #fff;border-radius: 20px 0 0 20px;transition-duration: 0.3s;transition-timing-function: cubic-bezier(1, 0, 0, 1);z-index: 200;}
  #gnb::before{position: absolute;top: 0;left: 0;width: 100%;height: 60px;content: '';background-image: linear-gradient(to right, #2e3192, #da2f37);}
  #gnb h2{display: none;opacity: 0;position: absolute;top: 15px;left: 25px;font-family: 'GmarketSans';font-size: 18px;color: #fff;z-index: -1;}
  #gnb h2:focus{opacity: 1;z-index:1}
  #gnb h2:focus + .btn_donggu{left: 110px;}
  #gnb .btn_donggu{position: absolute;top: 15px;left: 25px;}
  #gnb .btn_donggu a{position: relative;display: block;padding: 0 35px 0 13px;font-family: 'GmarketSans';font-size: 15px;color: #fff;line-height: 30px;background:rgba(0,0,0,0.3) url('/images/council/common/ico_arrow.png') no-repeat right 10px center / 18px;border-radius: 15px;}
  #gnb .open{margin: 0;padding: 0;text-align: left;background: none;border: 0;}
  #gnb ul.gnb ul{display: none;}
  #gnb ul.gnb li{position: relative;}
  #gnb ul.gnb{overflow: auto;max-height:calc(100vh - 60px);}
  #gnb ul.gnb > li{display: block;border-bottom: 1px solid #e0e0e0;}
  #gnb ul.gnb > li button{position: absolute;top: 0;left: 0;width: 100%;text-indent: -999px;overflow: hidden;}
  #gnb ul.gnb > li > button{height: 60px;}
  #gnb ul.gnb > li > a{position: relative;display: block;padding: 0 30px;font-family: 'noto sans SC', sans-serif;color: #333;font-weight: bold;}
  #gnb ul.gnb > li > a span{font-size: 18px;line-height: 60px;}
  #gnb ul.gnb > li.has-sub > a::after{position:absolute;top:50%;right: 20px;width: 9px;height: 9px;content: '';border:1px solid #a7a7a7;border-width: 0 0 2px 2px;transform: translateY(-70%) rotate(-45deg);}
  #gnb ul.gnb > li.has-sub.open > a::after,
  #gnb ul.gnb > li.has-sub.on > a::after{transform: translateY(-40%) rotate(135deg);border-color: #2e3192;}
  #gnb ul.gnb > li.open,
  #gnb ul.gnb > li.on{border-bottom: 1px solid #e0e0e0;}
  #gnb ul.gnb > li.on > a,
  #gnb ul.gnb > li.open > a{color: #2e3192;}
  #gnb ul.gnb > li > ul{padding:10px 30px;background-color: #f7f7f7;border-top: 2px solid #2e3192;}
  #gnb ul.gnb > li > ul > li > a{position: relative;display: block;padding:5px 0 5px 12px;color: #555;}
  #gnb ul.gnb > li > ul > li > a::before{position: absolute;top: 12px;left: 0;width: 4px;height: 4px;content: '';background-color: #969696;border-radius: 50%;}
  #gnb ul.gnb > li > ul > li.open > a,
  #gnb ul.gnb > li > ul > li.on > a{color: #2e3192;font-weight: bold;}
  #gnb ul.gnb > li > ul > li.open > a::before,
  #gnb ul.gnb > li > ul > li.on > a::before{background-color: #2e3192;}
  #gnb ul.gnb > li > ul > li > button{height:30px;}
  #gnb ul.gnb > li > ul > li > ul{margin: 5px 0;padding: 10px 20px;background-color: #ededed;}
  #gnb ul.gnb > li > ul > li > ul > li > a{position: relative;display: block;padding:5px 0 5px 10px;}
  #gnb ul.gnb > li > ul > li > ul > li > a::before{position: absolute;left: 0;content: '-';}
  #gnb ul.gnb > li > ul > li > ul > li > a:hover,
  #gnb ul.gnb > li > ul > li > ul > li.on > a{color: #000;font-weight: bold;}

  #gnb .btn_menu_close{position: absolute;top: 0;right: 0;width: 60px;height: 60px;text-indent: -999px;overflow: hidden;z-index: 10;}
  #gnb .btn_menu_close::before{position: absolute;top: 50%;left: 50%;width: 25px;height: 0;content: '';border-top: 2px solid #fff;transform: translate(-50%, -50%) rotate(45deg);}
  #gnb .btn_menu_close::after{position: absolute;top: 50%;left: 50%;width: 25px;height: 0;content: '';border-top: 2px solid #fff;transform: translate(-50%, -50%) rotate(-45deg);}
  #header_new #gnb.on{right: 0;}

  .fix_bg{position: fixed;top:0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.6 ;z-index: 20;}

  #container{padding-top: 150px;}
  #container .colgroup .sub_head{padding-top: 0;}

  #footer_new .foot_wrap{display: block;text-align: center;}
  #footer_new .foot_wrap .foot_info{margin-bottom: 30px;}
  #footer_new .foot_wrap .foot_info address{justify-content: center;/*gap: 5px 30px;*/margin: 0 auto 20px;width: 100%;max-width: 500px;}
  #footer_new .foot_wrap .foot_info address mark{margin: 0 15px;}

  #footer_new .foot_wrap .foot_sns ul{justify-content: center;}
  #footer_new .foot_wrap .foot_sns ul li{margin: 0 5px;}

  /* 영문 */
  #wrapper.eng #gnb ul.gnb > li > a{font-family: 'GmarketSans';}

}

/* Tablet Device */
@media all and (max-width:800px){
	.wrap { width: 94%; margin-left: 3%; margin-right: 3%;}

  

}

/* mobile Device */
@media all and (max-width:770px){


}

/* mobile Device */
@media all and (max-width:640px){

  #header_new .head_wrap{padding: 0 15px;}
  #header_new .head_box{height: 80px;}
  #header_new .head_box #logo{height: 80px;}
  #header_new .btn_mb_menu{top: 27px;}

  #header_new #gnb{width: 100%;right: -100%;}

  #container{padding-top: 80px;}

  #footer_new{padding: 30px 15px;}
  #footer_new .foot_wrap .foot_info address p{word-break: keep-all;}

}