@CHARSET "UTF-8";

@import url(/nanum/site/builder/skin/common/css/pretendard.css);
@import url(/nanum/site/builder/skin/main/common/css/base.css);
@import url(/nanum/site/builder/skin/main/common/css/template.css);
@import url(/nanum/site/builder/skin/main/common/css/sub_design.css);
@media {
	:root {
	--colors-blue:#1065d9;
	--colors-lightblue:#e6eff8;
	--colors-black:#000;
	--colors-white:#fff;
	--colors-gray100:#f9fafc;
	--colors-gray200:#f9f9f9;
	--colors-gray300:#f5f5f5;
	--colors-gray400:#e9e9e9;
	--colors-gray500:#e5e5e5;
	--colors-gray600:#c2c2c2;
	--colors-gray700:#888;
	--colors-gray800:#d5d5d5;
	}
}

#wrapper header{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:20px 50px;background-color:var(--colors-blue);box-sizing:border-box;z-index:10;}
#wrapper header h1.logo a{display:block;font-size:0;line-height:0;}
#wrapper header h1.logo img{width:172px;height:25px;object-fit:fill;}
#wrapper header .btn_share{position:relative;width:25px;height:25px;background-color:transparent;border:0;text-indent:-9999px;cursor:pointer;}
#wrapper header .btn_share::after{content:'';position:absolute;top:0;left:0;width:25px;height:25px;background:url(/nanum/site/symposium/img/btn_share_url.png) no-repeat;background-size:cover;}

#wrapper main .section_summary{padding-top:80px;background:url(/nanum/site/symposium/img/bg_summary.jpg) no-repeat bottom var(--colors-blue);background-size:cover;}
#wrapper main .section_summary h2.headline{max-width:fit-content;margin:0 auto;padding:10px 30px;border:2px solid var(--colors-white);font-size:5rem;line-height:1.3;font-weight:700;text-align:center;color:var(--colors-white);box-shadow:10px 10px 0 rgba(0,0,0,0.2);}
#wrapper main .section_summary .info_box{display:flex;flex-wrap:wrap;gap:40px;width:1280px;margin:0 auto;padding:80px 0;}
#wrapper main .section_summary .info_box dl{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:400px;padding:30px 20px;background-color:var(--colors-white);border-radius:10px;box-sizing:border-box;box-shadow:0 15px 20px rgba(0,0,0,0.2);text-align:center;line-height:1.3;}
#wrapper main .section_summary .info_box dl dt{position:relative;padding-top:40px;font-size:1.9rem;font-weight:500;}
#wrapper main .section_summary .info_box dl dt::after{content:'';position:absolute;top:0;left:50%;width:32px;height:32px;margin-left:-16px;background-repeat:no-repeat;background-size:cover;}
#wrapper main .section_summary .info_box dl dd{font-size:2.4rem;font-weight:600;}
#wrapper main .section_summary .info_box dl.box1 dt::after{background-image:url(/nanum/site/symposium/img/icon_date.png);}
#wrapper main .section_summary .info_box dl.box2 dt::after{background-image:url(/nanum/site/symposium/img/icon_host.png);}
#wrapper main .section_summary .info_box dl.box3 dt::after{background-image:url(/nanum/site/symposium/img/icon_grade.png);}
#wrapper main .section_summary .info_box dl.box4 dt::after{background-image:url(/nanum/site/symposium/img/icon_register.png);}
#wrapper main .section_summary .info_box dl.box5 dt::after{background-image:url(/nanum/site/symposium/img/icon_inquiry.png);}
#wrapper main .section_summary .info_box dl.box6 dt::after{background-image:url(/nanum/site/symposium/img/icon_place.png);}

#wrapper main .section_program h3,
#wrapper main .section_register h3{padding:80px 0 50px;font-size:4rem;line-height:1.3;font-weight:700;text-align:center;}

#wrapper main .section_program .cont{width:1280px;margin:0 auto;text-align:center;}
#wrapper main .section_program .cont img{display:inline-block;max-width:100%;}

#wrapper main .section_register{padding-bottom:80px;background-color:var(--colors-gray200);}
#wrapper main .section_register .cont{width:1000px;margin:0 auto;}
#wrapper main .section_register .frm_box{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;}
#wrapper main .section_register .frm_box dl{display:flex;align-items:center;width:48%;}
#wrapper main .section_register .frm_box dl dt{flex-shrink:0;width:25%;font-weight:700;}
#wrapper main .section_register .frm_box dl dd{flex-grow:1;}
#wrapper main .section_register .frm_box dl dd .inp_txt{width:100%;}
#wrapper main .section_register h4.tit{margin-bottom:10px;font-size:1.7rem;}
#wrapper main .section_register h4.tit.h4_t{margin-top:20px;}

#wrapper footer{padding:30px 0;background-color:var(--colors-gray300);text-align:center;font-size:1.4rem;color:var(--colors-gray700);letter-spacing:0.025em;}

/********************태블릿_가로모드********************/
@media all and (max-width:1280px){
	
#wrapper main > [class^='section_']{width:100%;padding:50px 20px;box-sizing:border-box;}

#wrapper main .section_summary{padding:80px 20px;}
#wrapper main .section_summary .info_box{width:100%;gap:20px;padding-top:50px;padding-bottom:0;}
#wrapper main .section_summary .info_box dl{width:calc(50% - 10px);padding:20px;}

#wrapper main .section_program .cont{width:100%;}

}

/********************태블릿********************/
@media all and (max-width:1024px){
	
#wrapper header{padding:20px;}
#wrapper header h1.logo img{width:124px;height:18px;}
#wrapper header .btn_share,
#wrapper header .btn_share::after{width:18px;height:18px;}

#wrapper main .section_summary h2.headline{font-size:3.2rem;}
#wrapper main .section_summary .info_box dl dt{padding-top:30px;font-size:1.6rem;}
#wrapper main .section_summary .info_box dl dt::after{width:24px;height:24px;margin-left:-12px;}
#wrapper main .section_summary .info_box dl dd{font-size:1.9rem;}

#wrapper main .section_program h3,
#wrapper main .section_register h3{padding:0 0 50px;font-size:2.8rem;}

#wrapper main .section_register .cont{width:100%;}
#wrapper main .section_register .frm_box{flex-direction:column;}
#wrapper main .section_register .frm_box dl{width:100%;}
#wrapper main .section_register .frm_box dl dt{width:20%;}

}
/********************모바일********************/
@media all and (max-width:767px){

#wrapper main .section_register .frm_box dl{flex-direction:column;gap:5px;}
#wrapper main .section_register .frm_box dl dt,
#wrapper main .section_register .frm_box dl dd{width:100%;}

#wrapper main .section_summary .info_box{flex-direction:column;gap:10px;padding-top:30px;}
#wrapper main .section_summary .info_box dl{width:100%;}

}
/********************웹********************/
@media all and (min-width:1025px) {
}