@charset "utf-8";

@import 'motion.css';
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Brush+Script&display=swap');





/* basic css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {margin: 0; padding: 0; border: 0;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
html, body { height:100%;}
body {font-family:'Noto Sans KR','Malgun Gothic','MalgunGothic','Nanum Gothic',Dotum,'����',Gulim,Helvetica,sans-serif;  color:#333; }
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
a:link { color: #333; text-decoration: none; }
a:visited { color: #333; text-decoration: none; }
a:hover { color: #333; text-decoration: none; }
a:active { color: #333; text-decoration: none; }
a:focus { color: #333; text-decoration: none; }
select, input, textarea {vertical-align: middle ; font-family:'Noto Sans KR','Malgun Gothic','MalgunGothic','Nanum Gothic',Dotum,'����',Gulim,Helvetica,sans-serif;}
input {margin: 0;padding: 0;font-family:'Noto Sans KR','Malgun Gothic','MalgunGothic','Nanum Gothic',Dotum,'����',Gulim,Helvetica,sans-serif;}
ol, ul {list-style: none;}
label {cursor: pointer;}
legend, caption {width: 0;height: 0; visibility: hidden; font-size: 0;line-height: 0;}
button {cursor: pointer;   border: medium none; overflow: visible; padding: 0; white-space: nowrap;font-family:'Noto Sans KR','Malgun Gothic','MalgunGothic','Nanum Gothic',Dotum,'����',Gulim,Helvetica,sans-serif;}
img {vertical-align: top;}
table {font-family:'Noto Sans KR','Malgun Gothic','MalgunGothic','Nanum Gothic',Dotum,'����',Gulim,Helvetica,sans-serif;}

.hidden {position: absolute;width: 0;height: 0;visibility: hidden;font-size: 0;line-height: 0; top:-9999px}


#skipNav	{ z-index: 600; position: absolute; position: fixed;  top: 0; left: 0; width: 100%; }
#skipNav a { position: absolute;  top: -9999px; display: block; }
#skipNav a span { display: block; padding: 10px 0; border: 3px solid #FFB747; background: #000; color: #fff; text-align: center; }
#skipNav a:hover, #skipNav a:active, #skipNav a:focus { z-index: 600; top: 0; display: inline-block; width: 100%; }



/* form */
fieldset	{border:0 none;}
label	{}

input.txt	{height:24px; margin:0; padding:7px 9px 7px 9px; border:1px solid #999; background:#fff; color:#4c4c4c; font-size:13px; line-height:24px; vertical-align:middle;}
input.txt:focus	{border-color:#000;}
select	{margin:0; border:1px solid #d2d2d2; line-height:22px; height:36px; color:#a6a6a6; font-weight:bold;}
legend, caption {overflow:hidden; position:absolute; left:-9999px; top:0; font-size:0; line-height:0; text-indent:-9999px;}
.select {position:relative; display:inline-block; height:22px; padding:6px 4px 6px 4px; border:1px solid #b3b3b3; background-color:#fff; line-height:22px; vertical-align:middle;}
.select	 select	 {border:0 none; background:#fff; font-size:14px; color:#333; font-weight:normal;}

input.chk {border:0 none; margin-right:2px; vertical-align:middle;}
textarea	{padding:4px; border:1px solid #999; background:#fff; color:#4c4c4c; font-size:13px; overflow-y:scroll; resize:vertical; -webkit-appearance:none;}
textarea:focus	{border-color:#000;}

input[type=text],
input[type=password] {height:40px; padding:0 10px; margin:0; border:1px solid #d2d2d2; line-height:22px; vertical-align:middle; box-shadow: none; -webkit-appearance: none; appearance: none; font-weight:300; color:#666; font-size:13px;}
input::input-placeholder {color:#777;font-family:'Noto Sans KR','Nanum Square','Nanum Gothic',Dotum,'����',Gulim,Helvetica,sans-serif;}
input::-webkit-input-placeholder {color:#777;} 
input::-moz-placeholder {color:#777;}
input::-ms-placeholder {color:#777;} 
input[type=checkbox],
input[type=radio] {width:14px; height:14px; padding:0; margin:0; vertical-align:middle; border:none; background:none; border-radius:0px; box-shadow: none; }
textarea {padding:10px; border:1px solid #d2d2d2; background:#fff; line-height:26px; font-size:14px; font-weight:300; color:#606060;}






.point {color:#0d6fb8;}
html, body {letter-spacing:-0.05em;min-width:1150px;}

/*��� �ΰ���ũ*/
.pdf_t a{ background:#999; color:#fff; font-weight:600;}



/* layout*/
.all_wrap {position:relative; width:100%; min-width:1150px;}

.le_sns_fix {width:79px;position:fixed; left:0; border-right:1px solid #d9d9d9; height:100%;z-index:1000;background:#fff;}
.le_sns_fix_con {top:50%;position:fixed; margin-top:-60px;text-align:center;}
.le_sns_fix_con ul {text-align:center; margin-left:20px;}
.le_sns_fix_con ul li {text-align:center;}
.le_sns_fix_con ul li a {width:40px; height:40px; text-indent:-9999px;display:inline-block;}
.le_sns_fix_con ul li a.sns01 {background:url("/img/common/sns01.png")no-repeat 50% 50%;}
.le_sns_fix_con ul li a.sns02 {background:url("/img/common/sns02.png")no-repeat 50% 50%;}
.le_sns_fix_con ul li a.sns03 {background:url("/img/common/sns03.png")no-repeat 50% 50%;}


header {position:relative; width:100%; min-width:1150px;background:#fff; z-index:200; }

.navi {position:fixed; width:100%; height:89px; box-sizing:border-box; border-bottom:1px solid #319fd4; background:#fff; min-width:1150px; z-index:210;}
h1 {padding:15px 0 0 120px;}
h1 a {display:inline-block;width:190px; height:63px;background:url('/img/common/logo_240903.png') no-repeat 0 0; text-indent:-9999px;}
.gnb {position:absolute; top:0; left:50%; margin-left:-400px;z-index:220;overflow:hidden;height:85px;letter-spacing:0;}
.gnb ul li {position:relative;float:left; width:140px;text-align:center;font-weight:500;font-size:17px; }
.gnb .depth1 {position:relative; display:block; color:#000; font-size:17px;  line-height:89px; letter-spacing:-0.08em;}
.gnb ul li a, .gnb ul li a:hover {color:#000;} 
.gnb ul li ul {display:block;padding:30px 0;  min-height:140px; opacity:0;transform:translateY(20px);}
.gnb ul li ul li {float:none; height:30px; width:auto;font-weight:400;}
.gnb ul li ul li a {font-size:15px; color:#555;}
.gnb ul li ul li a:hover {color:#319fd4;}
.gnb .line {position:absolute; display:block; bottom:-2px; height:5px; width:0%; background:#319fd4; left:76px;}
.gnb ul li ul li a.st01 {letter-spacing:-0.09em;}

.site_view {position:fixed; top:0; right:0; z-index:81; padding:0;background:#319fd4;}
.site_view a {background:url("/img/common/mmenu2.png") no-repeat 50% 50%;  width:89px; height:89px;z-index:81; display:block;text-indent:-9999px;}
.weather_widget {position:fixed; top:0; right:89px; z-index:81; }
.weather {padding:20px 0 0 0;}
.top_member {position:fixed; top:30px; right:220px; z-index:81; }
.top_member ul li {display:inline-block; margin-right:7px;}
.top_member a {display:inline-block;border-radius:20px;border:1px solid #999; padding:3px 12px; font-size:12px; line-height:18px;}
 .top_member ul li:nth-child(2) a{ color:#333;}

.navi-bg {position:absolute; display:block;width:100%; height:0px; left: 0; top: 89px; z-index:1; }
.navi-bg .white-bg {width:100%;height:100%; background:#fff; /* url('/img/common/menu_bg_.png') no-repeat center bottom;*/}
.navi-bg.open {border-bottom:1px solid rgba(0,0,0,.1);height:250px;}
.bgw {background:#fff; }
.navi.wh {background:#fff; border-bottom:1px solid #eaeaea;}
.navi.wh h1 a {width:186px; height:57px;background:url('/img/common/logo_240903.png') no-repeat 0 0;}
.navi.wh .gnb .depth1 {color:#333; }


/* �����_gnb */
.gnbbx2 {display:none;}


#container {position:relative; width:100%;z-index:1; min-width:1150px;margin:0 auto; padding-top:85px;}
#container02 {position:relative; width:100%;z-index:1; min-width:1150px;margin:0 auto; padding-top:85px;}

.sub-navi {position:absolute; margin-top:0; text-align:center; height:50px; z-index:20;font-size:15px; width:100%; background:transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff,endColorstr=#80ffffff);
	background-color:rgba(255, 255, 255, 0.6); border-bottom:1px solid #eaeaea;}
.sub-navi ul {text-align:center;width:1100px; margin:0 auto;}
.sub-navi ul li {display:inline-block; margin:0 15px;}
.sub-navi ul li a {display:block; color:#666; line-height:48px; backface-visibility: hidden; overflow:hidden;font-weight: 400; margin:0; overflow:hidden; height:48px;}
.sub-navi ul li a:hover {color:#000;}
.sub-navi ul li a.on {color:#000;overflow:hidden; height:48px; border-bottom:2px solid #000;}
.sub-navi ul li.on a, .sub-navi ul li a:hover.on  {color:#000;font-size:15px; overflow:hidden; height:48px;}
.sub-navi ul li a:hover, .sub-navi ul li a:active, .sub-navi ul li a:focus {color:#333;}
.sub-navi ul li:last-child {border:none;}

.contents {position:relative;margin:0 auto;line-height:1.6; letter-spacing:-0.3px; text-align:center;}
.contents02 {position:relative;margin:0 auto;line-height:1.6; letter-spacing:-0.3px;min-width:1150px;margin:0 auto;}

.m_footer {position:relative; width:100%; background:none; clear:both; padding:35px 0;height:120px; color:#8e8a83;}

.footer {position:relative; width:100%;  color:#fff;clear:both; padding:50px 0;z-index:5;  background:#282828;}
.topbt {position:absolute;  bottom:250px; right:50px; width:42px; height:42px; z-index:30; clear:both;}
.footer-in {position:relative; font-size:13px;width:1150px;margin:0 auto;}

.f_logo {position:relative;float:left; width:170px;}

.f_menu {position:relative; padding:0; height:60px; text-align:center;}
.f_menu a {  padding:0 20px; height:10px; line-height:9px; color:#fff; font-size:14px;font-weight:400;display:inline-block; border-right:1px solid #efefef52 ;}
.f_menu a:nth-child(2){ border-right:none;}
.f_menu a.blue {color:#319fd4;}

.f_info {position:relative;float:left; padding:15px 0 0 0; letter-spacing:0; color:#9d9d9d;font-weight:400; font-size:14px;}
.f_info p {letter-spacing:0; line-height:20px;padding-bottom:10px;}
.f_info p span.ex1 {display:inline-block; padding-left:30px;}
.f_info p span.ex2 {padding-right:30px;}
.f_info p.st01 {margin-top:20px;}
.st01{ margin-top:20px; color:#cecece; font-weight:200;}
.f-logo {display:block; position:absolute; right:20px; top:30px;}

.f_sns {position:relative;float:right;}
.f_sns a {margin:0 3px;}

/* ------------------------------------------------------------------Table-------------------------------------------------------------------------------------------- */
.con_box h4{width:auto; height:auto; text-align:left; margin-bottom:30px; font-size:20px; color:#000; font-weight:600;}
.con_box {clear:both; font-size:14px; color:#333;}


/*tab*/
.con_tab_wrap {position:relative;  width:1100px;  margin:0 auto;}
.con_tab{width:100%;text-align:center;}
.con_tab ul{width:100%;display:inline-block;}
ul.tabnum2 li{width:50%;}
ul.tabnum3 li{width:33.3%;}
ul.tabnum4 li{width:25%;}
ul.tabnum5 li{width:20%;}
ul.tabnum6 li{width:16.7%;}
ul.tabnum7 li{width:14.28%;}
.con_tab ul li{float:left;margin-right:-1px;}
.con_tab ul li a{display:block; padding:0 5px;height:55px; line-height:55px; border-width:1px; border-style:solid; border-color:#ccc #ccc #858585 #ccc;  font-size:15px; letter-spacing:-1px;color:#868686; font-weight:bold;}
.con_tab ul li a.on{position:relative;z-index:1;padding:0 5px; height:55px;line-height:55px;background:#0160b2; border-color:#ccc #ccc #858585 #ccc; color:#fff;}
.con_tab ul li a:hover{color:#000;}

.con_tab ul li a.on:hover{color:#fff;}
/* Table */
table.table1 {border-collapse:collapse; border-color:#000; border-style:solid; border-width:1px 0 0; margin:0.3em 0 0.5em 0; width:100%; font-size:13px;letter-spacing:0; font-family: 'Roboto', 'Noto Sans KR', sans-serif;}
table.table1 thead th {color:#000; font-weight:normal; text-align:center; vertical-align:middle; border-bottom:1px solid #e1e1e1; padding:5px 0;}
table.table1 tbody th {color:#3c69a1; font-weight:normal; text-align:center; vertical-align:middle; border-bottom:1px solid #e1e1e1;}
table.table1 tbody td {text-align:center;}
table.table1 tbody td img{vertical-align:middle;}
table.table1 tbody td input {vertical-align:middle;}
table.table1 tbody td.le {text-align:left; padding-left:10px;}
table.table1 th, table.table1 td {border-bottom:1px solid #e1e1e1; line-height:120%; padding:5px;text-align:center;}
table.table1 tbody td.grey, table.table1 tbody th.grey {background:#f6f6f6;}

table.table2 {border-collapse:collapse; border-top:3px solid #000;  border-left:1px solid #e1e1e1;  margin:0.3em 0 0.5em 0; width:100%; font-size:14px;}
table.table2 thead th {color:#000; font-weight:normal; background:#f6f6f6; text-align:center; vertical-align:middle; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1;padding:10px 0;}
table.table2 tbody th {color:#333; font-weight:normal;  background:#f6f6f6; text-align:center; vertical-align:middle; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
table.table2 tbody td {text-align:center;}
table.table2 tbody td img{vertical-align:middle;}
table.table2 tbody td input {vertical-align:middle;}
table.table2 tbody td.le {text-align:left; padding-left:10px;}
table.table2 th, table.table2 td {border-bottom:1px solid #e1e1e1; line-height:140%; padding:10px;border-right:1px solid #e1e1e1;}

table.table3 {border-collapse:collapse; border-top:2px solid #000;  margin:0.3em 0 0.5em 0; width:100%; font-size:14px;}
table.table3 thead th {color:#000; font-weight:normal; background:#f6f6f6; text-align:center; vertical-align:middle; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1;padding:10px 0;}
table.table3 tbody th {color:#333; font-weight:normal;  background:#f6f6f6; text-align:center; vertical-align:middle; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
table.table3 tbody td {text-align:center;}
table.table3 tbody td img{vertical-align:middle;}
table.table3 tbody td input {vertical-align:middle;}
table.table3 tbody td.le {text-align:left; padding-left:10px;}
table.table3 th, table.table3 td {border-bottom:1px solid #e1e1e1; line-height:140%; padding:10px;border-right:1px solid #e1e1e1;}
table.table3 tbody td.bu01 {color:#165ac4; background:#f0f2f8;}
table.table3 tbody td.bu02 {color:#902c93; background:#f0f2f8;}
table.table3 tbody td.bu03 {color:#f96e11; background:#f0f2f8;}
table.table3 tbody td.bu04 {color:#68a514; background:#f0f2f8;}
table.table3 tbody td.bu05 {color:#ef4036; background:#f0f2f8;}
table.table3 tbody td.bu06 {color:#1db1a5; background:#f0f2f8;}
table.table3 tbody td.bu07 {color:#ac810e; background:#f0f2f8;}
table.table3 tbody td.bu08 {color:#08bfc1; background:#f0f2f8;}

table.table4 {border-collapse:collapse; border-top:2px solid #000;  border-left:1px solid #e1e1e1;  margin:0.3em 0 0.5em 0; width:100%; font-size:13px;background:#fff;}
table.table4 thead th {color:#000; font-weight:normal; background:#f6f6f6; text-align:center; vertical-align:middle; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1;padding:10px 0;}
table.table4 tbody th {color:#333; font-weight:normal;  background:#f6f6f6; text-align:center; vertical-align:middle; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
table.table4 tbody td {text-align:center;color:#777;}
table.table4 tbody td img{vertical-align:middle;}
table.table4 tbody td input {vertical-align:middle;}
table.table4 tbody td.le {text-align:left; padding-left:10px;}
table.table4 th, table.table4 td {border-bottom:1px solid #e1e1e1; line-height:140%; padding:10px;border-right:1px solid #e1e1e1;}


.tit_st01 {position:relative;  width:1100px;  margin:0 auto;text-align: center; background:url(/kr/img/common/icon01.gif) no-repeat center 0;}
.tit_st01 p.tit {font-size:30px;font-weight: 600; font-family: 'Nanum Square'; color:#000; padding:45px 0 15px 0;}
.tit_st01 p.txt {font-weight: 500; font-size:14px; padding-bottom:55px;}


#wFrm .size {width: 80%; margin: 0 auto;}
#wFrm .size > h2 {text-align: center; font-size: 28px; font-weight: 700;}
#wFrm .size > span {display: block; text-align: right; font-size: 15px; margin: 30px 0 10px;}
#wFrm .size ul {border: 3px solid #000;}
#wFrm .size ul li {display: flex; border-bottom: 1px solid #000;}
#wFrm .size ul li:first-child {background: #f0f0f0;}
#wFrm .size ul li:first-child p {font-weight: 700;}
#wFrm .size ul li:nth-child(2) {background: #f0f0f0;}
#wFrm .size ul li:nth-child(2) p {font-weight: 700;}
#wFrm .size ul li:last-child {border-bottom: 0;}
#wFrm .size ul li p {width: 100%; text-align: center; border-right: 1px solid #000; padding: 20px;}
#wFrm .size ul li p.bd {color: #cc3232;}
#wFrm .size ul li p:first-child {background: #f0f0f0; font-weight: 700;}
#wFrm .size ul li p:last-child {border-right: 0;}

.font_Square {font-family:'Nanum Square';}
.fs14 {font-size:14px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}
.pt70 {padding-top:70px;}
.pt80 {padding-top:80px;}
.pt110 {padding-top:110px;}
.pt120 {padding-top:120px;}

.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb50 {padding-bottom:50px;}

.mb10 {margin-bottom:10px;}
.mb30 {margin-bottom:30px;}

.mt20 { margin-top:20px;}
.mt50 { margin-top:50px;}
.mt70 { margin-top:70px;}
.mt100 { margin-top:100px;}

.ml5 { margin-left: 5px;}
.ml10 {  margin-left: 10px;}

.fl {float:left;}
.fr {float:right;}

.tac {text-align:center;}
.tal {text-align:left;}
.tar {text-align:right;}

.f15 {font-size:15px;}

.fw600 {font-weight: 600;}
.b_blue01 {background:#0160b2; font-size:12px; padding:10px; color:#fff;}

.ls_01 {letter-spacing:-2px;}

@media(max-width:1300px){
.site_view{display:none;}
.le_sns_fix {display:none;}
h1 {padding:15px 0 0 10px;}
.top_member {right:0;}
.gnb {left:50%; margin-left:-330px;}
}

@media(max-width:1000px){
.top_member {display:none;}
.gnb {left:50%; margin-left:-200px;}
}

/*****************************�����*****************************/

@media(max-width:800px){
html, body {letter-spacing:-0.05em;min-width:300px;}
/* layout*/
.all_wrap {min-width:300px;}

.le_sns_fix {display:none;}

header {min-width:300px; }

.navi {display:none;}



#container {min-width:300px; padding-top:55px;}
#container02 {min-width:300px; padding-top:55px;}


.sub-navi {display:none;}


.contents {line-height:1.6; letter-spacing:-0.3px;min-width:300px;}
.contents02 {line-height:1.6; letter-spacing:-0.3px;min-width:300px;}

.m_footer {position:relative; width:100%; background:none; clear:both; padding:0 0;height:120px; color:#8e8a83;}

.footer {padding:50px 0;  height:60px;}
.footer-in {position:relative; font-size:13px;width:90%;margin:0 auto; }

.f_logo {position:relative;float:left; width:100%;text-align:center; padding-bottom:30px;}

.f_menu {color:#fff;}
.f_menu a { padding:0 8px; font-size:12px;font-weight:400; }


.f_info {position:relative;float:left; padding:15px 0 0 0; letter-spacing:0; color:#9d9d9d;font-weight:500; font-size:12px;}
.f_info p {letter-spacing:0; line-height:20px;padding-bottom:10px;}
.f_info p span.ex1 {display:inline-block; padding-left:30px;}
.f_info p span.ex2 {padding-right:30px;}
.f_info p.st01 {margin-top:20px;}


.f_sns {position:relative;float:right;width:100%;text-align:center; padding:30px 0;}
.f_sns a {margin:0 3px;}









/* ------------------------------------- mobile_menu ------------------------------------- */
.close { position:absolute; top:20px; right:0px; width:44px; }  
.all_menu { width:100%; height:100%; background-color:rgba(0, 0, 0, 0.8); position:fixed; display:none; z-index:9999; top: 0; }
.all_box { padding:0; width:210px; top:0px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ab9ae2+0,84c1e0+100 */
background: #12bdfd; /* Old browsers */
background: -moz-linear-gradient(-45deg, #12bdfd 0%, #2cdda4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #12bdfd 0%#2cdda4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #12bdfd 0%,#2cdda4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12bdfd', endColorstr='#2cdda4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
 z-index:10; right:-210px; bottom:0; top:0;  position:fixed; overflow-y: auto; }
 
#navi{ margin-top:100px; z-index:24; letter-spacing:-0.05em;} 
#navi h2 a{display: block; padding: 10px 10px 10px 14px; font-size:14px; color: #fff; border-bottom:1px solid #78e8ff45; background:url("/img/common/all_menu_off.png")no-repeat 180px center;  background-size:10px;}

#navi :target h2 a { background:transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff,endColorstr=#80ffffff);
	background-color:rgba(255, 255, 255, 0.2);  }
#navi p { height:0; overflow:hidden;
-moz-transition:height 0.5s ease-in;
-o-transition:all 0.3s ease-in;
-webkit-transition:height 0.3s ease-in;
transition:height 0.15s ease-in;  }

#navi :target p { height: 36px; border-bottom: 1px solid #a49fd0; background:transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff,endColorstr=#80ffffff);
	background-color:rgba(255, 255, 255, 0.1);}
#navi p a { display: block; padding-left: 25px; line-height: 36px; font-size: 12px; color: #fff;  }
#navi p a:hover { color:#c4bfe0; }

.mo_cs {color:#fff; padding:100px 15px 15px 15px;} 
.mo_cs p.mo_cs_st01 {font-size:12px;padding-bottom:10px;font-weight:600;}
.mo_cs p.mo_cs_st02 {font-size:12px;font-weight:400;padding-bottom:20px;}
.mo_cs p.mo_cs_st02 span {font-size:20px;font-weight:600; display:block;}
.mo_cs p.mo_cs_st03 {font-size:12px;font-weight:400;}
.mo_cs p a {color:#fff;}

.mo_menu1 {border-bottom:1px solid #3f96fe8c;  width:100%;text-align:left;}
.mo_menu1 ul {margin:0 auto;}
.mo_menu1 ul li {display:inline-block;padding-bottom:10px; margin:0 5px}
.mo_menu1 ul li a {display:inline-block; padding:5px 10px; font-size:11px; color:#fff; background:#8286c4;text-align:center;border-radius:20px;border:none;}

.mo_menu2 {bottom:50px; position:absolute;width:100%;text-align:center;}
.mo_menu2 ul {margin:0 auto;}
.mo_menu2 ul li {display:inline-block;padding-bottom:10px;}
.mo_menu2 ul li a {width:40px; height:40px; text-indent:-9999px;display:inline-block;}
.mo_menu2 ul li a.sns01 {background:url("/img/common/sns01_.png")no-repeat 50% 50%;}
.mo_menu2 ul li a.sns02 {background:url("/img/common/sns02_.png")no-repeat 50% 50%;}
.mo_menu2 ul li a.sns03 {background:url("/img/common/sns03_.png")no-repeat 50% 50%;}

#navi .sns { padding:25px 0 0 0;text-align:center;}
#navi .sns a {width:40px; height:40px; text-indent:-9999px;display:inline-block;}
#navi .sns a.sns01 {background:url("/img/common/sns01_.png")no-repeat 50% 50%;}
#navi .sns a.sns02 {background:url("/img/common/sns02_.png")no-repeat 50% 50%;}
#navi .sns a.sns03 {background:url("/img/common/sns03_.png")no-repeat 50% 50%;}

.tgnb { display:none; }
.gnbbx { width:100%; background:white; height:50px; position:relative; z-index:2; border-bottom:1px solid #D5D5D5; }
.side3 { display:none; } .side4 { display:none; }
.gnbbx2 { width:100%; background:none; height:60px; position:fixed; z-index:50; background:#fff;display:block; border-bottom:1px solid #eee;}

.side2 { display:block; cursor:pointer; }
.logo2 { color:white; position:absolute; border:0px solid black; left:0; padding-left:7px; display:block; }
.logo3 { color: white; position: absolute; border: 0px solid black; left: 0; padding-left: 20px; display:block; width:99px; height:30px;}
h1 {padding:15px 20px 0 20px;}
h1 a {width:99px; height:37px;background-size:100%; text-indent:-9999px;}

.logo2 a { display:block; background:url('../img/logo.png')no-repeat; width:190px; margin-top:11px; height:42px; text-indent:-9999px; background-size: 138px 29px; }
.side2 { top: 16px; border: 0px solid #dedede;  position: absolute; right: 0;   margin-right: 15px; padding: 3px 4px; font-size: 12px; font-weight: 900; width:24px; height:19px; background:url("/img/common/btn_nav_open_b_.png") no-repeat; background-position:center center;} 
.side2 { display:block; cursor:pointer; }

.side2_m { top: 16px; border: 0px solid #dedede;  position: absolute; z-index:999; right: 0;   margin-right: 15px;  padding: 3px 4px; font-size: 12px; font-weight: 900; width:24px; height:19px; background:url("/img/common/btn_nav_open_b.png") no-repeat; background-position:center center;} 
.side2_m { display:block; cursor:pointer; }

.scroll_side2_m { top: 16px; border: 0px solid #dedede;  position: absolute; right: 0;   margin-right: 15px; padding: 3px 4px; font-size: 12px; font-weight: 900; width:24px; height:19px; background:url("/img/common/mmenu.png") no-repeat; background-position:center center;} 
.scroll_side2_m { display:block; cursor:pointer; }


table.table3 {font-size:13px;}

}

/*참가신청서 css*/
#title {
	width: 100%;
  }

  #title .inner {
	width: 80%;
	margin: 4% auto;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 3px solid #000000;
	border-left: none;
	border-right: none;
	padding: 1% 0;
  }

  #title .inner .text {
	text-align: center;
	width: 60%;
  }

  #title .inner .text h3 {
	font-size: 23px;
  }

  #title .inner .text h2 {
	font-size: 30px;
  }

  #title .inner .text h2 span {
	color: #2c5fbd;
	font-size: 40px;
  }
  .point{
	text-align: center;
	width: 80%;
	margin: 0 auto;
	font-size: 22px;
	color: red;
  }
  .point h2{
	font-weight: 600;
  }

  .tg {
	border-collapse: collapse;
	border-color: #000000;
	border-spacing: 0;
	table-layout: fixed;
	border: 3px solid black;
	width: 80%;
	margin: 4% auto;
	overflow-x: scroll;
	display: block;
	white-space: nowrap;
  }

  .tg td {
	background-color: #ffff;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	color: #333;
	font-family: Arial, sans-serif;
	font-size: 16px;
	overflow: hidden;
	padding: 20px 20px;
	word-break: break-all;
  }

  .tg th {
	background-color: #f0f0f0;
	border-color: #ccc;
	border-style: solid;
	border-width: 1px;
	color: #333;
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	overflow: hidden;
	padding: 20px 20px;
	word-break: break-all;
  }

  .tg .tg-baqh {
	text-align: center;
	vertical-align: center
  }

  .tg .tg-c3ow {
	border-color: inherit;
	text-align: center;
	vertical-align: center
  }

  .tg .tg-7btt {
	border-color: inherit;
	font-weight: bold;
	text-align: center;
	vertical-align: center
  }

  .tg .tg-amwm {
	font-weight: bold;
	text-align: center;
	vertical-align: center
  }
  #title .end .content{
	width: 80%;
	margin: 4% auto;
  }
  #title .end .content .data h4{
	text-align: center;
	font-size: 23px;
	margin-bottom: 6%;
  }
  #title .end .content .data .month{
	display: flex;
	justify-content: center;
	margin-bottom: 6%;
	font-size: 19px;
  }
  #title .end .content .data .name{
	text-align: right;
	margin-bottom: 6%;
	font-size: 19px;
  }
  #title .end .content .data h2{
	text-align: left;
	font-size: 35px;
  }
  #title .end .content .data input{
	border: transparent;
	background-color: transparent;
	width: 100px;
	height: 40px;
	text-align: center;
	outline: none;
	resize: none;
	font-size: 20px;
  }
  @media all and (min-width:768px) and (max-width:1023px){

	#title .inner .text h3 {
	font-size: 20px;
  }

  #title .inner .text h2{
	font-size: 25px;
  }

  .tg .tg-7btt{
	white-space: nowrap;
  }
  .tg td{
	font-size: 14px;
  }
  .tg th{
	font-size: 14px;
  }
  #title .end .content .data h4{
	font-size: 22px;
  }
  #title .end .content .data .month{
	font-size: 18px;
  }
  #title .end .content .data .name{
	font-size: 18px;
  }
  #title .end .content .data h2{
	font-size: 33px;
  }
  .point{
	font-size: 20px;
  }
  }
  @media all and (min-width:480px) and (max-width:767px) {
	#title .inner .text h3 {
	font-size: 18px;
  }
  #title .inner .text h2{
	font-size: 20px;
  }
  #title .inner .text h2 span{
	font-size: 28px;
  }
  .tg th{
	font-size: 12px;
  }
  .tg td{
	font-size: 12px;
  }
  #title .end .content .data h4{
	font-size: 19px;
  }
  #title .end .content .data .month{
	font-size: 15px;
  }
  #title .end .content .data .name{
	font-size: 15px;
  }
  #title .end .content .data h2{
	font-size: 28px;
  }
  #title .end .content .data input{
	width: 60px;
	font-size: 13px;
  }
  .point{
	font-size: 18px;
  }
  }
  @media all and (max-width:479px) {
	#title .inner .text h3 {
	font-size: 14px;
  }
  #title .inner .text h2{
	font-size: 16px;
  }
  #title .inner .text h2 span{
	font-size: 22px;
  }
  .tg th{
	font-size: 10px;
  }
  .tg td{
	font-size: 10px;
  }
  #title .end .content .data h4{
	font-size: 15px;
  }
  #title .end .content .data .month{
	font-size: 13px;
  }
  #title .end .content .data .name{
	font-size: 13px;
  }
  #title .end .content .data h2{
	font-size: 24px;
  }
  #title .end .content .data input{
	width: 50px;
	font-size: 12px;
  }
  .point{
	font-size: 16px;
  }
  }