@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');
@charset "utf-8";
html{overflow-y:scroll;}html, body {height:100%; min-height:100%;}
body, h1, h2, h3, h4, h5, form, input,textarea, img, fieldset, li, dl, dt, dd {padding:0;margin:0;}dt, dd{display:inline;} hr, caption, legend {display:none;} fieldset, img {border :0;} label{cursor:pointer;}
ul, ol {margin:0;padding:0px 0 0 15px;}
body {font-family:'Noto Sans KR',sans-serif;font-size:13px;color:#091d37;background:#3f4d61;}
a, a:link,a:visited,a:hover,a:active{color:inherit;text-decoration:none}
.strong{font-weight:700;}.nobold{font-weight:400;}.DPIB{display:inline-block;}.DPB{display:block;}.hide{display:none;}span.DPB {display:block;}span.DPIB {display:inline-block;}.ohidden {overflow:hidden;}
.mr10{margin-right:10px;}.ml30{margin-left:30px;}.mb20{margin-bottom:20px}
.w500{width:500px;}

img.rel{width:100%;min-width:340px;}

table.Tbl{width:96%;min-width:340px;table-layout:fixed; border-top:2px solid #CCCCCC;border-collapse:collapse; border-spacing:0;display:block;}
table.Tbl thead th{background:#EFEFEF url('../img/bg_diagonal.png');padding:7px 2px 7px 2px;}
table.Tbl th {font-family:'Noto Sans KR',sans-serif;font-size:14px;font-weight:400;text-align:center;border-width: 1px 1px 1px 1px;border-color:#CCCCCC;border-style:solid;padding:7px 2px 7px 2px;color:#FFFFFF;background:#2f5282;}

table.Tbl th.strong {font-weight:700;}
table.Tbl th span{display:inline-block;}
table.Tbl td{font-family:'Noto Sans KR',sans-serif;font-size:15px;font-weight:400;text-align:center;border-width: 1px 1px 1px 1px;border-color:#CCCCCC;border-style:solid;padding:7px 10px 7px 10px;color:#333333;line-height:24px;}

table.Tbl td.strong {font-weight:700;}
table.Tbl td.BGblue{background:#f4f7fb;padding:12px 2px 12px 40px;}
table.Tbl td span {float:right;padding: 0 10px;font-weight:700;font-size:15px;font-weight:400;}
.size16{font-size:16px;}
table.Tbl td.TLeft{text-align:left;}
table.Tbl td.size11{font-size:1em;letter-spacing:-0.01em;line-height:1.2em;}
table.Tbl td span.bar{margin:0 5px 0 5px;}

table.FormTbl {width:96%;min-width:340px;table-layout:fixed; border-top:1px solid #DADADA;border-bottom:0px solid #DADADA;border-collapse:collapse; border-spacing:0;margin:0 2% 0 2%;}
table.FormTbl th {
font-family:'Noto Sans KR',sans-serif;font-size:1.1em;color:#FFFFFF;font-weight:400;
text-align:center;padding:7px 2px 7px 2px;letter-spacing:-0.03em;
background:#2f5282;;border-width:0px 1px 1px 1px;border-style:solid;border-color:#DADADA;line-height:20px;}
table.FormTbl th.strong {font-weight:600;color:#333333;}
table.FormTbl th.BGblue{background:#f4f7fb;color:#333333;}
table.FormTbl th.size11{font-size:11px;line-height:16px;}table.FormTbl th.size12{font-size:12px;line-height:16px;}table.FormTbl th.size13{font-size:13px;}table.FormTbl th.size14{font-size:14px;}table.FormTbl th.size16{font-size:16px;}
table.FormTbl th.White{font-size:12px;text-align:center;background:#f4f7fb;}
table.FormTbl th.TLeft{text-align:left;padding-left:20px;}
table.FormTbl th.TCenter{text-align:center;}

table.FormTbl td {
font-family:'Noto Sans KR',sans-serif;font-size:1.2em;color:#333333;font-weight:400;
text-align:left;padding:7px 20px 7px 20px;
background:#FFFFFF;border-width:0px 1px 1px 1px;border-style:solid;border-color:#DADADA;line-height:1.4em;}

table.FormTbl td.dotted {border-bottom:1px dotted #888888;}
table.FormTbl td.strong {font-weight:600;color:#444444;}
table.FormTbl td.TLeft{text-align:left;padding-left:20px;}
table.FormTbl td.size11{line-height:1em;}
table.FormTbl td.BGblue{background:#f4f7fb;padding:12px 2px 12px 40px;}
table.FormTbl td.TCenter{text-align:center;padding:5px 10px 5px 10px;}
table.FormTbl td.TRight{text-align:right;padding:5px 20px 5px 10px;}


@media screen and (max-width:850px){
table.FormTbl th.BGblue {font-size:.9em;line-height:1.3em;}
table.FormTbl td {
font-size:1.1em;padding:7px 20px 7px 20px;line-height:1.4em;}
}

@media screen and (max-width:640px){
table.FormTbl {width:100%;margin:0 0 0 0;}
table.FormTbl td {
font-size:1.0em;padding:5px 15px 5px 15px;line-height:1.4em;}
}

a.btn_pdf14, a.btn_pdf14:link, a.btn_pdf14:visited {
background:#FFFFFF url(../img/b_pdf.png) no-repeat 15px center;background-size:28px;display:inline-block;
padding:.6em 1em .6em 2.8em;
font-size:18px;font-family:'Roboto Condensed','Arial',sans-serif;font-weight:600;color:#c12b22;
vertical-align:baseline;zoom:1;outline:none;cursor:pointer;
border:solid 2px #c12b22;
letter-spacing:0em;
text-decoration:none;
-webkit-border-radius:.2em;-moz-border-radius:.2em;border-radius:.2em;
-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2);-moz-box-shadow:0 1px 5px rgba(0,0,0,.2);box-shadow:0 1px 5px rgba(0,0,0,.2);
}
a.btn_pdf14:hover, a.btn_pdf14:active{
background-color:#fff7f7;color:#c12b22;border:solid 2px #c12b22;
}
 

a.btn_pdf, a.btn_pdf:link, a.btn_pdf:visited {
background:#c12b22;display:inline-block;float:right;
padding:.4em .4em .4em .4em;margin:2px 2px;
font-size:.9em;font-family:'Roboto Condensed','Arial',sans-serif;font-weight:400;color:#FFFFFF;
vertical-align:baseline;zoom:1;outline:none;cursor:pointer;
border:solid 0px #c12b22;
letter-spacing:0em;
text-decoration:none;
-webkit-border-radius:10em;-moz-border-radius:10em;border-radius:10em;
-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2);-moz-box-shadow:0 1px 5px rgba(0,0,0,.2);box-shadow:0 1px 5px rgba(0,0,0,.2);
}
a.btn_pdf:hover, a.btn_pdf:active{
background-color:#dc4138;color:#ffff66;border:solid 0px #c12b22;
}
 

#TopTitleAreaW {position:relative;top:0;width:100%;background:#FFFFFF;z-index:999;
-webkit-box-shadow:0px 2px 5px rgba(0,0,0,.3);-moz-box-shadow:0px 2px 5px rgba(0,0,0,.3);box-shadow:0px 2px 5px rgba(0,0,0,.3);}
#TopTitleArea {position:relative;clear:both;width:1060px;margin:0 auto;padding:0px 0px 0px 0px;overflow:hidden;}
#TopLogoArea {float:left;width:476px;position:relative;padding:0px 0 0 0px;margin:20px 0 15px 0;overflow:hidden;}
#TopLogoArea a{width:410px;display:block;padding:0px 0 0px 0;}
#TopLogoArea img{margin:0;padding:0}
#TopLogoArea h1{display:none;}
#TopDateArea {float:right;width:410px;padding:10px 0 0 0px;margin:35px 0 0 0;overflow:hidden;}
#TopDateArea ul{/*display:none;*/}
#TopMenuAreaW {position:relative;clear:both;width:100%;background:#194189;background-size:100%;padding:0;margin:0;-webkit-box-shadow:0px 3px 7px rgba(0,0,0,.3);-moz-box-shadow:0px 3px 7px rgba(0,0,0,.3);box-shadow:0px 3px 7px rgba(0,0,0,.3);overflow:hidden}
#TopMenuArea {position:relative;clear:both;width:1060px;margin:0 auto;padding:0px 0 0px 0px;overflow:hidden}
#TopMenuUl{padding:0;margin:0 auto;list-style-type:none;width:100%;box-sizing:border-box;}
#TopMenuUl li{box-sizing:border-box;display:inline;float:left;margin:0;padding:0;text-align:center;background:url('../img/left_line.png') no-repeat left center;background-size:2px 13px;background:url('x'); }
#TopMenuUl li.m01{width:16%;}
#TopMenuUl li.m02{width:18%;}
#TopMenuUl li.m03{width:22%;}
#TopMenuUl li.m04{width:21%;}
#TopMenuUl li.m05{width:22%;}
#TopMenuUl li.m06{display:none;}
a.TopMenuA span{display:inline-block;font-family:'Roboto Condensed';font-weight:400;font-size:18px;box-sizing:border-box;}
a.TopMenuA, a.TopMenuA:link, a.TopMenuA:visited {box-sizing:border-box;
font-family:'Noto Sans KR',sans-serif;font-size:20px;color:#FFFFFF;font-weight:700;letter-spacing:-0.05em;TEXT-DECORATION:none;
DISPLAY:block;padding:14px 0px 14px 0px;margin:0px 0 0 0;line-height:20px;}
a.TopMenuA:hover, a.TopMenuA:active{color:#dffeff;}

a.btn_reg {font-size:18px;font-weight:700;display: inline-block;border-radius: 4px; background-color: #194189;border: none;color: #FFFFFF;text-align: center;padding:10px 8px;
width: 320px;transition: all 0.5s;cursor: pointer;margin: 5px;vertical-align:middle;line-height:30px;}
a.btn_reg span {color: #FFFFFF;cursor: pointer;display: inline-block;position: relative;transition: 0.5s;}
a.btn_reg span:after {content: '\00bb';position: absolute;opacity: 0;top: 0;right: -20px;transition: 0.5s;}
a.btn_reg:hover span {padding-right: 25px;}
a.btn_reg:hover span:after {opacity: 1;right: 0;}

@media screen and (max-width:640px){
a.btn_reg {width:100%;max-width:270px;font-size:1.2em;}
}




a.btn_pdfb {font-size:18px;font-weight:700;display: inline-block;border-radius: 4px; background:#c82226 url('../img/down_pdf.png') no-repeat 15px center;border: none;color: #FFFFFF;text-align:center;padding:12px 10px 12px 60px;
width:240px;transition: all 0.5s;cursor: pointer;margin: 5px;vertical-align:middle;line-height:26px;}
a.btn_pdfb span {color: #FFFFFF;display:inline-block}

a.btn_pdfb span.SW {cursor: pointer;display: inline-block;position: relative;transition: 0.5s;display:inline-block}
a.btn_pdfb span.SW:after {content: '\00bb';position: absolute;opacity: 0;top: 0;right: -20px;transition: 0.5s;}
a.btn_pdfb:hover span.SW {padding-right: 25px;}
a.btn_pdfb:hover span.SW:after {opacity: 1;right: 0;}
 
@media screen and (max-width:800px){
a.btn_pdfb{text-align:left;;padding:18px 10px 18px 70px;width:100%;max-width:420px;}
a.btn_pdfb:hover span.SW {padding-left: 5px;}
}

@media screen and (max-width:640px){
a.btn_pdfb{font-size:1.2em;max-width:360px;}
}

@media screen and (max-width:540px){
a.btn_pdfb{max-width:220px;padding:12px 10px 12px 70px;}
}


div.TITLE{width:55%;float:left;border:0px solid red;box-sizing:border-box;text-align:left;}
div.BOOK {width:45%;float:right;border:0px solid red;box-sizing:border-box;text-align:right;padding:131px 0 0 0;}

@media screen and (max-width:800px){
div.TITLE{width:100%;float:none;clear:both;border:0px solid red;box-sizing:border-box;}
div.BOOK {width:100%;float:none;clear:both;border:0px solid red;box-sizing:border-box;text-align:left;padding:0px 0 10px 0;margin:0px 0 0 0;}

}


#ConBodyAreaW2index {position:relative;width:1060px;padding:0 0px 0 0px;margin:0px auto 0px auto;overflow:hidden;z-index:1;background:url('../img/kpfgh2021_bg_v2.png') no-repeat center top;background-size:cover;border:0px solid red;
-webkit-box-shadow:3px 3px 7px rgba(0,0,0,.3);-moz-box-shadow:3px 3px 7px rgba(0,0,0,.3);box-shadow:3px 3px 7px rgba(0,0,0,.3);}

#ConBodyAreaW2 {position:relative;width:1060px;padding:0 0px 0 0px;margin:0px auto 0px auto;overflow:hidden;z-index:1;background:#FFFFFF;border:0px solid red;
-webkit-box-shadow:3px 3px 7px rgba(0,0,0,.3);-moz-box-shadow:3px 3px 7px rgba(0,0,0,.3);box-shadow:3px 3px 7px rgba(0,0,0,.3);}
#ConBodyAreaW3 {position:relative;width:100%;padding:20px 0 20px 0;margin:0px auto 0 auto;overflow:hidden;z-index:1;background:#FFFFFF;}
#ConRightArea {position:relative;display:block;width:980px;padding:20px 40px 20px 40px;margin:0px 0px 0 0;line-height:20px;overflow:hidden;text-align:justify;}
#ConRightAreaM {position:relative;display:block;width:980px;padding:20px 40px 0px 40px;margin:0px 0px 0 0;line-height:20px;overflow:hidden;text-align:justify;border:1px solid #D3D7E0;}
#ConRightArea h4, #ConRightAreaM h4, #printbody h4{
display:inline-block;line-height:28px;padding:0px 20px 0 0;margin:20px 0 20px 20px;
font-family:'Noto Sans KR',sans-serif;font-size:25px;color:#194189;letter-spacing:-0.03em;font-weight:700;text-decoration:none;
background:transparent;text-align:left;;}
#ConRightArea h4:before, #printbody h4:before {content: '▍';position: relative;bottom:3px;font-size:20px;color:#194189;}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
#ConRightArea h4:before, #printbody h4:before {margin-right:12px;}
}
@supports (-ms-ime-align:auto) {
#ConRightArea h4:before, #printbody h4:before {margin-right:12px;}
}
#ConRightArea h5 {display:block;line-height:25px;padding:0px;margin:20px 0 20px 0;font-family:'Noto Sans KR',sans-serif;font-size:22px;color:#455983;letter-spacing:-0.05em;font-weight:700;text-decoration:none;}
#ConRightAreaM h5 {display:block;line-height:25px;padding:0px;margin:20px 0 20px 0;font-family:'Noto Sans KR',sans-serif;font-size:22px;color:#455983;letter-spacing:-0.05em;font-weight:700;text-decoration:none;}
#FooterAddrAreaW {position:relativetext-align:center;
width:100%;border-top:0px solid #D9DCDF;position:relative;clear:both;background:#3f4d61/*#28313e #4b525f*/;
-webkit-box-shadow: inset 0 40px 40px rgba(0,0,0,.1);-moz-box-shadow: inset 0 40px 40px rgba(0,0,0,.1);box-shadow: inset 0 40px 40px rgba(0,0,0,.1);}
address#FooterAddrArea {position:relative;width:90%;max-width:960px;margin:0 auto;padding:30px 3% 30px 3%;overflow:hidden;line-height:24px;
font-family:'Noto Sans KR',sans-serif;font-size:15px;color:#FFFFFF;font-weight:400;font-style:normal;}
address#FooterAddrArea span {font-size:15px;display:inline-block;padding:0 2px 0 0;}
address#FooterAddrArea span.fw400 {color:#cdcdd3;font-weight:700;}
address#FooterAddrArea span.Title {display: inline-block;border-right:1px solid #b7b7bf;padding:0 10px 0 0;margin:0 10px 0 0;line-height:1.0em;}

address#FooterAddrArea a{color:#FFFFFF;}
#FooterCopy {position:relative;width:100%;padding:10px 0px 10px
0px;font-size:0.8em;line-height:1.3em;color:#cdcdd3;letter-spacing:-0.001em;font-weight:400;}
p.BtnTopP {width:99%;text-align:right;margin:20px 1% 20px 0;}
a.BtnTop, a.BtnTop:link, a.BtnTop:visited {display:inline-block;padding:.2em .7em .2em .7em;font-family:'Arial',sans-serif;font-weight:400;font-size:12px;color:#194189;background:#FFFFFF;border:1px solid #194189;line-height:15px;text-decoration:none;webkit-border-radius: .2em;-moz-border-radius: .2em;border-radius: .2em;}
a.BtnTop:hover, a.BtnTop:active{color:#FFFFFF;background:#194189;}
a.BtnTop:before { content: '▲';margin:0 5px 0 0px;font-size:9px;}

.divbox {font-family:'Noto Sans KR',sans-serif;color:#091d37;font-size:1.3em;font-weight:400;width:96%;padding:20px 2% 20px 2%;
margin:20px 0 20px;overflow:hidden;text-align:justify;line-height:1.5em;border-top:1px dashed #D3D7E0;border:0px solid #D3D7E0;}

.mt0 {margin-top:0px;}
.mt10 {margin-top:10px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.TCenter{text-align:center;}

/*= DESIGN DREAM = */

.TextLeft0101 {float:left;width:70%;margin:0;}
img.img0101{float:right;width:25%;margin:0;border:1px solid #DDDDDD;-webkit-box-shadow:3px 3px 7px rgba(0,0,0,.3);-moz-box-shadow:3px 3px 7px rgba(0,0,0,.3);box-shadow:3px 3px 7px rgba(0,0,0,.3)}
.TextLeft0501 {float:left;width:45%;margin:0;text-align:left;}
img.img0501{float:right;width:50%;margin:0;border:1px solid #DDDDDD;-webkit-box-shadow:3px 3px 7px rgba(0,0,0,.3);-moz-box-shadow:3px 3px 7px rgba(0,0,0,.3);box-shadow:3px 3px 7px rgba(0,0,0,.3)}
.TextLeft0501 ul{margin:0;padding:0;list-style:none;}

dl.wayto{margin:0;padding:0;}
dl.wayto dt{display:block;padding:5px 0;font-weight:700;}
dl.wayto dd{display:block;padding:3px 0;}

dl.Traffic{display:inline-block;float:left;}
dl.Traffic dt {display:block;text-align:center;height:140px;}
dl.Traffic img.s {display:inline-block;width:50px;padding:;margin:35px 0 0 0;}
dl.Traffic img.b {display:inline-block;width:60px;padding:;margin:45px 0 0 0;}
dl.Traffic dd {display:block;text-align:center;line-height:24px;overflow:hidden;}
dl.Traffic ul {margin:0;padding:0;list-style:none;font-size:15px;}
dl.Traffic dt span{display:inline-block;margin:0 auto;width:130px;height:130px;background:#73a5db;
border-radius:10em;-webkit-border-radius:10em;-moz-border-radius:10em;-ms-border-radius:10em;-o-border-radius:10em}
div.MainBox {position:relative;margin:0 0 0 30px;overflow:hidden;padding:10px 0 0px 0;border-bottom:0px solid #CACACA;}
div.MainBox img.title{width:515px;}


div.Notice {position:relative;text-align:left;padding:25px 0 0px 10px;font-size:1.2em;font-weight:500;color:#e71752;}

@media screen and (max-width:640px){
div.Notice {font-size:1em;}
}

div.MainBtn {position:relative;text-align:left;margin:20px 0 20px 0;}

ul.MReg {width:100%;margin:0px 0 20px 0px;padding:0;list-style:none;overflow:hidden;}
ul.MReg li {box-sizing:border-box;width:50%;float:left;font-size:1em;padding:3px 0;border:0px solid #DDDDDD;font-weight:700;}

ul.MContact {width:90%;margin:0px 0 15px 0px;padding:0;list-style:none;overflow:hidden;}
ul.MContact li {width:100%;float:left;font-size:16px;padding:3px 0;line-height:24px;}
ul.MContact li span {display:block;width:87.3%;float:right;text-align:left;}
img.Speaker{width:90%;max-width:150px;min-width:80px;}
table.FormTbl col.s01 {width:25%;}
table.FormTbl col.s02 {width:15%;}
table.FormTbl col.s03 {width:60%;}



.Traffic {width:50%;}

.subway {display:inline-block;width:60px;font-weight:700;color:#FFFFFF;padding:1px 0;border-radius:12px 12px 12px;}
.sw2 {background:#319c3f;}
.sw3 {background:#fa5f2c;}

.Traffic ol {margin:5px 0 5px 10px;}
.Traffic ol li {margin-bottom:5px;text-align:left;word-break:keep-all;}

.red {color:#ed282c;}
.blue {color:#297fd3;}
.sky {color:#2daaed;}
.green {color:#319c3f;}


a.cv {margin-left:1%;padding:0.8% 1.1%;border:1px solid #c0c0c0;background:#0069bf;color:#FFFFFF;font-size:.71em;font-weight:700;}
a.cv:hover, a.cv:active {background:#e1f1ff;color:#333333;}


@media screen and (max-width:1060px){
#ConBodyAreaW3 {position:relative;width:100%;padding:0px 0 0px 0;margin:0px auto 0 auto;overflow:hidden;z-index:1;background:#e6e6e6;}
#TopTitleArea {position:relative;clear:both;width:100%;margin:0 auto;padding:0px 0 0px 0;overflow:hidden;}

#TopMenuArea {position:relative;clear:both;width:96%;margin:0 auto;padding:0px 1% 0px 1%;overflow:hidden;}
#ConBodyAreaW2index {position:relative;width:96%;padding:0 2% 0 2%;margin:0px auto 0px auto;overflow:hidden;z-index:1;background:url('../img/kpfgh2021_bg_v2.png') no-repeat -5% -10px;
-webkit-box-shadow:3px 3px 7px rgba(0,0,0,.3);-moz-box-shadow:3px 3px 7px rgba(0,0,0,.3);box-shadow:3px 3px 7px rgba(0,0,0,.3);}
#ConBodyAreaW2 {position:relative;width:96%;padding:0 2% 0 2%;margin:0px auto 0px auto;overflow:hidden;z-index:1;background:#FFFFFF;
-webkit-box-shadow:3px 3px 7px rgba(0,0,0,.3);-moz-box-shadow:3px 3px 7px rgba(0,0,0,.3);box-shadow:3px 3px 7px rgba(0,0,0,.3);}
#ConRightAreaM {position:relative;display:block;width:96%;padding:20px 2% 0px 2%;margin:0px 0px 0 0;line-height:20px;overflow:hidden;text-align:justify;border:0px solid #D3D7E0;}

}

@media screen and (max-width:850px){
a.TopMenuA, a.TopMenuA:link, a.TopMenuA:visited {padding:12px 10px 11px 10px;line-height:21px;}
a.TopMenuA span{display:inline-block;font-family:'Roboto Condensed';font-weight:400;font-size:16px;}
#ConBodyAreaW2index {background:url('../img/kpfgh2021_bg_v2.png') no-repeat 45% 0px;}
#ConRightAreaM {border:0px solid #D3D7E0;}
div.MainBox img.title{width:500px;}
address#FooterAddrArea {position:relative;width:94%;margin:0 auto;padding:20px 3% 30px 3%;color:#FFFFFF;letter-spacing:0.01em;font-weight:400;font-style:normal;overflow:hidden;line-height:21px;}
address#FooterAddrArea span.Title {display: block;border:0;}

#ConRightArea h4, #ConRightAreaM h4, #printbody h4{
line-height:1.5em;padding:0px 20px 0 0;margin:15px 0 15px 10px;
font-size:2em;text-align:left;;}

.divbox {font-size:1.1em;text-align:justify;line-height:1.3em;padding:5px 2% 5px 2%;
margin:10px 0 10px;}


}
@media screen and (max-width:890px){
	#TopDateArea{display:none;}
}
@media screen and (max-width:780px){
div.MainBox img.title{width:460px;}
#TopTitleArea {position:relative;clear:both;width:100%;margin:0 auto;padding:0px 0 0px 0;overflow:hidden;}
#TopLogoArea {float:none;clear:both;width:94%;position:relative;padding:0px 3% 0 3%;margin:10px 0 5px 0;overflow:hidden;}
#TopLogoArea a{width:100%;display:block;padding:0px 0 0px 0;}

#TopDateArea {float:none;clear:both;width:94%;min-width:340px;background:#3e4451;padding:6px 3% 6px 3%;margin:10px 0 0 0;overflow:hidden;color:#FFFFFF;font-size:1.1em;letter-spacing:-0.01em;font-weight:700;border:0px solid red;}
#TopDateArea ul{margin:0;padding:0;display:block;border:0px solid red;}
#TopDateArea ul li{box-sizing:border-box;margin:0;padding:2px 20px 2px 5px;display:inline-block;overflow:hidden;border:0px solid red;float:left;}

.TextLeft0501 {clear:both;width:100%;margin:0;}
img.img0501{clear:both;width:100%;margin:40px 0px 0px 0px;border:1px solid #DDDDDD;-webkit-box-shadow:3px 3px 7px rgba(0,0,0,.3);-moz-box-shadow:3px 3px 7px rgba(0,0,0,.3);box-shadow:3px 3px 7px rgba(0,0,0,.3)}

address#FooterAddrArea span {font-size:1.02em;line-height:1.5em;letter-spacing:-0.01em;}
address#FooterAddrArea span.ls1{letter-spacing:-0.01em;}
}

@media screen and (max-width:640px){
#ConBodyAreaW2index {background:url('../img/kpfgh2021_bg_v2.png') no-repeat 45% 0px;}

#ConRightAreaM {border:0px solid #D3D7E0;}
div.MainBox img.title{width:90%;}
ul.MReg li {width:100%;float:left;font-size:16px;padding:3px 0;}
#TopMenuAreaW {position:relative;clear:both;width:100%;min-width:340px;background:#194189;background-size:100%;padding:0;margin:0;-webkit-box-shadow:0px 3px 7px rgba(0,0,0,.3);-moz-box-shadow:0px 3px 7px rgba(0,0,0,.3);box-shadow:0px 3px 7px rgba(0,0,0,.3);}
#TopMenuArea {position:relative;clear:both;width:100%;min-width:340px;margin:0 auto;padding:0px 0% 0px 0%;overflow:hidden;}
#TopMenuUl li{box-sizing:border-box;display:inline;float:left;margin:0;padding:0;text-align:center;}
#TopMenuUl li.m01{width:33.3%;border-top:1px solid #FFFFFF;border-right:1px solid #dffeff;border-bottom:1px solid #dffeff;border-left:0px solid #dffeff;}
#TopMenuUl li.m02{width:33.3%;border-top:1px solid #FFFFFF;border-right:1px solid #dffeff;border-bottom:1px solid #dffeff;}
#TopMenuUl li.m03{width:33.3%;border-top:1px solid #FFFFFF;border-right:0px solid #dffeff;border-bottom:1px solid #dffeff;}
#TopMenuUl li.m04{width:33.3%;border-right:1px solid #dffeff;border-bottom:1px solid #dffeff;}
#TopMenuUl li.m05{width:33.3%;border-right:1px solid #dffeff;border-bottom:1px solid #dffeff;}
#TopMenuUl li.m06{display:inline-block;width:33.3%;border-right:0px solid #dffeff;border-bottom:1px solid #dffeff;}
a.TopMenuA, a.TopMenuA:link, a.TopMenuA:visited {font-family:'Noto Sans KR',sans-serif;font-size:16px;color:#FFFFFF;font-weight:700;letter-spacing:-0.05em;TEXT-DECORATION:none;DISPLAY:block;padding:11px 0px 11px 0px;margin:0;line-height:18px;border:0;}
a.TopMenuA:hover, a.TopMenuA:active{color:#dffeff;border:0;}
a.TopMenuA span{display:inline-block;font-family:'Roboto Condensed';font-weight:400;font-size:14px;}
.TextLeft0101 {clear:both;width:100%;margin:0;}
img.img0101{clear:both;width:100%;margin:40px 0px 0px 0px;border:1px solid #DDDDDD;-webkit-box-shadow:3px 3px 7px rgba(0,0,0,.3);-moz-box-shadow:3px 3px 7px rgba(0,0,0,.3);box-shadow:3px 3px 7px rgba(0,0,0,.3)}
dl.Traffic {width:100%;margin:0 0 20px 0;}

}


@media screen and (max-width:480px){
a.TopMenuA span {display:block;}
#ConRightAreaM {border:0px solid green;}

#ConRightArea h4, #ConRightAreaM h4, #printbody h4{
line-height:1.5em;padding:0px 20px 0 0;margin:15px 0 0px 10px;
font-size:1.8em;text-align:left;;}


#ConRightAreaM {position:relative;display:block;width:100%;padding:0px 0px 0px 0px;margin:0px 0px 0 0;line-height:20px;overflow:hidden;text-align:justify;background:url('X') ;}
div.MainBox {width:100%;position:relative;margin:0px;overflow:hidden;padding:10px 0 30px 0;border-bottom:1px solid #CACACA;}
table.Tbl td {font-size:.81em;}
div.MainBox img.title{width:97%;margin:0 0 0 2%;min-width:320px;}
table.FormTbl col.s01 {width:30%;}
table.FormTbl col.s02 {width:10%;}
table.FormTbl col.s03 {width:60%;}
address#FooterAddrArea span {font-size:.95em;line-height:1.5em;letter-spacing:-0.01em;}
address#FooterAddrArea span.ls1{letter-spacing:-0.01em;}
}

dl.howto1 {margin:0;padding:0;width:48%;display:block;float:left;}
dl.howto1 dt {box-sizing:border-box;margin:0;padding:10px 0;width:100%;display:block;text-align:center;background:#2f5282;color:#FFFFFF;line-height:1.3em;font-weight:700;}
dl.howto1 dd {box-sizing:border-box;margin:0;padding:20px 20px;width:100%;display:block;text-align:left;line-height:1.3em;background:#fFFFFFF;border:0px solid #DDDDDD;}

dl.howto2 {margin:0;padding:0;width:48%;display:block;float:right;}
dl.howto2 dt {box-sizing:border-box;margin:0;padding:10px 0;width:100%;display:block;text-align:center;background:#2f5282;color:#FFFFFF;line-height:1.3em;font-weight:700;}
dl.howto2 dd {box-sizing:border-box;margin:0;padding:20px 20px 0 20px;width:100%;display:block;text-align:left;line-height:1.3em;background:#fFFFFFF;border:0px solid #DDDDDD;}
dl.howto2 dd img{width:100%;max-width:357px;min-width:250px;margin:0 auto;}


@media screen and (max-width:640px){
dl.howto1 {width:100%;float:none;}
dl.howto1 dd {border:1px solid #DDDDDD;}

dl.howto2 {width:100%;float:none;}
dl.howto2 dd {border:1px solid #DDDDDD;}
}