@charset "UTF-8";

/* 공통 */
@import url("//cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");
@font-face {
	font-family: 'Cafe24Dangdanghae';
	src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.2/Cafe24Dangdanghae.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'S-CoreDream-3Light';
	src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@import url('//fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700&family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap');
@import url('//cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@font-face {
	font-family: 'ELAND_Nice_M';
	src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts-20-12@1.0/ELAND_Nice_M.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Cafe24Shiningstar';
	src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Shiningstar.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Paperozi';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2') format('woff2');
	font-weight: 100;
	font-display: swap;
}
@font-face {
	font-family: 'Paperozi';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2') format('woff2');
	font-weight: 200;
	font-display: swap;
}
@font-face {
	font-family: 'Paperozi';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2');
	font-weight: 300;
	font-display: swap;
}
@font-face {
	font-family: 'Paperozi';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
	font-weight: 400;
	font-display: swap;
}
@font-face {
	font-family: 'Paperozi';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
	font-weight: 500;
	font-display: swap;
}
@font-face {
	font-family: 'Paperozi';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
	font-weight: 600;
	font-display: swap;
}
@font-face {
	font-family: 'Paperozi';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
	font-weight: 700;
	font-display: swap;
}
@font-face {
	font-family: 'Paperozi';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
	font-weight: 800;
	font-display: swap;
}
@font-face {
	font-family: 'Paperozi';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2');
	font-weight: 900;
	font-display: swap;
}
/*
@import url('//fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap');
@import url('//fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700&display=swap');
@import url('//fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
*/
/* 'NanumSquare' 'Noto Sans KR' 'Nanum Gothic' 'S-CoreDream-3Light' 'Pretendard' */

/*common*/
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button { margin: 0; padding: 0; -webkit-text-size-adjust: none; }
body,ul,li,p,div,input,textarea,select,table,button { font-size: 16px; line-height: 160%; font-family: 'Paperozi','Pretendard',굴림,Gulim,Helvetica,AppleGothic,Sans-serif; }
@media (max-width: 768px) {
	body,ul,li,p,div,input,textarea,select,table,button { font-size: 14px; line-height: 160%; }
}

html { height: 100%; }
body { position: relative; background-color: #ffffff; color: #000000; word-wrap: break-word; word-break: break-all; overflow-y: scroll; }
img { max-width: 100%; border: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; }
ul,ol { list-style: none; }
a { color: #000000; text-decoration: none; cursor: pointer; }
table { border-collapse: collapse; }
div,ul,li,input,textarea,a { box-sizing: border-box; vertical-align: middle; }
input, select { vertical-align: middle; }
*:focus { outline: 0; }
iframe { border: none; }
.cleardiv { clear: both; font-size: 0; line-height: 0; }
.blankdiv { float: left; height: 10px; }
.lowheight { font-size: 0; line-height: 0; }
.hiddendiv { display: none; }
.hidden { height: 100%; min-height: 100%; /*overflow: hidden !important;*/ touch-action: none;}

.mobile_not_view { display: inline; }
.mobile_view { display: none; }
.only_mobile { display: none; }
.only_pc { display: block; }
.only_mobile_tablerow { display: none; }
.only_mobile_listitem { display: none; }
@media (max-width: 768px) {
	.mobile_not_view { display: none; }
	.mobile_view { display: inline; }
	.only_mobile { display: block; }
	.only_pc { display: none; }
	.only_mobile_tablerow { display: table-row; }
	.only_mobile_listitem { display: list-item; }
}

#wrap { position: relative; width: 100%; min-width: 1400px; height: 100%; margin: 0; padding: 0; z-index: 1; }
@media (max-width: 768px) {
	#wrap { min-width: auto; }
}



/* 관리자 전용 */ 
#admin_page #wrap { min-width: unset; max-width: 1900px;}
#admin_page #main { display: flex; min-height: 100vh; }
#admin_page .header { position: relative; width: 230px; display: flex; flex-direction: column; }
#admin_page .header .logo { width: 100%; height: 121px; background: #ffffff; }
#admin_page .header ul.menu { position: relative; width: 100%; height: calc( 100% - 121px ); background: #f9fafb/*#ffeb3b/*#d9d9d9*/; border-radius: 0 10px 0 0; padding: 20px 0 0 0; }
#admin_page .header ul.menu > li { position: relative; padding: 10px 10px; }
#admin_page .header ul.menu > li > div.title { position: relative; padding: 0 0 10px 0; font-size: 17px; font-weight: bold; color: #000000; line-height: 100%; }
#admin_page .header ul.menu > li > div.title > a.sm_oc_act { display: block; position: absolute; top: 0; right: 0; font-size: 24px; color: #b1b1b1; transition: transform 0.2s; }
#admin_page .header ul.menu > li > div.title > a.sm_oc_act.open { transform: rotate(90deg); }
#admin_page .header ul.menu > li > div.shadow { display: none; position: absolute; bottom: 10px; left: 10px; width: calc(100% - 20px); height: 20px; box-shadow: inset 0 -20px 20px -5px #f9fafb/*#d9d9d9*/; }
#admin_page .header ul.menu > li > div.shadow.on { display: block; }
#admin_page .header ul.menu > li > ul { background: #ffffff/*#f5f5f5*/; max-height: 56px; overflow: hidden; }
#admin_page .header ul.menu > li > ul.on { max-height: unset; }
#admin_page .header ul.menu > li > ul > li { padding: 5px 10px 15px 10px; /*border-bottom: 1px solid #ffffff;*/ }
#admin_page .header ul.menu > li > ul > li > a { font-size: 15px; font-weight: bold; color: #000000; line-height: 100%; }
#admin_page .header ul.menu > li > ul > li:last-child { /*border-bottom: none;*/ }
#admin_page .header ul.menu > li > ul > li > ul { background: #ffffff/*#f5f5f5*/; }
#admin_page .header ul.menu > li > ul > li > ul > li { padding: 3px 10px 3px 10px; border-bottom: 1px solid #d9d9d9/*#ffffff*/; }
#admin_page .header ul.menu > li > ul > li > ul > li > a { font-size: 13px; color: #000000; line-height: 100%; }
#admin_page .header ul.menu > li > ul > li > ul > li:last-child { /*border-bottom: none;*/ }
#admin_page #contents_div { position: relative; width: calc(100% - 230px); padding: 30px 20px 0 20px; }
#admin_page #contents_div .con_div .con { max-width: unset; }
#admin_page #contents_div .con_div .con.maxwidth848 { max-width: 848px; }
#admin_page #contents_div .con_div .con.mypage_title { font-size: 21px; font-weight: bold; }
#admin_page #contents_div #admin_top_menu { position: absolute; top: 20px; right: 20px; z-index: 9999; }
#admin_page #contents_div .add_info_view_div { position: absolute; top: 0; right: 0; }
#admin_page #contents_div #contents { padding: 10px; z-index: 999; }
#admin_page #contents_div #titlebardiv div { font-size: 13px; padding: 10px 0 7px; }
#admin_page #contents_div #titlebardiv .cleardiv { padding: 0; }
#admin_page #contents_div .datadiv div { font-size: 13px; line-height: 180%; padding: 8px 0 5px; }
#admin_page #contents_div .datadiv div .tbl { font-size: 13px; }
#admin_page #contents_div .viewdiv div { font-size: 13px; line-height: 180%; }
#admin_page #contents_div .viewdiv div input { font-size: 13px; }
#admin_page #contents_div .viewdiv div textarea { font-size: 13px; }
#admin_page #contents_div .datadiv_add_title { }
#admin_page #contents_div .datadiv_add { background: #fafafa; }
#admin_page #contents_div .datadiv_add .txtdiv { font-size: 12px; }
#admin_page #contents_div .datadiv_add .txtdiv_add { font-size: 12px; }
#admin_page #contents_div .datadiv_add .txtdiv_add input { font-size: 12px; }
#admin_page #contents_div .datadiv_add .txtdiv_add select { font-size: 12px; }
#admin_page #contents_div .datadiv_add .txtdiv_add textarea { font-size: 12px; }
#admin_page #contents_div .admin_tbl input { font-size: 12px; }
#admin_page #contents_div .admin_tbl select { font-size: 12px; }
#admin_page #contents_div .admin_tbl textarea { font-size: 12px; }
#admin_page #contents_div .datadiv_add .txtdiv_full { padding-left: 10px; padding-right: 10px; }
#admin_page #contents_div .datadiv.display_none { display: none; }
#admin_page #contents_div .footer { padding: 20px 0; text-align: center; font-size: 10px; }
#admin_page #contents_div .chart_w100p { width: 100%; }
#admin_page #contents_div .chart_h500px { height: 500px; }
#admin_page #contents_div .chart_w80p { width: 80%; }
#admin_page #contents_div .chart_h350px { height: 350px; }
#admin_page #contents_div .width25p { width: 25%; }
#admin_page #contents_div .width33p { width: 33%; }
#admin_page #contents_div .chartDiv2 canvas:nth-of-type(2) { display: none; }
#admin_page #contents_div .group_sel ul li { float: left; margin: 0 10px 8px 0; }
#admin_page #contents_div .group_sel ul li a { display: inline-block; padding: 8px 15px; background: #c9c9c9; color: #ffffff; border-radius: 20px; line-height: 100%; }
#admin_page #contents_div .group_sel ul li a.on { background: #ff6700; }
/*
#admin_page .header .menu_div .mainmenu { position: relative; width: 1240px; height: 57px; margin: 0 auto; text-align: center; z-index: 30; }
#admin_page .header .menu_div .mainmenu { position: relative; width: 1240px; height: 57px; margin: 0 auto; text-align: center; z-index: 30; }
#admin_page .header .menu_div .mainmenu ul a { color: #ffffff; }
#admin_page .header .menu_div .mainmenu li { float: left; padding: 15px 10px 0; }
#admin_page .header .menu_div .mainmenu ul:after { clear: both; display: block; content:''; }
*/



/* 헤더 위 쪽지 */
.header_memo { width: 100%; background: #ff7600; padding: 5px 0; z-index: 300; }
.header_memo .header_memo_in { position: relative; width: 1400px; margin: 0 auto; color: #ffffff; z-index: 200; }
@media (max-width: 768px) {
	.header_memo { padding: 5px 5%; }
}

/* 헤더 */
.header_div { width: 100%; background: #ffffff; z-index: 300; }
.header_div .header { position: relative; width: 1400px; margin: 0 auto; height: 176px; background: #ffffff; z-index: 200; display: flex; align-items: center; justify-content: space-between; }
.header_div .header .logo { }
.header_div .header .logo .mobile_back_btn { display: none; }
.header_div .header .logo img.s5logo { max-height: 77px; }
.header_div .header .logo.logo_two img { max-width: 120px; max-height: 77px; }
.header_div .header .logo.logo_two .logo_by { display: inline-block; font-size: 24px; padding: 0 8px; color: #000000; vertical-align: middle; }
.header_div .header .mobile_menu_btn { display: none; }
.header_div .header .menu { }
.header_div .header .menu > ul { }
.header_div .header .menu > ul > li { float: left; position: relative; font-size: 17px; font-weight: 500; color: #000000; padding: 0 0; line-height: 176px; }
.header_div .header .menu > ul > li > a { display: block; color: #000000; padding: 0 20px; transition: all 0.3s ease; }
.header_div .header .menu > ul > li > a:hover { background: #009688; color: #ffffff; }
.header_div .header .menu > ul > li.green { padding: 0 10px; }
.header_div .header .menu > ul > li.green.fst { padding: 0 10px 0 40px; }
.header_div .header .menu > ul > li.green > a { padding: 0; }
.header_div .header .menu > ul > li.green > a > span { font-weight: 400; background: #86ad00;/*d2ee64*/ color: #ffffff; padding: 5px 20px; border-radius: 30px; transition: all 0.3s ease; }
.header_div .header .menu > ul > li.green > a:hover { background: unset; }
.header_div .header .menu > ul > li.green > a:hover > span { background: #000000; color: #ffffff; }
.header_div .header .menu > ul > li.mypage > a:hover { background: unset; }
.header_div .header .menu > ul > li > .mo_arrow { display: none; }
/*.header_div .header .menu > ul > li.mypage { padding-right: 4px; }*/
.header_div .header .menu > ul > li > ul { display: none; position: absolute; width: max-content; padding: 50px 0 0 0; text-align: center; left: 50%; transform: translate(-50%, 0); }
/*.header_div .header .menu > ul > li.mypage > ul { width: 100px; margin-left: -27px; }*/
.header_div .header .menu > ul > li > ul.on { display: block; }
.header_div .header .menu > ul > li > ul > li { font-size: 16px; font-weight: 400; color: #000000; line-height: 200%; }
.header_div .header .menu > ul > li > ul > li > a { display: block; padding: 0 20px; color: #000000; text-align: center; border-radius: 50px; transition: all 0.3s ease; }
.header_div .header .menu > ul > li > ul > li > a:hover { background: #8bc34a; color: #ffffff; }
.header_div .header .menu > ul:after { clear: both; display: block; content:''; }
.header_div .menu_bg { display: none; position: absolute; width: 100%; height: 270px; background: #ededed; z-index: 150; }
.header_div .menu_bg .menu_bg_in { position: relative; width: 1400px; margin: 0 auto; height: 270px; padding: 44px 0 0 100px; }
.header_div .menu_bg.on { display: block; }
.header_div_blank { position: relative; width: 100%; height: 0; }

.header_div.fixed { position: fixed; top: 0; border-bottom: 1px solid #e1e1e1; }
.header_div.fixed .header { height: 90px; }
.header_div.fixed .header .logo { line-height: 90px; }
.header_div.fixed .header .logo img { height: 60px; }
.header_div.fixed .header .logo.logo_two img { max-height: 80px; height: auto; }
.header_div.fixed .header .menu > ul > li { line-height: 90px; }
.header_div.fixed .header .menu > ul > li > ul { padding: 15px 0 0 0; }
.header_div.fixed .menu_bg { height: 240px; }
.header_div.fixed .menu_bg .menu_bg_in { height: 240px; padding: 14px 0 0 100px; }
.header_div_blank.fixed { height: 240px; }

@media (max-width: 768px) {
	.header_div { }
	.header_div .header { width: 100%; height: 60px; }
	.header_div .header .logo { display: flex; align-items: center; }
	.header_div .header .logo .mobile_back_btn { display: inline; padding: 7px 5px 0 5px; }
	.header_div .header .logo img { height: 33px; }
	.header_div .header .logo.logo_two img { max-width: 80px; max-height: 33px; height: auto; }
	.header_div .header .logo.logo_two .logo_by { display: none; /*font-size: 14px; padding: 0 7px;*/ }
	.header_div .header .logo.logo_two .logo_se { display: none; }
	.header_div .header .mobile_menu_btn { display: flex; align-items: center; gap: 10px; padding: 0 20px 0 0; }
	.header_div .header .mobile_menu_btn .app_install { display: inline-block; font-size: 15px; line-height: 28px; color: #ffffff; background: #ff6a12; padding: 0 8px; border-radius: 7px; vertical-align: middle; }
	.header_div .header .mobile_menu_btn .alarm_btn { position: relative; }
	.header_div .header .mobile_menu_btn i { vertical-align: middle; }
	.header_div .header .mobile_menu_btn .p_cnt { position: absolute; top: -8px; right: -8px; font-size: 12px; line-height: 16px; width: 16px; height: 16px; text-align: center; border: 0px solid #858585; border-radius: 50%; background: #bc364e; color: #ffffff; }
	.header_div .header .menu { display: none; float: unset; position: absolute; top: 0; left: 0; width: 100%; min-height: 100vh; background: #2d998d; }
	.header_div .header .menu.on { display: block; }
	.header_div .header .menu > ul { }
	.header_div .header .menu > ul > li { float: unset; font-size: 18px; color: #ffffff; padding: 0; line-height: 50px; text-align: right; border-bottom: 1px solid #81c2bb; }
	.header_div .header .menu > ul > li.mo_logo { line-height: 77px; text-align: center; border-bottom: none; }
	.header_div .header .menu > ul > li.mo_logo img { height: 36px; }
	.header_div .header .menu > ul > li.mo_login { text-align: center; border-bottom: none; background: #166d70; color: #fff000; font-size: 18px; font-weight: bold; }
	.header_div .header .menu > ul > li.mo_login a { color: #fff000; margin-right: 0; vertical-align: bottom; }
	.header_div .header .menu > ul > li.mo_b_logo { text-align: center; border-bottom: none; padding: 44px 0; }
	.header_div .header .menu > ul > li.mo_b_logo img { height: 137px; }
	.header_div .header .menu > ul > li > a { display: inline; color: #ffffff; margin-right: 17%; padding: 0; }
	.header_div .header .menu > ul > li > .mo_arrow { display: block; position: absolute; top: 0; right: 0; width: 17%; line-height: 50px; text-align: center; }
	.header_div .header .menu > ul > li > .mo_arrow img { height: 10px; }
	.header_div .header .menu > ul > li.mypage { padding-right: 0; }
	.header_div .header .menu > ul > li.mo_logo > .mo_arrow { line-height: 77px; }
	.header_div .header .menu > ul > li.mo_logo > .mo_arrow img { height: 18px; }
	.header_div .header .menu > ul > li > ul { display: none; position: relative; width: 100%; padding: 25px 17%; text-align: right; background: #166d70; border-top: 1px solid #81c2bb; }
	.header_div .header .menu > ul > li.green { padding: 0; }
	.header_div .header .menu > ul > li.green.fst { padding: 0; }
	.header_div .header .menu > ul > li.green > a { padding: 0; }
	.header_div .header .menu > ul > li.green > a > span { font-weight: 500; background: unset; padding: 0; border-radius: 0; }
	.header_div .header .menu > ul > li.green > a:hover { background: unset; }
	.header_div .header .menu > ul > li.green > a:hover > span { background: #000000; color: #ffffff; }
	.header_div .header .menu > ul > li.mypage > ul { width: 100%; margin-left: 0; }
	.header_div .header .menu > ul > li > ul.on { display: block; }
	.header_div .header .menu > ul > li > ul > li { font-size: 14px; color: #fff000; line-height: 30px; }
	.header_div .header .menu > ul > li > ul > li > a { color: #fff000; display: inline; padding: 0; }
	.header_div .menu_bg.on { display: none; }

	.header_div.fixed { position: fixed; top: 0; border-bottom: 1px solid #e1e1e1; }
	.header_div.fixed .header { height: 60px; }
	.header_div.fixed .header .logo { line-height: 60px; }
	.header_div.fixed .header .logo img { height: 33px; }
	.header_div.fixed .header .logo.logo_two img { max-height: 33px; }
	.header_div.fixed .header .menu > ul > li { line-height: 50px; }
	.header_div.fixed .header .menu > ul > li.mo_logo { line-height: 77px; }
	.header_div.fixed .header .menu > ul > li > ul { padding: 25px 17%; }
	.header_div_blank.fixed { height: 60px; }
}

.m_s_menu { }
.m_s_menu ul li { float: left; border-right: 1px solid #ffffff; }
.m_s_menu ul.item2 li { width: calc( 100% / 2 ); }
.m_s_menu ul.item3 li { width: calc( 100% / 3 ); }
.m_s_menu ul.item4 li { width: calc( 100% / 4 ); }
.m_s_menu ul.item5 li { width: calc( 100% / 5 ); }
.m_s_menu ul li:last-child { border-right: none; }
.m_s_menu ul li a { display: inline-block; width: 100%; font-size: 16px; line-height: 100%; padding: 14px 0; text-align: center; background: #009688; color: #ffffff; }
.m_s_menu ul:after { clear: both; display: block; content:''; }



/* 본문 영역 공통 */
#contents { position: relative; width: 100%; padding: 0; z-index: 100; }
.con_div { position: relative; width: 100%; }
.con_div.scroll_x { overflow-x: auto; }
.con_div.subpage { padding: 100px 0 100px 0; }
.con_div .con { position: relative; width: 100%; max-width: 1600px; margin: 0 auto; }
.con_div .con img { max-width: 100%; }
.con_div.subpage .con img { height: auto; }
.con_div .con.board img { height: auto; }
.con_div .con.board .notitle img { max-width: 60%; }
.con_div .con.maxwidth_none { max-width: none; }
.con_div .con.maxwidth_maxcontent { max-width: max-content; }
.con_div .con.maxwidth1600 { max-width: 1600px; }
.con_div .con.maxwidth1400 { max-width: 1400px; }
.con_div .con.maxwidth1240 { max-width: 1240px; }
.con_div .con.maxwidth1200 { max-width: 1200px; }
.con_div .con.maxwidth1100 { max-width: 1100px; }
.con_div .con.maxwidth1050 { max-width: 1050px; }
.con_div .con.maxwidth1000 { max-width: 1000px; }
.con_div .con.maxwidth900 { max-width: 900px; }
.con_div .con.maxwidth848 { max-width: 848px; }
.con_div .con.maxwidth800 { max-width: 800px; }
.con_div .con.maxwidth680 { max-width: 680px; }
.con_div .con.maxwidth610 { max-width: 610px; }
.con_div .con.maxwidth600 { max-width: 600px; }
.con_div .con.maxwidth400 { max-width: 400px; }
.con_div .con.maxwidth300 { max-width: 300px; }
.con_div .con .maxwidth_maxcontent { max-width: max-content; }
.con_div .con .maxwidth800 { max-width: 800px; margin: 0 auto; }
.con_div .con .maxwidth680 { max-width: 680px; margin: 0 auto; }
.con_div .con .maxwidth650 { max-width: 650px; margin: 0 auto; }
.con_div .con.displaynone { display: none; }
.con_div .con .left { float: left; }
.con_div .con .left.left5p { width: 5%; }
.con_div .con .left.left8p { width: 8%; }
.con_div .con .left.left10p { width: 10%; }
.con_div .con .left.left15p { width: 15%; }
.con_div .con .left.left20p { width: 20%; }
.con_div .con .left.left23p { width: 23%; }
.con_div .con .left.left25p { width: 25%; }
.con_div .con .left.left30p { width: 30%; }
.con_div .con .left.left35p { width: 35%; }
.con_div .con .left.left40p { width: 40%; }
.con_div .con .left.left50p { width: 50%; }
.con_div .con .left.left60p { width: 60%; }
.con_div .con .left.left65p { width: 65%; }
.con_div .con .left.left70p { width: 70%; }
.con_div .con .left.left75p { width: 75%; }
.con_div .con .left.left77p { width: 77%; }
.con_div .con .left.left85p { width: 85%; }
.con_div .con .right { float: right; }
.con_div .underline2 { border-bottom: solid 1px #d0d0d0; }
.con_div .con:after { clear: both; display: block; content:''; }
@media (max-width: 768px) {
	#contents { }
	.con_div.subpage { padding: 50px 0 50px 0; }
	.con_div .con.board { padding-left: 5%; padding-right: 5%; }
	.con_div .con.board .notitle img { max-width: 100%; }
	.con_div .con .left { float: unset; }
	.con_div .con .right { float: unset; }
	.con_div .con.test_div .left.left15p { float: left; width: 30%; }
	.con_div .con.test_div .left.left35p { float: left; width: 70%; }
	.con_div .con.test_div .left.left50p { float: left; width: 50%; }
	.con_div .con.test_div .left.left85p { float: left; width: 70%; }
	.con_div .con .other_result .left.left35p { float: left; width: 100%; }
	.con_div .con .other_result .left.left35p.alignright { text-align: center; }
	.con_div .con .other_result .left.left65p { float: left; width: 100%; }
	.con_div .con .left.w100p_m { width: 100%; }
}

.con_div .con .subtitle { font-size: 24px; color: #000000; font-weight: 600; text-align: left; line-height: 100%; padding: 20px 0 10px 0; }
@media (max-width: 768px) {
	.con_div .con .subtitle { font-size: 16px; padding: 15px 0 10px 0; }
}



/* 메인 슬라이드 */
.con_div.c_image { background: #b1cb00; }
.con_div.c_image.index.only_pc { overflow: hidden; }
.slide.swiper-container .swiper-pagination-bullet { width: 10px; height: 10px; }
.slide.swiper-container .swiper-pagination-bullet-active { background: #ffffff; }
.slide.swiper-container .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 8px; }
@media (max-width: 768px) {
	.slide .swiper-horizontal>.swiper-pagination-bullets, .slide .swiper-pagination-bullets.swiper-pagination-horizontal, .slide .swiper-pagination-custom, .slide .swiper-pagination-fraction { bottom: 0; }
}



/* 푸터 */
#footer_div { position: relative; width: 100%; background: #2a3233; }
#footer_div .footer { position: relative; width: 100%; max-width: 1400px; margin: 0 auto; padding: 96px 0 70px; background: #2a3233; display: flex; justify-content: space-between; align-items: center; }
#footer_div .footer .left { }
#footer_div .footer .left .catchphrase { font-size: 14px; font-weight: 200; color: #ffffff; }
#footer_div .footer .left .logo { padding: 20px 0; }
#footer_div .footer .left .link { font-size: 14px; font-weight: 200; color: #ffffff; }
#footer_div .footer .left .link a { font-size: 14px; font-weight: 200; color: #ffffff; }
#footer_div .footer .left .store { padding: 25px 0 0 0; }
#footer_div .footer .right { }
#footer_div .footer .right .service { }
#footer_div .footer .right .copyright { padding: 25px 0 0 0; font-size: 14px; font-weight: 200; line-height: 130%; color: #ffffff; }
#footer_div .footer .right .copyright a { font-size: 14px; font-weight: 200; color: #ffffff; }
@media (max-width: 768px) {
	#footer_div { }
	#footer_div .footer { padding: 30px 0 80px; display: block; }
	#footer_div .footer .left { width: 100%; }
	#footer_div .footer .left .catchphrase { font-size: 12px; text-align: center; }
	#footer_div .footer .left .logo { padding: 10px 0; text-align: center; }
	#footer_div .footer .left .logo img { height: 40px; }
	#footer_div .footer .left .link { font-size: 12px; text-align: center; }
	#footer_div .footer .left .link a { font-size: 12px; }
	#footer_div .footer .left .store { padding: 10px 0 0 0; text-align: center; }
	#footer_div .footer .left .store img { height: 30px; }
	#footer_div .footer .right { padding: 10px 0 0 0; }
	#footer_div .footer .right .service { text-align: center; }
	#footer_div .footer .right .copyright { padding: 10px 0 0 0; font-size: 12px; text-align: center; }
	#footer_div .footer .right .copyright a { font-size: 12px; }
}



/* 모바일 하단 메뉴 */
.b_menu { position: fixed; bottom: 0; width: 100%; background: #ffffff; border-top: 1px solid #dbdbdb; z-index: 999; }
.b_menu ul li { float: left; width: 20%; }
.b_menu ul li div { text-align: center; }
.b_menu ul li div.img { padding: 10px 0 0 0; }
.b_menu ul li div.img img { width: 23px; }
.b_menu ul li div.text { font-size: 10px; color: #000000; line-height: 17px; }
.b_menu ul:after { clear: both; display: block; content:''; }



/* 팝업 */
.popup p { line-height: 0; }
@media (max-width: 768px) {
	.popup { left: 4% !important; width: 92%; }
	.popup .popup_in { width: auto !important; height: auto !important; }
	.popup .popup_in img { max-width: 100%; height: auto !important; }
}



/* 모달 */
.modal_div { position: absolute; width: 600px; left: calc( 50% - ( 300px / 2 ) ); top: calc( 5% ); max-height: 90%; padding: 40px; background: #ffffff; border: 10px solid #dbe21d; overflow-y: auto; z-index: 99999; /*border-radius: 0 10px 0 10px;*/ }
.modal_div div, .modal_div ol, .modal_div ul { }
.modal_div.off { display: none; }
.modal_div .modal_con { min-height: 250px; line-height: 200%; /*overflow-y: auto;*/ }
.modal_div .modal_con .modal_title { padding: 0 0 10px 0; font-size: 2em; color: #628799; text-align: center; }
.modal_div .modal_con img { max-width: 100%; }
.modal_div .modal_close { position: absolute; top: 20px; right: 20px; z-index: 99999; }
.modal_div .modal_close a { display: inline-block; width: 28px; height: 28px; line-height: 28px; text-align: center; background: #a9a9a9; color: #ffffff; font-size: 17px; border-radius: 3px; }
.modal_div .aligncenter { text-align: center; }
@media (max-width: 768px) {
	.modal_div { padding: 20px 4% 10px 4%; width: 96%; left: 2%; }
	.modal_div .modal_con { min-height: 200px; }
	.modal_div .modal_close { position: absolute; top: 15px; right: 20px; z-index: 99999; }
	.modal_div .modal_close a { width: 30px; height: 30px; }
}
.overray { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #009ab7; opacity: 0.63; z-index: 9999; }
.overray.overray2 { background: #000000; opacity: 0.85; }
.overray.off { display: none; }



/* 메인 */
.main_notice .main_notice_in .main_notice_notice { text-align: center; padding: 85px 0 85px; }
.main_notice .main_notice_in .main_notice_notice a { display: inline-block; font-size: 23px; font-weight: 500; line-height: 100%; background: #d7e65e; padding: 10px 60px; transition: all 0.3s ease; }
.main_notice .main_notice_in .main_notice_notice a:hover { transform: scale(1.2); }
@media (max-width: 768px) {
	.main_notice .main_notice_in { max-width: 94%; }
	.main_notice .main_notice_in .main_notice_notice { padding: 40px 0 40px; }
	.main_notice .main_notice_in .main_notice_notice a { display: inline-block; max-width: 100%; font-size: 14px; line-height: 100%; padding: 8px 15px; border-radius: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}

.main_school .title span { transition: all 0.3s ease; }
.main_school:hover .title span { color: #86ad00; }
.main_school .btn { transition: all 0.3s ease; }
.main_school .btn:hover { transform: scale(1.2); }

.main_review .main_review_in { max-width: 1400px; }
.main_review .main_review_in .slide_review { overflow: hidden; }
.main_review .main_review_in .slide_review ul li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0.3s ease; }
.main_review .main_review_in .slide_review ul li:hover { background: #f9f9f9; }
.main_review .main_review_in .slide_review .swiper-horizontal>.swiper-pagination-bullets,
.main_review .main_review_in .slide_review .swiper-pagination-bullets.swiper-pagination-horizontal,
.main_review .main_review_in .slide_review .swiper-pagination-custom,
.main_review .main_review_in .slide_review .swiper-pagination-fraction { bottom: unset; }
.main_review .main_review_in .slide_review .swiper-pagination-bullet-active { background: #b1cb00; }
@media (max-width: 768px) {
	.main_review .main_review_in .slide_review { position: relative; padding: 0 6% 40px; }
	.main_review .main_review_in .slide_review ul li { }
}

.main_service .main_service_in { }
.main_service .main_service_in .title { font-size: 50px; font-weight: 500; text-align: center; padding: 0 0 60px 0; }
.main_service .main_service_in .title span { font-weight: 800; transition: all 0.3s ease; }
.main_service .main_service_in:hover .title span { color: #86ad00; }
.main_service .main_service_in .contents { display: flex; justify-content: center; flex-wrap: wrap; gap: 55px; }
.main_service .main_service_in .contents > div { position: relative; }
.main_service .main_service_in .contents > div .img { }
.main_service .main_service_in .contents > div .txt { position: absolute; display: inline-block; transition: all 0.3s ease; }
.main_service .main_service_in .contents > div .txt.txt1 { top: 50px; left: 50px; }
.main_service .main_service_in .contents > div .txt.txt2 { width: 100%; top: 43%; left: 0px; text-align: center; }
.main_service .main_service_in .contents > div:hover .txt { transform: scale(1.2); }
@media (max-width: 768px) {
	.main_service .main_service_in { }
	.main_service .main_service_in .title { font-size: 30px; padding: 0 0 30px 0; }
	.main_service .main_service_in .title span { }
	.main_service .main_service_in .contents { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; padding: 0 5%; }
	.main_service .main_service_in .contents > div { position: relative; width: calc( 50% - 10px ); }
	.main_service .main_service_in .contents > div .img { }
	.main_service .main_service_in .contents > div .txt { position: absolute; display: inline-block; transition: all 0.3s ease; }
	.main_service .main_service_in .contents > div .txt.txt1 { top: 15px; left: 15px; }
	.main_service .main_service_in .contents > div .txt.txt2 { width: 100%; top: 30%; left: 0px; text-align: center; }
	.main_service .main_service_in .contents > div:hover .txt { }
}

.main_blog .main_blog_in { padding: 110px 0 0 0; }
.main_blog .main_blog_in .title { font-size: 50px; font-weight: 500; text-align: center; padding: 0 0 60px 0; }
.main_blog .main_blog_in .title span { font-weight: 800; transition: all 0.3s ease; }
.main_blog .main_blog_in:hover .title span { color: #86ad00; }
.main_blog .main_blog_in .slide_blog { padding: 0 0 110px 0; overflow: hidden; }
.main_blog .main_blog_in .slide_blog ul li .bbs_img { height: 260px; border-radius: 20px; }
.main_blog .main_blog_in .slide_blog ul li .bbs_title { margin: 10px 0 0 0; padding: 10px 20px; font-size: 18px; text-align: center; transition: all 0.3s ease; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.main_blog .main_blog_in .slide_blog ul li:hover .bbs_title { font-weight: 500; background: #f1f1f1; border-radius: 10px; }
.main_blog .main_blog_in .slide_blog ul li .date { font-size: 16px; }
.main_blog .main_blog_in .slide_blog .swiper-horizontal>.swiper-pagination-bullets,
.main_blog .main_blog_in .slide_blog .swiper-pagination-bullets.swiper-pagination-horizontal,
.main_blog .main_blog_in .slide_blog .swiper-pagination-custom,
.main_blog .main_blog_in .slide_blog .swiper-pagination-fraction { bottom: unset; }
.main_blog .main_blog_in .slide_blog .swiper-pagination-bullet-active { background: #b1cb00; }
@media (max-width: 768px) {
	.main_blog .main_blog_in { padding: 50px 0 0 0; }
	.main_blog .main_blog_in .title { font-size: 30px; padding: 0 0 30px 0; }
	.main_blog .main_blog_in .title span { }
	.main_blog .main_blog_in .slide_blog { padding: 0 5% 50px 5%; }
	.main_blog .main_blog_in .slide_blog ul li .bbs_img { height: 35vw; border-radius: 15px; }
	.main_blog .main_blog_in .slide_blog ul li .bbs_title { padding: 0; font-size: 14px; }
	.main_blog .main_blog_in .slide_blog ul li .date { font-size: 12px; }
}

.main_partner .main_partner_in { padding: 0 0 100px 0; text-align: center; }
.main_partner .main_partner_in .rolling { overflow: hidden; }
.main_partner .main_partner_in .rolling .track { display: flex; justify-content: center; align-items: center; gap: 30px; width: max-content; animation: scroll 200s linear infinite; }
.main_partner .main_partner_in .rolling .track .item { white-space: nowrap; }
.main_partner .main_partner_in .rolling .track .item img { max-height: 30px; }
@keyframes scroll {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}
@media (max-width: 768px) {
	.main_partner .main_partner_in { padding: 0 0 50px 0; }
	.main_partner .main_partner_in .rolling .track { gap: 20px; animation: scroll 150s linear infinite; }
	.main_partner .main_partner_in .rolling .track .item img { max-height: 20px; }
}

#map { width: 100%; height: 400px; border: 6px solid #c0c0c0; border-radius: 20px; }
@media (max-width: 768px) {
	#map { height: 250px; }
}



/* 서브페이지 */
ul.tip3 { text-align: center; }
ul.tip3 li { display: inline-block; position: relative; width: 245px; height: 245px; margin-right: 58px; background: #ff6700; border-radius: 50px; padding: 75px 0 0 45px; box-shadow: 3px 3px 0px 0px #0000000d; font-size: 16px; color: #ffffff; line-height: 130%; text-align: left; }
ul.tip3 li .round_num { position: absolute; top: -31px; left: 91px; width: 63px; height: 63px; background: #000000; border-radius: 50%; box-shadow: 3px 3px 0px 0px #0000000d; font-family: 'SeoulHangang'; font-size: 30px; color: #ffffff; line-height: 63px; text-align: center; }
ul.tip3 li:last-child { margin-right: 0; }
ul.tip3:after { clear: both; display: block; content:''; }

@media (max-width: 768px) {
	ul.tip3 { text-align: center; }
	ul.tip3 li { display: block; position: relative; width: 100%; height: auto; margin-right: 0; margin-bottom: 15px; background: #ff6700; border-radius: 20px; padding: 17px 20px; box-shadow: 3px 3px 0px 0px #0000000d; font-size: 14px; color: #ffffff; line-height: 130%; text-align: left; }
	ul.tip3 li .round_num { display: inline-block; position: relative; top: unset; left: unset; width: 28px; height: 28px; background: #000000; border-radius: 50%; box-shadow: 3px 3px 0px 0px #0000000d; font-family: 'SeoulHangang'; font-size: 16px; color: #ffffff; line-height: 30px; text-align: center; }
}

.order_explain_circle { display: inline-block; width: 205px; height: 205px; line-height: 205px; border-radius: 50%; background: #ff9900; font-size: 24px; color: #ffffff; text-align: center; box-sizing: border-box; }
.order_explain_circle.order_explain_circle2 { line-height: 100%; background: #ff6700; padding-top: 68px; }

.con_explain_circle { display: inline-block; width: 120px; height: 120px; line-height: 120px; border-radius: 50%; background: #ff6600; font-size: 30px; color: #ffffff; text-align: center; box-sizing: border-box; margin-right: 50px; }

ul.disc_use { position: relative; }
ul.disc_use li { position: relative; }
ul.dot_basic li:before { content: '·'; position: absolute; left: 0; }
ul.dot_basic li { padding-left: 8px; }
ul.dot_big_bluegreen1 { position: relative; }
ul.dot_big_bluegreen1 li:before { content: '●'; position: absolute; left: 0; color: #2d998d; }
ul.dot_big_bluegreen1 li { padding-left: 20px; }
ul.dot_big_black li:before { content: '●'; position: absolute; left: 0; color: #000000; }
ul.dot_big_black li { position: relative; padding-left: 20px; }
ul.dot_big_black li.font_v18:before { font-size: 15px; }
ul.dot_big_black li.font_v18 { padding-left: 25px; }
ul.dot_hypen li:before { content: '-'; position: absolute; left: 0; color: #000000; }
ul.dot_hypen li { padding-left: 15px; }
ul.dot_checkbox li:before { content: ''; background: url("../img_new/info/info_b_1.png") top no-repeat; background-size: 100% auto; position: absolute; width: 18px; height: 18px; left: 0; top: 4px; }
ul.dot_checkbox li { padding-left: 20px; }
@media (max-width: 768px) {
	ul.dot_big_black li:before { }
	ul.dot_big_black li { }
	ul.dot_big_black li.font_v18:before { font-size: 12px; }
	ul.dot_big_black li.font_v18 { padding-left: 18px; }
}

@media (max-width: 768px) {
	.s_tit_num { display: block; float: left; width: 47px; height: 47px; background: #2d998c; border-radius: 50%; font-family: 'SeoulHangang'; font-size: 21px; color: #ffffff; line-height: 51px; text-align: center; }
	.s_tit_text { display: block; float: left; width: calc( 100% - 47px ); line-height: 51px; padding-left: 10px; box-sizing: border-box; }
	.con_div .con .s_tit_text .left { float: left; }
	.con_div .con .s_tit_text .right { float: right; }

	.order_explain_ticket { width: auto; height: 100px; margin: 0 auto; background: url("../img_new/s5_test/ticket.png") center no-repeat; background-size: auto 100%; font-size: 28px; color: #ffffff; text-align: center; line-height: 100px; padding-right: 9%; }
	.order_explain_ticket.order_explain_ticket2 { background: url("../img_new/s5_test/ticket2.png") center no-repeat; background-size: auto 100%; font-size: 24px; line-height: 100%; padding-top: 15px; }
	.order_explain_ticket.order_explain_ticket3 { background: url("../img_new/s5_test/ticket3.png") center no-repeat; background-size: auto 100%; }
}

ul.group_order { padding: 0 50px; }
ul.group_order li { float: left; position: relative; width: calc( 100% / 6 ); }
ul.group_order li .num { position: relative; z-index: 100; }
ul.group_order li .num span { display: inline-block; width: 74px; height: 74px; line-height: 77px; text-align: center; border-radius: 50%; background: #ff6700; box-shadow: 3px 3px 0px 0px #0000000d; color: #ffffff; font-size: 30px; font-family: 'SeoulHangang'; z-index: 100; }
ul.group_order li .midline { position: absolute; top: 37px; width: 100%; height: 1px; background: #ff6700; box-shadow: 3px 3px 0px 0px #0000000d; z-index: 10; }
ul.group_order:after { clear: both; display: block; content:''; }

.swiper-container ul li .bbs_img { height: 150px; }
.swiper-container ul li .bbs_title { margin: 7px 0 0 0; padding: 10px 10px; font-size: 16px; text-align: center; transition: all 0.3s ease; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.swiper-container ul li:hover .bbs_title { font-weight: 500; background: #f1f1f1; border-radius: 5px; }
.swiper-container ul li .date { font-size: 14px; }
.swiper-container .swiper-horizontal>.swiper-pagination-bullets,
.swiper-container .swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-container .swiper-pagination-custom,
.swiper-container .swiper-pagination-fraction { bottom: unset; }
.swiper-container .swiper-pagination-bullet-active { background: #b1cb00; }
@media (max-width: 768px) {
	.swiper-container ul li .bbs_img { height: 25vw; }
	.swiper-container ul li .bbs_title { padding: 5px 5px; font-size: 14px; }
	.swiper-container ul li .date { font-size: 12px; }
}



/* 로그인 */
.con_div .con.login_div { width: 560px; }
.con_div .con.login_div .login_text { padding: 0 0 14px 0; }
.con_div .con.login_div .login_ipt { padding: 0 0 14px 0; }
.con_div .con.login_div .login_ipt input { width: 100%; height: 55px; border: 1px solid #e3e3e3; padding: 0 22px; font-size: 15px; color: #676767; background: #ffffff; }
.con_div .con.login_div .login_search { font-size: 14px; color: #676767; text-align: center; padding: 0 0 14px 0; }
.con_div .con.login_div .login_search a { color: #676767; }
.con_div .con.login_div .login_btn { padding: 0 0 14px 0; }
.con_div .con.login_div .login_btn a { display: inline-block; width: 100%; line-height: 63px; background: #ffd400; color: #010101; font-size: 15px; text-align: center; border-radius: 5px; }
.con_div .con.login_div .login_btn.login_btn2 a { background: #2d998d; color: #ffffff; }
.con_div .con.login_div .login_btn.training_sel { float: left; width: 48%; margin-right: 4%; }
.con_div .con.login_div .login_btn.training_sel.w100 { width: 100%; margin-right: 0; }
.con_div .con.login_div .login_btn.training_sel:nth-child(2) { margin-right: 0; }
.con_div .con.login_div .login_btn.training_sel a { line-height: 160%; padding: 18px 0; }
.con_div .con.login_div .login_btn .start_day { border: solid 1px #cecece; padding: 0 10px; height: 30px; }
.con_div .con.login_div .login_btn:after { clear: both; display: block; content:''; }
.con_div .con.login_div .login_social_title { position: relative; width: 100%; height: 1px; background: #e3e3e3; margin: 30px 0; }
.con_div .con.login_div .login_social_title div { position: absolute; top: -7px; left: 50%; width: 120px; margin-left: -60px; font-size: 14px; color: #676767; line-height: 100%; text-align: center; background: #ffffff; }
.con_div .con.login_div .login_social { text-align: center; }
#naverIdLogin { display: none; }
@media (max-width: 768px) {
	.con_div .con.login_div { width: 90%; }
	.con_div .con.login_div .login_text { padding: 0 0 10px 0; }
	.con_div .con.login_div .login_ipt { padding: 0 0 10px 0; }
	.con_div .con.login_div .login_ipt input { height: 40px; padding: 0 15px; }
	.con_div .con.login_div .login_search { padding: 0 0 10px 0; }
	.con_div .con.login_div .login_btn { padding: 0 0 10px 0; }
	.con_div .con.login_div .login_btn a { line-height: 50px; }
	.con_div .con.login_div .login_btn.training_sel { width: 100%; margin-right: 0; }
	.con_div .con.login_div .login_btn.training_sel a { padding: 12px 0; }
	.con_div .con.login_div .login_social_title { margin: 25px 0; }
	.con_div .con.login_div .login_social img { /*height: 40px;*/ }
}



/* 회원 가입 */
.con_div .con.join_div { width: 850px; }
.join_div .open_terms { position: absolute; top: 0; right: 19%; }
.join_div .terms_con { display: none; width: 120%; margin: 10px 0 0 -10%; height: 116px; background: #fbfbfb; border: 20px solid #fbfbfb; border-right: 0; overflow-y: scroll; font-weight: 200; }
.join_div .left { width: 25%; }
.join_div .right { width: 75%; }
.join_div .phone_chk_div { display: none; }
@media (max-width: 768px) {
	.con_div .con.join_div { width: 90%; }
	.join_div .open_terms { right: 5%; }
	.join_div .open_terms.padding_top15 { padding-top: 2px; }
	.join_div .open_terms img { height: 8px; }
	.join_div .terms_con { display: none; width: 100%; margin: 10px 0 0 0%; height: 116px; background: #fbfbfb; border: 20px solid #fbfbfb; border-right: 0; overflow-y: scroll; font-weight: 200; }
	.join_div .left { width: 100%; }
	.join_div .left.alignright { text-align: left; }
	.join_div .left.lineheight55px { line-height: 160%; }
	.join_div .right { width: 100%; }
	.join_div .btn.btn20p { width: 38%; }
}



/* 회원정보 */
.group_logo_img { max-width: 300px !important; max-height: 150px !important; }
@media (max-width: 768px) {
	.con_div .con.personinfo_div .left { float: left; width: 30%; }
	.join_div.personinfo_div .left.alignright { text-align: right; }
	.join_div.personinfo_div .lineheight55px { line-height: 40px; }
	.con_div .con.personinfo_div .right { float: left; width: 70%; }
	.group_logo_img { max-width: 100px !important; max-height: 50px !important; }
}



/* 마이 페이지 */
.my_info { position: relative; padding: 70px 0; border-top: 2px solid #ff8c6d; border-bottom: 2px solid #ff8c6d; }
.my_info .nickname { float: left; text-align: center; width: 207px; }
.my_info .nickname > div:nth-child(1) { }
.my_info .nickname > div:nth-child(1).img { }
.my_info .nickname > div:nth-child(1).img img { }
.my_info .nickname > div:nth-child(2) { padding: 10px 0 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.my_info .nickname > div:nth-child(3) { padding: 10px 0 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.my_info .point_div { float: left; }
.my_info .point_div .point { width: 180px; height: 180px; background: #ff4713; border-radius: 90px; color: #ffffff; text-align: center; }
.my_info .point_div .point > div:nth-child(1) { }
.my_info .point_div .point > div:nth-child(2) { padding: 10px 0 0 0; }
.my_info:after { clear: both; display: block; content:''; }
@media (max-width: 768px) {
	.con_div .con.my_info { position: relative; width: 90%; margin: 0 auto; padding: 20px 0 20px 0; }
	.my_info .nickname { width: 100%; padding: 0 0 20px 0; }
	.my_info .nickname > div:nth-child(1) { }
	.my_info .nickname > div:nth-child(1).img { }
	.my_info .nickname > div:nth-child(1).img img { height: 80px; }
	.my_info .nickname > div:nth-child(2) { padding: 10px 0 0 0; }
	.my_info .nickname > div:nth-child(3) { padding: 5px 0 0 0; }
	.my_info .point_div { width: 30%; }
	.my_info .point_div .point { width: 100px; margin: 0 auto; height: 100px; margin-top: 0; }
	.my_info .point_div .point > div:nth-child(1) {}
	.my_info .point_div .point > div:nth-child(2) { padding: 5px 0 0 0; }
	.my_info:after { clear: both; display: block; content:''; }
}



/* 교육신청 */
.shop_detail .left { }
.shop_detail .left.img { padding: 0 2% 0 0; }
.shop_detail .left.img img { border: 1px solid #eaeaea; box-sizing: border-box; }
.shop_detail .num_calc { display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #d9d9d9; color: #ffffff; font-size: 16px; }
.shop_detail .ipt { vertical-align: bottom; }
.intable table { width: 100%; border: solid 1px #a5a5a5; }
.intable table tr td { padding: 5px 10px; }
.teacher_info_div img { height: auto; }
@media (max-width: 768px) {
	.shop_detail .left.img { padding: 0; }
	.shop_detail .left.img { margin-bottom: 10px; }
	.shop_detail .ipt.ipt10 { width: 20%; }
	.shop_detail .ipt.ipt20 { width: 40%; }
	.shop_detail .tbl th { min-width: 60px; }
}



/* 입력칸 */
.inputfield_top { border-top: solid 1px #cecece; }
.inputfield { border-bottom: solid 1px #cecece; }
.inputfield .name { float: left; position: relative; width: 18%; min-height: 1px; text-align: left; background-color: #f4f4f4; padding: 10px 15px; border-right: solid 1px #cecece; }
.inputfield .content { float: left; position: relative; width: 82%; min-height: 1px; text-align: left; padding: 10px 30px; }
.inputfield .content input { border: solid 1px #cecece; padding: 0 10px; vertical-align: middle; }
.inputfield .content input[type="password"] { font-family: 굴림, Gulim; }
.inputfield .content textarea { border: solid 1px #cecece; padding: 0 10px; }
.inputfield .content select { border: solid 1px #cecece; padding: 0 10px; height: 30px; }
.inputfield .content .input10 { width: 10%; height: 30px; }
.inputfield .content .input15 { width: 15%; height: 30px; }
.inputfield .content .input20 { width: 20%; height: 30px; }
.inputfield .content .input20_20 { width: 20%; height: 20px; }
.inputfield .content .input30 { width: 30%; height: 30px; }
.inputfield .content .input50 { width: 50%; height: 30px; }
.inputfield .content .input70 { width: 70%; height: 30px; }
.inputfield .content .input80 { width: 80%; height: 30px; }
.inputfield .content .input100 { width: 100%; height: 30px; }
.inputfield .content .textarea100_100 { width: 100%; height: 100px; }
.inputfield .content .textarea100_250 { width: 100%; height: 250px; }
.inputfield .content .privacy_html_div { border: solid 1px #cecece; width: 100%; height: 100px; padding: 10px; overflow-y: auto; }
.inputfield .padding0 { padding: 0; }
.inputfield:after { clear: both; display: block; content:''; }
@media (max-width: 768px) {
	.con_div .inputfield { width: 100%; border-bottom: solid 1px #d0d0d0; font-size: 0.938em; }
	.con_div .inputfield .name { float: left; position: relative; width: 30%; height: 100%; line-height: 30px; min-height: 1px; text-align: left; background-color: #f4f4f4; padding: 10px 5px; border-right: solid 1px #d0d0d0; }
	.con_div .inputfield .content { float: left; position: relative; width: 70%; min-height: 1px; text-align: left; padding: 10px 5px; }
	.con_div .inputfield .content input { border: solid 1px #d0d0d0; }
	.con_div .inputfield .content textarea { border: solid 1px #d0d0d0; }
	.con_div .inputfield .content .input10 { width: 20%; height: 30px; }
	.con_div .inputfield .content .input20 { width: 30%; height: 30px; }
	.con_div .inputfield .content .input20_20 { width: 30%; height: 20px; }
	.con_div .inputfield .content .input30 { width: 40%; height: 30px; }
	.con_div .inputfield .content .input50 { width: 60%; height: 30px; }
	.con_div .inputfield .content .input70 { width: 80%; height: 30px; }
	.con_div .inputfield .content .input80 { width: 90%; height: 30px; }
	.con_div .inputfield .content .input100 { width: 100%; height: 30px; }
	.con_div .inputfield .content .textarea100_100 { width: 100%; height: 100px; }
	.con_div .inputfield .content .textarea100_250 { width: 100%; height: 250px; }
	.con_div .inputfield .padding0 { padding: 0; }
	.con_div .inputfield:after { clear: both; display: block; content:''; }
}

.inputfield_btn { padding: 20px 0 0 0; }
.half_div { }
.half_div .half { float: left; width: 50%; }
.half_div:after { clear: both; display: block; content:''; }

.inputfield_text { border-bottom: solid 1px #cecece; padding: 10px 15px; }

.picker .picker__header div { font-size: 24px; }
.picker .picker__header .picker__year { font-size: 19px; }
.picker .picker__day { font-size: 16px; }
.picker .picker__footer button { font-size: 19px; }



/* 게시판 관련 */
#searchdiv { position: relative; width: 100%; padding: 20px 0; margin-top: 40px; text-align: center; background-color: #f9fafb; border-radius: 10px; }
#searchdiv input[type="text"] { width: 20%; height: 34px; border: solid 1px #cecece; ime-mode: active; padding: 0 10px; border-radius: 3px; }
#searchdiv select { border: solid 1px #cecece; padding: 3px 20px 2px; height: 34px; border-radius: 3px; }
.pagediv input[type="month"] { height: 31px; border: solid 1px #cecece; padding: 0 3px; border-radius: 3px; }
.pagediv input[type="number"] { height: 31px; border: solid 1px #cecece; padding: 0 3px; border-radius: 3px; }

#titlebardiv { position: relative; width: 100%; color: #5b5b5b; background-color: #efefef; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; text-align: center; }
#titlebardiv div { min-height: 1px; padding: 16px 0 13px; /*border-left: 1px solid #cecece;*/ }
#titlebardiv div:nth-last-child(2) { /*border-right: 1px solid #cecece;*/ }
#titlebardiv .cleardiv { min-height: 0; padding: 0; }
#titlebardiv .green { float: left; width: 10%; }
#titlebardiv .skyblue1 { float: left; width: 15%; }
#titlebardiv .skyblue2 { float: left; width: 55%; }
#titlebardiv .skyblue2_1 { float: left; width: 45%; }
#titlebardiv .skyblue2_2 { float: left; width: 60%; }
#titlebardiv .skyblue2_3 { float: left; width: 75%; }
#titlebardiv .skyblue2_4 { float: left; width: 90%; }
#titlebardiv .skyblue2_5 { float: left; width: 100%; }
#titlebardiv .skyblue3 { float: left; width: 15%; }
#titlebardiv .skyblue4 { float: left; width: 90%; }
#titlebardiv .skyblue10 { float: left; width: 10%; }
#titlebardiv .skyblue15 { float: left; width: 15%; }
#titlebardiv .skyblue20 { float: left; width: 20%; }
#titlebardiv .skyblue25 { float: left; width: 25%; }
#titlebardiv .skyblue30 { float: left; width: 30%; }
#titlebardiv .skyblue45 { float: left; width: 45%; }
#titlebardiv .skyblue50 { float: left; width: 50%; }
#titlebardiv .skyblue100 { float: left; width: 100%; }
#titlebardiv .comment_write input[name="name"] { width: 15%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; }
#titlebardiv .comment_write input[name="pw"] { width: 15%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; font-family: 굴림, Gulim; }
#titlebardiv .comment_write input[name="contents_input"] { width: 80%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; }
#titlebardiv .skyblue { float: left; /*border-left: none !important; border-right: none !important;*/ }
#titlebardiv:after { clear: both; display: block; content:''; }
@media (max-width: 768px) {
	#titlebardiv div { padding: 10px 0 7px; }
}

.datadiv { position: relative; width: 100%; border-bottom: solid 1px #cecece; }
.datadiv.notitle { padding: 0 15px; }
.datadiv.notitle:first-child { border-top: solid 1px #cecece; }
.datadiv.notice { background: #fdf6e5; }
.datadiv div { min-height: 1px; padding: 12px 0 9px; /*border-left: 1px solid #cecece;*/ }
.datadiv div:nth-last-child(2) { /*border-right: 1px solid #cecece;*/ }
.datadiv .cleardiv { min-height: 0; padding: 0; }
.datadiv .txtdiv1 { float: left; width: 10%; text-align: center; }
.datadiv .txtdiv2 { float: left; width: 15%; text-align: center; }
.datadiv .txtdiv3 { float: left; width: 55%; text-align: left; }
.datadiv .txtdiv3_1 { float: left; width: 45%; padding-left: 2%; padding-right: 2%; text-align: left; }
.datadiv .txtdiv3_2 { float: left; width: 60%; padding-left: 2%; padding-right: 2%; text-align: left; }
.datadiv .txtdiv3_3 { float: left; width: 75%; padding-left: 2%; padding-right: 2%; text-align: left; }
.datadiv .txtdiv3_4 { float: left; width: 90%; padding-left: 2%; padding-right: 2%; text-align: left; }
.datadiv .txtdiv3_5 { float: left; width: 100%; text-align: left; }
.datadiv .list_photo { padding-left: 1%; padding-right: 1%; }
.datadiv .list_photo img:nth-of-type(2) { width: 200px; height: auto; }
.datadiv .txtdiv4 { float: left; width: 15%; text-align: center; }
.datadiv .txtdiv10 { float: left; width: 10%; text-align: center; }
.datadiv .txtdiv15 { float: left; width: 15%; text-align: center; }
.datadiv .txtdiv20 { float: left; width: 20%; text-align: center; }
.datadiv .txtdiv25 { float: left; width: 25%; text-align: center; }
.datadiv .txtdiv30 { float: left; width: 30%; text-align: center; }
.datadiv .txtdiv45 { float: left; width: 45%; text-align: center; }
.datadiv .txtdiv50 { float: left; width: 50%; text-align: center; }
.datadiv .txtdiv { float: left; min-height: 1px; text-align: center; /*border-left: none !important; border-right: none !important;*/ }
.datadiv .txtdiv_add { float: left; min-height: 1px; text-align: center; /*border-left: none !important; border-right: none !important;*/ }
.datadiv .txtdiv_f { width: 100%; text-align: center; /*border-left: none !important;*/ }
.datadiv input[type="text"] { width: 95%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; }
.datadiv textarea { width: 95%; height: 30px; border: 1px solid #C0C4CB; padding: 0 10px; ime-mode: active; }
.datadiv select { width: 95%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; }
.admin_tbl input[type="text"] { width: 95%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; }
.admin_tbl textarea { width: 95%; height: 30px; border: 1px solid #C0C4CB; padding: 4px 10px; ime-mode: active; }
.admin_tbl select { width: 95%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; }
.admin_tbl select.w_auto { width: auto; }
.datadiv .inbox { display: block; padding: 10px 0; }
.con_div .con .datadiv img.mini_char { height: 22px; }
.datadiv:after { clear: both; display: block; content:''; }
@media (max-width: 768px) {
	.datadiv div { padding: 12px 0 7px; }
}

.gallerydiv { position: relative; float: left; width: 30%; margin: 0 3% 30px 1%; text-align: center; border: 1px solid #d8d8d8; padding: 7px; }
.gallerydiv img { width: 100%; height: auto; }
.gallerydiv .gallerydiv_img { width: 100%; height: 250px; }
.gallerydiv .gallerydiv_title { padding: 15px 7px 0 7px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gallerydiv .gallerydiv_title img { width: auto; height: auto; }
.gallerydiv .gallerydiv_count { padding: 5px 7px 0 7px; text-align: right; font-size: 14px; color: #666666; }
.gallerydiv .gallerydiv_count.half { float: left; width: 50%; }
.gallerydiv .gallerydiv_count.half:nth-of-type(1) { text-align: left; }
.gallerydiv:nth-of-type(4n+3) { margin: 0 0 30px 1%; }
@media (max-width: 768px) {
	.gallerydiv { width: 48.5%; }
	.gallerydiv:nth-of-type(2n) { margin: 0 0 30px 0; }
	.gallerydiv:nth-of-type(2n+1) { margin: 0 3% 30px 0; }
	.gallerydiv .gallerydiv_img { width: 100%; height: 150px; }
	.gallerydiv .gallerydiv_title { padding: 10px 0 0 0; }
	.gallerydiv .gallerydiv_count { padding: 0; font-size: 11px; }
	.gallerydiv .gallerydiv_count.half { float: left; width: 100%; }
	.gallerydiv .gallerydiv_count.half:nth-of-type(1) { text-align: left; }
	.gallerydiv .gallerydiv_count.half:nth-of-type(2) { display: none; }
}

.viewdiv { position: relative; width: 100%; padding: 8px 0; border-bottom: solid 1px #cecece; }
.viewdiv.viewdivtop { border-top: solid 1px #cecece; }
.viewdiv div { min-height: 1px; }
.viewdiv .txtdiv1 { float: left; width: 10%; text-align: right; }
.viewdiv .txtdiv2 { float: left; width: 1%; }
.viewdiv .txtdiv3 { float: left; width: 89%; }
.viewdiv .txtdiv3.h100 { max-height: 100px; overflow-y: auto; }
.viewdiv .txtdiv3.h200 { max-height: 200px; overflow-y: auto; }
@media (max-width: 768px) {
	.viewdiv .txtdiv1 { float: left; width: 20%; text-align: right; }
	.viewdiv .txtdiv3 { float: left; width: 79%; }
}
.viewdiv .txtdiv3.txtdiv3_1 { float: left; width: 79%; }
.viewdiv .txtdiv3 input[type="text"] { width: 95%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; }
.viewdiv .txtdiv3 input[type="password"] { width: 95%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; font-family: 굴림, Gulim; }
.viewdiv .txtdiv3 input[type="date"] { height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; }
.viewdiv .txtdiv3 textarea { width: 95%; height: 250px; border: 1px solid #C0C4CB; padding: 10px; ime-mode: active; }
.viewdiv .txtdiv3 textarea[name="push_con"] { height: 100px; }
.viewdiv .txtdiv3 select { height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; }
.viewdiv .txtdiv3 .register { width: 100%; text-align: center; }
.viewdiv .txtdiv3 .register tr td { border: 1px solid #c8c8c8; padding: 5px 0; }
.viewdiv .txtdiv4 { float: left; width: 89%; }
.viewdiv .txtdiv5 { float: left; width: 3%; }
.viewdiv .txtdiv6 { float: left; width: 20%; }
.viewdiv .txtdiv6 input[type="text"] { width: 95%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; }
.viewdiv .txtdiv6 input[type="password"] { width: 95%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; font-family: 굴림, Gulim; }
.viewdiv .txtdiv7 { float: left; width: 14%; }
.viewdiv .txtdiv7 input[type="text"] { width: 95%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; }
.viewdiv .txtdiv7 input[type="password"] { width: 95%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; font-family: 굴림, Gulim; }
.viewdiv .txtdiv8 { float: left; width: 22.33333333333333%; }
.viewdiv .txtdiv8 input[type="text"] { width: 95%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; }
.viewdiv .txtdiv8 input[type="password"] { width: 95%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; font-family: 굴림, Gulim; }
.viewdiv .txtdiv8 select { border: 1px solid #C0C4CB; padding: 3px 0 2px; }
.viewdiv .txtdiv9 { float: left; width: 39%; }
.viewdiv .txtdiv9 input[type="text"] { width: 95%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; }
.viewdiv .txtdiv9 input[type="password"] { width: 95%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; font-family: 굴림, Gulim; }
.viewdiv .txtdiv9 select { border: 1px solid #C0C4CB; padding: 3px 0 2px; }
.viewdiv .txtdiv10 { float: left; width: 89%; }
.viewdiv .txtdiv10 input[type="text"] { width: 95%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; }
.viewdiv .txtdiv10 input[type="password"] { width: 95%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; font-family: 굴림, Gulim; }
.viewdiv .txtdiv11 { float: left; width: 89%; }
.viewdiv .txtdiv11 input[type="text"] { width: 95%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; }
.viewdiv .txtdiv11 input[type="password"] { width: 95%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; font-family: 굴림, Gulim; }
.viewdiv .txtdiv12 { float: left; width: 5%; text-align: right; }
.viewdiv .width50 { width: 50%;}
.viewdiv .txtdiv3 input.ipt20 { width: 20%;}

.title_only_bbs_write { background: #f4f4f4; padding: 15px 0 15px 0; text-align: center; margin: 0 0 20px 0; }
.title_only_bbs_write .input { width: 80%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; }

.viewcontentsdiv { position: relative; width: 100%; padding: 8px 0; border-bottom: solid 1px #cecece; }
.viewcontentsdiv div { min-height: 1px; }
.viewcontentsdiv h1,
.viewcontentsdiv h2,
.viewcontentsdiv h3,
.viewcontentsdiv h4,
.viewcontentsdiv h5,
.viewcontentsdiv h6 { line-height: 160%; }
.viewcontentsdiv .txtdiv1 { float: left; width: 10%; text-align: right; }
.viewcontentsdiv .txtdiv1 input[type="text"] { width: 95%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; }
.viewcontentsdiv .txtdiv1 input[type="password"] { width: 95%; height: 30px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; font-family: 굴림, Gulim; }
.viewcontentsdiv .txtdiv2 { float: left; width: 1%; }
.viewcontentsdiv .txtdiv3 { float: left; width: 89%; }
.viewcontentsdiv .txtdiv3 textarea { width: 95%; height: 400px; border: 1px solid #C0C4CB; padding: 10px; ime-mode: active; }
.viewcontentsdiv .txtdiv3 img { max-width: 100%; }
.viewcontentsdiv .txtdiv5 { float: left; width: 100%; padding: 30px 7%; }
.viewcontentsdiv .txtdiv5 p.lh0 { line-height: 0; }
.viewcontentsdiv .txtdiv5 img { max-width: 100%; height: auto; }
.viewcontentsdiv .txtdiv6 { width: 100%; padding: 10px 2%; }
.viewcontentsdiv .txtdiv6 textarea { width: 100%; height: 100px; padding: 10px; border: 1px solid #C0C4CB; }
.viewcontentsdiv .txtdiv7 { float: left; width: 89%; }
.viewcontentsdiv .txtdiv7 textarea { width: 95%; height: 100px; padding: 10px; border: 1px solid #C0C4CB; }
.viewcontentsdiv .like { position: relative; width: 100%; padding: 22px 0; }
.viewcontentsdiv .like .icon { position: relative; float: left; width: 23%; padding-left: 1.2%; text-align: right; }
.viewcontentsdiv .like .text { position: relative; float: left; width: 14%; padding: 25px 0 0 0; font-size: 0.75em; font-family: 굴림,Gulim; color: #525457; }
.viewcontentsdiv .like .list { position: relative; float: left; width: 63%; }
.viewcontentsdiv .like .list span { display: inline-block; width: 56px; height: 56px; margin: 0 10px 0 0; border: solid 1px #e5e5e5; webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; }
.viewcontentsdiv .txtdiv4 { float: left; width: 100%; }
.viewcontentsdiv .txtdiv4 textarea { width: 99.5%; height: 100px; padding: 10px; border: 1px solid #C0C4CB; ime-mode: active; }
.viewcontentsdiv .txtdiv4 img { max-width: 100%; }
.viewcontentsdiv iframe { width: 100%; height: 581px; }
@media (max-width: 768px) {
	.viewcontentsdiv .txtdiv5 { padding: 0 0; }
	.viewcontentsdiv iframe { width: 100%; height: 43.6vw; }
}

.comment_div { position: relative; width: 100%; padding: 8px 0; border-bottom: 1px dashed #8f8f8f; }
.comment_div div { min-height: 1px; }
.comment_div .txtdiv1 { float: left; width: 10%; text-align: center; }
.comment_div .txtdiv2 { float: left; width: 1%; }
.comment_div .txtdiv3 { float: left; width: 89%; }
.comment_div .txtdiv3 img { max-width: 100%; }

.con_div .pagediv { padding: 40px 0 0 0; }
.con_div .pagediv .left { float: left; width: 30%; min-height: 1px; }
.con_div .pagediv .pageno { float: left; width: 40%; min-height: 1px; font-size: 0.75em; text-align: center; }
.con_div .pagediv .pageno a { display: inline-block; min-width: 30px; height: 30px; padding: 5px 3px 0; border: solid 1px #dddddd; border-radius: 3px; box-sizing: border-box; }
.con_div .pagediv .pageno .nowpage { background-color: #555555; color: #ffffff; border: solid 1px #555555; }
.con_div .pagediv .right { float: left; width: 30%; min-height: 1px; }
.con_div .pagediv:after { clear: both; display: block; content:''; }
@media (max-width: 768px) {
	.con_div .pagediv { padding: 20px 0 0 0; }
	.con_div .pagediv .left { width: 50%; }
	.con_div .pagediv .pageno { width: 100%; padding-bottom: 10px; }
	.con_div .pagediv .right { width: 50%; }
}

.sns_bu { width: 35px; }
.noborder { border: 0; }

.con_title { display: inline-block; font-size: 24px; line-height: 28px; }
.con_title:before { display: inline-block; vertical-align: top; margin-right: 7px; width: 28px; height: 28px; background-size: 28px 28px; }
.con_title:nth-of-type(2n+1):before { content: ""; background-image: url('../img_new/layout/sub_title_circle1.png'); }
.con_title:nth-of-type(2n):before { content: ""; background-image: url('../img_new/layout/sub_title_circle2.png'); }
@media (max-width: 768px) {
	.con_title { font-size: 16px; line-height: 18px; }
	.con_title:before { margin-right: 3px; width: 18px; height: 18px; background-size: 18px 18px; }
}



/* 표 */
.tbl { width: 90%; margin: 0 auto; }
.tbl.w_inherit { width: inherit; }
.tbl.w50p { width: 50%; }
.tbl.w100p { width: 100%; }
.tbl.w_auto { width: auto; }
.tbl.margin_inherit { margin: inherit; }
.tbl.margin_initial { margin: initial; }
.tbl th, .tbl td { padding: 5px 5px; border: 1px solid #d9d9d9; }
.tbl th { background: #f3f3f3; font-weight: normal; }
.tbl.admin_tbl > tbody > tr > th { background: #f3eadb; }
.tbl.tbl_yellow th, .tbl.tbl_yellow td { padding: 5px 5px; border: 1px solid #d7b200; }
.tbl.tbl_yellow th { background: #ffd401; font-weight: normal; }
.tbl.tbl_yellow th:nth-child(2) { background: #ffe772; }
.tbl.tbl_yellow th:nth-child(3) { background: #ffe772; }
.tbl.self07_1 td { border: none; }
.tbl.self07_1 td:nth-child(2n+1) { width: 80px; }
.tbl.self07_1 td:nth-child(2n) { text-align: left; }
.tbl.self07_2 tr:nth-child(1) th { color: #000000; font-weight: 600; border: none; border-top: 1px solid #484848; border-bottom: 1px solid #484848; }
.tbl.self07_2 tr:nth-child(1) th:nth-child(1) { background: #b8b8b8; }
.tbl.self07_2 tr:nth-child(1) th:nth-child(2) { background: #ffd200; }
.tbl.self07_2 tr:nth-child(1) th:nth-child(3) { background: #ff8500; }
.tbl.self07_2 tr:nth-child(1) th:nth-child(4) { background: #50988d; }
.tbl.self07_2 tr:nth-child(2) td { border: none; border-top: 1px solid #484848; border-bottom: 1px solid #484848; }
.tbl.self07_2 tr:nth-child(2) td:nth-child(1) { background: #dddddd; font-weight: 600; }
.tbl.self07_2 tr:nth-child(2) td:nth-child(2) { background: #f4ecc6; }
.tbl.self07_2 tr:nth-child(2) td:nth-child(3) { background: #f4dec6; }
.tbl.self07_2 tr:nth-child(2) td:nth-child(4) { background: #d5e2e0; }
.tbl.type2 { border: 1px solid #c6c6c6; }
.tbl.type2 th { border: 1px solid #c6c6c6; background: #e1d6bc; padding: 10px 10px; }
.tbl.type2 td { border: none; border-right: 1px solid #c6c6c6; background: #ffffff; padding: 5px 5px; line-height: 130%; }
.tbl.type2 tr:nth-child(2) td { padding-top: 40px; }
.tbl.type2 tr:last-child td { padding-bottom: 40px; }
.tbl.type3 { border: 1px solid #c6c6c6; }
.tbl.type3 th { border: 1px solid #c6c6c6; background: #d1dfdf; padding: 10px 10px; }
.tbl.type3 td { border: none; border-right: 1px solid #c6c6c6; background: #ffffff; padding: 20px 5px; line-height: 130%; }
.tbl.type3 tr:nth-child(2n+1) td { background: #e7e3eb; }
.tbl.type3 tr td:nth-child(2) { text-align: left; padding: 20px 40px; }
.tbl.type3 tr td:nth-child(3) { text-align: left; padding: 20px 40px; }
.tbl.type4 { border: 1px solid #c6c6c6; }
.tbl.type4 th { border: 1px solid #c6c6c6; background: #d1dfdf; padding: 10px 10px; }
.tbl.type4 td { border: none; border-right: 1px solid #c6c6c6; background: #ffffff; padding: 20px 5px; line-height: 130%; }
.tbl.type4 tr:nth-child(4n+4) td,
.tbl.type4 tr:nth-child(4n+1) td { background: #e7e3eb; }
.tbl.type4 tr:nth-child(4n+2) td:nth-child(2),
.tbl.type4 tr:nth-child(4n+2) td:nth-child(3),
.tbl.type4 tr:nth-child(4n+4) td:nth-child(2),
.tbl.type4 tr:nth-child(4n+4) td:nth-child(3) { text-align: left; padding: 20px 40px; border-bottom: 1px solid #c6c6c6; }
.tbl.type4 tr:nth-child(4n+1) td:nth-child(1),
.tbl.type4 tr:nth-child(4n+1) td:nth-child(2),
.tbl.type4 tr:nth-child(4n+3) td:nth-child(1),
.tbl.type4 tr:nth-child(4n+3) td:nth-child(2) { text-align: left; padding: 20px 40px; }
.tbl.type5 { border: 1px solid #c6c6c6; }
.tbl.type5 th { border: 1px solid #c6c6c6; background: #d1dfdf; padding: 10px 10px; }
.tbl.type5 td { border: none; border-right: 1px solid #c6c6c6; background: #ffffff; padding: 20px 5px; line-height: 130%; }
.tbl.type5 td.bg { background: #e7e3eb; }
.tbl.type5 td.td_left { text-align: left; padding: 20px 40px; }
.tbl.type5 td.bbline { border-bottom: 1px solid #c6c6c6; }
.tbl.type6 { border: 1px solid #c6c6c6; }
.tbl.type6 th { border: 1px solid #c6c6c6; background: #d1dfdf; padding: 10px 10px; }
.tbl.type6 td { border: none; border-right: 1px solid #c6c6c6; background: #ffffff; padding: 20px 5px; line-height: 130%; }
.tbl.type6 tr:nth-child(2n+1) td { background: #e7e3eb; }
.tbl.type6 tr td:nth-child(1) { text-align: left; padding: 20px 40px; }
.tbl.type6 tr td:nth-child(2) { text-align: left; padding: 20px 40px; }
.tbl.type6 tr td:nth-child(3) { text-align: left; padding: 20px 40px; }
.tbl.center th { text-align: center; }
.tbl.center td { text-align: center; }
.tbl.noborder td { border: none; }
.tbl.admin_tbl { min-width: 977px; }
.tbl.admin_tbl th, .tbl.admin_tbl td { padding: 5px 5px; border: 1px solid #d9d9d9; }
.tbl.admin_tbl tbody > tr > th, .tbl.admin_tbl tbody > tr > td { border-left: none; border-right: none; text-align: center; font-size: 13px; }
.tbl.admin_tbl tbody > tr > td .tbl.in th, .tbl.admin_tbl tbody > tr > td .tbl.in td { border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; }
.tbl.admin_tbl .alignleft { text-align: left; }
.tbl.admin_tbl .alignright { text-align: right; }
.tbl.admin_tbl.noborder tr, .tbl.admin_tbl.noborder td { border: none; }
.tbl.admin_tbl.bottomline tr, .tbl.admin_tbl.bottomline td { border-bottom: 1px solid #d9d9d9; }
.tbl.admin_tbl.bottomline tr:last-child, .tbl.admin_tbl.bottomline tr:last-child td { border-bottom: none; }
.tbl .mw_30px { max-width: 30px; }
.tbl .mw_50px { max-width: 50px; }
.tbl .mw_100px { max-width: 100px; }
.tbl .mw_150px { max-width: 150px; }
.tbl .mw_200px { max-width: 200px; }
.tbl .mw_250px { max-width: 250px; }
.tbl .mw_300px { max-width: 300px; }
.tbl .w_40px { width: 40px; }
@media (max-width: 768px) {
	.tbl.w50p { width: 90%; }
	.tbl.self07_1 td:nth-child(2n+1) { width: 60px; }
	.tbl.self07_1.self07_1_2 td:nth-child(2n+1) { width: 50px; }
	.tbl.self07_2_m tr th { font-weight: 600; border: none; border-top: 1px solid #484848; border-bottom: 1px solid #484848; }
	.tbl.self07_2_m tr td { border: none; border-top: 1px solid #484848; border-bottom: 1px solid #484848; }
	.tbl.self07_2_m tr:nth-child(1) th:nth-child(1) { background: #b8b8b8; }
	.tbl.self07_2_m tr:nth-child(1) td:nth-child(2) { background: #dddddd; font-weight: 600; }
	.tbl.self07_2_m tr:nth-child(2) th:nth-child(1) { background: #ffd200; }
	.tbl.self07_2_m tr:nth-child(2) td:nth-child(2) { background: #f4ecc6; }
	.tbl.self07_2_m tr:nth-child(3) th:nth-child(1) { background: #ff8500; }
	.tbl.self07_2_m tr:nth-child(3) td:nth-child(2) { background: #f4dec6; }
	.tbl.self07_2_m tr:nth-child(4) th:nth-child(1) { background: #50988d; }
	.tbl.self07_2_m tr:nth-child(4) td:nth-child(2) { background: #d5e2e0; }
	.tbl.type2 th, .tbl.type2 td { }
	.tbl.type2 th { padding: 7px 7px; }
	.tbl.type2 td { padding: 5px 5px; vertical-align: top; }
	.tbl.type2 tr:nth-child(2) td { padding-top: 20px; }
	.tbl.type2 tr:last-child td { padding-bottom: 20px; }
	.tbl.type3 { }
	.tbl.type3 th { padding: 7px 7px; }
	.tbl.type3 td { padding: 10px 5px; }
	.tbl.type3 tr:nth-child(2n+1) td { }
	.tbl.type3 tr td:nth-child(2) { padding: 10px 5px; }
	.tbl.type3 tr td:nth-child(3) { padding: 10px 5px; }
	.tbl.type4 { }
	.tbl.type4 th { padding: 7px 7px; }
	.tbl.type4 td { padding: 10px 5px; }
	.tbl.type4 tr:nth-child(4n+4) td,
	.tbl.type4 tr:nth-child(4n+1) td { }
	.tbl.type4 tr:nth-child(4n+2) td:nth-child(2),
	.tbl.type4 tr:nth-child(4n+2) td:nth-child(3),
	.tbl.type4 tr:nth-child(4n+4) td:nth-child(2),
	.tbl.type4 tr:nth-child(4n+4) td:nth-child(3) { padding: 10px 5px; }
	.tbl.type4 tr:nth-child(4n+1) td:nth-child(1),
	.tbl.type4 tr:nth-child(4n+1) td:nth-child(2),
	.tbl.type4 tr:nth-child(4n+3) td:nth-child(1),
	.tbl.type4 tr:nth-child(4n+3) td:nth-child(2) { padding: 10px 5px; }
	.tbl.type5 { }
	.tbl.type5 th { padding: 7px 7px; }
	.tbl.type5 td { padding: 10px 5px; }
	.tbl.type5 td.bg { }
	.tbl.type5 td.td_left { padding: 10px 5px; }
	.tbl.type6 { }
	.tbl.type6 th { padding: 7px 7px; }
	.tbl.type6 td { padding: 10px 5px; }
	.tbl.type6 tr:nth-child(2n+1) td { }
	.tbl.type6 tr td:nth-child(1) { padding: 10px 5px; }
	.tbl.type6 tr td:nth-child(2) { padding: 10px 5px; }
	.tbl.type6 tr td:nth-child(3) { padding: 10px 5px; }
}

.tbl_counselor_basic_info th { width: 30%; font-weight: bold; padding: 10px 10px; font-size: 16px; color: #000000; }
.tbl_counselor_basic_info td { width: 70%; text-align: center; padding: 10px 10px; font-size: 18px; }

.tbl_counselor_cost_info th { }
.tbl_counselor_cost_info td { text-align: center; padding: 30px 10px; }
.tbl_counselor_cost_info tr:last-child td { padding: 10px 10px; color: #319387; font-size: 22px; }
@media (max-width: 768px) {
	.tbl_counselor_cost_info td { text-align: left; padding: 10px 10px; }
	.tbl_counselor_cost_info tr:last-child td { font-size: 20px; }
}



/* 기타 */
.font_9 { font-size: 9px; }
.font_10 { font-size: 10px; }
.font_12 { font-size: 12px; }
.font_13 { font-size: 13px; }
.font_14 { font-size: 14px; }
.font_15 { font-size: 15px; }
.font_16 { font-size: 16px; }
.font_17 { font-size: 17px; }
.font_18 { font-size: 18px; }
.font_20 { font-size: 20px; }
.font_22 { font-size: 22px; }
.font_24 { font-size: 24px; }
.font_27 { font-size: 27px; }
.font_29 { font-size: 29px; }
.font_30 { font-size: 30px; }
.font_32 { font-size: 32px; }
.font_34 { font-size: 34px; }
.font_36 { font-size: 36px; }
.font_40 { font-size: 40px; }
.font_42 { font-size: 42px; }
.font_48 { font-size: 48px; }
.font_60 { font-size: 60px; }
.font_v11 { font-size: 11px; }
.font_v12 { font-size: 12px; }
.font_v13 { font-size: 13px; }
.font_v14 { font-size: 14px; }
.font_v15 { font-size: 15px; }
.font_v16 { font-size: 16px; }
.font_v17 { font-size: 17px; }
.font_v18 { font-size: 18px; }
.font_v20 { font-size: 20px; }
.font_v22 { font-size: 22px; }
.font_v23 { font-size: 23px; }
.font_v24 { font-size: 24px; }
.font_v25 { font-size: 25px; }
.font_v26 { font-size: 26px; }
.font_v28 { font-size: 28px; }
.font_v30 { font-size: 30px; }
.font_v32 { font-size: 32px; }
.font_v34 { font-size: 34px; }
.font_v36 { font-size: 36px; }
.font_v40 { font-size: 40px; }
.font_v48 { font-size: 48px; }
.font_v50 { font-size: 50px; }
.font_v72 { font-size: 72px; }
.font_v100 { font-size: 100px; }
.lineheight100p { line-height: 100%; }
.lineheight130p { line-height: 130%; }
.lineheight160p { line-height: 160%; }
.lineheight180p { line-height: 180%; }
.lineheight210p { line-height: 210%; }
.lineheight40px { line-height: 40px; }
.lineheight55px { line-height: 55px; }
.lineheight65px { line-height: 65px; }
.lineheight80px { line-height: 80px; }
.lineheight55px_variable { line-height: 55px; }
.font_w100 { font-weight: 100; }
.font_w200 { font-weight: 200; }
.font_w300 { font-weight: 300; }
.font_w400 { font-weight: 400; }
.font_w500 { font-weight: 500; }
.font_w600 { font-weight: 600; }
.font_w700 { font-weight: 700; }
.font_w800 { font-weight: 800; }
.font_w900 { font-weight: 900; }
.font_light { font-weight: 200; }
.font_narmal { font-weight: 400; }
.font_bold { font-weight: 600; }
.font_exbold { font-weight: 800; }
.font_white { color: #ffffff !important; }
.font_gray1 { color: #636363 !important; }
.font_gray2 { color: #8c8c8c !important; }
.font_gray3 { color: #020101 !important; }
.font_gray4 { color: #676767 !important; }
.font_gray5 { color: #92a1aa !important; }
.font_gray6 { color: #454545 !important; }
.font_gray7 { color: #676868 !important; }
.font_gray8 { color: #3a3a3a !important; }
.font_gray9 { color: #d9d9d9 !important; }
.font_yellow1 { color: #ffe400 !important; }
.font_yellow2 { color: #fcff00 !important; }
.font_yellow3 { color: #fff600 !important; }
.font_yellow4 { color: #fdf500 !important; }
.font_yellow5 { color: #fdea00 !important; }
.font_yellow6 { color: #fec63d !important; }
.font_yellow7 { color: #ffd401 !important; }
.font_yellow8 { color: #ffdc4e !important; }
.font_yellow9 { color: #ffd101 !important; }
.font_orange1 { color: #ff6700 !important; }
.font_orange2 { color: #fd7e67 !important; }
.font_orange3 { color: #ff4713 !important; }
.font_orange4 { color: #ff6801 !important; }
.font_orange5 { color: #ef3100 !important; }
.font_orange6 { color: #ff5a00 !important; }
.font_orange7 { color: #ffa800 !important; }
.font_orange8 { color: #ff8400 !important; }
.font_orange9 { color: #ff933c !important; }
.font_orange10 { color: #fe7950 !important; }
.font_orange11 { color: #d96836 !important; }
.font_orange12 { color: #ff6600 !important; }
.font_orange13 { color: #ff4e00 !important; }
.font_orange14 { color: #ff784e !important; }
.font_yellowgreen1 { color: #a1c354 !important; }
.font_yellowgreen2 { color: #cddc39 !important; }
.font_green1 { color: #8bc34a !important; }
.font_red1 { color: #ed1c24 !important; }
.font_red2 { color: #db5c4b !important; }
.font_jade1 { color: #89a39a !important; }
.font_jade2 { color: #48acaa !important; }
.font_jade3 { color: #7ec7ae !important; }
.font_brown1 { color: #9f752b !important; }
.font_black { color: #000000 !important; }
.font_bluegreen1 { color: #2d998d !important; }
.font_bluegreen2 { color: #408080 !important; }
.font_bluegreen3 { color: #50575f !important; }
.font_bluegreen4 { color: #119aa7 !important; }
.font_bluegreen5 { color: #127f79 !important; }
.font_Pretendard { font-family: 'Pretendard'; }
.font_SeoulHangang { font-family: 'SeoulHangang'; }/* 'NanumSquare' 'Noto Sans KR' 'Nanum Gothic'*/
.font_Cafe24Dangdanghae { font-family: 'Cafe24Dangdanghae'; }
.font_S-CoreDream-3Light { font-family: 'S-CoreDream-3Light'; }
.font_NanumSquare { font-family: 'NanumSquare'; }
.font_Nanum_Gothic { font-family: 'Nanum Gothic'; }
.font_Nanum_Myeongjo { font-family: 'Nanum Myeongjo'; }
.font_Noto_Sans_KR { font-family: 'Noto Sans KR'; }
.font_ELAND_Nice_M { font-family: 'ELAND_Nice_M'; }
.font_Cafe24Shiningstar { font-family: 'Cafe24Shiningstar'; }
.font_strike { text-decoration: line-through; }
.padding_top0 { padding-top: 0px !important; }
.padding_top5 { padding-top: 5px; }
.padding_top10 { padding-top: 10px; }
.padding_top12 { padding-top: 12px; }
.padding_top15 { padding-top: 15px; }
.padding_top20 { padding-top: 20px; }
.padding_top25 { padding-top: 25px; }
.padding_top30 { padding-top: 30px; }
.padding_top40 { padding-top: 40px; }
.padding_top50 { padding-top: 50px; }
.padding_top55 { padding-top: 55px; }
.padding_top60 { padding-top: 60px; }
.padding_top70 { padding-top: 70px; }
.padding_top80 { padding-top: 80px; }
.padding_top90 { padding-top: 90px; }
.padding_top100 { padding-top: 100px; }
.padding_bottom0 { padding-bottom: 0px !important; }
.padding_bottom5 { padding-bottom: 5px; }
.padding_bottom10 { padding-bottom: 10px; }
.padding_bottom14 { padding-bottom: 14px; }
.padding_bottom15 { padding-bottom: 15px; }
.padding_bottom20 { padding-bottom: 20px; }
.padding_bottom25 { padding-bottom: 25px; }
.padding_bottom30 { padding-bottom: 30px; }
.padding_bottom35 { padding-bottom: 35px; }
.padding_bottom40 { padding-bottom: 40px; }
.padding_bottom45 { padding-bottom: 45px; }
.padding_bottom50 { padding-bottom: 50px; }
.padding_bottom60 { padding-bottom: 60px; }
.padding_bottom70 { padding-bottom: 70px; }
.padding_bottom80 { padding-bottom: 80px; }
.padding_bottom90 { padding-bottom: 90px; }
.padding_bottom100 { padding-bottom: 100px; }
.padding_left2p { padding-left: 2%; }
.padding_left5p { padding-left: 5%; }
.padding_left10p { padding-left: 10%; }
.padding_left15p { padding-left: 15%; }
.padding_left19p { padding-left: 19%; }
.padding_left20px { padding-left: 20px; }
.padding_left30px { padding-left: 30px; }
.padding_left40px { padding-left: 40px; }
.padding_left50px { padding-left: 50px; }
.padding_left60px { padding-left: 60px; }
.padding_right2p { padding-right: 2%; }
.padding_right5p { padding-right: 5%; }
.padding_right10p { padding-right: 10%; }
.padding_right19p { padding-right: 19%; }
.padding_right20px { padding-right: 20px; }
.padding_right30px { padding-right: 30px; }
.padding_right40px { padding-right: 40px; }
.padding_right50px { padding-right: 50px; }
.padding_right60px { padding-right: 60px; }
.padding_right80px { padding-right: 80px; }
.margin_top_5 { margin-top: 5px; }
.margin_top_10 { margin-top: 10px; }
.margin_top_15 { margin-top: 15px; }
.margin_top_m100 { margin-top: -100px; }
.margin_bottom10 { margin-bottom: 10px; }
.margin_left_5p { margin-left: 5%; }
.margin_0_auto { margin: 0 auto; }
.a_line_gray_1px { border: 1px solid #d6d6d6; }
.a_line_gray_2px { border: 2px solid #c9c9c9; }
.a_line_gray_8px { border: 8px solid #f3f3f3; }
.b_line_gray_1px { border-bottom: 1px solid #d6d6d6; }
.b_line_gray_2px { border-bottom: 2px solid #dcdcdc; }
.b_line_green_1px { border-bottom: 1px solid #86ad00; }
.b_line_bluegreen_2px { border-bottom: 2px solid #2d998d; }
.b_line_bluegreen_9px { border-bottom: 9px solid #c0e0dd; }
.b_line_orange_1px { border-bottom: 1px solid #ff8c6b; }
.b_line_orange2_1px { border-bottom: 1px solid #ffa669; }
.b_line_orange_dashed_2px { border-bottom: 2px dashed #ffb07b; }
.b_line_green_dashed_2px { border-bottom: 2px dashed #86ad00; }
.t_line_gray_dashed_1px { border-top: 1px dashed #d6d6d6; }
.t_line_bluegreen_2px { border-top: 2px solid #2d998d; }
.t_line_bluegreen_9px { border-top: 9px solid #c0e0dd; }
.r_line_white_9px { border-right: 9px solid #ffffff; }
.pos_relative { position: relative; }
.pos_absolute { position: absolute; }
.pos_absolute_top_ceter { top: 0; left: 50%; transform: translate(-50%, -50%); }
.pos_absolute_bottom_ceter { bottom: 0; left: 50%; transform: translate(-50%, 50%); }
.pos_absolute_middle_ceter { top: 50%; left: 50%; transform: translate(-50%, -50%); }
.left_0px { left: 0; }
.left_10p { left: 10%; }
.left_50p { left: 50%; }
.right_0px { right: 0; }
.top_25px { top: 25px; }
.top_65px { top: 65px; }
.top_10p { top: 10%; }
.bottom_0px { bottom: 0; }
.bottom_50px { bottom: 50px; }
.bottom_50p { bottom: 50%; }
.display_ib { display: inline-block; }
.display_b { display: block !important; }
.display_flex { display: flex; flex-wrap: wrap; }
.df_va_center { align-items: center; }
.df_jc_space_evenly { justify-content: space-evenly; }
.df_jc_space_between { justify-content: space-between; }
.df_jc_center { justify-content: center; }
.df_fd_c { flex-direction: column; }
.df_gap_2p { gap: 2%; }
.df_gap_20px { gap: 20px; }
.df_gap_30px { gap: 30px; }
.df_gap_50px { gap: 50px; }
.df_gap_70px { gap: 70px; }
.float_left { float: left !important; }
.width2p { width: 2%; }
.width10p { width: 10%; }
.width13p { width: 13%; }
.width15p { width: 15%; }
.width18p { width: 18%; }
.width19p { width: 19%; }
.width20p { width: 20%; }
.width23p { width: 23%; }
.width25p { width: 25%; }
.width30p { width: 30%; }
.width40p { width: 40%; }
.width45p { width: 45%; }
.width48p { width: 48%; }
.width50p { width: 50%; }
.width55p { width: 55%; }
.width60p { width: 60%; }
.width65p { width: 65%; }
.width67p { width: 67%; }
.width70p { width: 70%; }
.width75p { width: 75%; }
.width80p { width: 80%; }
.width85p { width: 85%; }
.width87p { width: 87%; }
.width88p { width: 88%; }
.width90p { width: 90%; }
.width100p { width: 100%; }
.width1px { width: 1px; }
.width10px { width: 10px; }
.max_w50p { max-width: 50% !important; }
.height2px { height: 2px; }
.height5px { height: 5px; }
.height40px { height: 40px; }
.height70px { height: 70px; }
.height100p { height: 100%; }
.opacity_30p { opacity: 0.3; }
.opacity_50p { opacity: 0.5; }
.after_cleardiv:after { clear: both; display: block; content:''; }
.v_align_sub { vertical-align: sub; }
.v_align_inherit { vertical-align: inherit; }
.v_align_initial { vertical-align: initial; }
.v_align_middle { vertical-align: middle; }
.v_align_baseline { vertical-align: baseline; }
.v_align_bottom { vertical-align: bottom; }
.of_hidden { overflow: hidden; }
.bg_black { background: #000000; }
.bg_white { background: #ffffff; }
.bg_bluegreen1 { background: #eaf5f3; }
.bg_gray1 { background: #e6e6e6; }
.bg_gray2 { background: #f2f2f2; }
.bg_gray3 { background: #f7f7f7; }
.bg_gray4 { background: #a9a9a9; }
.bg_gray5 { background: #f3f3f3; }
.bg_gray6 { background: #dcdcdc; }
.bg_orange1 { background: #ff6801; }
.bg_orange2 { background: #ff9c55; }
.bg_yellow1 { background: #ffe04d; }
.bg_yellow2 { background: #ead1ae; }
.bg_yellow3 { background: #ffd800; }
.bg_peach1 { background: #eab4ae; }
.bg_green1 { background: #cbd9bf; }
.bg_green2 { background: #cddc39; }
.bg_deepslate1 { background: #5b6b7a; }
.border_radius_10px { border-radius: 10px; }
.border_radius_20px { border-radius: 20px; }
.border_radius_30px { border-radius: 30px; }
.border_radius_50px { border-radius: 50px; }
.border_radius_10px_pc { border-radius: 10px; }
.txt_no_br { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 768px) {
	.font_v11 { font-size: 11px; }
	.font_v12 { font-size: 11px; }
	.font_v13 { font-size: 11px; }
	.font_v14 { font-size: 11px; }
	.font_v15 { font-size: 13px; }
	.font_v16 { font-size: 14px; }
	.font_v17 { font-size: 14px; }
	.font_v18 { font-size: 14px; }
	.font_v20 { font-size: 16px; }
	.font_v22 { font-size: 18px; }
	.faq .font_v22 { font-size: 16px; }
	.font_v23 { font-size: 18px; }
	.font_v24 { font-size: 18px; }
	.font_v25 { font-size: 18px; }
	.font_v26 { font-size: 18px; }
	.font_v28 { font-size: 20px; }
	.font_v30 { font-size: 20px; }
	.font_v32 { font-size: 20px; }
	.font_v34 { font-size: 20px; }
	.font_v36 { font-size: 20px; }
	.font_v40 { font-size: 22px; }
	.font_v48 { font-size: 24px; }
	.font_v50 { font-size: 26px; }
	.font_v72 { font-size: 36px; }
	.font_v100 { font-size: 70px; }
	.font_v9_mo { font-size: 9px; }
	.font_v10_mo { font-size: 10px; }
	.font_v11_mo { font-size: 11px; }
	.font_v12_mo { font-size: 12px; }
	.font_v13_mo { font-size: 13px; }
	.font_v14_mo { font-size: 14px; }
	.font_v15_mo { font-size: 15px; }
	.font_v16_mo { font-size: 16px; }
	.font_v17_mo { font-size: 17px; }
	.font_v18_mo { font-size: 18px; }
	.font_v19_mo { font-size: 19px; }
	.font_v20_mo { font-size: 20px; }
	.font_bold_mobile { font-weight: 600; }
	.lineheight210p_mobile { line-height: 210%; }
	.lineheight55px_variable { line-height: 35px; }
	.padding_top5 { padding-top: 3px; }
	.padding_top10 { padding-top: 5px; }
	.padding_top12 { padding-top: 6px; }
	.padding_top15 { padding-top: 8px; }
	.padding_top20 { padding-top: 10px; }
	.padding_top25 { padding-top: 15px; }
	.padding_top30 { padding-top: 15px; }
	.padding_top40 { padding-top: 20px; }
	.padding_top50 { padding-top: 25px; }
	.padding_top55 { padding-top: 30px; }
	.padding_top60 { padding-top: 30px; }
	.padding_top70 { padding-top: 35px; }
	.padding_top80 { padding-top: 40px; }
	.padding_top90 { padding-top: 45px; }
	.padding_top100 { padding-top: 50px; }
	.padding_top0_m { padding-top: 0; }
	.padding_top17_m { padding-top: 17px; }
	.padding_top20_m { padding-top: 20px; }
	.padding_top30_m { padding-top: 30px; }
	.padding_bottom5 { padding-bottom: 3px; }
	.padding_bottom10 { padding-bottom: 5px; }
	.padding_bottom14 { padding-bottom: 7px; }
	.padding_bottom15 { padding-bottom: 7px; }
	.padding_bottom20 { padding-bottom: 10px; }
	.padding_bottom25 { padding-bottom: 13px; }
	.padding_bottom30 { padding-bottom: 15px; }
	.padding_bottom35 { padding-bottom: 17px; }
	.padding_bottom40 { padding-bottom: 20px; }
	.padding_bottom45 { padding-bottom: 25px; }
	.padding_bottom50 { padding-bottom: 25px; }
	.padding_bottom60 { padding-bottom: 30px; }
	.padding_bottom70 { padding-bottom: 35px; }
	.padding_bottom80 { padding-bottom: 40px; }
	.padding_bottom90 { padding-bottom: 45px; }
	.padding_bottom100 { padding-bottom: 50px; }
	.padding_bottom0_m { padding-bottom: 0; }
	.padding_bottom20_m { padding-bottom: 20px; }
	.padding_left15p { padding-left: 3%; }
	.padding_left19p { padding-left: 5%; }
	.padding_left0p_m { padding-left: 0; }
	.padding_left10p_m { padding-left: 10%; }
	.padding_left20p_m { padding-left: 20%; }
	.padding_left20px { padding-left: 10px; }
	.padding_left30px { padding-left: 15px; }
	.padding_left40px { padding-left: 20px; }
	.padding_left50px { padding-left: 25px; }
	.padding_left60px { padding-left: 30px; }
	.padding_left80px { padding-left: 40px; }
	.padding_right2p { padding-right: 2%; }
	.padding_right19p { padding-right: 5%; }
	.padding_right20px { padding-right: 10px; }
	.padding_right30px { padding-right: 15px; }
	.padding_right40px { padding-right: 20px; }
	.padding_right50px { padding-right: 25px; }
	.padding_right60px { padding-right: 30px; }
	.padding_right80px { padding-right: 40px; }
	.padding_right10p_m { padding-right: 10%; }
	.padding_lr5p_m { padding-left: 5%; padding-right: 5%; }
	.margin_top_10 { margin-top: 10px; }
	.margin_top_15 { margin-top: 15px; }
	.margin_top_10_m { margin-top: 10px; }
	.bottom_50px { bottom: 25px; }
	.max_w50p { max-width: 80% !important; }
	.max_w80p_m { max-width: 80% !important; }
	.max_w90p_m { max-width: 90% !important; }
	.max_w94p_m { max-width: 94% !important; }
	.height70px { height: 50px; }
	.a_line_gray_8px { border: 6px solid #f3f3f3; }
	.df_gap_30px { gap: 15px; }
	.df_gap_50px { gap: 25px; }
	.df_gap_70px { gap: 20px; }
	.df_gap_20px_m { gap: 20px; }
	.df_gap_30px_m { gap: 30px; }
	.df_gap_40px_m { gap: 40px; }
	.df_gap_2p_m { gap: 2%; }
	.df_jc_center_m { justify-content: center; }
	.width_10p_m { width: 10%; }
	.width_20p_m { width: 20%; }
	.width_22p_m { width: 22%; }
	.width_30p_m { width: 30%; }
	.width_40p_m { width: 40%; }
	.width_49p_m { width: 49%; }
	.width_50p_m { width: 50%; }
	.width_60p_m { width: 60%; }
	.width_70p_m { width: 70%; }
	.width_78p_m { width: 78%; }
	.width_80p_m { width: 80%; }
	.width_90p_m { width: 90%; }
	.width_100p_m { width: 100%; }
	.width_auto_m { width: auto !important; }
	.height_1px_m { height: 1px; }
	.height_25px_m { height: 25px; }
	.height_30px_m { height: 30px; }
	.height_40px_m { height: 40px; }
	.height_50px_m { height: 50px; }
	.height_70px_m { height: 70px; }
	.height_100px_m { height: 100px; }
	.height_150px_m { height: 150px; }
	.border_radius_10px { border-radius: 5px; }
	.border_radius_20px { border-radius: 10px; }
	.border_radius_30px { border-radius: 15px; }
	.border_radius_50px { border-radius: 30px; }
	.border_radius_10px_pc { border-radius: unset; }
}

.round_btn { display: inline-block; background: #50aaa0; border-radius: 30px; padding: 17px 37px; box-shadow: 3px 3px 0px 0px #0000000d; }
.round_btn.yellow { background: #ff6700; }
.round_btn2 { display: inline-block; background: #2d998d; border-radius: 50px; width: 250px; padding: 25px 0; text-align: center; font-size: 22px; color: #fff600; line-height: 100%; }
.round_btn2 img { vertical-align: text-top; }
.round_btn3 { display: inline-block; background: #2d998d; border-radius: 50px; width: 210px; padding: 22px 0; text-align: center; font-size: 22px; color: #ffffff; line-height: 100%; }
.round_btn3.on { background: #ffb110; color: #000000; }
.round_btn4 { display: inline-block; background: #f96904; border-radius: 10px; padding: 15px 35px; text-align: center; font-size: 22px; color: #ffffff; line-height: 100%; }
.round_btn4.opt2 { background: #fe3f00; padding: 10px 20px; }
.round_num { display: inline-block; background: #ec6616; width: 55px; height: 55px; line-height: 55px; border-radius: 30px; color: #ffffff; font-family: 'SeoulHangang'; font-size: 26px; text-align: center; }
.round_num2 { background: #2d998c; }
.ipt { width: 100%; height: 30px; border: 1px solid #e3e3e3; padding: 0 22px; font-size: 15px; color: #676767; background: #ffffff; }
.ipt.ipt10 { width: 10%; }
.ipt.ipt15 { width: 15%; }
.ipt.ipt19 { width: 19%; }
.ipt.ipt20 { width: 20%; }
.ipt.ipt22 { width: 22%; }
.ipt.ipt25 { width: 25%; }
.ipt.ipt30 { width: 30%; }
.ipt.ipt40 { width: 40%; }
.ipt.ipt50 { width: 50%; }
.ipt.ipt60 { width: 60%; }
.ipt.ipt70 { width: 70%; }
.ipt.ipt80 { width: 80%; }
.ipt.ipt90 { width: 90%; }
.ipt.ipt95 { width: 95%; }
.ipt.ipt96 { width: 96%; }
.ipt.ipt140px { width: 140px; }
.ipt.textarea { padding: 10px; height: 100px; }
.ipt.h55px { height: 55px; }
.ipt.h100px { height: 100px; }
.ipt.h200px { height: 200px; }
.ipt.f_v18 { font-size: 18px; }
.ipt.p_0_10px { padding: 0 10px; }
.ipt.p_15px_15px { padding: 15px 15px; }
.ipt.aligncenter { text-align: center; }
.ipt.alignright { text-align: right; }
.ipt[readonly] { background: #f5f5f5; }
.btn { display: inline-block; width: 50%; line-height: 40px; background: #2d7e99; color: #ffffff; font-size: 15px; text-align: center; transition: all 0.3s ease; }
.btn.btn20p { width: 18%; margin-left: 2%; }
.btn.btn_w10p { width: 10%; }
.btn.btn_w20p { width: 20%; }
.btn.btn_w25p { width: 25%; }
.btn.btn_w28p { width: 28%; }
.btn.btn_w30p { width: 30%; }
.btn.btn_w32p { width: 32%; }
.btn.btn_w46p { width: 46%; }
.btn.btn_w49p { width: 49%; }
.btn.btn_w50p { width: 50%; }
.btn.btn_w65p { width: 65%; }
.btn.btn_w70p { width: 70%; }
.btn.btn_w73p { width: 73%; }
.btn.btn_w80p { width: 80%; }
.btn.btn_w90p { width: 90%; }
.btn.btn_w95p { width: 95%; }
.btn.btn_w100p { width: 100%; }
.btn.btn_w50px { width: 50px; }
.btn.btn_w60px { width: 60px; }
.btn.btn_w92px { width: 92px; }
.btn.btn_w_auto { width: auto; padding: 0 30px; }
.btn.btn_w_auto2 { width: auto; padding: 0 5px; line-height: 30px; }
.btn.btn_w_auto3 { width: auto; padding: 0 6px; line-height: 30px; }
.btn.btn_w_auto4 { width: auto; padding: 13px 20px; line-height: 100%; }
.btn.btn_wh370px { width: 370px; height: 370px; }
.btn.btn_wh320px { width: 320px; height: 320px; }
.btn.btn_wh310px { width: 310px; height: 310px; }
.btn.btn_wh250px { width: 250px; height: 250px; }
.btn.btn_wh200px { width: 200px; height: 200px; }
.btn.btn_h100p { line-height: 100%; }
.btn.btn_h160p { line-height: 160%; }
.btn.btn_h45px { line-height: 45px; }
.btn.btn_h50px { line-height: 50px; }
.btn.btn_h52px { line-height: 52px; }
.btn.btn_h55px { line-height: 55px; }
.btn.btn_h65px { line-height: 65px; }
.btn.btn_h82px { line-height: 82px; }
.btn.btn_h84px { line-height: 84px; }
.btn.btn_h92px { line-height: 92px; }
.btn.btn_mh100p { min-height: 100%; }
.btn.btn_pt_pb_20px { padding-top: 20px; padding-bottom: 20px; }
.btn.btn_pt_pb_30px { padding-top: 30px; padding-bottom: 30px; }
.btn.btn_pt_pb_60px { padding-top: 60px; padding-bottom: 60px; }
.btn.btn_pl_pr_0 { padding-left: 0; padding-right: 0; }
.btn.btn_pl_pr_20px { padding-left: 20px; padding-right: 20px; }
.btn.btn_pl_pr_30px { padding-left: 30px; padding-right: 30px; }
.btn.btn_pl_pr_60px { padding-left: 60px; padding-right: 60px; }
.btn.btn_c2 { background: #2d998d; }
.btn.btn_c3 { background: #d9d9d9; }
.btn.btn_c4 { background: #ff6700; }
.btn.btn_c5 { background: #ff6801; }
.btn.btn_c6 { background: #d34f4b; }
.btn.btn_c7 { background: #ef6f01; }
.btn.btn_c8 { background: #659f65; }
.btn.btn_c9 { background: #a2b250; }
.btn.btn_c10 { background: #989052; }
.btn.btn_c11 { background: #7e9b85; }
.btn.btn_c12 { background: #7e9b85; }
.btn.btn_c13 { background: #7e9b85; }
.btn.btn_c14 { background: #7e9b85; }
.btn.btn_c15 { background: #c9c9c9; }
.btn.btn_c16 { background: #9ba5a3; }
.btn.btn_c17 { background: #2d998c; }
.btn.btn_c18 { background: #ec6616; }
.btn.btn_c19 { background: #7e819b; }
.btn.btn_c20 { background: #ffd401; }
.btn.btn_c21 { background: #f8b558; }
.btn.btn_c22 { background: #f8ca58; }
.btn.btn_c23 { background: #f7dc4c; }
.btn.btn_c24 { background: #e6ecec; }
.btn.btn_c25 { background: #ece6e6; }
.btn.btn_c26 { background: #ffdc16; }
.btn.btn_c27 { background: #28b9a8; }
.btn.btn_c28 { background: #f9f9f9; }
.btn.btn_c29 { background: #c33c53; }
.btn.btn_c30 { background: #ff7200; }
.btn.btn_c31 { background: #ffd800; }
.btn.btn_c32 { background: #ffffff; }
.btn.btn_c33 { background: #f9e7d1; }
.btn.btn_c34 { background: #feae4d; }
.btn.btn_c35 { background: #ff784e; }
.btn.btn_c36 { background: #f9dbd1; }
.btn.btn_c37 { background: #badcd7; }
.btn.btn_c38 { background: #bac7da; }
.btn.btn_c39 { background: #ffaf32; }
.btn.btn_c40 { background: #ffdc4e; }
.btn.btn_c41 { background: #ffae4e; }
.btn.btn_c42 { background: #d7e65e; }
.btn.btn_c42_over:hover { background: #d7e65e; }
.btn.btn_c43 { background: #fff000; }
.btn.btn_c44 { background: #ffeaa9; }
.btn.btn_c45 { background: #49aa9c; }
.btn.btn_c46 { background: #ffe400; }
.btn.btn_c47 { background: #d6c5d5; }
.btn.btn_c48 { background: #e7ebf0; }
.btn.btn_c49 { background: #efe2e0; }
.btn.btn_c50 { background: #86ad00; }
.btn.btn_c51 { background: #00ada2; }
.btn.btn_c52 { background: #dbe21d; }
.btn.btn_br3px { border-radius: 3px; }
.btn.btn_br5px { border-radius: 5px; }
.btn.btn_br10px { border-radius: 10px; }
.btn.btn_br20px { border-radius: 20px; }
.btn.btn_br30px { border-radius: 30px; }
.btn.btn_br40px { border-radius: 40px; }
.btn.btn_br50px { border-radius: 50px; }
.btn.btn_br100px { border-radius: 100px; }
.btn.btn_br50p { border-radius: 50%; }
.btn.btn_br_right_50p { border-radius: 0 50px 50px 0; }
.btn.btn_f_v16 { font-size: 16px; }
.btn.btn_f_v18 { font-size: 18px; }
.btn.btn_f_v21 { font-size: 21px; }
.btn.btn_f_v24 { font-size: 24px; }
.btn.btn_f_v28 { font-size: 28px; }
.btn.btn_f_v32 { font-size: 32px; }
.btn.btn_f_v36 { font-size: 36px; }
.btn.btn_fc_black { color: #000000; }
.btn.btn_mb_10px { margin-bottom: 10px; }
.border_line { border: 6px solid #000000; }
.border_line.w4px { border-width: 4px; }
.border_line.w8px { border-width: 8px; }
.border_line.c_yellow { border-color: #ffe787; }
.border_line.c_yellow2 { border-color: #ffdea9; }
.border_line.c_gray1 { border-color: #dfdfdf; }
.border_line.c_green1 { border-color: #cddc39; }
.border_line.br_30px { border-radius: 30px; }
.border_line.br_40px { border-radius: 40px; }
.color_box { background: #eaeaea; padding: 20px; }
.color_box2 { background: #f9f9f9; padding: 20px; }
.left_line_yellow { border-left: 8px solid #ffcb00; padding-left: 20px; }
.top_orange_dot { position: relative; }
.top_orange_dot:before { content: '●'; position: absolute; width: 100%; text-align: center; top: -23px; font-family: 'Pretendard'; font-size: 10px; color: #ff6700; transform: scale(0.6); }
.top_black_dot { position: relative; }
.top_black_dot:before { content: '●'; position: absolute; width: 100%; text-align: center; top: -23px; font-family: 'Pretendard'; font-size: 10px; color: #000000; transform: scale(0.6); }
.cursor_pointer{ cursor: pointer; }
@media (max-width: 768px) {
	.round_btn { padding: 9px 16px; box-shadow: 3px 3px 0px 0px #0000000d; }
	.round_btn img { height: 12px; }
	.round_btn2 { max-width: 47%; padding: 14px 0; font-size: 18px; }
	.round_btn2 img { height: 18px; }
	.round_btn3 { width: 30%; padding: 13px 0; font-size: 16px; }
	.round_btn4 { border-radius: 7px; padding: 10px 25px; font-size: 16px; }
	.round_btn4.opt2 { padding: 10px 10px; }
	.round_btn5 { display: inline-block; background: #50aaa0; border-radius: 30px; padding: 8px 40px; font-size: 20px; color: #ffffff; font-family: 'Cafe24Dangdanghae'; }
	.ipt { padding: 0 10px; }
	.ipt.h55px { height: 40px; }
	.ipt.h100px { height: 70px; }
	.btn { font-size: 14px; line-height: 30px; }
	.btn.btn_w_auto4 { padding: 10px 15px; }
	.btn.btn_wh370px { width: 250px; height: 250px; }
	.btn.btn_wh320px { width: 230px; height: 230px; }
	.btn.btn_wh310px { width: 230px; height: 230px; }
	.btn.btn_wh250px { width: 165px; height: 165px; }
	.btn.btn_wh200px { width: 150px; height: 150px; }
	.btn.btn_wh150px_m { width: 150px; height: 150px; }
	.btn.btn_h45px { line-height: 30px; }
	.btn.btn_h55px { line-height: 40px; }
	.btn.btn_h65px { line-height: 40px; }
	.btn.btn_h92px { line-height: 50px; }
	.btn.btn_pt_pb_20px { padding-top: 10px; padding-bottom: 10px; }
	.btn.btn_pt_pb_30px { padding-top: 15px; padding-bottom: 15px; }
	.btn.btn_pt_pb_60px { padding-top: 30px; padding-bottom: 30px; }
	.btn.btn_pl_pr_20px { padding-left: 10px; padding-right: 10px; }
	.btn.btn_pl_pr_30px { padding-left: 15px; padding-right: 15px; }
	.btn.btn_pl_pr_60px { padding-left: 30px; padding-right: 30px; }
	.btn.btn_br3px { border-radius: 3px; }
	.btn.btn_br5px { border-radius: 5px; }
	.btn.btn_br10px { border-radius: 8px; }
	.btn.btn_br20px { border-radius: 12px; }
	.btn.btn_br30px { border-radius: 15px; }
	.btn.btn_br40px { border-radius: 20px; }
	.btn.btn_br50px { border-radius: 25px; }
	.btn.btn_br100px { border-radius: 50px; }
	.btn.btn_w20p_m { width: 38%; }
	.btn.btn_w30p { width: 45%; }
	.btn.btn_w45p_m { width: 45%; }
	.btn.btn_w80p_m { width: 80%; }
	.btn.btn_w90p_m { width: 90%; }
	.btn.btn_w100p_m { width: 100%; }
	.btn.btn_h40px_m { line-height: 40px; }
	.btn.btn_f_v12_m { font-size: 12px; }
	.btn.btn_f_v16 { font-size: 14px; }
	.btn.btn_f_v18 { font-size: 14px; }
	.btn.btn_f_v21 { font-size: 18px; }
	.btn.btn_f_v24 { font-size: 18px; }
	.btn.btn_f_v28 { font-size: 20px; }
	.btn.btn_f_v32 { font-size: 20px; }
	.btn.btn_f_v36 { font-size: 20px; }
	.top_orange_dot:before { content: '●'; position: absolute; width: 100%; text-align: center; top: -13px; font-family: 'Pretendard'; font-size: 10px; color: #ff6700; transform: scale(0.4); }
	.top_black_dot:before { content: '●'; position: absolute; width: 100%; text-align: center; top: -13px; font-family: 'Pretendard'; font-size: 10px; color: #000000; transform: scale(0.4); }
}

ul.radio2 { width: 95%; }
ul.radio2 li { float: left; width: calc( 100% / 2 ); text-align: right; }
ul.radio2:after { clear: both; display: block; content:''; }
@media (max-width: 768px) {
	ul.radio2 { width: 90%; }
	ul.radio2 li { width: calc( 100% / 2 ); }
}

ul.radio3 { width: 95%; }
ul.radio3 li { float: left; width: calc( 100% / 3 ); text-align: right; }
ul.radio3:after { clear: both; display: block; content:''; }
@media (max-width: 768px) {
	ul.radio3 { width: 90%; }
	ul.radio3 li { width: calc( 100% / 2 ); }
}

ul.radio5 { width: 95%; }
ul.radio5 li { float: left; width: calc( 100% / 5 ); text-align: right; }
ul.radio5:after { clear: both; display: block; content:''; }
@media (max-width: 768px) {
	ul.radio5 { width: 90%; }
	ul.radio5 li { width: calc( 100% / 2 ); }
}

ul.radio6 { width: 95%; }
ul.radio6 li { float: left; width: calc( 100% / 6 ); text-align: right; }
ul.radio6:after { clear: both; display: block; content:''; }
@media (max-width: 768px) {
	ul.radio6 { width: 90%; }
	ul.radio6 li { width: calc( 100% / 2 ); }
}



.pn_btn_div { position: fixed; top: 50%; transform: translateY(-50%); z-index: 999; }
.pn_btn_div.prev { left: 0; }
.pn_btn_div.next { right: 0; }
.pn_btn_div a { display: inline-block; width: 70px; height: 100px; line-height: 100px; background: #2d998c; color: #ffffff; opacity: 0.8; }
.pn_btn_div.prev a { border-radius: 0 100px 100px 0; text-align: left; padding: 0 0 0 10px; }
.pn_btn_div.next a { border-radius: 100px 0 0 100px; text-align: right; padding: 0 10px 0 0; }
@media (max-width: 768px) {
	.pn_btn_div { top: 75%; }
	.pn_btn_div a { width: 30px; height: 45px; line-height: 45px; font-size: 14px; }
	.pn_btn_div.prev a { padding: 0 0 0 0; }
	.pn_btn_div.next a { padding: 0 0 0 0; }
}



.checkbox_img input[type="checkbox"]+label { display: inline-block; height: 32px; background: url('../img_new/bbs/check-off.png') no-repeat 0 0px / contain; line-height: 32px; padding-left: 40px; }
.checkbox_img input[type="checkbox"]:checked+label { background: url('../img_new/bbs/check-on.png') no-repeat 0 0 / contain; }
.checkbox_img input[type="checkbox"] { display: none; }
@media (max-width: 768px) {
	.checkbox_img input[type="checkbox"]+label { height: 20px; background: url('../img_new/bbs/check-off.png') no-repeat 0 0px / contain; line-height: 20px; padding-left: 26px; }
}

.checkbox_img input[type="radio"]+label { display: inline-block; height: 32px; background: url('../img_new/bbs/check-off.png') no-repeat 0 0px / contain; line-height: 32px; padding-left: 40px; }
.checkbox_img input[type="radio"]:checked+label { background: url('../img_new/bbs/check-on.png') no-repeat 0 0 / contain; }
.checkbox_img input[type="radio"] { display: none; }
@media (max-width: 768px) {
	.checkbox_img input[type="radio"]+label { height: 20px; background: url('../img_new/bbs/check-off.png') no-repeat 0 0px / contain; line-height: 20px; padding-left: 26px; }
}

.con_div .width10 { width: 10% !important; max-width: 100px !important; }
.con_div .width15 { width: 15% !important; max-width: 150px !important; }
.con_div .width20 { width: 20% !important; max-width: 200px !important; }
.con_div .width30 { width: 30% !important; max-width: 300px !important; }
.con_div .width40 { width: 40% !important; max-width: 400px !important; }
.con_div .width45 { width: 45% !important; max-width: 450px !important; }
.con_div .width50 { width: 50% !important; max-width: 500px !important; }
.con_div .width60 { width: 60% !important; max-width: 600px !important; }
.con_div .width70 { width: 70% !important; max-width: 700px !important; }
.con_div .width80 { width: 80% !important; max-width: 800px !important; }
.con_div .width100 { width: 100% !important; }
.con_div .mw_none { max-width: none !important; }

.con_div .alignleft { text-align: left; }
.con_div .aligncenter { text-align: center; }
.con_div .alignright { text-align: right; }
@media (max-width: 768px) {
	.con_div .aligncenter_m { text-align: center; }
}

.bbs_button {
	display: inline-block;
	text-decoration: none;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	background: #836b4e;
	text-align: center;
	color: #ffffff;
	padding: 3px 25px 2px;
}

.bbs_button1 {
	display: inline-block;
	text-decoration: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #768da2;
	text-align: center;
	color: #ffffff;
	padding: 5px 20px 4px;
}
@media (max-width: 768px) {
	.bbs_button1 { padding: 3px 10px 2px; }
}
a.bbs_button1:hover { color: #ffffff; }

.bbs_button2 {
	display: inline-block;
	text-decoration: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #768da2;
	text-align: center;
	color: #ffffff;
	padding: 4px 15px 4px;
}

.bbs_button2_1 {
	display: inline-block;
	text-decoration: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #768da2;
	text-align: center;
	color: #ffffff;
	padding: 3px 15px 2px;
}
.bbs_button2_1.bg_a27682 { background: #a27682; }
.bbs_button2_1.bg_7678a2 { background: #7678a2; }

.bbs_button2_2 {
	display: inline-block;
	text-decoration: none;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #ff7900;
	text-align: center;
	font-size: 10px;
	color: #ffffff;
	line-height: 100%;
	padding: 2px 5px 2px;
}

.bbs_button3 {
	display: inline-block;
	text-decoration: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #768da2;
	text-align: center;
	color: #ffffff;
	padding: 1px 70px 0px;
}

.bbs_button4 {
	display: inline-block;
	text-decoration: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #768da2;
	text-align: center;
	color: #ffffff;
	padding: 1px 10px 0px;
}

.bbs_button4_2 {
	display: inline-block;
	text-decoration: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #768da2;
	text-align: center;
	color: #ffffff;
	padding: 2px 10px 2px;
}

.bbs_button5 {
	display: inline-block;
	text-decoration: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #ff7900;
	text-align: center;
	line-height: 100%;
	color: #ffffff;
	padding: 5px 8px 5px;
}
.admin_tbl .bbs_button5 { padding: 9px 8px 9px; margin-bottom: 3px; }
.admin_tbl td .bbs_button5:last-of-type { margin-bottom: 0; }
.admin_tbl .bbs_button5.small { padding: 5px 8px 5px; }
.bbs_button5.bg_eaeaea { background: #eaeaea; }/*옅은 회색*/
.bbs_button5.bg_adadad { background: #adadad; }/*회색*/
.bbs_button5.bg_7f7f7f { background: #7f7f7f; }/*진한 회색*/
.bbs_button5.bg_b78947 { background: #b78947; }/*고동색*/
.bbs_button5.bg_ff7900 { background: #ff7900; }/*주황*/
.bbs_button5.bg_1976d2 { background: #1976d2; }/*파랑*/
.bbs_button5.bg_a6b649 { background: #a6b649; }/*초록*/
.bbs_button5.bg_95b548 { background: #95b548; }/*초록*/
.bbs_button5.bg_95b343 { background: #95b343; }/*초록*/
.bbs_button5.bg_84b961 { background: #84b961; }/*초록*/
.bbs_button5.bg_4db079 { background: #4db079; }/*초록*/
.bbs_button5.bg_4eb06c { background: #4eb06c; }/*초록*/
.bbs_button5.bg_4e9fb0 { background: #4e9fb0; }/*초록*/
.bbs_button5.bg_44ba9d { background: #44ba9d; }/*청록*/
.bbs_button5.bg_cb6093 { background: #cb6093; }/*보라*/
.bbs_button5.bg_cc6774 { background: #cc6774; }/*보라*/
.bbs_button5.bg_d0546c { background: #d0546c; }/*보라*/
.bbs_button5.bg_d95126 { background: #d95126; }/*보라*/
.bbs_button5.bg_fae100 { background: #fae100; }/*카카오 노랑*/
.bbs_button5.bg_05d686 { background: #05d686; }/*네이버 초록*/
.bbs_button5.bg_8f8f8f { background: #8f8f8f; }/*회색*/
.bbs_button5.f_000000 { color: #000000; }
.bbs_button5.on { background: #7f7f7f; }

.bbs_button6 {
	display: inline-block;
	text-decoration: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #768da2;
	text-align: center;
	line-height: 100%;
	color: #ffffff;
	padding: 3px 2px 3px;
}

.bbs_button_big1 {
	display: inline-block;
	text-decoration: none;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	background: #094078;
	text-align: center;
	font-size: 1.5em;
	color: #ffffff;
	padding: 30px 125px;
}

.bbs_button7 {
	display: inline-block;
	text-decoration: none;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #788888;
	font-size: 10px;
	text-align: center;
	color: #ffffff;
	line-height: 100%;
	padding: 2px 5px 3px;
}

.bbs_button_big2 {
	box-shadow: inset 0px 1px 0px 0px #f8ae54;
	background: linear-gradient(to bottom, #f78c11 5%, #f06018 100%);
	background-color: #f78c11;
	border-radius: 42px;
	border: 1px solid #d7471c;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	padding: 26px 50px;
	text-decoration: none;
	text-shadow: 1px 1px 3px #810e05;
	min-width: 300px;
}
.bbs_button_big2:hover {
	background: linear-gradient(to bottom, #f06018 5%, #f78c11 100%);
	background-color: #f06018;
}
.bbs_button_big2:active {
	position: relative;
	top: 1px;
}
@media (max-width: 768px) {
	.bbs_button_big2 {
		padding: 10px 15px;
		min-width: 150px;
	}
	.bbs_button_big2.font_v24 { font-size: 14px; }
}

.bbs_button_big3 {
	box-shadow: inset 0px 1px 0px 0px #f99e54;
	background: linear-gradient(to bottom, #f8710a 5%, #f1400f 100%);
	background-color: #f8710a;
	border-radius: 42px;
	border: 1px solid #da2717;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	padding: 26px 50px;
	text-decoration: none;
	text-shadow: 1px 1px 3px #810e05;
	min-width: 300px;
}
.bbs_button_big3:hover {
	background: linear-gradient(to bottom, #f1400f 5%, #f8710a 100%);
	background-color: #f1400f;
}
.bbs_button_big3:active {
	position: relative;
	top: 1px;
}
@media (max-width: 768px) {
	.bbs_button_big3 {
		padding: 10px 15px;
		min-width: 150px;
	}
	.bbs_button_big3.font_v24 { font-size: 14px; }
}

.bbs_button_big4 {
	box-shadow: inset 0px 1px 0px 0px #f8ae54;
	background: linear-gradient(to bottom, #f78c11 5%, #f06018 100%);
	background-color: #f78c11;
	border-radius: 42px;
	border: 1px solid #d7471c;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	padding: 15px 20px;
	text-decoration: none;
	text-shadow: 1px 1px 3px #810e05;
	min-width: 250px;
}
.bbs_button_big4:hover {
	background: linear-gradient(to bottom, #f06018 5%, #f78c11 100%);
	background-color: #f06018;
}
.bbs_button_big4:active {
	position: relative;
	top: 1px;
}
@media (max-width: 768px) {
	.bbs_button_big4 {
		padding: 10px 15px;
		min-width: 150px;
	}
	.bbs_button_big4.font_v24 { font-size: 14px; }
}



.tooltip {
	position: relative;
}
.tooltip:hover:after {
	content: attr(data-tooltip);
	display: block;
	width: 335px;
	padding: 10px;
	color: #FFF;
	background: #333;
	position: absolute;
	top: 20px;
	left: 0px;
	z-index: 100;
}
.tooltip:hover:before {
	display: block;
	content: "";
	position: absolute;
	top: 15px;
	left: 0px;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #333;
	border-left: 10px solid transparent;
}



[data-tooltip-text]:hover {
	position: relative;
}

[data-tooltip-text]:after {
	-webkit-transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
	-moz-transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
	transition: bottom .3s ease-in-out, opacity .3s ease-in-out;

	background-color: rgba(0, 0, 0, 0.8);

	-webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	color: #ffffff;
	font-size: 14px;
	margin-bottom: 10px;
	padding: 7px 12px;
	position: absolute;
	width: auto;
	min-width: 50px;
	max-width: 300px;
	word-wrap: break-word;
	text-align: left;

	z-index: 9999;

	opacity: 0;
	left: -9999px;
	top: 60%;

	content: attr(data-tooltip-text);
}

[data-tooltip-text]:hover:after {
	top: 130%;
	left: 0;
	opacity: 1;
}



.blinking{
	-webkit-animation: blink 0.5s ease-in-out infinite alternate;
	-moz-animation: blink 0.5s ease-in-out infinite alternate;
	animation: blink 0.5s ease-in-out infinite alternate;
}

@-webkit-keyframes blink{
	0% { opacity: 0.3; }
	100% { opacity: 1; }
}

@-moz-keyframes blink{
	0% { opacity: 0.3; }
	100% { opacity: 1; }
}

@keyframes blink{
	0% { opacity: 0.3; }
	100% { opacity: 1; }
}

@keyframes shakeRotate {
	0% { transform: rotate(0deg); }
	25% { transform: rotate(-5deg); }
	50% { transform: rotate(5deg); }
	75% { transform: rotate(-5deg); }
	100% { transform: rotate(0deg); }
}



.loading {
	position: relative;
	width: 60px;
	height: 60px;
	margin: 40px auto;
}

.loading .spinner {
	width: 100%;
	height: 100%;
	border: 4px solid #ddd;
	border-top: 4px solid #333;
	border-radius: 50%;
	animation: spin 1s linear infinite;
}

.loading .label {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 36px;
	height: 36px;
	line-height: 36px;
	background: #ff8301;
	border-radius: 50%;
	font-size: 16px;
	font-weight: 500;
	color: #ffffff;
	text-align: center;
	pointer-events: none;
}

@keyframes spin {
	FROM { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}