@charset "utf-8"; 
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");

.font_1 { font-family: 'Roboto', sans-serif; }
.font_2 { font-family: 'Pretendard', sans-serif; -webkit-font-smoothing: antialiased; letter-spacing: -0.8px;}
.font_3 { font-family: 'Oswald', sans-serif; }
.font_4 { font-family: 'Zen Antique Soft', serif; }
.font_5 { font-family: 'Dancing Script', cursive; }

*{margin:0;padding:0}
body{margin:0;padding:0;text-align:center;-webkit-text-size-adjust:none;letter-spacing: -0.75px;-webkit-font-smoothing: antialiased;}
html,body{width:100%} 
body,input,button, td{ clear: both; position:relative; font-size:12px; font-family:"Malgun Gothic",dotum,gulim,sans-serif;font-size:inherit;line-height:100%; color:#383d41}
img, fieldset { border:0 none; }
input{outline:none} 
li{list-style:none} 
table{border-collapse:collapse;border-spacing:0;}


a{color:#000;text-decoration:none; /*font-family:"Malgun Gothic",  Dotum,Helvetica,AppleGothic,Sans-serif;*/}
a:hover{color:#000} 
a:visited, a:visited *{color:#000}

.wrap {margin:0 auto ;width:100%; text-align:center; position:relative;}

header { width: 1240px; margin-left: auto; margin-right: auto; height: 70px; }
header dl { position: relative; width: 100%; display: flex;}
header dt { float: left; width: 220px;  text-align: left; padding-top:15px; }

header dt div { margin: 15px 10px; font-size: 24px; color: #3d61ad; font-weight: 700;}

header dd.search { position:relative; float: left; width: 510px; text-align: left; height: 70px; margin-right: 10px; }
header dd.search div { margin: 30px 0px; }
header dd.search .search_txt { border: 1px solid #3d61ad; width: 400px;}
header dd.search .search_btn { position:absolute;top:0; left:375px; width: 50px; height: 24px; padding: 5px 3px; background: #3d61ad; text-align: center; }
header dd.search .search_btn img { width: 22px; }
header dd.search input[type="text"] { padding: 3px; font-size: 14px; color: #434343; border:0; width: 200px; height: 26px; }


header dd.banner1 {  width: 500px; height: 70px; float: left; }
header dd.banner1 .t1 { float: left; width: 245px; margin-top: 27px; text-align: right; cursor: pointer; margin-right: 10px; }
header dd.banner1 .t2 { float: left; width: 245px; margin-top: 27px; text-align: right; cursor: pointer; }


nav { position:relative; clear: both; display: inline-block; margin-top: 10px; width: 1240px;  position: relative;  margin-left: auto; margin-right: auto;}
nav ul { display: inline-block; width: 100%; border-bottom: 2px solid #3d61ad; border-top: 1px solid #ddd; border-right: 1px solid #ddd;}
nav li { float: left; margin-right: 12px; padding: 13px 10px 10px 10px;   }
nav li a { font-size: 14px; letter-spacing:-1px; }
nav li a:hover { font-size: 14px; color: #3d61ad; font-weight: 700;}
/* nav li:first-child { padding: 10px; font-size: 20px; border-left: 1px solid #ddd;  border-right: 1px solid #ddd;  color: #999;} */
nav li:first-child { padding: 10px; font-size: 20px; border-left: 1px solid #ddd;  color: #999;}
nav li:last-child { margin-right: 0; }

nav .hint_1 { position: absolute; top: 35px; left: 75px; display: none; z-index: 1000; }
nav .hint_1 ul { clear: both; border: 0;}
nav .hint_1 li { clear: both; font-size: 14px; }
nav .hint_1 li:first-child { border: 0; padding: 0;  margin: 0; margin-left: 10px;}
nav .hint_1 li:last-child {  position:relative; top: -5px; padding: 10px 20px; border: 1px solid #ddd; border-radius: 3px; margin: 0; }

nav .hint_2 { position: absolute; top: 35px; left: 175px; display: none; z-index: 1000; }
nav .hint_2 ul { clear: both; border: 0;}
nav .hint_2 li { clear: both; font-size: 14px; }
nav .hint_2 li:first-child { border: 0; padding: 0;  margin: 0; margin-left: 10px;}
nav .hint_2 li:last-child { position:relative; top: -5px;  padding: 10px 20px; border: 1px solid #ddd; border-radius: 3px; margin: 0; }

nav .hint_3 { position: absolute; top: 35px; left: 295px; display: none; z-index: 1000; }
nav .hint_3 ul { clear: both; border: 0;}
nav .hint_3 li { clear: both; font-size: 14px; }
nav .hint_3 li:first-child { border: 0; padding: 0;  margin: 0; margin-left: 10px;}
nav .hint_3 li:last-child { position:relative; top: -5px; padding: 10px 20px; border: 1px solid #ddd; border-radius: 3px; margin: 0; }

nav .head_login_area { position: absolute; top: 10px; right: 0px; border: 0; padding-right: 15px; }
nav .head_login_area i { font-size: 24px; margin-left: 10px;  }
nav .head_login_area button.mem_login { padding-top: 5px; padding-bottom: 4px; padding-left: 10px; padding-right: 10px; border-radius: 3px; background-color: #3d61ad; color: #fff; font-size: 12px; border: 1px solid #3d61ad; cursor: pointer; margin-right: 5px; }
nav .head_login_area button.mem_join { padding-top: 5px; padding-bottom: 4px; padding-left: 10px; padding-right: 10px; border-radius: 3px; background-color: #fff;  color: #000; font-size: 12px; border: 1px solid #3d61ad; cursor: pointer; margin-right: 5px; }
nav .head_login_area button:hover { border: 1px solid #3d61ad; font-weight: bold; }


section { position : relative; clear: both; width: 1240px; margin-left: auto; margin-right: auto;  }

/* 배너 */
.l_banner { position: fixed; top: 170px; left: calc(50% - 760px); z-index: 1000;  padding:0;}
.r_banner { position: absolute; top: 20px; right: -140px;  z-index: 1000; padding:0;}
.r_banner li { margin-bottom: 10px; }


section .main_top_area { display: inline-block; margin-top: 15px; }
section .main_top_area ul { clear: both; }
section .main_top_area li.main_top_info { float: left; margin-right: 10px; width: 910px; border: 1px solid #ddd; box-sizing: border-box; padding: 15px; padding-bottom: 5px;  }
section .main_top_area li.main_top_info h2 { font-size: 14px; color: #3d61ad; border: 1px solid #ddd; border-radius: 10px; width: 110px; padding: 5px 20px; }
section .main_top_area li.main_top_info div { width: 100%; height: 100%;}
section .main_top_area li.main_top_info div dl { display: flex; margin: 20px; width: 100%; border: 1px solid #ddd; flex-direction: row; }
section .main_top_area li.main_top_info div dd { position: relative;  width: 430px; }
section .main_top_area li.main_top_info div dd:first-child { border-right: 1px solid #ddd; }

section .main_top_area li.main_top_info .info_s { position: relative; }
section .main_top_area li.main_top_info .info_s ul { display: flex; margin-bottom: 10px; align-content: stretch; margin-left: auto; margin-right: auto;}

section .main_top_area li.main_top_info .info_s li { position: relative; float: left; width: 212px; height: 210px; margin-right: 10px; background-color: #e9eeff; border-radius: 5px; cursor:pointer;}
section .main_top_area li.main_top_info .info_s li:last-child { margin-right: 0;  background-color: #e9fffb;}
section .main_top_area li.main_top_info .info_s li img { width: 100%; height: 100%; object-fit: cover;  border-radius: 5px;}
section .main_top_area li.main_top_info .info_s li p.tit { position: absolute; left: 0; bottom:0; box-sizing: border-box;  background-color: rgba(0, 0, 0, 0.6); z-index: 1000; width: 100%; color: #fff; padding: 3px 10px; line-height: 20px; text-align: left;}

section .main_top_area li.main_top_info div dd ul { text-align: left; margin: 10px; }
section .main_top_area li.main_top_info div dd ul li { padding: 2px 5px; line-height: 20px; margin-left: 20px; font-weight: 450;  }
section .main_top_area li.main_top_info div dd ul li:first-child { font-size: 14px; font-weight: 700; margin-left: 10px; }
section .main_top_area li.main_top_info div dd ul li span { font-size: 10px; color: #555; }
section .main_top_area li.main_top_info div dd p { position: absolute; top: 10px; right: 20px; font-size: 20px; color: #000; }
section .main_top_area li.inje_info { float: left;  width: 320px; height: 90px;}
section .main_top_area li.inje_info div { width: 100%; }
/*
section .main_top_area li.inje_info .login_area { display: flex; margin-bottom: 10px;  }
section .main_top_area li.inje_info .login_area ul { margin-top: 15px; }
section .main_top_area li.inje_info .login_area li { float: left; margin-right: 10px; }
section .main_top_area li.inje_info .login_area li:last-child { margin-right: 0; }
section .main_top_area li.inje_info .login_area li button.mem_login { padding: 5px 15px; border-radius: 5px; background-color: #5478c5; color: #fff; font-size: 14px; border: 1px solid #3d4ead; cursor: pointer;}
section .main_top_area li.inje_info .login_area li button.mem_join { padding: 5px 15px; border-radius: 5px; background-color: #fff; color: #000; font-size: 14px; border: 1px solid #3d4ead; cursor: pointer;}
section .main_top_area li.inje_info .login_area li button:hover { border: 1px solid #3d61ad; font-weight: bold; }
*/

section .main_top_area li.inje_info .my_service { clear: both; position: relative;  margin-left: auto; margin-right: auto; background: #fff; width: 100%;  }
section .main_top_area li.inje_info .my_service h2 { font-size: 14px; font-weight: bold; margin-bottom: 10px; text-align: left;}
section .main_top_area li.inje_info .my_service ul.status { width: 100%; display: inline-block;box-sizing: border-box; }
section .main_top_area li.inje_info .my_service ul.status li { width: 78px; padding: 10px; border: 1px solid #ddd; float: left; margin-right: 10px; font-size: 12px;text-align: center; border-radius: 10px; }
section .main_top_area li.inje_info .my_service ul.status li:first-child {  margin-left: 0; font-weight: normal; }
section .main_top_area li.inje_info .my_service ul.status li:last-child { margin: 0; }
section .main_top_area li.inje_info .my_service ul.status li span { clear: both; font-size: 18px; font-weight: bold; line-height: 30px;}

section .main_top_area li.inje_info .my_service ul.status2 { width: 100%; display: inline-block;box-sizing: border-box; }
section .main_top_area li.inje_info .my_service ul.status2 li { width: 50px; padding: 10px; border: 1px solid #ddd; float: left; margin-right: 10px; font-size: 12px;text-align: center; border-radius: 10px; }
section .main_top_area li.inje_info .my_service ul.status2 li:first-child {  margin-left: 0; font-weight: normal; }
section .main_top_area li.inje_info .my_service ul.status2 li:last-child { margin: 0; }
section .main_top_area li.inje_info .my_service ul.status2 li span { clear: both; font-size: 18px; font-weight: bold; line-height: 30px;}



section .main_top_area li.inje_info .inje1 { display: flex; height: 197px; border: 1px solid #ddd; }
section .main_top_area li.inje_info .inje1 ul { width: 100%; }
section .main_top_area li.inje_info .inje1 li { float: left; width: 50%; margin-top: 3px;}

section .main_top_area li.inje_info .inje1 li dl { margin: 15px; }
section .main_top_area li.inje_info .inje1 li dt { width: 40px; height: 40px; float: left; border: 1px solid #ddd; border-radius: 50%; margin-right: 10px; }
section .main_top_area li.inje_info .inje1 li dd { width: 60%; float: left; text-align: left;}

section .main_top_area li.inje_info .notice { margin-top: 15px; text-align: left; border: 1px solid #ddd; border-radius: 6px;}
section .main_top_area li.inje_info .notice h2 { font-size: 16px; margin: 15px;  }
section .main_top_area li.inje_info .notice ul {margin: 10px; }
section .main_top_area li.inje_info .notice li { margin-top: 10px; margin-left: 5px; font-size: 14px; font-weight:normal; }
/*section .main_top_area li.inje_info .notice li:first-child { margin-top: 0; font-weight: bold; margin-left: 0;}*/

/* 프리미엄 채용 정보 */
section .info_1 { clear: both; display: grid; margin-top: 25px; position: relative; text-align: left;  background-color: #efefef; }
section .info_1 h2 { font-size: 16px; color: #3d61ad; margin: 15px;  }

section .info_1 ul { display: flex; margin-top: 5px; margin-bottom: 15px; align-content: stretch; margin-left: auto; margin-right: auto;}
section .info_1 li { position: relative; width: 228px; float: left; border: 1px solid #ccc; margin-right: 15px; height: 125px; background-color: #fff; border-radius: 5px; cursor: pointer;}
section .info_1 li:last-child { margin-right: 0;}
section .info_1 li img { width: 100%; height: 100%; object-fit: cover;  border-radius: 5px;}
section .info_1 li p.tit { position: absolute; left: 0; bottom:0; background-color: rgba(0, 0, 0, 0.6); z-index: 1000; width: 100%; color: #fff; padding: 3px 10px; line-height: 20px; box-sizing: border-box;}

/* 채용정보 스페셜 */
section .info_2 { clear: both; display: grid; position: relative; text-align: left;  margin-top: 30px; }
section .info_2 h2 { font-size: 16px; color: #ad603d; margin: 5px 5px;border-bottom: 2px solid #ad603d; width: 105px; padding-bottom: 5px; }

section .info_2 ul { width: 1240px; margin-top: 0; }
section .info_2 li { position: relative; width: 280px; float: left; border: 1px solid #ccc; margin-right: 10px; margin-top: 10px;  height: 155px;   border-radius: 5px;}
section .info_2 li:hover { border: 1px solid #ad603d;  }

section .info_2 li dl { clear: both; box-sizing: border-box;   margin: 10px;  cursor: pointer;}
section .info_2 li dt { text-align: left; font-size: 14px; font-weight: bold; color: #444;  /*margin-top: 10px;*/ line-height: 22px; }
section .info_2 li dd { /*margin-top: 10px;*/ font-size: 14px; }
section .info_2 li dd.main_tit { margin-top: 10px; font-size: 16px; font-weight: bold; color: #3d61ad; line-height: 22px; height: 40px; }
section .info_2 li dd:last-child { text-align: left; font-size: 14px; color: #444; }

section .info_2 li .logo { position: absolute; right: 7px; top:0px; z-index: -1000; }
section .info_2 li .logo span { font-size: 9px;}
section .info_2 li .logo img { border-radius: 5px;}
section .info_2 li .limit_date { position: absolute; right: 15px; bottom:15px; }
section .info_2 li i { font-size: 12px; }
section .info_2 li:nth-child(4n) { margin-right: 0;}

section .m_banner { margin-top: 15px; }

/* 채용정보 VIP */
section .info_3 { clear: both; display: grid; position: relative; text-align: left;  margin-top: 10px; }
section .info_3 h2 { font-size: 16px; color: #3d4ead; margin: 5px 5px; border-bottom: 2px solid #3d4ead; width: 100px; padding-bottom: 5px;}

section .info_3 ul { width: 1240px; margin-top: 10px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; }
section .info_3 li {  box-sizing: border-box; position: relative; width: 248px; float: left; border-right: 1px solid #ddd; height: 150px; border-bottom: 1px solid #ddd; }


section .info_3 li:hover { border: 1px solid #3d4ead; }

section .info_3 li dl { clear: both; box-sizing: border-box;   margin: 10px;  cursor: pointer;}
section .info_3 li dt { text-align: left; font-size: 14px; font-weight: bold; color: #666; margin-top: 10px;  line-height: 22px; }
section .info_3 li dd { margin-top: 10px; font-size: 14px; }
section .info_3 li dd.main_tit { margin-top: 10px; font-size: 16px; font-weight: bold; color: #3d61ad; line-height: 24px; height: 40px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; max-width: 100%; height: 43px;}

section .info_3 li dd:last-child { text-align: left; font-size: 14px; color: #444; font-weight: bold; }

section .info_3 li p.logo { position: absolute; right: 7px; top:0px; z-index: -1000;}
section .info_3 li p.logo img { border-radius: 5px;}
section .info_3 li p.limit_date { position: absolute; right: 15px; bottom:15px; font-weight: bold; color: #3d61ad; }
section .info_3 li i { font-size: 12px; }

section .info_3 li:nth-child(5n) { margin-right: 0;}

/* 채용정보 리스트 */
section .info_4 { clear: both; display: grid; position: relative; text-align: left;  margin-top: 10px; }
section .info_4 h2 { font-size: 16px; color: #434343; margin: 15px 5px; border-bottom: 2px solid #434343; width: 80px; padding-bottom: 5px; }
section .info_4 h3 { font-size: 16px; color: #434343; padding: 15px 30px;  border: 1px solid #ddd; }
section .info_4 .box_menu0 { /*position: absolute; top: 0px; left: 0px;*/ padding: 15px 15px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-radius: 3px; font-size: 14px;}
section .info_4 .box_menu1 { /*position: absolute; top: 0px; left: 120px;*/ padding: 15px 15px; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-radius: 3px; font-size: 14px;}
section .info_4 .box_menu2 { /*position: absolute; top: 0px; left: 253px;*/ padding: 15px 15px; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-radius: 1px; font-size: 14px; }
section .info_4 .box_menu3 { /*position: absolute; top: 0px; left: 356px;*/ padding: 15px 15px; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-radius: 1px; font-size: 14px; }
section .info_4 .box_menu4 { /*position: absolute; top: 0px; left: 473px;*/ padding: 15px 15px; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-radius: 1px; font-size: 14px; }



section .info_4 .on { background-color: #efefef;}

section .info_4 #joboffer_list { margin-top: 10px; }

section .info_4 ul { width: 1240px; margin-top: 0; }
section .info_4 li { width: 100%;  border: 1px solid #ddd; margin-right: 5px; margin-top: 5px; background-color: #fff; border-radius: 5px;}
section .info_4 li dl { clear: both; box-sizing: border-box; display: flex;  cursor: pointer; }
section .info_4 li dt { position: relative; text-align: center; float: left; width: 200px; border-right: 1px solid #ddd; font-size: 14px; padding: 10px; padding-top: 0px;  }
section .info_4 li dt p { position: absolute; width: 100%; bottom: 15px; left: 0px; text-align: center;}

section .info_4 li dd { text-align: left; float: left; margin-right: 15px;  padding: 10px 20px; line-height: 28px; font-size: 14px; }
section .info_4 li dd:last-child { margin-right: 0; float: right; text-align: center;}
section .info_4 li dd p { font-size: 16px; font-weight: bold;}

section .info_4 li:nth-child(2n) { margin-right: 0; background-color: #fff;}
section .info_4 li .btn_1 { padding: 5px 15px; border: 1px solid #3d61ad; margin-right: 10px; background-color: #3d61ad; border-radius: 15px; color: #fff; font-size: 12px;}
section .info_4 li .btn_2 { padding: 5px 15px; border: 1px solid #3d61ad; margin-right: 0px; background-color: #fff; border-radius: 15px; color: #444; font-size: 12px;}
section .info_4 li i { font-size: 12px; }

section .info_4 li:hover { /*border: 1px solid #3d4ead;*/ filter: drop-shadow(1px 1px 2px #3d4ead);}

section .search_area { position: relative; margin-top: 25px; display: inline-block; }
section .search_area h2 { font-size: 16px; text-align: left; margin-bottom: 5px; margin-top: 15px; }

section .search_area p.search_txt { position: absolute; top: 5px; right: 5px; padding: 0; margin: 0; }

section .search_area p.search_txt input[type="text"]{ width:230px; height: 20px; padding: 5px; color:#434343; border: 1px solid #ccc;}
section .search_area p.search_txt input[type="button"]{ width: 70px; padding: 7px; color:#fff; border: 1px solid #3d61ad; background: #3d61ad; }
section .search_area p.search_txt input[type="submit"]{ width: 70px; padding: 7px; color:#fff; border: 1px solid #3d61ad; background: #3d61ad; }

section .search_area ul { margin-top: 25px;  margin-bottom: 25px; }
section .search_area ul li { box-sizing: border-box; width: 25%; float: left; border-top: 1px solid #859bff; border-right: 1px solid #859bff; margin:0; border-radius: 0; font-weight: normal; background-color: #d6deff; color: #000; padding: 10px; cursor:pointer; }
section .search_area ul li.on { box-sizing: border-box;   border: 1px solid #3d61ad; margin:0; border-radius: 0; font-weight: bold; background-color: #3d61ad; color: #fff;  }
section .search_area ul li.txt { box-sizing: border-box; width: 20%; float: left; border:0;   margin:0; border-radius: 0; font-weight: bold; padding: 5px; background-color: #fff; }
section .search_area ul li input[type="text"] { padding: 5px 10px; font-size: 14px; color: #000; border: 1px solid #ddd; border-radius: 6px; width: 80%; height: 20px; }

section .search_area dl { clear: both; display: flex; position: relative; width: 100%; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; /*border-right: 1px solid #ddd;*/  }
section .search_area dt { box-sizing: border-box; width: 310px; float: left; font-size: 14px; padding: 10px; text-align: center; font-weight: bold; background-color: #fff; color: #000; border-right: 1px solid #ddd; border-left: 1px solid #ddd; margin-left:-1px;}
section .search_area dt ul { clear: both; margin-top:0px;}
section .search_area dt li { float: left; margin-right: 15px; width: 80px; border: 0; background-color: #fff; text-align: center; cursor: pointer; }
section .search_area dt li.select_area { background-color: #e6eaff; }
section .search_area dt li:nth-child(3n) { margin-right: 0;}

section .search_area dt ul.work_type li { float: left; margin-right: 5px; width: 140px; border: 0; background-color: #fff; text-align: left; cursor: pointer; }
section .search_area dt ul.work_type li:nth-child(2n) { margin-right: 0;}

section .search_area dt ul.career_list li { width: 110px; margin-left:15px; margin-right: 0 !important;}

section .search_area dt ul.edu_list li { width: 110px; margin-left:25px; margin-right: 0 !important;}

section .search_area .search_condi { clear: both; position: relative;text-align: left; margin-top: 15px;;}
section .search_area .search_condi input[type="text"]{ width:100px; height: 16px; padding: 3px; color:#434343; border: 0; font-size: 14px;}
section .search_area .search_condi input[type="button"]{ padding: 3px 4px; width: 20px; height: 20px; color:#999; border: 1px solid #ccc; background-color: #efefef; border-radius: 0; font-size: 14px;}

section .search_area dd { box-sizing: border-box; width: 75%; float: left; font-size: 14px; text-align: left; border-right:1px solid #ddd;}
section .search_area dd ul { clear: both; display: inline-block; margin-top: 0; margin-bottom: 0;}
section .search_area dd li { float: left; margin-right: 15px; margin-top: 10px; width: 85px; border: 0; background-color: #fff; text-align: center; cursor: pointer; font-size: 14px; }

section .search_area dd li:nth-child(8n) { margin-right: 0;}

section .search_area dd li .local_area { margin-top: 0px; }

section .search_area dd ul.work_type { clear: both; display: inline-block; margin-top: 0; margin-bottom: 0;}
section .search_area dd ul.work_type li { float: left; margin-right: 15px; margin-top: 10px; width: 200px; border: 0; background-color: #fff; text-align: left; cursor: pointer; font-size: 14px; }

section .search_area dd ul.work_type li:nth-child(4n) { margin-right: 0;}

section .search_area dd ul.career_list { clear: both; display: inline-block; margin-top: 0px; margin-bottom: 0;}
section .search_area dd ul.career_list li { float: left; margin-right: 15px; margin-top: 10px; width: 90px; border: 0; background-color: #fff; text-align: center; cursor: pointer; font-size: 14px; }
section .search_area dd ul.career_list li:nth-child(2n) { margin-right: 0;}
section .search_area dd ul.career_list li:hover { color: #3d61ad; }

section .search_area dd ul.edu_list { clear: both; display: inline-block; margin-top: 0px; margin-bottom: 0; margin-left: 5px;}
section .search_area dd ul.edu_list li { float: left; margin-right: 5px; margin-top: 10px; width: 110px; border: 0; background-color: #fff; text-align: left; cursor: pointer; font-size: 14px; }
section .search_area dd ul.edu_list li:nth-child(2n) { margin-right: 0;}
section .search_area dd ul.edu_list li:hover { color: #3d61ad; }

section .search_area dt table { width:1278px; }
section .search_area dt td {  padding: 10px; text-align: center; cursor: pointer; }
section .search_area dt td:hover { color: #3d61ad; }



section .rule  { clear: both; width: 100%; position: relative; text-align: left;  margin-top: 30px; }
section .rule h2 { font-size: 16px; color: #3d61ad; margin: 15px;  }

section .rule .search_area { position: absolute; right: 8px; top:-30px;}
section .rule .search_area select { width:210px; height: 30px; padding: 5px; color:#434343; border: 1px solid #ccc; border-radius: 3px;}

section .rule .scroll_box { display: inline-block; width: 1190px; height: 600px; overflow-y: scroll; padding: 20px; text-align: left; border: 1px solid #ddd; }
section .rule .scroll_box li { text-align: left; margin-top: 15px; line-height: 24px; }
section .rule .scroll_box .depth01 { text-align: left; margin-top: 15px; line-height: 24px; }

section .rule .scroll_box .depth02 { text-align: left; line-height: 28px; padding: 10px; }
section .rule .scroll_box .depth03 { padding-left: 10px; }
section .rule .scroll_box .depth04 { padding-left: 10px; }

/* 버튼 및 텍스트 입력 */
div input[type="button"]{ width: 100px; padding: 10px; color:#fff; border: 1px solid #3d61ad; background: #3d61ad; border-radius: 3px; cursor:pointer;}

section .search_area dd input[type="text"]{ width:260px; height: 22px; padding: 5px; color:#434343; border: 1px solid #ddd;}
section .search_area dd td { padding: 10px; }
footer  {clear: both; margin-top: 20px; margin-bottom: 30px; width: 1240px; margin-left: auto; margin-right: auto; display: flex; border-top: 2px solid #434343; padding: 10px;}
footer dt { float: left; margin-left: 20px; margin-right: 10px; width: 200px; height: 80px;}
footer dt img { -webkit-filter: grayscale(100%);filter: grayscale(100%);    }
footer dd { float: left; line-height: 24px; text-align: left; }

.l_margin20 { margin-left:20px !important; }
.line_height25 { line-height:25px !important; }
.x_overflow {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.x_overflow300 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 300px;}
.x_overflow450 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 450px;}
.x_overflow550 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 550px;}
.text_comment {color:#001979;font-weight:bold;}
.text_b_16 {font-size:16px;font-weight:bold;}

.div_logo {display: table; position: absolute; top: 70px; right: 10px; width: 80px; height:60px; background-color: #ffffff; border-radius: 5px; border: 1px solid #ddd;}
.div_logo span {display: table-cell;vertical-align: middle;text-align: center;}
.div_logo span img {max-width:78px;border-radius: 0px;}

.rule_sub_table {border: 1px solid; width: 100%;}
.rule_sub_table th {border: 1px solid;padding: 10px 5px; font-weight: bold; text-align:center;}
.rule_sub_table td {border: 1px solid;padding: 10px 5px;}

.paging {font-size: 14px; color: #000; border: 1px solid #ccc; padding: 3px 5px; margin-left: 3px; margin-right: 3px;border-radius: 6px;}
.paging.on {color: #fff; background: red; padding: 3px 8px; border: 1px solid red}

.bdg_online {background-color: crimson; color: white; padding: 2px 6px 2px 6px; border-radius: 10px; font-weight: bold;}
.bdg_proposal {background-color: cornflowerblue; color: white; padding: 2px 6px 2px 6px; border-radius: 10px; font-weight: bold;}

.div_info2 { position: relative; width: 230px; float: left; border: 1px solid #ccc; margin-right: 10px; margin-top: 10px;  height: 155px; }
.info2_dl { clear: both; box-sizing: border-box;   padding: 10px;  cursor: pointer; position:absolute; top:97px; background-color: white; width:100%}
.info2_dl_dt { text-align: left; font-size: 14px; font-weight: bold; color: #444;  /*margin-top: 10px;*/ line-height: 22px; }
.info2_dl_dd { /*margin-top: 10px;*/ font-size: 14px; }
.top45 { top:45px; }

.login_naver { position:relative; box-sizing: border-box; float: left; margin-right: 10px; background-color: #03c75a; border-radius: 6px; text-align: center; padding: 15px; color: #fff;}
.login_kakao { position:relative; box-sizing: border-box; float: left; margin-right: 10px; background-color: #efd821; border-radius: 6px; text-align: center; padding: 15px; color: #361c1d; }
.login_google { position:relative; box-sizing: border-box; float: left; margin-right: 0; background-color: #fff; width: 140px; border: 1px solid #ddd;  border-radius: 6px; text-align: center; padding: 14px; }

.tb_agree { width:600px !important; border :1px solid #ddd; margin-left:0px !important; }
.tb_agree tr{ border :1px solid #ddd; }
.tb_agree tr th{ padding:10px !important; border :1px solid #ddd; text-align: center; background-color: #f9f9f9; }
.tb_agree tr td{ padding:10px !important; border :1px solid #ddd; }

.button_b { padding: 7px 15px; color: #fff !important; border: 1px solid #3d61ad; background: #3d61ad; border-radius: 4px; font-size: 14px; line-height: 100%;}
.button_b:hover { color: #fff !important; border: 1px solid #22355e !important; background: #22355e !important;  }
.cursor_p { cursor:pointer; }
.dot_red { position: absolute; margin: 10px 0 0px 10px; background-color: darkred; width: 8px; height: 8px; border-radius: 100%; }

.form_input1 { width:90%; padding: 5px; color:#434343; border: 1px solid #ddd;}