@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; } 

/*
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@100; 200; 300; 400; 500; 600; 700; 900&display=swap');*/


/**************************************************************************************************************
공통
**************************************************************************************************************/
:root {--blue: #186eff;--orange:#ffd744; } 

/***********************************************************************************
Common
************************************************************************************/

html,body,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,ul,ol,li,dl,dt,dd,table,caption,tbody,tfoot,thead,tr,th,td,fieldset,fo7m,label,legend,input,button,textarea,select { margin:0; padding:0 } 
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption { display:block; margin:0; padding:0 } 
legend { display:block; overflow:hidden; position:absolute; width:1px; height:1px; font-size:1px; line-height:0; text-indent:-999em; white-space:nowrap; } 
fieldset,img,table,caption,tbody,tfoot,thead,tr,th,td,button,hr { border:0 none } 
img { vertical-align:middle; } 
body li { *vertical-align:top; } 
ul, li, ol { list-style:none; padding:0; margin:0; } 
table { border-collapse:collapse } 
caption { visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0; } 
button { overflow:visible; border:0 none; cursor:pointer } 
button::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner { padding: 0; border: 0 none } 
a { text-decoration:none; color:#14181f; outline:0; } 
address,
em { font-style:normal } 
body,input,select,textarea,button,h1,h2,h3,h4,h5,h6 { font-family: 'Noto Sans KR', sans-serif; font-size:14px; color: #333; text-decoration: none; font-weight:400; } 
textarea,.inp,select { border:0; outline:none; border-radius:0; resize:none; box-shadow:none; -webkit-appearance:none; appearance:none; font-weight: normal; border-radius:0; } 
a:hover { text-decoration: none; } 
body { -webkit-text-size-adjust: none; background:none; } 
form { padding: 0; margin: 0; } 
* { box-sizing: border-box; -webkit-box-sizing:border-box; } 
::-ms-clear { display: none; } 
select::-ms-expand { display:none; } 
a,a:active,a:visited { text-decoration:none !important; } 
p,div { word-break:break-all; } 
strong { font-weight: 700; } 
b { font-weight: 800; } 
* { box-sizing: border-box; } 
html { font-size:10px; } 

.m0 { margin:0 !important } 
.mb0 { margin-bottom:0 !important } 
.mb3 { margin-bottom:3px !important } 
.mb5 { margin-bottom:5px !important } 
.mb10 { margin-bottom:10px !important } 
.mb12 { margin-bottom:12px !important } 
.mb15 { margin-bottom:15px !important } 
.mb20 { margin-bottom:20px !important } 
.mb25 { margin-bottom:25px !important } 
.mb30 { margin-bottom:30px !important } 
.mb35 { margin-bottom:35px !important } 
.mb50 { margin-bottom:50px !important } 
.mb40 { margin-bottom:40px !important } 
.mb45 { margin-bottom:45px !important } 
.mb60 { margin-bottom:60px !important } 
.mb70 { margin-bottom:70px !important } 
.mb80 { margin-bottom:80px !important } 
.mb100 { margin-bottom:100px !important } 
.mr60 { margin-right:60px !important } 
.mr10 { margin-right:10px !important } 
.mr15 { margin-right:15px !important } 
.mr20 { margin-right:20px !important } 
.ml6 { margin-left:6px !important } 
.ml10 { margin-left:10px !important } 
.ml15 { margin-left:15px !important } 
.ml20 { margin-left:20px !important } 
.ml30 { margin-left:30px !important } 
.ml35 { margin-left:35px !important } 
.ml40 { margin-left:40px !important } 
.ml50 { margin-left:50px !important } 
.mt0 { margin-top:0px !important; } 
.mt5 { margin-top:5px !important; } 
.mt10 { margin-top:10px !important; } 
.mt15 { margin-top:15px !important; } 
.mt20 { margin-top:20px !important; } 
.mt30 { margin-top:30px !important; } 
.mt40 { margin-top:40px !important; } 
.padding30 { padding:30px !important; } 
.pdt0 { padding-top: 0 !important; } 
.pdb0 { padding-bottom: 0 !important; } 
.pdb0 { padding-bottom: 0 !important; } 
.pdb10 { padding-bottom: 10px !important; } 
.pdb15 { padding-bottom: 15px !important; } 
.pdt10 { padding-top:10px !important; } 
.pdt20 { padding-top:20px !important; } 
.pdt40 { padding-top:40px !important; } 
.pdb20 { padding-bottom:20px !important; } 
.pb40 { padding-bottom:40px !important; } 
.text-center { text-align:center !important } 
.text-left { text-align:left !important } 
.text-right { text-align:right !important } 
/* Text */

.txt-blue { color: var(--blue) !important; } 
.txt-orange { color: #FF7223 ; font-size: 13px; !important; } 
.txt-orange p{line-height: 16px; font-weight: 500;margin: 5px 0 15px 0;}

.text1 { font-size:16px; line-height: 1.6; color: #606060; } 
.text-under { text-decoration: underline !important; } 
.keep-all { word-break: keep-all; } 

.letter1 { letter-spacing: -1px; } 

.hr1 { display: block; width:100%; height:1px; margin:30px 0; background: #e4e9f2; } 
.hr2 { display: block; width:100%; height:1px; margin:30px 0; background: #dadae4; } 
.padding30 .hr2 { width:calc(100% + 60px); transform: translateX(-30px); } 
.hidden { position: absolute; left: -9999px; opacity:0; font-size:0; } 
.nowrap { white-space: nowrap; } 
.normal { font-weight: 400 !important; } 

/* Form */
::-webkit-input-placeholder { color: #adb2be; } 
:-ms-input-placeholder { color: #adb2be; } 
button,select,input,textarea { outline: none; } 

.inp2 { height: 45px; border: 1px solid #DDE1E4; font-size:14px; width:100%; color: #121212; padding-left: 10px; } 
.select2 { height: 45px; border: 1px solid #DDE1E4; font-size:14px; width:100%; background: #fff url(../img/common/bu_select.png) no-repeat 100% 50%; background-size:14px auto; background-position: right 10px center; color: #121212; padding-left: 10px; } 
.textarea2 { border: 1px solid #DDE1E4; font-size:14px; width:100%; color: #121212; resize:none; padding:10px; } 

.inp { height: 45px; border: 0; border-bottom: 1px solid #DDE1E4; font-size:14px; width:100%; color:#121212; font-weight: 500;padding-left: 10px; } 
.select { height: 45px; border: 0; border-bottom: 1px solid #DDE1E4; font-size:15px; width:100%; background: #fff url(../img/common/bu_select.png) no-repeat 100% 50%; background-size:14px auto; background-position: right 10px center; color: #121212;padding-left: 10px; } 
.textarea { border: 0; border-bottom: 1px solid #DDE1E4; font-size:15px; width:100%; color: #121212; resize:none;padding-left: 10px; } 


.inp:focus,
.select:focus,
.textarea:focus { border-color:#768093; } 
.inp:disabled,
.select:disabled,
.textarea:disabled { background-color: #f7f9fc; color: #909090; } 
.inp:disabled,
.select:disabled { background-color: #fff; border-color:#ddd; } 
.textarea.type2 { border: 0; font-size:12px; line-height: 1.5; color: #606060; } 

.select:invalid { color:#a5acb7; } 
.select:invalid { color: #a5acb7 !important; } 
.select [disabled] { color: #a5acb7; } 
.select option { color: #909090 !important; } 


.checkbox { position: fixed; top:0; visibility: hidden; } 
.checkbox + div { cursor: pointer; display: inline-block; vertical-align: middle; } 
.checkbox + div em { display: inline-block; vertical-align: middle; width:20px; height: 22px; background: url(../img/common/checkbox_off.png) no-repeat 50% 50%; background-size:20px auto; position: relative; transition: all 0.5s ease } 
.checkbox + div p { display: inline-block; vertical-align: middle; font-size:14px; color: #252525; font-weight: 500; padding: 0 10px 0 5px;} 
.checkbox:checked + div em { background-image: url(../img/common/checkbox_on.png); } 

.checkbox2 { position: fixed; top:0; visibility: hidden; } 
.checkbox2 + div { cursor: pointer; display: inline-block; vertical-align: middle; } 
.checkbox2 + div em { display: inline-block; vertical-align: top; width:18px; height: 18px; background: #fff; border: 1px solid #7c7c7c; position: relative; transition: all 0.5s ease } 
.checkbox2 + div em:before { content: ''; position: absolute; right:0; top:2px; background: url(../img/common/checkbox2.png) no-repeat 50% 50%; width:14px; height:11px; background-size:14px auto; opacity:0; transition: all 0.5s ease; } 
.checkbox2 + div p { display: inline-block; vertical-align: middle; margin-left: 10px; font-size:15px; color: var(--blue); } 
.checkbox2:checked + div em:before { opacity:1; } 


.radio { position: fixed; top:0; visibility: hidden; } 
.radio + div { cursor: pointer; display: inline-block; vertical-align: middle; } 
.radio + div em { display: inline-block; vertical-align: middle; width:20px; height: 18px; background: url(../img/common/radio_off.png) no-repeat 50% 50%; background-size:20px auto; position: relative; transition: all 0.5s ease } 
.radio + div p { display: inline-block; vertical-align: middle; margin-left: 10px; font-size:14px; color:#252525; } 
.radio:checked + div em { background-image: url(../img/common/radio_on.png); } 
.radio:disabled + div em { opacity:0.4; } 
.radio:disabled + div p { color: #909090; } 


.switch { position: absolute; opacity:0; z-index:-1; } 
.switch + p { width:76px; height: 28px; border-radius:28px; background: var(--blue); position: relative; transition: all 0.5s ease; } 
.switch + p:before { content: ''; position: absolute; left: 4px; top:4px; height:20px; border-radius:20px; width:30px; background: #fff; transition: all 0.5s ease; } 
.switch + p em { position: absolute; left:38px; top:0; line-height: 27px; font-size:14px; color: #fff; transition: all 0.5s ease; } 
.switch + p em:before { content: 'OFF'; display: inline; } 
.switch:checked + p { background: var(--orange); } 
.switch:checked + p:before { left:42px; } 
.switch:checked + p em { left: 12px; } 
.switch:checked + p em:before { content: 'ON'; } 

.switch1 { position: absolute; left: -9999px; } 
.switch1 + p { width:68px; height: 30px; border-radius:30px; position: relative; background: #dadae4; cursor: pointer; } 
.switch1 + p em { position:absolute; left: 0; top:-5px; width:40px; height: 40px; border: 2px solid #36414c; background: #fff; text-align: center; line-height: 36px; border-radius:100%; transition: all 0.5s ease; } 
.switch1 + p em:before { content: 'OFF'; display: inline; font-size:14px; color: #36414c; font-weight: 600; } 
.switch1:checked + p em { left: 28px; border-color:#ff4155 } .btn-black
.switch1:checked + p em:before { content: 'ON'; color: #ff4155; } 


.btn { display: inline-block; vertical-align:middle; padding:0 20px; height: 50px; line-height: 48px; border-radius:4px; text-align: center; background: var(--blue); font-size:20px; color: #ffff; } 
.btn-s { height: 30px; line-height: 30px; font-size:15px; } 
.btn-round { border-radius:30px; } 
.btn-blue { background-color:var(--blue); } 
.btn-orange { background-color:#ffb512;} 
.btn-gray { background-color:#7c7c7c; } 
.btn-black { background-color:#333; } 
.btn.block { width:100%; } 

/* Element */
.flex { display: flex; justify-content: space-between; } 
.flex-end { align-items: flex-end !important; } 
.flex-center { align-items: center !important; } 
.flex-left { justify-content: flex-start; } 


body.popup-on { overflow: hidden; } 
.popup-wrap { position: fixed; left: 0; top:0; right:0; bottom:0; z-index:5000; background: rgba(17,17,17,0.5); overflow: auto; display: none; } 
.popup-box { display: table; width:100%; height: 100%; } 
.popup-cont { display: table-cell; vertical-align: middle; padding:20px; } 
.popup { padding:30px 20px; border-radius:20px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); margin: 0 auto; position: relative; max-width:600px; } 
.popup-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; } 
.popup-head .h3-popup { font-size:20px; } 
.popup-wrap .btn-close { width:28px; height: 28px; background: url(../img/common/ico_close_modal.png) no-repeat 50% 50%; position:absolute; right:20px; top:20px; background-size:20px auto; } 
.popup-btns { display: flex; justify-content: flex-end; gap:1.2rem; margin-top:7rem; } 
.popup-btns.center { justify-content: center; } 

button { background: none; border: 0; outline:none; border-radius:0; appearance:none; } 



/************************************************************************************
Layout
************************************************************************************/
header { position: fixed; left: 0; right:0; top:0; height: 60px; display: flex; justify-content: center; align-items: center; background: #fff; z-index:100; } 
header.sub { height: 60px; border-bottom: 1px solid #DDE1E4; } 
header.sub + #container { padding-top:60px; } 
header h1 { font-size:22px; color:#121212; font-weight: 500; } 
header h1 a { position: absolute; left: 15px; top:5px; height: 100%;display: block; height: 50px; width:200px; background: url(../img/common/logo.png) no-repeat 50% 50%; background-size:auto 50px; } 
header h1 span { font-weight: 400; } 
header .left { position: absolute; left: 15px; top:0; height: 100%; display: flex; align-items: center; gap:10px; } 
header .right { position: absolute; right: 15px; top:0; height: 100%; display: flex; align-items: center; gap:10px; } 
header .btn-alert { background: url(../img/common/ico_top_alert.png) no-repeat 50% 50%; background-size:22px auto; width:35px; height:35px; }
header .btn-alert-new { background: url(../img/common/ico_top_alert_new1.gif) no-repeat 50% 50%; background-size:22px auto; width:35px; height:35px; }
/* header .btn-search { background: url(../img/common/ico_top_search.png) no-repeat 50% 50%; background-size:29px auto; width:30px; height:50px; }  */
header .btn-menu { background: url(../img/common/ico_top_menu.png) no-repeat 50% 50%; background-size:22px auto; width:35px; height:35px; } 
header .btn-back { background: url(../img/common/ico_top_back.png) no-repeat 45% 50%; background-size:22px auto; width:33px; height:35px; border-radius:100%; } 
header .btn-close { background:var(--blue) url(../img/common/ico_top_close.png) no-repeat 50% 50%; background-size:15px auto; width:35px; height:35px; border-radius:100%; } 
header .logo { height: 22px; } 

#container { padding-top:60px; } 
#container-main { padding-top:60px; } 
img { max-width:100%; } 
.main-wrap .inner { padding: 30px 20px; } 
.main-wrap .tabs { display: flex; padding-right:83px; position: relative; margin-bottom: 10px;} 
/* .main-wrap .tabs:before { content: ''; position: absolute; left: 0; right:0; bottom:0; height: 2px;  z-index:-1; }  */
.main-wrap .tabs a { flex: 1; height: 35px; line-height: 35px; background: #D6E5FF; font-size:16px; color: #252525; text-align: center; font-weight: 500; border-radius: 20px;margin-right: 4px;} 
/* .main-wrap .tabs a small { font-size:14px; font-weight: 400; }  */
.main-wrap .tabs a.active { background: #186eff; color: #fff; border-radius: 20px; } 
/* .main-wrap .tabs a.active small { color: #333; }  */
.main-wrap .tab-cont { position: relative; margin-bottom: 30px; } 
.main-wrap .tab-cont ul li a { display: block; line-height: 36px; border-bottom: 1px solid #eee; padding-left: 10px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.main-wrap .tab-cont ul li a:before { content: ''; position: absolute; left: 0; top:50%; width:3px; height: 3px; border-radius:100%; background: #000; margin-top:-1px; } 
.main-wrap .tab-cont .btn-more { position: absolute; right:0; top:-45px; width:80px; height: 40px; text-align: right;vertical-align: middle;} 
.btn-more img { width: 15px; margin: 10px 0 15px 2px;}

.h2 { position: relative; padding-bottom: 5px; margin-bottom: 15px; font-size:18px; color: #252525; font-weight: 600;  } 
.h2 span { position: absolute;right:0; bottom:5px; font-size:14px; color: #969696; font-weight: 500; } 

.univ-list ul { } 
.univ-list ul li { margin-bottom:10px;} 
.univ-list ul li div {background:url(../img/common/ico_univ_tit.png) no-repeat 1% / 5px 100% ; padding-left: 20px;}
.univ-list ul li a { display:block; transition: all 0.5s ease; border-radius:10px; padding: 12px; font-size:14px; color:#121212; line-height:1.5; padding-right:60px; position: relative; background:#e4edfe url(../img/common/ico_univ_more.png) no-repeat 96% / 12%; } 
.univ-list ul li a p { color:#1E74E7; font-weight:500; font-size: 14px; } 
.univ-list ul li a em {background:url(../img/common/ico_univ_tit.png) no-repeat 1% / 5px 100% ; padding-left: 20px; position:absolute; right:12px; top:12px; color:#186eff; } 

.univ-list ul li.active a { padding-left: 20px; color: var(--orange); border-color:var(--orange); } 

#nav { height: 60px; position: relative; z-index:1}
#nav nav { position: fixed; left: 0; right:0; bottom:0; height: 60px; display: flex; background: #f7f7f7; box-shadow:0 0 5px rgba(0,0,0,0.4); } 
#nav nav a { flex: 1; height: 60px; text-align: center; font-size:12px;font-weight: 600; color: #0d3f9e; padding:4px 0; } 
#nav nav a:before { content: ''; display: block; background: url(../img/common/ico_nav1.png) no-repeat 50% 50%; width:35px; height: 33px; margin: 0 auto; background-size:auto 33px; } 
#nav nav a.m1:before { background-image: url(../img/common/ico_nav1.png) } 
#nav nav a.m2:before { background-image: url(../img/common/ico_nav2.png) } 
#nav nav a.m3:before { background-image: url(../img/common/ico_nav3.png) } 
#nav nav a.m4:before { background-image: url(../img/common/ico_nav4.png) } 
#nav nav a.m5:before { background-image: url(../img/common/ico_nav5.png) } 
#nav nav a.active { background-color:#3bdde8; } 

.nav-wrap { position: fixed; right:0; top:0; bottom:0; width:80vw; background: #fff; z-index:9000; border-radius:20px 0 0 20px; overflow: auto; transform: translateX(110%); opacity:0; transition: all 0.5s ease; } 
.nav-wrap .head { padding: 15px 20px; display: flex; justify-content: space-between; align-items: center; } 
.nav-wrap .head .tit img { width:120px; } 
.nav-wrap .head .btn-close { background: url(../img/common/ico_msg_x.png) no-repeat 50% 50%; width:30px; height: 30px; background-size:18px auto; } 
.nav-wrap .welcome { padding:5px 20px 15px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #000; } 
.nav-wrap .welcome strong { font-size:19px; } 
.nav-wrap .welcome .etc { display: flex; align-items: center; gap:20px; } 
.nav-wrap .welcome .etc .btn-logout { padding:0 14px; height: 30px; border-radius:4px;background:#7c7c7c ; border: 0px solid var(--blue); font-size:14px; color: #fff; } 
.nav-wrap .welcome .etc .btn-setting { background: url(../img/common/ico_nav_setting.png) no-repeat 50% 50%; width:30px; height: 30px; background-size:25px auto; } 
.nav-wrap nav ul { padding: 0 20px 20px; } 
.nav-wrap nav ul li { border-bottom: 1px solid #eee; } 
.nav-wrap nav ul li:last-child { border-bottom: 0; } 
.nav-wrap nav ul li a { display: block; position: relative; line-height: 43px; padding-left: 10px; font-size:15px; } 
.nav-wrap nav ul li a em { position: absolute; right:10px; top:0; color: var(--blue); } 
.nav-wrap .invite { text-align: center; } 
.nav-wrap .invite a { display: inline-block; vertical-align: middle; width:90%; height: 50px; border-radius:4px; background: #ffb512; line-height: 50px; font-size:18px; color: #fff; } 
.nav-wrap .invite a img { vertical-align: middle; margin:-4px 5px 0 0; width:32px; } 
.bg-nav { position: fixed; left: 0; top:0; right:0; bottom:0; background: rgba(0,0,0,0.7); z-index:8000; display: none; } 
.menu-on .nav-wrap { transform: translateX(0); opacity:1; } 

.main-search { padding:15px 0px 10px; } 
.main-search .box { position: relative; } 
.main-search .box .inp-srch { width:100%; height: 34px; font-size:14px; border: 0; border-bottom: 1px solid #DDE1E4; border-radius:0; padding-right:40px; } 
.main-search .box .btn-srch { position: absolute; right:0; top:0; width:40px; height: 34px; background: url(../img/common/ico_search.png) no-repeat 50% 50%; background-size:22px auto; } 

.notice ul li { border-bottom: 1px solid #DDE1E4; position:relative; } 
.notice ul li a { display: block; padding: 5px 20px; } 
.notice ul li a .subj { font-size:14px; line-height: 30px;} 
.notice ul li a .subj i { display: inline-block; vertical-align: middle; padding:0 5px; height: 26px; line-height: 25px;border: 1px solid #949494; background: #b4b4b4 ;border-radius: 3px; font-size:13px; font-weight: 500;color: #fff;  margin-right:4px; font-style: normal; margin-top:0px; } 
.notice ul li a .subj i.blue { border-color:var(--blue); color: var(--blue); } 
.notice ul li a .subj strong { font-weight: 500; } 
.notice ul li a .subj strong b { font-weight: 600;} 
.notice ul li a .date { display: flex;flex-direction: row; justify-content: end; text-align: right; margin-top:0px; font-size:13px; color: #949494; gap:10px;} 
.notice ul li a .date p { display: block; height: 25px;line-height: 23px;}
.notice ul li a .date span { display:inline-block; vertical-align:middle; padding:0 8px; height:25px; border-radius:22px; font-size:12px; color:#fff; background:var(--orange); margin:-2px 10px 0 0; } 
.notice ul li a .date span.end { background:var(--blue); } 
.notice ul li.hide { display:none; } 
.notice ul li .btn-del { position: absolute; right:10px; top:50%; width:20px; height: 20px; background: url(../img/common/ico_del.png) no-repeat 50% 50%; background-size:13px auto; margin-top:-10px; } 
.notice ul li .btn-del + a { margin-right:40px; } 
.notice ul li .btn-del + a .date { text-align: left; } 
.notice ul li.bg { background:#efefef } 
.notice ul li p.icon{display:inline-block;background:url(../img/common/ico_new1.png) no-repeat; background-size:32px auto; width: 32px; background-position: 0 4px;}
.notice.type2 ul li a { padding-left: 0; padding-right:0; }
.notice ul li a .subj {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.savefile { right:0; top:0; font-size:13px;font-weight: 500; color: #fff; cursor: pointer;background:  var(--blue); width:65px; height: 25px; border-radius: 13px;text-align: center; line-height: 23px; /* 커서를 손 모양으로 변경 */ }
.savefile:before { content: ''; background: url(../img/common/ico_file.png) no-repeat 50% 50%; width:16px; height: 16px; background-size:16px auto; display: inline-block; vertical-align: middle; margin:-3px 4px 0 0; }
.savefile.off { color:#7c7c7c; }
.savefile.off:before { background-image: url(../img/common/ico_file_off.png); }

.univ-choices { padding:30px 20px 20px; background: url(../img/common/bg_univ.png) no-repeat 50% top; background-size:100% auto; } 
.univ-choices .tit { text-align: center; font-size:20px; font-family: 'S-CoreDream-3Light'; margin-bottom: 25px; } 
.univ-choices .tit:before { content: ''; display: block; width:25px; height: 25px; background: url(../img/common/ico_chk.png) no-repeat 50% 50%; background-size:contain; margin: 0 auto 5px; } 
.univ-choices .tit h2{font-size: 14px; color:#7c7c7c; font-weight: 500;}


.btn-common-box { display: flex; gap:8px; margin-bottom: 15px; border-radius: 4px; } 
.btn-common-box a,
.btn-common-box button { flex: 1; } 
.member { padding:50px 20px 20px; } 
.member .logo { margin-bottom:45px; text-align: center; } 
.member .logo img { width:200px; } 
.member .logo2 { margin-bottom: 50px; text-align: center; } 
.member .logo2 img { width:200px; } 
.member .find-result { text-align: center; } 
.member .find-result .t1 { font-size:18px; margin-bottom: 18px; } 
.member .find-result .t2 { margin-bottom: 5px; } 
.member .find-result .t2 span { display: inline-block; vertical-align: middle; padding:0 20px; height: 30px; line-height: 28px; border: 1px solid var(--orange); font-size:14px; color: var(--orange); border-radius:30px; } 
.member .find-result .t3 { font-size:21px; color: var(--orange); margin-bottom: 5px; } 
.member .find-result .t4 { font-size:14px; color: #c9c9c9; margin-bottom: 25px; } 
.member.type2 { display: flex; gap:10px; } 
.member.type2 .col { flex: 1; } 
.find-ico { text-align: center; margin-bottom: 20px; } 
.find-ico img { height: 80px; } 
.find-box { text-align: center; } 
.find-box .t1 { font-size:15px; margin-bottom: 24px; } 

.modal-alert1 { text-align: center; } 
.modal-alert1 .ic { width:59px; } 
.modal-alert1 .t1 { font-size:15px; margin:15px 0 10px; } 
.modal-alert1 .t1 span { color:#186eff; } 
.modal-alert1 .t2 { font-size:15px; color: #6e6e6e; } 

.back-btn { text-align: center; margin-top:25px; } 
.btn-modal-back { display: inline-block; vertical-align: middle; padding:0 40px; height: 46px; line-height: 44px; border-radius:15px; border: 1px solid var(--blue); font-size:18px; color: var(--blue); } 
.btn-modal-back.orange { background: var(--orange); color: #fff; border: 1px solid var(--orange); } 
.btn-modal-back img { display: inline-block; vertical-align: middle; margin:-4px 6px 0 0; height: 22px; } 

.join { padding:30px 20px; } 
.join h2 { text-align: center; margin-bottom: 20px; } 
.join h2 img { height: 50px; } 
.inp-box { position: relative; margin-bottom: 7px;} 
.inp-box label { position: absolute; right:0; bottom:10px; } 
.inp-box .inp {padding:0 10px; border-radius: 0px; border: 0;padding:0 10px; border-bottom: 1px solid #DDE1E4;} 
.inp-box .btn-check { position: absolute; right:0; top:6px; width:75px; height: 27px; text-align: center; line-height: 27px; border-radius:27px; background: #0d3f9f; font-size:14px; color: #fff; } 
.inp-box.birth { display: flex; gap:10px; } 
.inp-box.email { display: flex; gap:10px; align-items: center; } 
.inp-box.email span { font-size:14px; color: var(--blue); } 
.inp-box.required .inp { padding-left: 15px; } 
.inp-box.required .select { padding-left: 15px; } 
.inp-box.required:before { content: '*'; position: absolute; left: 5px; top:0; font-size:14px; color: #eb4800; line-height: 45px;  font-weight: 600; } 

.sex { display: flex; align-items: center; margin:10px 0; position: relative; } 
.sex h3 { font-size:15px; color: var(--blue); margin-right:30px; } 
.sex .radios { } 
.sex.required { padding-left: 10px; } 
.sex.required:before { content: '*'; position: absolute; left: 5px; top:0; font-size:14px; color: #eb4800 ; line-height: 23px; font-weight: 600; } 

.join-desc { margin:20px 0 10px; font-size:15px; color: #252525;font-weight: 500; position: relative; } 
.join-desc.required { padding-left: 15px; } 
.join-desc.required:before { content: '*'; position: absolute; left: 5px; top:0; font-size:14px; color: #eb4800; line-height: 23px;  font-weight: 600;} 

.agree-wrap { } 
.agree-wrap h2 { font-size:16px; font-weight: 500; margin-bottom: 8px; } 
.agree-wrap h2 span { color: var(--orange); } 
.agree-wrap .text { padding:10px; border: 1px solid #eee; overflow: auto; height: 130px; font-size:14px; color: #9f9f9f; line-height: 1.5; margin-bottom: 10px; } 
.agree-wrap .agree { display: flex; justify-content: space-between; margin-bottom: 20px; } 
.agree-wrap .agree .btn-gray { height: 29px; border-radius:29px; font-size:14px; line-height: 28px; } 

.agree-txt { font-size:14px; line-height: 1.5; margin-bottom: 30px; } 
.agree-txt h3 { font-size:14px; font-weight: 600; color: #333; } 
.join-end .member { padding-top:10px; } 
.join-end .logo { margin-bottom: 30px; } 
.join-msg { text-align: center; color: var(--blue); font-size:18px; margin-bottom: 30px; } 
.join-info { padding:25px; border-radius:15px; border: 1px solid #eee; margin-bottom: 30px; } 
.join-info dl:after { display: block; content: ''; clear: both; } 
.join-info dl { font-size:16px; } 
.join-info dl + dl { margin-top:4px; } 
.join-info dl dt { float: left; width:90px; color: var(--blue); } 
.join-info dl dd { overflow: hidden; } 

.main-latest { padding:20px; } 
.main-latest h3 { position: relative; display: flex; align-items: flex-end; margin-bottom: 20px; padding-right:80px; white-space: nowrap;} 
.main-latest h3 strong { font-size:18px; } 
.main-latest h3 span { font-size:15px; color: var(--blue); padding-left: 10px; margin-left: 8px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.main-latest h3 span:before { content: ''; position: absolute; left: 0; bottom:5px; width:2px; height: 10px; background: var(--orange); } 
.main-latest h3 img { position: absolute; right:0; bottom:0; height: 20px; } 
.main-latest h3 .btn-more { position: absolute; right:0; top:0; padding:0 10px; height: 27px; line-height: 27px; background:#0d3f9f; border-radius:15px; font-size:14px; color: #fff; } 
.main-latest h4 { position: relative; margin-bottom: 20px; font-size:18px; color:#252525; } 
.main-latest h4 .btn-more { position: absolute; right:0; top:0; padding:0 10px; height: 27px; line-height: 27px; background:#0d3f9f; border-radius:15px; font-size:14px; color: #fff; } 
.main-latest h4 .btn-qna { position: absolute; right:90px; top:0; padding:0 10px; height: 27px; line-height: 27px; background:#0d3f9f; border-radius:15px; font-size:14px; color: #fff; } 
.main-latest h4 img { display:none;vertical-align: middle; margin:-4px 2px 0 0; height: 21px; } 
.main-latest ul { padding-bottom: 20px; margin-bottom: 20px; position: relative; } 
.main-latest ul:before { content: ''; position: absolute; left: -20px; right:-20px; bottom:0; height: 1px; background: #fff; } 
.main-latest ul li { border-bottom: 1px solid #DDE1E4; } 
.main-latest ul li:last-child { border-bottom: 0; } 
.main-latest ul li a { display: block; position: relative; line-height:40px; padding-left: 10px; padding-right:140px; } 
.main-latest ul li a:before { content: ''; position: absolute; left: 0; top:50%; width:3px; height: 3px; background: #000; border-radius:100%; margin-top:-1px; } 
.main-latest ul li a strong { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:14px; font-weight: 500; } 
.main-latest ul li a span { position: absolute; top:0; right:65px; font-size:13px; color: #9e9e9e; } 
.main-latest ul li a .del { position: absolute; right:0; top:0; background: url(../img/common/ico_del.png) no-repeat 50% 50%; width:30px; height: 100%; background-size:auto 12px; } 
.main-latest ul li a .replay { position: absolute; right:0; top:0; font-size:14px; color: var(--blue); width:53px; white-space: nowrap; text-align: center; } 
.main-latest ul li a .file { position: absolute; right:0; top:0; font-size:13px; color: var(--blue); }
.main-latest ul li a .file:before { content: ''; background: url(../img/common/ico_file.png) no-repeat 50% 50%; width:16px; height: 16px; background-size:16px auto; display: inline-block; vertical-align: middle; margin:-3px 4px 0 0; }
.main-latest ul li a .file.off { color:#888; }
.main-latest ul li a .file.off:before { background-image: url(../img/common/ico_file_off.png); }
.main-latest ul.type2 li a { padding-right:110px; } 
.main-latest ul.type2 li a span { right:35px; } 
.main-latest ul.type2 li a { padding-right:109px; }

.inner { padding:20px; }

.chatting { height: calc(100vh - 130px); background: #eaf5fe; position: relative; } 
.chatting .push { position: absolute; left: 5px; right:5px; bottom:5px; height: 80px; padding:10px; border-radius:15px; display: flex; justify-content: space-between; background: var(--orange); } 
.chatting .push textarea { width:100%; height: 60px; border: 0; background: #fff; padding:10px; font-size:14px; color: #757677; box-sizing: border-box; } 
.chatting .push .btn-submit { background: url(../img/common/ico_msg_btn.png) no-repeat 50% 50%; width:65px; height: 60px; background-size:40px auto; } 
.chatting .body { height: calc(100% - 80px); overflow: auto; padding:20px; } 
.chatting .btns { text-align: right; margin-bottom: 15px; } 
.chatting .btns button { margin-left: 7px; } 
.chatting .tip { text-align: center; font-size:18px; margin-bottom: 20px; } 
.chatting .tip img { width:24px; vertical-align: middle; margin:-4px 4px 0 0; } 
.chatting .today { text-align: center; position: relative; margin-bottom: 15px; } 
.chatting .today:before { content: ''; position: absolute; left: 0; right:0; top:50%; height: 1px; background: var(--blue); } 
.chatting .today span { display: inline-block; vertical-align: middle; padding:0 8px; font-size:14px; color: var(--blue); background: #eaf5fe; z-index:2; position: relative; } 
.chat { margin-bottom: 20px; } 
.chat .user { font-size:18px; color: var(--blue); margin-bottom: 5px; } 
.chat .user img { width:29px; vertical-align: middle; margin:-3px 4px 0 0; } 
.chat .txt-box { display: flex; align-items: flex-end; gap:10px; position: relative; } 
.chat .txt-box .txt { max-width:70%; padding:10px; border: 1px solid #DDE1E4; background: #fff; font-size:14px; line-height: 1.5; color: #252525; position: relative; } 
.chat .txt-box .time { font-size:11px; color: var(--blue); padding-bottom: 4px; } 
.chat.right .txt-box { flex-direction: row-reverse; } 
.chat .txt-box .btn-del { position: absolute; left: -25px; top:0; background: url(../img/common/ico_msg_x.png) no-repeat 50% 50%; width:20px; height: 20px; background-size:12px auto; } 


.notice-view h2 { font-size:17px; } 
.notice-view h2 i { display: inline-block; padding:0 4px; height: 26px; line-height: 22px;border: 1px solid #949494; background: #b4b4b4 ;border-radius: 3px; font-size:14px; font-weight: 500;color: #fff;  margin-right:4px; font-style: normal; margin-top:0px; } 
.notice-view h2 i.blue { border-color:var(--blue); color: var(--blue); } 
.notice-view h2 p { display: inline-block; font-weight: 500; padding-top:15px;} 
.notice-view .date { display: flex;flex-direction: row; justify-content: start; text-align: left; margin-top:5px; font-size:13px; color: #949494; gap:10px;} 
.notice-view .date p { display: flex; height: 25px;line-height: 23px;}
.notice-view .files { margin-top:10px; position:relative; padding-left:65px; margin-bottom: 15px;; } 
.notice-view .files span { font-size:14px; color: #757677; margin-right:10px; position:absolute; left: 0; top:0; } 
.notice-view .files a { display: block; margin-bottom: 5px; font-size:12px; } 
.notice-view .files a em { margin-left:5px; text-decoration: underline !important; } 

.notice-view .files a { margin-right:5px; } 
.notice-view .files a img { height: 24px; } 
.notice-view .text { padding:20px; border-radius:10px; background: #f1f1f1; font-size:14px; line-height: 1.5; color: #2b2b2b; } 
.notice-view .text p{background: #f1f1f1 !important;}
.notice-view .text span{background: #f1f1f1 !important;}

.faq ul { margin:0 -20px; } 
.faq ul li { border-bottom: 1px solid #eee; } 
.faq ul li .q { display: block; font-size:15px; padding:20px; position: relative; padding-right:50px; } 
.faq ul li .q:after { content: ''; position: absolute; right:15px; top:50%; margin-top:-20px; background: url(../img/common/bu_select.png) no-repeat 50% 50%; background-size:13px auto; width:40px; height: 40px; transition: all 0.5s ease; } 
.faq ul li .q i { display: inline-block; vertical-align: middle; padding:0 5px; height: 26px; line-height: 22px;border: 1px solid #949494; background: #b4b4b4 ;border-radius: 3px; font-size:13px; font-weight: 400;color: #fff;  margin-right:4px; font-style: normal; margin-top:0px; } 
.faq ul li .q i.blue { border-color:var(--blue); color: var(--blue); } 
.faq ul li .a { display: none; padding:20px; background:#f5f5f5; font-size:14px; line-height: 1.5; color: #757677; } 
.faq ul li.active .q:after { transform: rotate(180deg); } 

.cs img { height: calc(100vh - 60px); width:100%; object-fit: cover; object-position: top;padding:0; } 

.member-msg { text-align: center; margin-bottom: 30px; font-size:16px; } 
.member-msg img { width:24px; } 
.member-msg p { margin-top:10px; } 
.member-msg strong { display: block; font-size:21px; color: var(--orange); margin-bottom: 10px; } 
.member-msg small { display: block; margin-top:10px; color: #9f9f9f; } 


.privacy { } 
.privacy .tabs { display: flex; margin-bottom: 20px; } 
.privacy .tabs a { flex: 1; background: #c9c9c9; display: flex; justify-content: center; align-items: center; border:2px solid #c9c9c9; transition: all 0.5s ease; text-align: center; font-size:16px; font-weight: 600; color: #fff; line-height: 1.2; height: 60px; } 
.privacy .tabs a.active { border:2px solid #000; border-bottom: 2px solid #fff; background: #fff; color: #000; } 
.privacy h2 { text-align: center; font-size:18px; margin-bottom: 25px; font-weight: 600; color: #ff6427; } 
.privacy h3 { font-size:14px; color: #333; font-weight: 600; } 
.privacy div { font-size:14px; line-height: 1.5; color: #9f9f9f; } 

.setting { margin:0 -20px; } 
.setting .btn-flip { height: 50px; padding-left: 20px; font-size:17px; position: relative; width:100%; text-align: left; border-bottom: 1px solid #eee; } 
.setting .btn-flip:before { content: ''; position: absolute; right:25px; top:17px; width:7px; height: 7px; border-left: 2px solid var(--blue); border-bottom: 2px solid var(--blue); transform: rotate(-45deg); transition: all 0.5s ease; } 
.setting .btn-flip.active:before { transform: rotate(135deg); top:22px; } 
.setting .box { display: none; background: #f5f5f5; padding:20px; } 
.setting .box ul li + li { margin-top:12px; } 
.setting .box ul li dl { display: flex; justify-content: space-between; align-items: center; } 
.setting .box ul li dl dt { font-size:17px; color: #333; } 
.setting .box.type2 { background: none; } 
.setting .box h3 { font-size:16px; color: var(--orange); background: url(../img/common/ico_tip.png) no-repeat 0 50%; background-size:auto 25px; height: 25px; line-height: 24px; padding-left: 30px; margin-bottom: 20px; font-weight: 600; } 
.setting .box h4 { font-size:15px; font-weight: 600; color: #186eff; margin-bottom: 4px; } 
.setting .box p { font-size:14px; color: #9f9f9f; line-height: 1.4; margin-bottom: 15px; letter-spacing: -0.5px; } 

.version { padding:20px 0; background: #f5f5f5; text-align: center; } 
.version img { height: 45px; vertical-align: sub; } 
.version small { display: inline-block; vertical-align:middle; padding:4px; line-height: 1; background: #c9c9c9; border: 1px solid #c9c9c9; font-size:15px; color: #000; margin:-4px 0 10px 5px;border-radius: 3px; } 
.version p { font-size:17px; color: var(--blue); padding-top:4px; } 

.lost { } 
.lost .t1 { text-align: center; } 
.lost .t1 img { height: 39px; } 
.lost .t1 p { text-align: center; font-size:17px; margin:5px 0 12px; } 
.lost .t1 span { color: var(--orange); } 
.lost .t2 { text-align: center; font-size:14px; color: #9f9f9f; margin-bottom: 15px; } 
.lost ul { display: flex; flex-wrap: wrap; } 
.lost ul li { margin-bottom: 8px; width:50%; } 
.lost .textarea { height:95px; border: 1px solid #ddd; padding:10px; } 
.lost .t3 { font-size:15px; } 
.lost .t3 p { padding-top:15px; margin-bottom: 5px; color: var(--blue); } 
.lost .t3 p span { color: var(--orange); } 

.notice-wrap .inner { padding-top:0; padding-bottom: 30px; } 
.notice-wrap h1 { text-align: center; padding:12px 0; } 
.notice-wrap h1 img { height: 33px; } 
.notice-wrap .img { margin-bottom: 15px; } 
.notice-wrap .img img { width:100%; height:214px; object-fit: cover;}
.notice-wrap .img iframe { width:100%; height:214px; object-fit: cover; border:0;}
.notice-wrap .img video { width:100%; height:214px; object-fit: cover; border:0;}
.notice-wrap .info { padding:15px; background: #f1f1f1; border-radius:7px; margin-bottom: 25px; } 
.notice-wrap .info div { padding: 0 0 2px 32px; background-image: url(../img/common/ico_contact0.png);  background-repeat: no-repeat; background-position: 0 2px; font-size:15px; line-height: 1.7; background-size:auto 25px; } 
.notice-wrap .info div + div { margin-top:7px; } 
.notice-wrap .info .ic1 { background-image: url(../img/common/ico_contact1.png); } 
.notice-wrap .info .ic2 { background-image: url(../img/common/ico_contact2.png); } 
.notice-wrap .info .ic3 { background-image: url(../img/common/ico_contact3.png); } 

.notice-wrap h3 { position: relative; display: flex; align-items: flex-end; margin-bottom: 5px; } 
.notice-wrap h3 strong { font-size:21px; } 
.notice-wrap h3 span { font-size:16px; color: var(--blue); padding-left: 10px; margin-left: 8px; position: relative; } 
.notice-wrap h3 span:before { content: ''; position: absolute; left: 0; bottom:5px; width:2px; height: 10px; background: var(--orange); } 
.notice-wrap h3 img { position: absolute; right:0; bottom:0; height: 20px; opacity:0.3; } 
.notice-wrap h3 .btn-more { position: absolute; right:0; top:0; padding:0 10px; height: 32px; line-height: 30px; border: 1px solid var(--orange); border-radius:33px; font-size:18px; color: var(--orange); } 
.notice-wrap .notice { margin:0 -20px; } 
.notice-wrap .notice ul li a .subj { font-size:16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis ;} 

.radio-txt { position: absolute; opacity:0; z-index:-1; } 
.radio-txt + div { height:30px; line-height: 25px; text-align: center; background: #ffffff;border: #D6E5FF 2px solid; font-size:15px;font-weight: 500; color: #252525; transition: all 0.5s ease; border-radius:30px; } 
.radio-txt:checked + div { background:var(--blue) ;color: #fff; border: 0;line-height: 30px;} 

.find-wrap { } 
.find-wrap .tabs1 { display: flex; margin-bottom: 20px; } 
.find-wrap .tabs1 button { flex: 1; height: 40px; font-size:15px; color: #c9c9c9; border-bottom: 2px solid #c9c9c9; transition: all 0.5s ease; } 
.find-wrap .tabs1 button.active { color: var(--orange); border-color:var(--orange); } 
.find-wrap .labels { display: flex; gap:5px; margin-bottom: 25px; } 
.find-wrap .labels label { flex: 1; } 
.find-wrap .main-search { padding:0 0 20px; } 
.find-wrap.type2 { padding: 20px 20px; } 


.table1 { } 
.table1 table { width:100%; border-collapse: collapse; } 
.table1 table thead th { height: 32px; background: #D6E5FF; font-size:14px; color: #121212; padding:5px 2px; font-weight: 500;} 
.table1 table tbody { background: #f1f1f1; } 
.table1 table tbody td { text-align: center; font-size:14px; font-weight: 600; height: 33px; padding:0 5px; vertical-align: middle; } 
.table1 table tbody.sub td { font-weight: normal; } 
.table1 table tbody.sub + tbody { border-top:1px solid #D6E5FF; } 
.table1 table tbody .btn-flip { width:30px; height: 30px; background: url(../img/common/bu_select_color.png) no-repeat 50% 50%; background-size:14px auto; transition: all 0.5s ease; } 
.table1 table tbody .btn-flip.active { transform: rotate(180deg); } 
.table1 table tbody .btn-srch { width:30px; height: 30px; background: url(../img/common/ico_location.png) no-repeat 50% 50%; background-size:20px auto; transition: all 0.5s ease; } 
.table1 table tbody .btn-del { width:30px; height: 30px; background: url(../img/common/ico_del2.png) no-repeat 50% 50%; background-size:15px auto; transition: all 0.5s ease; } 

#map { height: 240px; margin-bottom: 20px; } 
#map iframe { width:100%; height: 100%; } 

.labels2 { display: flex; justify-content: space-between; margin: 0 10px 20px; } 
.labels2 label { } 
.btn.btn-login { border-radius:4px; height: 58px; font-size:22px;  line-height: 58px; font-weight: 500; } 
.desc2 { font-size:11px; color:#555555; line-height: 1.3; margin-bottom: 30px; padding: 10px; background: #f7f7f7; border-radius: 4px;} 
.etc-btns { display: flex; justify-content: center; align-items: center; } 
.etc-btns a { font-size:14px; position: relative; font-family: 'S-CoreDream-3Light'; font-weight: 600; } 
.etc-btns a + a { margin-left: 14px; padding-left: 16px; } 
.etc-btns a + a:before { content: ''; position: absolute; left: 0; top:50%; width:2px; height: 10px; background: var(--blue); margin-top:-4px; } 

.map-wrap { margin-bottom: 20px; height:250px; overflow:hidden;} 
.map-wrap iframe { width:100%; height: 250px; } 
.map-wrap  > div { height:250px; }

.loading { position: fixed; left: 0; top:0; right:0; bottom:0; background: rgba(0,0,0,0.7); } 
.loading div { height: 100%; display: flex; justify-content: center; align-items: center; } 
.loading div img { width:140px; animation:aniLoading 1.5s linear infinite alternate; } 
@keyframes aniLoading {0% { transform: translateY(0); } 
100% { transform: translateY(-10px); } 
 }

.main-banner img { width:100%; } 



.list-more { text-align:center; margin:25px 0; } 
.btn-more-common { padding:0 40px; height:40px; border-radius:40px; font-size:15px; color:#ff6427; border:1px solid #ff6427; } 
.btn-more-common:after { content:''; display:inline-block; vertical-align:middle; width:14px; height:14px; background:url(../img/common/ico_more.png) no-repeat 50% 50%; background-size:contain; margin:-4px 0 0 10px; } 


.app { max-width:1110px; padding:0 15px; margin:0 auto; font-family: 'S-CoreDream-3Light'; } 
.app .mobile { display:none; } 
.app .head { height:514px; margin:0 -15px; background:url(../img/app/head.png) no-repeat 50% 50%; text-align: center; padding-top:150px; margin-bottom:30px; } 
.app h2 { text-align: center; font-family: 'S-CoreDream-3Light'; position: relative; padding-top:20px;  margin-bottom: 30px;;} 
.app h2:before { content: ''; position: absolute; left: 50%; top:0; width:54px; height: 4px; margin-left:-27px; background: #ff6427; } 
.app h2.mb60 { margin-bottom: 60px;; } 
.app h2 strong { display: block; font-size:31px; color:#000; margin-bottom: 10px;; } 
.app h2 p { font-size:24px; color:#8f8f8f; margin-bottom: 10px;; } 
.app .btns { text-align: center; display: flex; justify-content: center; gap:90px; margin-bottom: 80px; } 
.app .app-guide { text-align: center; font-size:24px; color:#8f8f8f; font-weight:600; margin-bottom: 70px; } 
.app .app-guide span { color:#186eff; } 
.app .app-guide div{  margin-bottom: 15px; ;}
.app .app-guide .red { color:#ff6427; } 
.app .app-guide2 { text-align: center; font-size:24px; color:#8f8f8f; font-weight:600;  margin-bottom: 70px;} 
.app .app-guide2 div { display: inline-block; padding-left:32px; background:url(../img/app/check.png) no-repeat 0 3px;; margin-bottom: 15px;; } 
.app .app-guide2 div span { color: #ff6427; } 
.app .img { text-align: center; padding-bottom: 80px;;}

.iframe-layer { position: fixed; left: 0; right:0; top:0; bottom:0; z-index:1000; }
.iframe-layer .head { height:45px; background:var(--blue); position: relative }
.iframe-layer .head .btn-close { position: absolute; right:0; top:0; width:45px; height:45px; background: url(../img/common/ico_top_close.png) no-repeat 50% 50%; background-size: 20px auto; }
.iframe-layer iframe { height:calc(100% - 45px); width:100%; border:0;  margin:0; padding:0;  overflow-x:hidden; }

.iframe-layer0 { position: fixed; left: 0; right:0; top:0; bottom:0; z-index:1000; }
.iframe-layer0 .head { height:45px; background:var(--blue); position: relative }
.iframe-layer0 .head .btn-close { position: absolute; right:0; top:0; width:45px; height:45px; background: url(../img/common/ico_top_close.png) no-repeat 50% 50%; background-size: 20px auto; }
.iframe-layer0 iframe { height:calc(100% - 45px); width:100%; border:0;  margin:0; padding:0;  overflow-x:hidden; }

@media all and (max-width:800px) {
	.app .pc { display:none;}
	.app .mobile { display: inline;;}
	.app .head  { height: 300px; background-size: cover; padding-top:70px}
	.app .head img { height: 120px; ;}
	.app h2 { margin-bottom: 20px;}
	.app h2 strong { font-size:20px; }
	.app h2 p { font-size:13px; }
	.app .btns { gap:20px; margin-bottom: 40px; ;}
	.app .btns img { width:80px; }
	.app .app-guide { font-size:14px; margin-bottom: 40px;;}
	.app .app-guide2 { font-size:14px; margin-bottom: 40px; }
	.app .app-guide2 div{  background-size:15px auto; padding-left: 20px;}
}



.video-wrap {position:relative;width:100%;height:0;padding-bottom:56.25%; }
.video-wrap iframe {position:absolute;top:0;left:0;width:100%;height:100%;margin-top: 80px; border-radius: 7px;}




/* slider common */
.slick-slider {position:relative;display:block;box-sizing:border-box;}
.slick-list {position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-slide {position:relative;display:none;float:left;height:100%;min-height:1px;}
.slick-initialized .slick-slide {display:block;}

.banner-slider .slick-dots {text-align:center;}
.banner-slider .slick-dots li {display:inline-block;width:10px;height:10px;margin:0 5px;background:#7c7c7c;text-indent:-999px;overflow:hidden;border-radius:10px;cursor:pointer;vertical-align:middle;}
.banner-slider .slick-dots li.slick-active {width:20px;height:10px;background:#ffd744;transition: all 0.5s ease}


.main-banner .slick-dots {text-align:center;}
.main-banner .slick-dots li {display:inline-block;width:10px;height:10px;margin:0 5px;background:#7c7c7c;text-indent:-999px;overflow:hidden;border-radius:10px;cursor:pointer;vertical-align:middle;}
.main-banner .slick-dots li.slick-active {width:20px;height:10px;background:#ffd744;transition: all 0.5s ease}

/* footer 추가 */

#footer{
	display: block;
	width: 100%;
	color:#767676;
	background: #efefef;
	padding: 15px 20px;
	font-size:12px;
}
.f-info li{
	display: flex;
	flex-direction: row;
	line-height: 1.8;
}
.info-tit{
	display: block;
	width: 30%;
}
.info-cont{
	display: inline-block;
	width: 70%;
	color: #252525;
}
.f-info a{
	color: #252525;
}
.f-copy{
	font-size: 12px;
	padding: 10px 0;
}