*{margin:0;padding:0}
* html{height:1px}
html,body{width:100%;height:100%;font-family:'돋움',dotum;font-size:12px;color:#5A5A5A}
/*body{_overflow:hidden}*/
#g_BODY{_text-align:center}
div#g_HEADMENU{width:880px}
ul{list-style:none}
a{color:#888;text-decoration:none}
a,input{word-wrap:expression( this.style.wordWrap='normal',this.hideFocus=true)}
/* ▼ 레이아웃 배치 */
.g_left{float:left}
.g_clear_left{float:left;clear:both}
.g_right{float:right}
.g_clear_right{float:right;clear:both}
.g_clear{clear:both}
.g_center{position:relative;left:50%}/* 레이어 가운데로 정렬 : 너비가 정확해야함,margin-left를 너비의 1/2만큼 음수로 주어야함 */
.g_free{position:absolute;top:50%;left:50%;z-index:99}
.g_finish{display:absolute;clear:both;height:0;margin-top:-1px;font-size:1px;line-height:0}
.g_hidden{display:none}
/* ▲ 레이아웃 배치 */
/* ▼ 이미지 관련 */
embed	/* FF계열에서 플래시에 여백이 생기는 것을 방지 */{vertical-align:bottom}
img,/* input의 이미지,일반 이미지의 정렬을 클래스로 지정 */
input.g_image,input.g_image_top,input.g_image_bottom,input.g_image_middle{border:0;vertical-align:baseline}
img.g_top,input.g_image_top{vertical-align:top}
img.g_bottom,input.g_image_bottom{vertical-align:bottom}
img.g_middle,input.g_image_middle{vertical-align:middle}
.g_button{cursor:pointer}
/* ▲ 이미지 관련 */
.g_long_line{width:752px;height:2px;padding-bottom:30px;background:url("/image/common/tline_g.gif") no-repeat}
/* ▼ 타이틀 관련 */
.g_title{margin:30px 0 19px}
/* ▲ 타이틀 관련 */
/* ▼ 헤드 */
#top_bn{height:80px;text-align:center}
#g_HEAD{margin:0 auto;background:url("/image/main/netmain_top_bg.gif") repeat-x 0 -1px }
div#g_LOGO{width:946px;height:70px;margin:0 auto;padding-top:31px}
*:first-child+html div#g_LOGO{padding-top:34px}
div#g_LOGO div#g_TOP_LOGO{ height:73px }
div#g_LOGO div.g_right {margin:40px 5px 0 0}
div#g_HEADMENU{clear:both;width:946px;height:120px;margin:0 auto}
.g_MENU{float:left;height:120px;margin-top:-2px}
.g_MENU li{width:168px;height:17px;padding-left:5px;_padding-left:0;text-align:left}
.g_MENU li.main{width:188px;height:auto;margin-bottom:9px;padding-left:0}
/* 외부 배너 */
#externalBannerLeft{position:absolute;left:50%;margin:0 0 -600px -645px}
#externalBanner{position:absolute;float:left;left:50%;margin:-82px 0 583px 480px}
/* 외부 배너 */
/* ▲ 헤드 */
#g_CONTENT{width:946px;margin:0 auto}
/* ▼ 테일 */
#g_TAIL{margin-top:30px;border-top:1px solid #D0D0CE}
#g_INFO{width:946px;margin:0 auto}
#g_INFO li{float:left}
/* ▲ 테일 */

/*!* ▼ 페이징 *!*/
.g_paging {display: flex;justify-content: center;gap: 8px;margin: 40px 0;list-style: none;padding: 0;flex-wrap: wrap;}
.g_paging li {display: inline-block;padding: 7px 14px;}
.g_paging li a {display: block;color: var(--custom-gray2);text-decoration: none;font-weight: 500;transition: background 0.3s;}
.g_paging li a:hover {color: #007bff;}
.g_paging li.active {background: var(--custom-gray1);color: var(--custom-gray5);font-weight: bold;pointer-events: none;border-radius: 50%;}

.icon_prev{transform: scaleX(-1);}
.icon_paging{width:12px;height:12px;}
/*!* ▲ 페이징 *!*/

.cont {padding:10px;margin-bottom:4%;box-sizing: border-box;}
.cont:first-child {padding-top:30px;}
.cont .p_title{margin-bottom:5%;}
.cont .description{margin-bottom:6%;word-break: keep-all;text-align: center;}

.recruit_cont{padding:5px;}

.cont.btn_wrap{display: flex;flex-direction: column;gap:30px 0;justify-content: center;align-items: center;}
.cont.btn_wrap > .description{line-height:28px;font-size:var(--custom-font-xs);}
.cont.btn_wrap > .description > a{display:inline-block;margin-left:10px;vertical-align: -webkit-baseline-middle;}
.cont .btn_more{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0 8px;width:210px;height:45px;line-height:45px;color:var(--custom-white);background-color: var(--custom-blue1);border-radius:10px;}


/* pc_base_font : 15px; */
:root {
    --custom-white:#FFF;
    --custom-black:#000;
    --custom-gray1:#F3F4F5;
    --custom-gray2:#999;
    --custom-gray3:#6C6D6F;
    --custom-gray4:#37373A;
    --custom-gray5:#232324;
    --custom-red1:#EB394D;
    --custom-red2:#FFEBEE;
    --custom-red3:#FFCDD2;
    --custom-red4:#E57373;
    --custom-red5:#FE0100;
    --custom-red6:#F44336;
    --custom-red7:#992523;
    --custom-red8:#630000;
    --custom-orange1:#FCAA21;
    --custom-blue1:#1D8ABC;
    --custom-base-font:15px;
    --custom-font-3xs:0.8rem; /* 12px*/
    --custom-font-2xs:0.866rem; /* 13px*/
    --custom-font-xs:0.933rem; /* 14px*/
    --custom-font-base:1rem; /* 15px*/
    --custom-font-sm:1.2rem; /* 18px*/
    --custom-font-md:1.33rem; /* 20px*/
    --custom-font-lg:1.53rem; /* 23px*/
    --custom-font-xl:1.73rem; /* 26px*/
    --custom-font-2xl:2.4rem; /* 36px*/
    --custom-font-3xl:3.33rem; /* 50px*/
    --custom-font-4xl:5.33rem; /* 80px*/
    --break-point-xs:360px;
    --break-point-sm:576px;
    --break-point-md:768px;
    --break-point-lg:1024px;
    --header-height: 65px; /* mob */
    --footer-height: 382px; /* web */
}

.font_2xs{font-size: var(--custom-font-2xs);}
.font_xs{font-size: var(--custom-font-xs);}
.font_base{font-size: var(--custom-font-base);}
.font_sm{font-size: var(--custom-font-sm);}
.font_md{font-size: var(--custom-font-md);}
.font_lg{font-size: var(--custom-font-lg);}
.font_xl{font-size: var(--custom-font-xl);}
.font_2xl{font-size: var(--custom-font-2xl);}
.font_3xl{font-size: var(--custom-font-3xl);}
.font_4xl{font-size: var(--custom-font-4xl);}

.font_white{color:var(--custom-white);}
.font_black{color:var(--custom-black);}
.font_gray1{color:var(--custom-gray1);}
.font_gray2{color:var(--custom-gray2);}
.font_gray3{color:var(--custom-gray3);}
.font_gray4{color:var(--custom-gray4);}
.font_gray5{color:var(--custom-gray5);}
.font_red1{color:var(--custom-red1);}
.font_red2{color:var(--custom-red2);}
.font_red3{color:var(--custom-red3);}
.font_red4{color:var(--custom-red4);}
.font_red5{color:var(--custom-red5);}
.font_red6{color:var(--custom-red6);}
.font_red7{color:var(--custom-red7);}
.font_red8{color:var(--custom-red8);}
.font_orange1{color:var(--custom-orange1);}
.font_blue1{color:var(--custom-blue1);}

.font_bold{font-weight: bold;}

.bg_white{background-color:var(--custom-white);}
.bg_black{background-color:var(--custom-black);}
.bg_gray1{background-color:var(--custom-gray1);}
.bg_gray2{background-color:var(--custom-gray2);}
.bg_gray3{background-color:var(--custom-gray3);}
.bg_gray4{background-color:var(--custom-gray4);}
.bg_gray5{background-color:var(--custom-gray5);}
.bg_red1{background-color:var(--custom-red1);}
.bg_red2{background-color:var(--custom-red2);}
.bg_red3{background-color:var(--custom-red3);}
.bg_red4{background-color:var(--custom-red4);}
.bg_red5{background-color:var(--custom-red5);}
.bg_red6{background-color:var(--custom-red6);}
.bg_red7{background-color:var(--custom-red7);}
.bg_red8{background-color:var(--custom-red8);}
.bg_orange1{background-color:var(--custom-orange1);}
.bg_blue1{background-color:var(--custom-blue1);}

.border_white{border:1px solid var(--custom-white);}
.border_black{border:1px solid var(--custom-black);}
.border_gray1{border:1px solid var(--custom-gray1);}
.border_gray2{border:1px solid var(--custom-gray2);}
.border_gray3{border:1px solid var(--custom-gray3);}
.border_gray4{border:1px solid var(--custom-gray4);}
.border_gray5{border:1px solid var(--custom-gray5);}
.border_red1{border:1px solid var(--custom-red1);}
.border_red2{border:1px solid var(--custom-red2);}
.border_red3{border:1px solid var(--custom-red3);}
.border_red4{border:1px solid var(--custom-red4);}
.border_red5{border:1px solid var(--custom-red5);}
.border_red6{border:1px solid var(--custom-red6);}
.border_red7{border:1px solid var(--custom-red7);}
.border_red8{border:1px solid var(--custom-red8);}
.border_orange1{border:1px solid var(--custom-orange1);}
.border_blue1{border:1px solid var(--custom-blue1);}