@charset "utf-8";/* CSS Document */
:root { --siteC: #009ad7; --siteC2: #35387f; --siteC3: #096; --siteC4: #3f5cca; 
 --siteBg1: #f8f1eb; --siteBg2: #f0f4f7; --siteBg3: #283c69; --siteBg4: #f2fafd; 
 --siteGra: linear-gradient(125deg, var(--siteC) 0%,var(--siteC2) 100%); } 

.box1 { width:1320px; margin:0 auto } 

.di_wrap { font-size:0 } 
.di_wrap > li { display:inline-block; *display:inline; zoom:1; vertical-align:top; font-size:16px; font-size:1rem; } 
.di_wrap > li > a,
.di_wrap > li > .in { display:block } 

.fl_wrap > li { float:left } 
.fl_wrap > li > a:not(.va),
.fl_wrap > li > .in { display:block } 
.fl_wrap::after { content:""; display:block; clear:both } 

.va_wrap { display:block; text-align:center; white-space: nowrap } 
.va_wrap:before { content:""; display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:0; height:100% } 
.va { display:inline-block; *display:inline; zoom:1; vertical-align:middle; max-width:100%; height:auto; white-space:normal } 
.va_wrap img { vertical-align:middle; display:inline-block; *display:inline; zoom:1; max-width:100%; max-height:100% } 

.al { text-align: left !important; } 
.ac { text-align: center !important; } 
.ar { text-align: right !important; } 

.vt { vertical-align:top !important; } 
.vm { vertical-align:middle !important; } 
.vb { vertical-align:bottom !important; } 
.vs { vertical-align:baseline !important; } 

.fl { float:left !important; } 
.fr { float:right !important; } 
.cl { clear:both !important; display:block } 
.oh { overflow:hidden !important; } 

.pr { position:relative; z-index:inherit } 
.pa { position:absolute; z-index:inherit } 
.pa100 { position:absolute; left:0; top:0; width:100%; height:100% } 

.di { display:inline-block; *display:inline; zoom:1; } 
.db { display:block !important; } 
.dn { display:none !important; } 

.cp { cursor:pointer; } 
.cutstr { text-overflow : ellipsis; overflow : hidden; white-space : nowrap; display:block; width:100% } 

.flex { display:flex; box-sizing:border-box; min-width:0; } 
.flex > * { box-sizing:border-box; min-width:0; } 
.flex.di { display:inline-flex; } 
.flex.wrap { flex-wrap:wrap } 
.flex.col { flex-direction:column } 
.flex.col > * { width:100%; box-sizing:border-box } 
.flex.space { justify-content: space-between } 
.flex.vspace { align-content:space-between } 
.flex.hc { justify-content:center } 
.flex.hr { justify-content:flex-end } 
.flex.vt { align-content:flex-start; align-items:flex-start } 
.flex.vc { align-content:center; align-items:center } 
.flex.vb { align-content:flex-end; align-items:flex-end } 
.flex .mgL { margin-left:auto } 
.flex .mgR { margin-right:auto } 
.flex .mgT { margin-top:auto } 
.flex .mgB { margin-bottom:auto } 
.flex > .grow { flex:1 1 0%; } 
.flex > .fix { flex:0 0 auto; } 
.flex.gap05 { gap:.5em; } 
.flex.gap1 { gap:1em; } 
.flex.gap15 { gap:1.5em; } 
.flex.gap2 { gap:2em; } 
.flex.gap3 { gap:3em; } 
.flex.gap4 { gap:4em; } 
.flex.gap5 { gap:5em; } 

.resize { display:block; height:0; padding-bottom:100%; position:relative } 
.resize svg { position:absolute; width:100%; height:100%; left:0; top:0 } 
.resize .re { position:absolute; left:0; top:0; width:100%; height:100% } 
.resize.s1 { padding-bottom:66.6666% } 
.resize.s2 { padding-bottom:100% } 
.resize.s3 { padding-bottom:55%; } 

.row1 { line-height:1.25em; height:1.25em; overflow:hidden } 
.row2 { line-height:1.25em; height:2.5em; overflow:hidden } 
.row3 { line-height:1.25em; height:3.75em; overflow:hidden } 
.row2.max { height:auto; max-height:2.5em } 
.row3.max { height:auto; max-height:3.75em } 

.row { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } 
.row.r1 { -webkit-line-clamp: 1 } 
.row.r2 { -webkit-line-clamp: 2 } 
.row.r3 { -webkit-line-clamp: 3 } 
.row.r4 { -webkit-line-clamp: 4 } 
.row.r2.fix { line-height:1.25em; height:2.5em } 
.row.r3.fix { line-height:1.25em; height:3.75em } 
.row.r4.fix { line-height:1.25em; height:5em } 

.radi_01 { border-radius: 1em; } 
.radi_02 { border-radius: 2em; } 
.radi_03 { border-radius: 3em; } 
.radi_04 { border-radius: 4em; } 
.radi_05 { border-radius: 5em; } 

.c_point { color: var(--siteC) !important } 
.c_point2 { color: var(--siteC2) !important } 
.c_point3 { color: var(--siteC4) !important } 
.c_red { color: #eb3b4b !important } 
.c_black { color:#000 !important } 
.c_gray { color:#999 !important } 
.c_dgray { color:#666 !important } 
.c_white { color:#fff !important } 

.bgfix { background-repeat:no-repeat; background-position:50% 50%; background-size:cover; } 
.bgfixC { background-repeat:no-repeat; background-position:50% 50%; background-size:contain; } 
.bgfix.fix { background-attachment:fixed; } 
.bgfix.ctn { background-size:contain !important; } 

.imgfix { width:100%; height:100%; overflow:hidden; } 
.imgfix > img { display:block; width:100%; height:100%; object-fit:cover; } 
.imgfix.ctn > img { object-fit:contain; } 

.dataLink:before { content:attr(data-link) } 
.gogogo:hover { cursor:pointer; text-decoration:underline; } 

/*board*/
.no_con { padding:5em 0 !important; color:#999 !important; text-align:center; border:1px solid #eee; } 
.no_con:before { content:"\e9d8"; display:block; font-family:xeicon!important; margin:0 auto .2em auto; font-size:2em; color:#ddd; } 
.no_con.cart:before { content:"\e9fb" } 
td .no_con { border:none } 

.no_lecture { padding:5em 0 !important; color:#898989; text-align:center; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; margin-top:1rem; } 
.no_lecture:before { content:'\e9a3'; display:block; font-family:'xeicon' !important; color:#b8b8b8; font-size:2em; margin-bottom:.5em; } 

.no_cart { padding:5em 0 !important; color:#898989; text-align:center; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; margin-top:1rem; } 
.no_cart:before { content:'\eb6f'; display:block; font-family:'xeicon' !important; color:#b8b8b8; font-size:2em; margin-bottom:.5em; } 

.no_review { padding:5em 0 !important; color:#898989; text-align:center; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; margin-top:1rem; } 
.no_review:before { content:'\ea15'; display:block; font-family:'xeicon' !important; color:#b8b8b8; font-size:2em; margin-bottom:.5em; } 

.no_info { padding:5em 0 !important; color:#898989; text-align:center; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; margin-top:1rem; } 
.no_info:before { content:'\e9a6'; display:block; font-family:'xeicon' !important; color:#b8b8b8; font-size:2em; margin-bottom:.5em; } 


/*input group*****/
.group_file { display:flex; flex-wrap:wrap; align-content:center; align-items:center; } 
.group_file .label_file { flex:1; } 
.group_file .removeF { margin-left:.25em; } 
.group_file .input_row { width:100%; } 

.group_file_name { display:flex; flex-wrap:wrap; align-items:center; gap:.5em; padding:1em; background:var(--siteBg1); } 
.group_file_name.col { flex-direction:column; align-items:normal; } 
.group_file_name .name { display:flex; } 
.group_file_name .name .tit { width:5em; font-weight:500; } 
.group_file_name .name .board_file { flex:1; font-size:1em; } 

.group_inpBtn.flex .input_st[type=text],
.group_inpBtn.flex .input_st[type=password] { flex:1; } 
.group_inpBtn.flex .input_st[type=submit],
.group_inpBtn.flex .input_st[type=button],
.group_inpBtn.flex button.input_st { margin-left:.25em; } 

.group_btn { display:flex; flex-wrap:wrap; gap:.25em; } 
.group_btn .grow { flex:1; } 

.group_inp { display:flex; flex-wrap:wrap; align-items:center; gap:.5em; } 
.group_inp.col { flex-direction:column; align-items:normal; } 
.group_inp .grow { flex:1; min-width:0; } 

.ess { color:#f4253e; display:inline-block; width:1.25em; text-align:right; margin-top:-4px; font-size:1.25em !important; font-family:'xeicon'; } 
.xi.ess:before { content:'\e928'; } 

/*BOARD*/
.board_st { font-size:.938em; } 

.board_st th,
.board_st td { height:2.5em; padding:.75em .5em; border-bottom:1px solid #ddd; } 
.board_st th { color:#222; font-weight:500; } 
.board_st td { color:#666; } 
.board_st ~ div.no_con { border-top:none; } 

.board_st.list.tit th { border-top:2px solid #333; border-bottom:1px solid #666; } 
.board_st.list td { text-align:center; } 
.board_st.list td.w_tit { text-align:left; } 
.board_st.list td.w_tit > a { display:inline-block; *display:inline; zoom:1; max-width:calc(100% - 4.5em); text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#000; line-height:1.4; } 

.board_st .total_table tr{ }
.board_st .total_table th{ border-top: none !important; border-bottom: 1px solid #ddd !important; background: #f7f7f7;}

.board_st.list a:hover,
.board_st.view a:hover { text-decoration:underline; } 

.board_st.list.notice td { background:var(--siteBg2); } 
.board_st.list .reply td { background:#f7f7f7; } 

.board_st.write { border-top:2px solid #333; } 
.board_st.write th { padding-left:1.5em; text-align:left; } 

.board_info { display:flex; flex-wrap:wrap; min-width:0; color:#72727d; *zoom:1; } 
.board_info > li { display:flex; align-content:center; align-items:center; padding-right:3em; position:relative; box-sizing:border-box; } 
.board_info > li:before { content:""; position:absolute; right:1.5em; top:15%; width:1px; height:70%; background:#ccc; } 
.board_info > li:last-child { padding-right:0; } 
.board_info > li:last-child:before { display:none; } 
.board_info > li .xi { margin-right:.3em; } 
.board_info > li .xi:before { color:#72727d; } 

.board_file { font-size:.938em; line-height:1.2; } 
.board_file > li { padding:.125em 0; } 
.board_file a { position:relative; display:inline-block; padding-left:1.5em; word-break:break-all; word-wrap:break-word; line-height:1.2; } 
.board_file a .xi { position:absolute; top:-.063em; left:0; font-size:1em; } 
.board_file a .xi:before { font-size:1.313em; line-height:normal; } 
.board_file a,
.board_file a .xi:before { color:#333; } 
.board_file a:hover { text-decoration:underline; } 
span.board_file,
strong.board_file { display:inline-block; } 

.board_view_top .tit { padding:1.5em 1em; border-top:2px solid #333; font-size:1.375em; font-weight:500; } 
.board_view_top .board_info { padding:0 1em 1.5em 1em; } 
.board_view_top .board_file { font-size:.938em; padding:.75em 1.25em; background:var(--siteBg2); border:dashed #ddd; border-width:1px 0; } 
.board_view_middle { padding:3em 1em; font-size:1em; } 
.board_view_middle * { box-sizing:border-box; max-width:100% !important; } 
.board_view_middle img { width:auto !important; height:auto !important; } 
.board_view_middle .videoCon { margin-bottom:2em; } 
.board_view_middle #viewIframe { width:100%; height:100%; } 
.board_view_bottom { border-top:1px solid #666; } 
.board_view_bottom .board_st a { display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } 

/**/
.board_st.gallery { padding:2em 0; border-top:2px solid #333; } 
.board_st.gallery .list { margin:0 0 -3.75em -3.75em; } 
.board_st.gallery .list > li { flex:1 1 33.33%; max-width:33.33%; } 
.board_st.gallery .list > li .in { flex:1; position:relative; display:block; margin:0 0 3.75em 3.75em; box-shadow:3px 3px .625em rgba(0,0,0,.1); color:#111; } 
.board_st.gallery .list > li .in .img { overflow:hidden; } 
.board_st.gallery .list > li .in .con { padding:1.5em 1em 2em 1em; } 
.board_st.gallery .list > li .in .con .tit { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } 
.board_st.gallery .list > li .in .con .tit .tt { font-size:1.125em; } 
.board_st.gallery .list > li .in .con .board_info { margin-top:1em; } 
.board_st.gallery .list > li .in .con .board_info > li { font-size:.938em; padding-right:1.625em; } 
.board_st.gallery .list > li .in .con .board_info > li:before { right:.75em; } 
.board_st.gallery .list > li .in .thumb { transform:scale(1); transition:.4s; } 
.board_st.gallery .list > li .in:hover .thumb:not(.pic) { transform:scale(1.1); } 
.board_st.gallery .list > li .in:hover .con .tit { text-decoration:underline; } 
.board_st.gallery .adm_chk { position:absolute; z-index:9; top:.5em; left:.5em; display:block; } 

/**/
.board_st .w_faq { width:5em; } 
.board_st .w_more { width:4em; } 
.board_st .w_btn { width:9em; } 
.board_st.faq .w_btn { width:5em; } 
.board_st.faq { border-top:2px solid #333; } 
.board_st.faq .faq_tit { font-weight:500; font-size:1.875em; color:#333; } 
.board_st.faq .faq_tit:after { content:"." } 
.board_st.faq .faq_tit.c1 { color:#000 } 
.board_st.faq .faq_tit.c2 { color:var(--siteC) } 
.board_st.faq .BStit { cursor:pointer } 
.board_st.faq .BScon { display:none } 
.board_st.faq .BScon.open { display:table-row !important; } 
.board_st.faq .BStit td { height:3.5em; } 
.board_st.faq .BStit .w_tit { font-size:1.063em; color:#000; } 
.board_st.faq .BScon .w_tit { line-height:2 } 
.board_st.faq .BScon td { padding-top:2em; padding-bottom:2em } 
.board_st.faq .BStit:hover { background:var(--siteBg2); transition:.2s; } 
.board_st.faq .BStit.on { background:#f5f5f5; } 
.board_st.faq .board_more { display:inline-block; color:#111; transition:.3s } 
.board_st.faq .board_more .xi { font-size:1.500em; } 
.board_st.faq .board_more .xi:before { content:"\e941" } 
.board_st.faq .on .board_more { transform:rotate(-180deg); color:var(--siteC); } 

.board_st.faq .list { border-top:2px solid #333; } 
.board_st.faq .list .th,
.board_st.faq .list .td { padding:1.5em .5em; text-align:center; } 
.board_st.faq .list .th { font-weight:500; } 
.board_st.faq .list .td { border-bottom:1px solid #d4d5d8; color:#343b4d; line-height:1.4em; } 
.board_st.faq .list.con .BStit .td { padding-top:1em; padding-bottom:1em; } 
.board_st.faq .list.con .BScon .td { border-color:#343b4d; } 
.board_st.faq .list.con .BScon .w_faq { vertical-align:top; } 
.board_st.faq .list.con .BScon.open { display:table-row; } 
.board_st.faq .list.con .w_tit { text-align:left; color:#111; } 
.board_st.faq .list.con .faqQ { display:inline-block; } 
.board_st.faq .list.con .faqQ:hover { color:#000; text-decoration:underline; } 
.board_st.faq .list.con .faqA * { box-sizing:border-box; max-width:100% !important; } 
.board_st.faq .list.con .faqA img { width:auto; height:auto; } 

/**/
.board_st .toggleBtn { cursor:pointer } 
.board_st .toggleCon { display:none } 
.board_st .toggleCon td { border-top:2px dashed #ddd; background:#fff !important; padding-top:2em; padding-bottom:4em } 
.board_st .toggleWrap.on .toggleBtn { background:#f9f9f9 } 
.board_st .toggleWrap.on .toggleCon { display: table-row } 
.board_st .reply_wrap { background:#fff; border-radius:.5em; margin-top:1em; padding:1.5em 2em; border:1px solid #ddd } 

/**/
.board_icon.xi { } 
.board_icon.xi:before { } 
.board_icon.new .xi:before { content:"\e9a8"; color:var(--siteC) } 
.board_icon.notice .xi:before { content:"\ea5b"; color:#111 } 
.board_icon.reply .xi:before { content:"\e981"; color:#aaa } 
.board_icon.file .xi:before { content:"\ea7f"; color:#999; font-size:.813em } 
.board_icon.sub .xi:before { content:"\e981"; color:#aaa } 
.board_icon.lock:before { content:"\e964"; color:#aaa; font-size:.938em; padding-left:.25em } 
.board_icon.review .xi:before { content:"\e9d7"; color:#003399 } 

/**/
.board_search_wrap { font-size:.938em; margin:0 0 1.5em 0; display:flex; align-items:flex-end; } 
.board_search_wrap .left { } 
.board_search_wrap .right { margin-left:auto; display:flex; gap:.375em; } 
.board_search_wrap .right .input_st[type=text] { flex:1 1 auto; width:18em; } 
.board_search_wrap button { padding:0 1.5em } 
.board_search_wrap .total .icon { width:2.5em; line-height:2.5em; height:2.5em; vertical-align:middle; text-align:center; border-radius:50%; box-shadow:0 0 3px 1px rgba(0,0,0,.2); margin-right:.75em; color:#333 } 
.board_search_wrap .total .icon:before { font-size:1.25em } 
.board_search_wrap .total .icon:not(.icoR):before { content:"\f0c9" } 
.board_search_wrap .total .icon.mem:before { content: '\e80a' } 
.board_search_wrap .total .icon ~ i { transform:translateY(.125em) } 
.board_search_wrap .total .t1 { color:#666; font-size:.875em } 
.board_search_wrap .total .t2 { color:#333; font-weight:700; font-size:1.25em; margin-left:.5em } 
.board_search_wrap .total .t3 { font-weight:700; font-size:1.25em; margin-right:.5em } 

.board_search_wrap .total_wrap { margin:0; font-size:1em; } 
.total_wrap { display:flex; align-items:center; gap:.5em; margin-bottom:.75em; font-size:.938em; text-transform:uppercase; line-height:normal; } 
.total_wrap * { display:inline-block; *display:inline; zoom:1; } 
.total_wrap .xi { width:1.625em; line-height:1.625em; background:#fff; border:1px solid #e5e5e5; border-radius:50%; text-align:center; font-size:1.375em; } 
.total_wrap .t1 { font-size:.875em; padding-right:.5em; } 
.total_wrap .t2 { font-size:1.125em; color:var(--siteC); font-weight:500; } 

/**/
.board_paging { text-align:center; margin-top:5em; font-size:.813em } 
.board_paging button { vertical-align:top; width:3em; height:3em; line-height:3em; border:1px solid #ddd; background:#fff; border-radius:.5em } 
.board_paging button:hover,
.board_paging button.on { background:#444; color:#fff; border-color:transparent } 
.board_paging button.icon { background:#f1f1f1; color:#666 } 
.board_paging button.icon:hover { background:#aaa; color:#fff } 
.board_paging .xi { font-size:1em } 
.board_paging .xi.first:before { content:"\ea47" } 
.board_paging .xi.last:before { content:"\ea48" } 
.board_paging .xi.prev:before { content:"\e93c" } 
.board_paging .xi.next:before { content:"\e93f" } 

.pop .board_paging { margin-top:2.5em; } 

/**/
.board_gallery { margin:-3em 0 0 -3em } 
.board_gallery > li { width:50% } 
.board_gallery > li .in { display:block; margin:3em 0 0 3em; position:relative; background:#fff; cursor:pointer; transition:.3s } 
.board_gallery > li .in .img_wrap { overflow:hidden; position:relative } 
.board_gallery > li .in .img_wrap .img { transition:.5s } 
.board_gallery > li .in .info_wrap { padding:1em .5em; text-align:center; transition:.3s; text-align:left } 
.board_gallery > li .in .info_wrap .t1 { color:#111; font-size:1.25em; font-weight:500 } 
.board_gallery > li .in .info_wrap .t2 { color:#999; font-size:.875em } 
.board_gallery > li .in .info_wrap .t3 { color:#666; font-size:.938em } 
.board_gallery > li .in:hover { border-color:#aaa } 
.board_gallery > li .in:hover .img_wrap .img { transform:scale(1.1) } 
.board_gallery.equip { margin:-2em 0 0 -2em } 
.board_gallery.equip > li { width:25% } 
.board_gallery.equip > li .in { border:1px solid #ddd; margin:2em 0 0 2em } 
.board_gallery.equip > li .in:before { content:""; position:absolute; width:100%; height:100%; z-index:-1; right:-.5em; bottom:-.5em; background:#000; opacity:.1 } 
.board_gallery.equip > li .in .img_wrap { } 
.board_gallery.equip > li .in .info_wrap { opacity:.8; border-top:1px solid #ddd; padding:1em; font-size:.875em } 
.board_gallery.equip > li .in:hover .info_wrap { opacity:1 } 
.board_gallery.equip > li .in:hover { border-color:#ffda00 } 
.board_gallery.equip > li .in:hover:before { background:#ffda00; opacity:1 } 

.layer_more_wrap { position:relative } 
.layer_more { position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.5); opacity:0; visibility:hidden; transition:.3s } 
.layer_more .icon { font-size:1.5em; width:2em; line-height:2em; text-align:center; border-radius:50%; background:#fff; color:#ffda00; transform:translateY(3em); transition:.3s } 
.layer_more.zoom .icon:before { content:"\e97b" } 
.layer_more_wrap:hover .layer_more { opacity:1; visibility:visible } 
.layer_more_wrap:hover .layer_more .icon { transform:translateY(0) } 


/**/
.board_event_wrap { } 
.board_Event { margin:0 0 -2em -2em; overflow:hidden; text-align:center; } 
.board_Event > li { width:33.33%; } 
.board_Event .link { display:block; margin:0 0 2em 2em; } 
.board_Event .img_wrap { border-radius:.625em; overflow:hidden; } 
.board_Event .img_wrap .resize { padding-bottom:56.25% } 
.board_Event .img_wrap .img { background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transition:.3s; } 
.board_Event.end .img_wrap .img { filter:grayscale(80%); } 
.board_Event .con_wrap { padding:1.5em .5em; } 
.board_Event .con_wrap .t1 { font-size:1.188em; font-weight:500; color:#000; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } 
.board_Event .con_wrap .t2 { margin-top:1em; } 
.board_Event .con_wrap .t2 > * { display:inline-block; *display:inline; zoom:1; vertical-align:middle; } 
.board_Event .con_wrap .t2 > strong { padding:.2em .5em; margin-right:1em; font-size:.938em; color:#fff; border-radius:3px; } 
.board_Event .con_wrap .c1 { background:#cd3350; } 
.board_Event .con_wrap .c2 { background:#222931; } 
.board_Event .con_wrap .c3 { background:#01749e; } 
.board_Event .con_wrap .t2 .date { font-size:.938em; color:#666; font-weight:400; } 
.board_Event .link:hover .img_wrap .img { transform:scale(1.1,1.1) } 

/**/
.board_btn_wrap { display:flex; gap:.5em; margin-top:4em; justify-content:center; text-align:center; } 
.board_btn_wrap > div { display:flex; gap:.5em; } 
.board_btn_wrap > div + div { margin-left:auto; } 
.board_btn_wrap .list { margin:-1em 0 0 -1em } 
.board_btn_wrap .list > li button { margin:1em 0 0 1em } 
.pop .board_btn_wrap { margin-top:2em; font-size:.938em } 

/**/
.myPayList{}
.myPayList > li{}
.myPayList > li > .in{ text-align: center; padding: 1.5em; box-sizing: border-box; border: 1px solid #ddd; background: var(--siteBg4); border-radius: .25em;}
.myPayList > li > .in > .subTit{ font-size: .95em; color: #666; margin-bottom: .5em;}
.myPayList > li > .in > h1{ font-size: 1.515em; font-weight: 700;}
.myPayList > li > .in > h1 > .number{}
.myPayList > li > .in > h1 > .tx{ margin-left: 6px;}

/**/
.label_wrap { display:inline-flex; flex-wrap:wrap; align-items:center; gap:.75em 1.5em; } 
.label_wrap.col { display:flex; } 
.label_wrap.col > * { width:100%; } 

.label_wrap_fix > li { width:33.33% } 

.board_st.write .label_st { margin-right:2em } 
.board_st.write .label_st:last-child { margin-right:0 } 

.label_st { display:inline-block; *display:inline; zoom:1; cursor:pointer } 
.label_st > * { display:inline-block; *display:inline; zoom:1; vertical-align:middle; cursor:pointer; } 
.label_st:not(.cssbrowser) .xi:before { font-family:xeicon!important; font-style:normal; padding-right:.125em } 
.label_st:not(.cssbrowser) input ~ span,
.label_st:not(.cssbrowser) input ~ .xi:before { color:#666 } 
.label_st:not(.cssbrowser) input:checked ~ span,
.label_st:not(.cssbrowser) input:checked ~ .xi:before { color:#111 } 
.label_st:not(.cssbrowser) input[type=checkbox] ~ .xi:before { content:"\e98f" } 
.label_st:not(.cssbrowser) input[type=checkbox]:checked ~ .xi:before { content:"\e92d" } 
.label_st:not(.cssbrowser) input[type=radio] ~ .xi:before { content:"\e9c6" } 
.label_st:not(.cssbrowser) input[type=radio]:checked ~ .xi:before { content:"\e9c7" } 
.label_st:not(.cssbrowser) input[type=checkbox],
.label_st:not(.cssbrowser) input[type=radio] { position:absolute; width:0; height:0; overflow:hidden; visibility:hidden; opacity:0; } 

.label_st.c1:not(.cssbrowser) input ~ span,
.label_st.c1:not(.cssbrowser) input ~ .xi:before { color:var(--siteC) } 

.label_st.st2 { display:inline-flex; align-content:center; align-items:center; gap:0 .5em; } 
.label_st.st2,
.label_st.st2 > * { min-width:0; box-sizing:border-box; } 
.label_st.st2 input ~ .xi { line-height:1; margin-bottom:auto; opacity:.4; } 
.label_st.st2 input ~ .xi:before { padding:0 0; } 
.label_st.st2 input ~ span { flex:1; } 
.label_st.st2 input ~ .xi,
.label_st.st2 input ~ span { color:#666; } 
.label_st.st2 input ~ .xi:before { color:inherit !important; } 
.label_st.st2 input:checked ~ .xi { opacity:1; } 
.label_st.st2 input:checked ~ span,
.label_st.st2 input:checked ~ .xi { color:var(--siteC); } 

.label_select { position:relative; background:#fff; display:inline-block; *display:inline; zoom:1; border-radius:.5em } 
.label_select select { background:none; padding-right:3em !important; appearance:none; -webkit-appearance:none; position:relative; z-index:1 } 
.label_select select::-ms-expand { display:none; } 
.label_select:after { content:"\e936"; font-family:xeicon!important; position:absolute; z-index:0; right:.5em; top:50%; transform:translateY(-50%); font-size:1.125em; text-align:center; color:#666 } 

.label_search { position:relative } 
.label_search .input_st { padding-right:3em !important; } 
.label_search .btn { position:absolute; right:0; top:0; width:2.5em; height:100%; border:none; background:none; font-size:1.500em; color:#333 } 
.label_search .btn:hover { color:var(--siteC); } 

.input_st { display:inline-block; align-items: center; *display:inline; zoom:1; vertical-align:middle; border:1px solid #ddd; color:#666; padding:.5em 1em; box-sizing:border-box; height:3em; border-radius:.5em } 
.input_st[readonly] { background:#f5f5f5; color:#666 } 
input[type=file].input_st { background:none } 
textarea.input_st { padding:1em; width:100%; height:7em; line-height:1.2 } 
textarea.input_st.h1 { height:15em } 

.label_file { position:relative; display:inline-block; *display:inline; zoom:1; box-sizing:border-box; padding-right:6.25em; } 
.label_file .file { position:absolute; z-index:50; top:0; left:0; width:100%; height:100%; cursor:pointer; opacity:0; } 
.label_file .inp { width:100%; } 
.label_file .btn { position:absolute; top:0; right:0; bottom:0; width:6em; background-color:#8f8f8f; border:1px solid #787878; border-radius:.5em; color:#fff; transition:.2s; } 
.label_file:hover .inp { border-color:#0f2945; } 
.label_file:hover .btn { background-color:#0f2945; border-color:#0f2945; color:#fff; } 

input[type=button].input_st,
input[type=submit].input_st,
button.input_st,
a.input_st { font-weight:500; padding:.5em 2em; border-radius:.5em; } 

input[type=button].input_st:hover,
input[type=submit].input_st:hover,
button.input_st:hover,
a.input_st:hover { opacity:.7; text-decoration:none !important; transition:.3s } 

.input_st:hover,
.input_st:focus { border-color:#aaa; color:#111; box-shadow:0 0 .5em rgba(0,0,0,.1) } 
.label_select .input_st:hover,
.label_select .input_st:focus { background:none } 
.input_st[disabled=disabled] { cursor:default } 
.input_st[disabled=disabled]:not[button]:hover { border-color:#ddd; color:#666 } 
select.input_st:hover,
select.input_st:focus { color:#666 } 
.input_st .xi { margin:0 .5em; font-size:1.250em; } 
.input_st .xi:first-child { margin-left:0 } 
.input_st .xi:last-child { margin-right:0 } 

.input_st.s1 { line-height:calc(2.5em - 2px); height:3.5em; padding:.5em 1.5em; font-size:1.063em; font-weight:500 } 
.input_st.s2 { line-height:calc(1.5em - 2px); height:2.5em; padding:.5em 1em; font-size:.938em; font-weight:400; } 
input[type=file].input_st.s2 { padding:.25em !important } 
.input_st.s3 { line-height:calc(1.5em); height:2.25em; padding:.25em .5em; font-size:.875em; font-weight:400; } 
.input_st.s4 { height: 4em; padding: 1em 2em; font-size: 1.15em; font-weight: 600; } 

.input_st.c1 { background:var(--siteC); border-color:var(--siteC); color:#fff } 
.input_st.c1.re { background:#fff; border-color:var(--siteC); color:var(--siteC) } 
.input_st.c2 { background:#999; border-color:#999; color:#fff } 
.input_st.c2.re { background:#f5f5f5; border-color:#ccc; color:#888 } 
.input_st.c3 { background:#333; border-color:#333; color:#fff } 
.input_st.c3.re { background:#fff; border-color:#333; color:#333 } 
.input_st.c4 { background:var(--siteC4); border-color:var(--siteC4); color:#fff } 
.input_st.c4.re { background:#fff; border-color:var(--siteC4); color:var(--siteC4) } 
.input_st.c5 { background: #111; border-color: #111; color: #fff; } 
.input_st.c5.re { background: #fff; border-color: #111; color: #111; } 

.input_st.w1 { width:16.75em; max-width:100% } 
.input_st.w2 { width:6em } 
.input_st.w3 { width:35em; max-width:100% } 
.input_st.w3_1 { width:calc(35em - 114px); } 
.input_st.w4 { width:10em } 
.input_st.w5 { width: 18em; } 

.w50 { width:50% !important } 
.w100 { width:100% !important } 

.input_sec { display:inline-block; *display:inline; zoom:1; width:1.25em; text-align:center; vertical-align:middle } 
.input_sec.s1 { width:.5em } 
.input_sec.s2 { padding:0 1.5em 0 .5em } 

.input_row { padding:.25em 0; } 

.input_st::-webkit-input-placeholder { color:#aaa } 
.input_st::-moz-placeholder { color:#aaa } 
.input_st:-moz-placeholder { color:#aaa } 
.input_st:-ms-input-placeholder { color:#aaa } 

.input_wrap { margin:-.25em 0 0 -.25em; max-width:100% } 
.input_wrap > li { flex-basis:auto } 
.input_wrap > li.br { width:100% } 
.input_wrap > li.label { width:20% } 
.input_wrap > li .in { margin:.25em 0 0 .25em } 
.input_wrap > li.w100 { width:100% } 

.input_tt { margin:.5em 0; font-size:.875em; color:#555; } 

.input_st.btn_calendar { background:none; box-shadow:none; border:none; padding:0; color:#999 } 
.input_st.btn_calendar .xi:before { content:"\e9a4"; font-size:1.5em } 
.input_st.btn_calendar:hover { color:#111; opacity:1 } 
.input_st.btn_close { box-shadow:none; padding:0; width:2.5em; line-height:2.5em; height:2.5em; border-radius:50%; color:#aaa } 
.input_st.btn_close .xi:before { content:"\e9af" } 

.member_wrap .member_form { padding: 2.5em 2em; background: #fff; border-radius: 1.5em; box-shadow: 2px 2px 6px rgba(0, 0, 0, .15); border-top-width: 4px; border-top-color: #3167a6; } 
.member_wrap .member_form.st1 { border-top: none !important } 

/**/
.btn_vf { padding:2em; border:1px solid #ddd; border-radius:.5em; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; min-height:8em; transition:.3s } 
.btn_vf .ico { width:8em; height:8em; background:#f5f5f5; border-radius:50%; display:flex; flex-direction:column; justify-content:center; margin-bottom:1em } 
.btn_vf .ico img { height:50% } 
.btn_vf .t1 { font-weight:700; font-size:1.25em } 
.btn_vf .t2 { color:#666; margin-top:.5em } 
.btn_vf .st { background:#333; color:#fff; padding:.75em; border-radius:2em; width:100%; max-width:12em; box-sizing:border-box; font-size:1.063em; font-weight:500; margin-top:1.5em } 
.btn_vf:hover,
.btn_vf:focus { border-color:#0060ae; box-shadow:0 0 1em rgba(0,0,0,.1) } 

.agree_wrap { border:1px solid #ddd; border-radius:.5em; padding:1.5em; width:100%; min-height:8em; box-sizing:border-box; height:220px; overflow-y:scroll; } 
.agree_wrap.st2 { height:600px; } 
.agree_wrap.h1 { max-height:20em; position:relative } 
.agree_wrap .t1 { color:#111; margin-top:1.5em } 
.agree_wrap .t1.s1 { font-size:.813em } 
.agree_wrap .t1.s2 { font-size:1.125em } 
.agree_wrap .t1:first-child { margin-top:0 } 
.agree_wrap .t2 { color:#777; font-size:.875em; margin-top:.75em; line-height:1.5 } 
.agree_wrap .icon { position:relative } 
.agree_wrap .icon:before { position:absolute; left:0; top:0 } 
.agree_wrap .t1.icon { padding-left:.75em } 
.agree_wrap .t1.icon:before { content:""; margin-top:.625em; width:.25em; height:.25em; border-radius:100%; background:#111 } 
.agree_wrap .t1.icon.c_red:before { background:#ff3b4c } 
.agree_wrap .t2.icon { padding-left:1.25em } 
.agree_wrap .t2.icon:before { content:"\e929"; margin-top:.125em; color:#2aa89b; font-family:xeicon!important } 
.agree_wrap strong { vertical-align:baseline; font-weight:bold; color:#333; } 

.a_wrap_st1 { height:160px; overflow-y:scroll; box-sizing:border-box; } 

.agree_wrap { font-size:.875em; line-height:1.5 } 
.agree_wrap strong { vertical-align:inherit; font-weight:bold; } 

/**/
.w_no { width:4em } 
.w_num { width:11em } 
.w_tit { width:auto } 
.w_name { width:7em } 
.w_date { width:7em } 
.w_date2 { width:14em } 
.w_date3 { width:3em } 
.w_date4 { width:15em } 
.w_date5 { width:17em } 
.w_date6 { width:10em } 
.w_hit { width:8em } 
.w_check { width:4em } 
.w_btn { width:5em } 
.w_btn2 { width:9em } 
.w_btn3 { width:11em } 
.w_faq { width:6em } 
.w_state { width:8em } 
.w_state2 { width:12em } 
.w_info { width:7em } 
.w_point { width:9em } 
.w_sale { width:12em } 
.w_cog { width:6em } 
.w_correct { width:10em } 

.w_form_tit { width:12em } 
.w_form_tit2 { width:14em } 
.w_form_tit3 { width:8em } 
.w_auto { width:auto } 

*[class^="xi bd_"]:before { color:#111; line-height:1; } 
*[class^="xi bd_"].big:before { font-size:1.250em; } 
.xi.bd_new:before { content:"\e9a8"; color:#f55110; } 
.xi.bd_notice:before { content:"\ea5b"; color:#3e55a7; } 
.xi.bd_reply:before { content:"\e981"; } 
.xi.bd_sub:before { content:"\e981"; color:#3e55a7; font-size:1.375em; } 
.xi.bd_lock:before { content:"\e966"; } 
.xi.bd_docu:before { content:"\e9b4"; } 
.xi.bd_name:before { content:"\e9f5"; } 
.xi.bd_date:before { content:"\ea1f"; } 
.xi.bd_hit:before { content:"\e951"; } 
.xi.bd_file:before { content:"\e9b9"; } 
.xi.bd_calen:before { content:"\e9a4"; } 
.xi.bd_plus:before { content:"\e913"; } 
.xi.bd_tel:before { content:"\e9d3"; } 

.fix .input_st { width:90%; margin:.25em 0 } 

.board_img_wrap { margin-bottom:2em; text-align:center } 

.ui-widget { font-size:.938em !important } 

.photo_st_wrap { padding:2em; border:1px solid #0361ae; border-top:none } 
.photo_st { margin:-2em 0 0 -2em } 
.photo_st > li { width:50% } 
.photo_st.d1 > li { width:33.33% } 
.photo_st > li .in { display:block; margin:2em 0 0 2em } 
.photo_st > li .in .img { overflow:hidden } 
.photo_st > li .in .img .re { transition:.3s } 
.photo_st > li .in .info { display:block; padding:1em; text-align:center } 
.photo_st > li .in .info .t1 { line-height:1.3; color:#666 } 
.photo_st > li .in .tit { display:block; padding:.5em; background:#0361ae; color:#fff; text-align:center } 
.photo_st > li .in .tit .t1 { font-weight:500; font-size:1.063em } 
.photo_st > li .in[href]:hover .img .re { transform:scale(1.2) } 
.photo_st > li .in[href]:hover .info .t1 { color:#0361ae } 
.photo_st > li .shadow { box-shadow:0 0 1em rgba(0,0,0,.3) } 
.swiper-slide .photo_st > li { width:100% } 

/*합격증 / 이수증*/
.print_certificate_wrapper { } 
.print_certificate_wrapper .guide_list_wrap { position: relative; width: 700px; margin: 0 auto;} 
.print_certificate_wrapper .guide_list_wrap .guideImg {   aspect-ratio: 6 / 9; width: 700px; height: auto;} 
.print_certificate_wrapper .guide_list_wrap .guideImg > img { width: 100%; height: 100%; object-fit: contain; } 

#Numeber { } 
#Numeber > .tt { font-size: 22px; font-weight: 700; } 
.guide_list_wrap .guideInfo { position: absolute; height: 100%; top: 0; left: 0; padding: 110px; width: 100%; box-sizing: border-box; font-family: serif; } 
.guide_list_wrap .guideInfo > .tit { font-size: 75px; margin-top: 1em; margin-bottom: 1.5em; font-weight: 700; letter-spacing: 0.3em; text-align: center; } 
.guide_list_wrap .guideInfo .infoList { } 
.guide_list_wrap .guideInfo .infoList > li { margin-bottom: 1em; } 
.guide_list_wrap .guideInfo .infoList > li:last-of-type { margin-bottom: 0em; } 
.guide_list_wrap .guideInfo .infoList > li > .con { display: flex; gap: .5em; font-size: 20px; } 
.guide_list_wrap .guideInfo .infoList > li > .con .name > i { margin-right: 1.9em; } 
.guide_list_wrap .guideInfo > .desc { font-size: 20px; font-weight: 400; line-height: 1.6; margin-top: 3.5em; } 
.guide_list_wrap .guideInfo > .certi_date { text-align: center; margin-top: 2em; font-size: 21px; } 
.guide_list_wrap .guideInfo > .Mark_wrap { position: absolute; bottom: 130px; width: 60%; left: 50%; transform: translateX(-50%); display: flex; align-items: end; gap: 5em; margin-top: 6em; } 
.guide_list_wrap .guideInfo > .Mark_wrap .right,
.guide_list_wrap .guideInfo > .Mark_wrap .left { width: 50%; } 
.guide_list_wrap .guideInfo > .Mark_wrap .left .img,
.guide_list_wrap .guideInfo > .Mark_wrap .right .img { width: 100%; height: 100%; } 
.guide_list_wrap .guideInfo > .Mark_wrap .left .img > img,
.guide_list_wrap .guideInfo > .Mark_wrap .right .img > img { width: 100%; height: 100%; object-fit: contain; } 
.guide_list_wrap .guideInfo > .Mark_wrap .left.mark > .img { } 

/*2026-03-23 overwrite*/
.guide_list_wrap .guideInfo{font-family: 'Chiron Sung HK', serif; display:flex; flex-direction:column; gap:2em}
.guide_list_wrap .guideInfo > .tit{ margin:0; height:3.1875em; display:flex; align-items:center; justify-content:center; flex:1}
.guide_list_wrap .guideInfo .infoList{ flex:1 1 0%; min-height:0}
.guide_list_wrap .guideInfo > .desc,
.guide_list_wrap .guideInfo > .certi_date{ margin-top:0}
.guide_list_wrap .guideInfo > .Mark_wrap{ position:static; transform:none; width:80%; align-items:center; margin:0 auto;}
.guide_list_wrap .guideInfo > .Mark_wrap .left .img{ transform:scale(.9)}

@media screen and (max-width:640px) {
 .board_search_wrap .total_wrap { /* display: none; */ } 
.board_search_wrap { flex-wrap:wrap } 
.board_search_wrap .left,
.board_search_wrap .right { width:100% } 
.board_search_wrap .left { text-align:right; margin-bottom:1em } 

/* .board_st th,
.board_st td { padding:1em .5em !important } */

.w_no { width:2em } 
.w_name { width:4em } 
.w_hit { display:none } 
.w_form_tit { width:8em } 
.w_date2 { width:8em } 
.w_state { width:6em } 
.w_btn2 { width:5em } 
.w_btn2 input:not(:first-child) { margin-top:.5em } 

.tt_state { font-size:.75em; padding:.25em 1em } 

.input_tt { display:block; margin-top:1em } 
.input_st.w1 { width:100% } 
}

/*inc*/
.page_sec { margin-top:3.5em !important; } 
.page_sec1 { margin-top:1em !important; } 
.page_sec2 { margin-top:6em !important; } 
.page_sec3 { margin-top:.375em !important; } 


/* info */
.info-tit { margin-bottom: 4em; } 
.info-tit .en { font-size: 1.5em; margin-bottom: 1rem; } 
.info-tit .tit { font-size: 2em; } 


/* Curriculum */
.difference-wrap { margin-bottom: 7.5em; } 
.dif-lay { position: relative; align-items: flex-start; } 
.dif-lay .dif-box { flex: 1; max-width: 440px; } 
.dif-lay .dif-box.douki { } 
.dif-lay .dif-box.douki .tit::before { content: '\e92b'; font-family: 'xeicon'; position: absolute; top: -1.5em; left: 50%; transform: translateX(-50%); color: var(--siteC); font-size: 1.5rem; } 
.dif-lay .dif-box .tit { margin-bottom: 1.5rem; position: relative; } 
.dif-lay .dif-box .tit .tt { font-size: 1.5rem; } 
.dif-lay .dif-box ul { padding: 2em; background: #f8f8f8; border-radius: 1rem; min-height: 320px; } 
.dif-lay .dif-box.douki ul { background: #FFFAFA; border: 1px solid var(--siteC); } 
.dif-lay .dif-box ul > li { margin-bottom: 1em; position: relative; font-size: 1.125rem; padding-left: 1em; font-weight: 500; color: #555; } 
.dif-lay .dif-box.douki ul > li { color: #111; } 
.dif-lay .dif-box ul > li:last-child { margin-bottom: 0; } 
.dif-lay .dif-box ul > li::before { content: ''; position: absolute; left: 0; top: 6px; background: #666; width: 5px; height: 5px; border-radius: 50%; } 
.dif-lay .dif-box.douki ul > li::before { background: var(--siteC); } 
.versus { position: absolute; font-size: 2rem; top: calc(50% + 1.5rem); left: 50%; transform: translate(-50%, -50%); } 

.curri-wrap { } 
.curri-wrap .info-tit { margin-bottom: 2rem; } 
.curri-wrap .curri-lay { padding-top: 3rem; border-top: 3px dashed #ddd; margin-bottom: 3rem; align-items: flex-start; } 
.curri-wrap .curri-lay .title { flex: 0 0 25%; } 
.curri-wrap .curri-lay .title > h3 { font-size: 2rem; } 
.curri-wrap .curri-lay .title > .tt { margin-top: 1rem; line-height: 1.5em; font-size: 1.125rem; } 
.curri-wrap .curri-lay .table-wrap { flex: 1; }
.curri-wrap .curri-table { border-radius: 1rem; overflow: hidden; box-shadow: 0 10px 20px rgba(0,0,0,.05); width: 100%; } 
.curri-wrap .curri-table th { font-size: 1rem; } 
.curri-wrap .curri-table thead { } 
.curri-wrap .curri-table thead th { background: var(--siteC4); color: #fff; border-right: 1px solid rgba(255,255,255,.075); } 
.curri-wrap .curri-table tbody { } 
.curri-wrap .curri-table tbody tr { } 
.curri-wrap .curri-table tbody tr th { background: var(--siteBg2); } 
.curri-wrap .curri-table tbody tr td { color: #333; font-size: 1rem; text-align: left; padding: 1rem 1.5rem; border-right: 1px solid #ddd; } 
.curri-wrap .curri-table tbody tr td:last-child { border-right: none; } 
.curri-wrap .curri-table tbody tr:last-child th,
.curri-wrap .curri-table tbody tr:last-child td { border-bottom: none; } 
.curri-wrap .curri-table tbody tr td span { color: #888; font-size: 0.875rem; margin-top: 10px; } 


.cate-curri { padding: 5em 0; } 
.cate-curri .curri-tab { border-bottom: 1px solid #ddd; } 
.cate-curri .curri-tab > li { flex: 1; position: relative; font-size: 1.125rem; font-weight: 500; transition: all 0.3s; padding: 1em 1.5em; } 
.cate-curri .curri-tab > li:hover,
.cate-curri .curri-tab > li.on { color: var(--siteC); } 
.cate-curri .curri-tab > li::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%) scaleX(0); width: 100%; height: 3px; background: var(--siteC); transition: all 0.3s; } 
.cate-curri .curri-tab > li:hover::after,
.cate-curri .curri-tab > li.on::after { transform: translateX(-50%) scaleX(1); } 
.cate-curri .curri-tab > li span { } 


.cate-curri .cate-curri-con { padding: 3.5rem 0; } 
.cate-curri .tit-info { flex: 0 0 35%; } 
.cate-curri .tit-info > h3 { font-size: 2rem; } 
.cate-curri .tit-info > .in { margin-top: 3rem; font-size: 1.5rem; } 
.cate-curri .tit-info > .in .t1 { } 
.cate-curri .tit-info > .in .t2 { margin-top: 0.5rem; } 

.cate-curri .curriSliderWrap { flex: 1; position: relative; } 
.cate-curri .curriSlider { padding: 2em; background: var(--siteBg2); border-radius: 1rem; overflow: hidden; } 
.cate-curri .curriSlider::before { content: ''; position: absolute; right: 0; top: 0; width: 5em; height: 100%; background: linear-gradient(to left, #fff, transparent); z-index: 111; } 
.cate-curri .curriSlider .swiper-slide { width: 280px; } 
.cate-curri .curriSlider .imgfix { box-shadow: 10px 10px 30px rgba(0,0,0,.1); height: 380px; } 
.cate-curri .curri-controls { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; z-index: 1; } 
.cate-curri .curri-controls > div { background: #fff; color: #111; display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 0 15px rgba(0,0,0,.1); } 
.cate-curri .curri-controls > .prev { margin-left: -25px; } 
.cate-curri .curri-controls > .next { margin-right: -25px; } 


.ico-tit { position: relative; margin-bottom: 1em; } 
.ico-tit > p { font-size: 1.25em; color: #333; font-weight: 500; position: relative; padding-left: 26px; box-sizing: border-box; } 
.ico-tit > p::before { content: ''; display: block; width: 20px; height: 20px; background: url(../images/inc/tt_sym.svg?v=0) no-repeat center /cover; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } 
/**/
/**/