@font-face {
    font-family: 'Noto Sans Kr';
    font-style: normal;
    font-weight: 300;
    src:local('Noto Sans Light'),local("NotoSans-Light");
    src: url(/include/fonts/NotoSansKR-Light.woff2) format('woff2'),
        url(/include/fonts/NotoSansKR-Light.woff) format('woff'),
        url(/include/fonts/NotoSansKR-Light.otf) format('opentype')
  }
@font-face {
font-family: 'Noto Sans Kr';
font-style: normal;
font-weight: 400;
src:local('Noto Sans Regular'),local("NotoSans-Regular");
src: url(/include/fonts/NotoSansKR-Regular.woff2) format('woff2'),
    url(/include/fonts/NotoSansKR-Regular.woff) format('woff'),
    url(/include/fonts/NotoSansKR-Regular.otf) format('opentype')
}
@font-face {
font-family: 'Noto Sans Kr';
font-style: normal;
font-weight: 500;
src:local('Noto Sans Medium'),local("NotoSans-Medium");
src: url(/include/fonts/NotoSansKR-Medium.woff2) format('woff2'),
    url(/include/fonts/NotoSansKR-Medium.woff) format('woff'),
    url(/include/fonts/NotoSansKR-Medium.otf) format('opentype')
}

@font-face {
font-family: 'Noto Sans Kr';
font-style: normal;
font-weight: 700;
src:local('Noto Sans Bold'),local("NotoSans-Bold");
src: url(/include/fonts/NotoSansKR-Bold.woff2) format('woff2'),
    url(/include/fonts/NotoSansKR-Bold.woff) format('woff'),
    url(/include/fonts/NotoSansKR-Bold.otf) format('opentype')
}
@font-face {
font-family: 'Noto Sans Kr';
font-style: normal;
font-weight: 900;
src:local('Noto Sans Black'),local("NotoSans-Black");
src: url(/include/fonts/NotoSansKR-Black.woff2) format('woff2'),
    url(/include/fonts/NotoSansKR-Black.woff) format('woff'),
    url(/include/fonts/NotoSansKR-Black.otf) format('opentype')
}


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


@media all and (min-width:767px) {

.pc_ver {display:block;}
.m_ver {display:none;}

img {width:100%;}

#header {width:100%; background:#fff; position:fixed; height:115px; z-index:9;}
.header_top {width:100%; background:#000; position:fixed; height:86px; z-index:5; border-bottom:1px solid #ddd;}
.container {width:1000px; margin:0 auto; overflow:hidden;}

.container_header {width:1196px; margin:0 auto; overflow:hidden;}

h1 {float:left;}
.header_txt {float:left;}
ul.header_btn {float:right; overflow:hidden;}
ul.header_btn li {float:left;}

ul.gnb {overflow:hidden; text-align:center;}
ul.gnb li {font-size:17px; display:inline;}
/*ul.gnb li a {display:inline-block; padding:40px 20px; color:#516333;}*/
ul.gnb li a {display:inline-block; padding:40px 20px; color:#252525;}
ul.gnb li a.active {font-weight:600;}

ul.gnb2 {overflow:hidden; text-align:center;}
ul.gnb2 li {font-size:17px; display:inline;}
/*ul.gnb li a {display:inline-block; padding:40px 20px; color:#516333;}*/
ul.gnb2 li a {display:inline-block; padding:40px 20px; color:#fff;}
ul.gnb2 li a.active {font-weight:600;}

.visual {
min-height:810px; 
background:#000 url('/phonakNew/images/20250508/visual_img.png') top center no-repeat;
background-position:top center;
background-repeat:no-repeat;
}

/*.visual {min-height:699px; background:#000;}*/
.visual > p {width:968px; margin:0 auto; padding-top:20px; padding-bottom:100px;}

ul.main_visual {text-align:right;
	max-width:1800px;
	min-width:1200px;
	margin:0 auto;l
}
ul.main_visual li {}
ul.main_visual li img {
	width:inherit;
	margin-top: 570px;
}


#section {padding-top:86px;}
.section_img {text-align:center;}
.section_img img {}

.sec_con0 {width:100%; background:url('/phonakNew/images/202302/bg_event.png') top center;}
.sec_con0 p.sec_con0_img {width:855px; margin:0 auto; padding:160px 0;}

.sec_con1 {width:100%; background:#f6f6f6;}
.sec_con1 p.sec_con1_img {width:918px; margin:0 auto; padding:160px 0;}

.sec_con2 {width:100%; background:url('/phonak_event2021_1/images/section_img02_bg.png') center top;}
.sec_con2 p.sec_con2_img {width:1370px; margin:0 auto; padding-bottom:95px;}


.sec_con3 {width:100%;}
.sec_con3_container { background:#f6f6f6;}
.sec_con3 p.sec_con3_img1 {width:1160px; margin:0 auto;}
.sec_con3 p.sec_con3_img2 {width:1371px; margin:0 auto; margin-bottom:150px;}

.sec_con4 {width:100%;}
.sec_con4 p.sec_con4_img {width:1371px; margin:0 auto; margin-bottom:140px;}

.sec_con5 {width:100%; background:#f6f6f6; padding-top:0px;}
.sec_con5 p.sec_con5_img {width:1160px; margin:0 auto; margin-bottom:0px;}
.sec_con5 p.sec_con5_btn {width:100%; text-align:center; margin-bottom:170px;}
.sec_con5 p.sec_con5_btn img {width:406px; margin:0 auto;}


#footer {width:1200px; margin:0 auto; overflow:hidden; padding-top:50px; padding-bottom:70px;}
.flogo {float:left; margin-right:260px; width:111px; margin-bottom:0px;}
ul.customer {float:left; font-size:13px; margin-right:100px; margin-bottom:0px;}
ul.customer li {line-height:220%;}
ul.customer li:first-child {font-weight:600; margin-bottom:5px;}
ul.customer li span {font-weight:600;}

ul.address {float:left; font-size:13px; margin-bottom:0px;}
ul.address li {line-height:220%;}
ul.address li:first-child {font-weight:600; margin-bottom:5px;}
ul.address li span {font-weight:600;}

.footer_menu_box {width:100%; height:60px; background:#fafafa;}
.footer_menu_container {overflow:hidden; width:1000px; margin:0 auto;}
.footer_copy {float:left; line-height:60px; margin-right:200px;}
ul.footer_menu {overflow:hidden; float:left;}
ul.footer_menu li {float:left; font-size:12px; font-weight:600; line-height:60px;}
ul.footer_menu li a {display:inline-block; padding:0 15px;}
ul.footer_menu li a img {vertical-align:middle;}


.copyright {background:#f2f2f2;}
.copylogo {width:82px; margin:0 auto;}

.apply_container1 {width:100%; margin:0 auto; overflow:hidden; background:url('/phonakNew/images/202302/bg_apply.png') top center; padding:60px 0;}
.apply_container2 {width:100%; margin:0 auto; overflow:hidden; background:url('/phonakNew/images/202302/bg_apply.png') top center; padding:60px 0;}
.apply_txt {width:795px; margin:0 auto; margin-bottom:60px;}
ul.apply_text {width:94%; margin:0 auto; margin-bottom:30px; text-align:center; color:#fff;}
ul.apply_text li {}
ul.apply_text li.fst {font-weight:700; font-size:36px; margin-bottom:10px;}
ul.apply_text li.sec {font-size:18px;}
ul.apply_text li.thd {}
ul.apply_text li img {width:inherit; vertical-align:middle; margin-right:20px;}
.apply_box {width:1084px; margin:0 auto;}

ul.info {overflow:hidden; float:left; width:821px; background:#609415; border:3px solid #396001; border-radius:10px; box-sizing:border-box; padding-top:24px; padding-bottom:10px; margin-right:10px;}
ul.info li {float:left; font-size:17px; color:#fff; margin-bottom:11px;}
ul.info li > label {font-size:19px;}
ul.info li span.infoTxt_t1 {display:inline-block; width:118px; text-align:right; margin-right:4px;}
ul.info li span.infoTxt_t2 {display:inline-block; width:80px; text-align:right; margin-right:4px;}
input.name {width:290px; height:60px; border:none; font-size:21px; color:#6e6d6d; text-indent:10px;}
input.name::placeholder {color:#b4b4b4;}
input.tel1 {width:214px; height:60px; border:none; font-size:21px; color:#6e6d6d; margin-right:9px; text-indent:10px;}
input.tel1::placeholder {color:#b4b4b4;}
input.tel2 {width:214px; height:60px; border:none; font-size:21px; color:#6e6d6d; text-indent:10px;}
input.tel2::placeholder {color:#b4b4b4;}
input.country {width:669px; height:60px; border:none; font-size:21px; color:#6e6d6d; text-indent:10px;}
input.country::placeholder {color:#b4b4b4;}
ul.info li.apply_chk {margin-left:118px;}
ul.info li.apply_chk > label {font-size:15px;}
ul.info li.apply_chk a {color:#fff;}

p.apply_btn {float:left;font-size:27px; font-weight:300; text-align:center; color:#fff; width:253px; height:356px; background:#f26923; border:3px solid #953210; border-radius:10px; box-sizing:border-box;}
p.apply_btn > span {display:block; margin-top:140px; font-weight:700; line-height:124%;}

p.applyBox {float:right;}
input.apply {width:226px; height:198px; background:url('/phonak_event/images/btn.png') no-repeat top center; border:none; margin-top:50px;}
input.argeeChk {width:16px; height:16px;}
p.agree {clear:both; color:#fff; font-size:18px; padding-left:140px; margin-bottom:30px; font-weight:600;}
p.agree a {color:#fff;}
span.note {display:block; color:#fff; font-size:16px; line-height:160%; padding-left:30px; font-weight:normal;}
span.note_re {display:block; font-size:16px; color:#78922d; line-height:160%; padding-left:30px; font-weight:normal;}
}




@media all and (max-width:767px) {

.pc_ver {display:none;}
.m_ver {display:block;}

img {width:100%;}

#header {width:100%; background:#fff; position:fixed; height:115px; z-index:9;}
.header_top {width:100%; background:#fff; position:fixed; height:auto; z-index:5; border-bottom:1px solid #ddd;}
.container {width:100%; margin:0 auto; overflow:hidden;}

.container_header {width:100%; margin:0 auto; overflow:hidden; background:#000;}

h1 {float:left; width:20%; margin-left:10px;}
.header_txt {float:left; width:50%; display:none;}
ul.header_btn {float:right; overflow:hidden; width:40%;}
ul.header_btn li {float:left; width:50%;}

ul.gnb {overflow:hidden; text-align:center; display:none;}
ul.gnb li {font-size:13px; display:inline;}
ul.gnb li a {display:inline-block; padding:20px 5px; color:#252525;}
ul.gnb li a.active {font-weight:600;}

ul.gnb2 {overflow:hidden; text-align:center; display:none;}

.visual {}
.visual > p {width:100%; margin:0 auto; padding-top:20px; padding-bottom:40px;}

ul.main_visual {width:100%; margin:0 auto; padding-top:30px; overflow:hidden; background:#000;}
ul.main_visual li:first-child {
	position:absolute;
	right:10px;
	margin-top:50%;
}
ul.main_visual li:first-child img {
	width: 90px;
}


#section {padding-top:50px;}
.section_img {text-align:center;}
.section_img img {}

.sec_con0 {width:100%; background:url('/phonakNew/images/202302/bg_event.png') top center;}
.sec_con0 p.sec_con0_img {width:94%; margin:0 auto; padding-bottom:40px; padding-top:40px;}

.sec_con1 {width:100%; background:#f6f6f6;}
.sec_con1 p.sec_con1_img {width:94%; margin:0 auto; padding:30px 0;}

.sec_con2 {width:100%; background:url('/phonak_event2021_1/images/section_img02_bg.png') center top;}
.sec_con2 p.sec_con2_img {width:100%; margin:0 auto; margin-bottom:0px;}

.sec_con3 {width:100%; background:#f6f6f6;}
.sec_con3 p.sec_con3_img {width:100%; margin:0 auto; padding-top:40px;}

.sec_con4 {width:100%;}
.sec_con4 p.sec_con4_img {width:100%; margin:0 auto;}

.sec_con5 {width:100%; background:#f6f6f6; padding-bottom:0px;}
.sec_con5 p.sec_con5_img {width:100%; margin:0 auto; margin-bottom:40px;}
.sec_con5 p.sec_con5_btn {width:100%; text-align:center; margin-bottom:30px;}
.sec_con5 p.sec_con5_btn img {width:60%; margin:0 auto;}

#footer {width:94%; margin:0 auto; overflow:hidden; padding-top:40px; padding-bottom:30px;}
.flogo {float:none; margin-right:260px; width:111px; margin-bottom:30px;}
ul.customer {float:none; font-size:12px; margin-bottom:30px;}
ul.customer li {line-height:160%;}
ul.customer li:first-child {font-weight:600; margin-bottom:5px;}
ul.customer li span {font-weight:600;}

ul.address {float:none; font-size:12px;}
ul.address li {line-height:160%;}
ul.address li:first-child {font-weight:600; margin-bottom:5px;}
ul.address li span {font-weight:600;}

.footer_menu_box {width:100%; height:30px; background:#fafafa;}
.footer_menu_container {overflow:hidden; width:100%; margin:0 auto;}
.footer_copy {float:none; line-height:30px; margin-right:0px; text-align:center;}
ul.footer_menu {overflow:hidden; float:none; display:none;}
ul.footer_menu li {float:left; font-size:10px; font-weight:600; line-height:160%;}
ul.footer_menu li a {display:inline-block; padding:0 3px;}
ul.footer_menu li a img {vertical-align:middle;}


.copyright {background:#f2f2f2;}
.copylogo {width:82px; margin:0 auto;}

.apply_container1 {width:100%; margin:0 auto; overflow:hidden; background:url('/phonakNew/images/202302/bg_apply.png') top center; padding:40px 0;}
.apply_container2 {width:100%; margin:0 auto; overflow:hidden; background:url('/phonakNew/images/202302/bg_apply.png') top center; padding:40px 0;}
.apply_container {width:100%; margin:0 auto; overflow:hidden; background:#80be26; padding:30px 0;}
.apply_txt {width:94%; margin:0 auto; margin-bottom:30px;}
ul.apply_text {width:94%; margin:0 auto; margin-bottom:30px; text-align:center; color:#fff;}
ul.apply_text li {}
ul.apply_text li.fst {font-weight:700; font-size:20px; margin-bottom:10px; letter-spacing:-1px;}
ul.apply_text li.sec {font-size:14px;}
ul.apply_text li.thd {}
ul.apply_text li img {width:13%; vertical-align:middle; margin-right:10px;}
.apply_box {width:100%; margin:0 auto;}

ul.info {overflow:hidden; float:none; width:94%; margin:0 auto; margin-bottom:10px; background:#609415; border:3px solid #396001; border-radius:10px; box-sizing:border-box; padding-top:24px; padding-bottom:10px; margin-right:10px;}
ul.info li {float:none; width:90%; margin:0 auto; font-size:15px; color:#fff; margin-bottom:11px;}
ul.info li > label {font-size:15px;}
ul.info li span.infoTxt_t1 {display:block; width:auto; text-align:left; margin-right:4px; margin-bottom:5px;}
ul.info li span.infoTxt_t2 {display:block; width:auto; text-align:left; margin-right:4px; margin-bottom:5px;}
input.name {width:100%; height:34px; border:none; font-size:16px; color:#6e6d6d; text-indent:10px;}
input.name::placeholder {color:#b4b4b4;}
input.tel1 {width:31%; height:34px; border:none; font-size:16px; color:#6e6d6d; margin-right:5px; text-indent:10px;}
input.tel1::placeholder {color:#b4b4b4;}
input.tel2 {width:31%; height:34px; border:none; font-size:16px; color:#6e6d6d; text-indent:10px;}
input.tel2::placeholder {color:#b4b4b4;}
input.country {width:100%; height:34px; border:none; font-size:16px; color:#6e6d6d; text-indent:10px;}
input.country::placeholder {color:#b4b4b4;}
ul.info li.apply_chk {margin-left:13px;}
ul.info li.apply_chk > label {font-size:13px;}
ul.info li.apply_chk a {color:#fff;}

p.apply_btn {float:none; font-size:18px; font-weight:300; text-align:center; color:#fff; width:94%; margin:0 auto; height:64px; background:#f26923; border:3px solid #953210; border-radius:10px; box-sizing:border-box;}
p.apply_btn > span {display:block; margin-top:16px;}
p.apply_btn > span > br {display:none;}

p.applyBox {float:right;}
input.apply {width:226px; height:198px; background:url('/phonak_event/images/btn.png') no-repeat top center; border:none; margin-top:50px;}
input.argeeChk {width:16px; height:16px;}
p.agree {clear:both; color:#fff; font-size:18px; padding-left:140px; margin-bottom:30px; font-weight:600;}
p.agree a {color:#fff;}
span.note {display:block; color:#fff; font-size:16px; line-height:160%; padding-left:30px; font-weight:normal;}
span.note_re {display:block; font-size:16px; color:#78922d; line-height:160%; padding-left:30px; font-weight:normal;}
}