@charset "UTF-8";

/* 공통 */
@import url("//cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");
@import url('//webfontworld.github.io/seoulhangang/SeoulHangang.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: #ffc74d; }
.header_div .header .menu > ul > li.yellow { padding: 0 10px; }
.header_div .header .menu > ul > li.yellow.fst { padding: 0 10px 0 60px; }
.header_div .header .menu > ul > li.yellow > a { padding: 0; }
.header_div .header .menu > ul > li.yellow > a > span { font-weight: 400; background: #f7d862; padding: 5px 20px; border-radius: 30px; transition: all 0.3s ease; }
.header_div .header .menu > ul > li.yellow > a:hover { background: unset; }
.header_div .header .menu > ul > li.yellow > 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 10px; color: #000000; text-align: center; transition: all 0.3s ease; }
.header_div .header .menu > ul > li > ul > li > a:hover { background: #f7d862; }
.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_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.yellow { padding: 0; }
	.header_div .header .menu > ul > li.yellow.fst { padding: 0; }
	.header_div .header .menu > ul > li.yellow > a { padding: 0; }
	.header_div .header .menu > ul > li.yellow > a > span { font-weight: 400; background: unset; padding: 0; border-radius: 0; }
	.header_div .header .menu > ul > li.yellow > a:hover { background: unset; }
	.header_div .header .menu > ul > li.yellow > 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: #ff6801; 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: 50px 0 70px 0; }
.con_div .con { position: relative; width: 100%; max-width: 1600px; margin: 0 auto; }
.con_div .con img { max-width: 100%; }
.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 .con:after { clear: both; display: block; content:''; }
@media (max-width: 768px) {
	#contents { }
	.con_div.subpage { padding: 25px 0 35px 0; }
	.con_div .con.board { padding-left: 5%; padding-right: 5%; }
	.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: #ffd401; }
.con_div.c_image.index.only_pc { overflow: hidden; }
.slide .swiper-pagination-bullet { width: 10px; height: 10px; }
.slide .swiper-pagination-bullet-active { background: #ffffff; }
@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 { top: 70px !important; left: 4% !important; width: 92%; }
	.popup:nth-of-type(2) { top: 90px !important; }
	.popup:nth-of-type(3) { top: 90px !important; }
	.popup:nth-of-type(4) { top: 90px !important; }
	.popup:nth-of-type(5) { top: 90px !important; }
	.popup:nth-of-type(6) { top: 90px !important; }
	.popup:nth-of-type(7) { top: 90px !important; }
	.popup:nth-of-type(8) { top: 90px !important; }
	.popup:nth-of-type(9) { top: 90px !important; }
	.popup:nth-of-type(10) { top: 90px !important; }
	.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 #ffd401; 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: #119aa7; color: #ffffff; font-size: 17px; /*border-radius: 0 7px 0 7px;*/ }
.modal_div .aligncenter { text-align: center; }
@media (max-width: 768px) {
	.modal_div { padding: 20px 0 10px 0; 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: #ffe1a0; 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 .main_notice_notice { padding: 40px 0 40px; }
	.main_notice .main_notice_in .main_notice_notice a { font-size: 14px; line-height: 100%; padding: 8px 15px; border-radius: 3px; }
}

.main_review .main_review_in { max-width: 1300px; }
.main_review .main_review_in .slide_review { overflow: hidden; }
.main_review .main_review_in .slide_review ul li { padding: 30px 30px; border-radius: 20px; transition: all 0.3s ease; }
.main_review .main_review_in .slide_review ul li .title_div { padding: 0 0 35px 0; }
.main_review .main_review_in .slide_review ul li .title_div .dot { font-size: 16px; vertical-align: middle; }
.main_review .main_review_in .slide_review ul li .title_div .review { font-size: 20px; font-weight: 600; line-height: 100%; color: #ffaf00; vertical-align: middle; }
.main_review .main_review_in .slide_review ul li .title_div .title { font-size: 21px; font-weight: 500; line-height: 100%; padding: 0 0 0 5px; vertical-align: middle; }
.main_review .main_review_in .slide_review ul li .con { font-size: 16px; line-height: 130%; color: #636363; padding: 0 0 20px 0; }
.main_review .main_review_in .slide_review ul li .link a { display: inline-block; font-size: 16px; line-height: 130%; color: #ffffff; background: #607d8b; padding: 3px 15px; border-radius: 3px; }
.main_review .main_review_in .slide_review ul li:hover { background: #f1f1f1; }
.main_review .main_review_in .slide_review ul li:hover .con { color: #333333; }
.main_review .main_review_in .slide_review ul li:hover .link a { }
.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: #ffd200; }
.main_review .main_review_in .review_btn { text-align: center; padding: 70px 0 70px 0; }
.main_review .main_review_in .review_btn a { display: inline-block; font-size: 26px; line-height: 100%; color: #ffffff; background: #000000; border: 5px solid #000000; padding: 24px 130px; border-radius: 100px; transition: all 0.3s ease; }
.main_review .main_review_in .review_btn a:hover { color: #000000; background: #ffc74d; border: 5px solid #e6e6e6; }
@media (max-width: 768px) {
	.main_review .main_review_in .slide_review { position: relative; padding: 0 10% 40px; }
	.main_review .main_review_in .slide_review ul li { padding: 15px 15px; border-radius: 10px; }
	.main_review .main_review_in .slide_review ul li .title_div { padding: 0 0 10px 0; }
	.main_review .main_review_in .slide_review ul li .title_div .dot { font-size: 14px; }
	.main_review .main_review_in .slide_review ul li .title_div .review { font-size: 16px; line-height: 100%; }
	.main_review .main_review_in .slide_review ul li .title_div .title { font-size: 18px; line-height: 100%; }
	.main_review .main_review_in .slide_review ul li .con { font-size: 14px; line-height: 130%; padding: 0 0 10px 0; }
	.main_review .main_review_in .slide_review ul li .link a { font-size: 14px; line-height: 130%; }
	.main_review .main_review_in .review_btn { padding: 10px 10% 30px 10%; }
	.main_review .main_review_in .review_btn a { width: 100%; font-size: 18px; line-height: 100%; padding: 15px 0; text-align: center; }
}

.main_interview .main_interview_in { max-width: 1450px; }
.main_interview .main_interview_in .title_div { position: relative; }
.main_interview .main_interview_in .title_div .yellow_bar { position: absolute; display: block; width: 100%; height: 13px; background: #ffeec9; top: calc( 50% - 8px ); }
.main_interview .main_interview_in .title_div .title { position: relative; width: max-content; margin: 0 auto; font-size: 60px; font-weight: 800; background: #ffffff; padding: 0 6px 0 24px; }
.main_interview .main_interview_in .title_div .title img { display: inline-block; transition: all 0.3s ease; }
.main_interview .main_interview_in .title_div:hover .title img { transform: translateY(-5px); }
.main_interview .main_interview_in .slide_youtube { padding: 45px 0 110px 0; overflow: hidden; }
.main_interview .main_interview_in .slide_youtube ul li { border-radius: 20px; overflow: hidden; }
.main_interview .main_interview_in .slide_youtube ul li .img { }
.main_interview .main_interview_in .slide_youtube ul li .con { background: #ffdc4e; padding: 60px 0; line-height: 50px; text-align: center; }
.main_interview .main_interview_in .slide_youtube ul li .con .title { display: inline-block; font-size: 22px; font-weight: 500; transition: all 0.3s ease; }
.main_interview .main_interview_in .slide_youtube ul li:hover .con .title { transform: scale(1.2); }
.main_interview .main_interview_in .slide_youtube ul li .con .job { font-size: 18px; font-weight: 500; }
.main_interview .main_interview_in .slide_youtube ul li .con .name { font-size: 24px; font-weight: 500; }
.main_interview .main_interview_in .slide_youtube .swiper-horizontal>.swiper-pagination-bullets,
.main_interview .main_interview_in .slide_youtube .swiper-pagination-bullets.swiper-pagination-horizontal,
.main_interview .main_interview_in .slide_youtube .swiper-pagination-custom,
.main_interview .main_interview_in .slide_youtube .swiper-pagination-fraction { bottom: unset; }
.main_interview .main_interview_in .slide_youtube .swiper-pagination-bullet-active { background: #ffd200; }
@media (max-width: 768px) {
	.main_interview .main_interview_in { }
	.main_interview .main_interview_in .title_div { }
	.main_interview .main_interview_in .title_div .yellow_bar { height: 10px; top: calc( 50% - 5px ); }
	.main_interview .main_interview_in .title_div .title { font-size: 30px; padding: 0 5px 0 12px; }
	.main_interview .main_interview_in .title_div .title img { width: 70px; }
	.main_interview .main_interview_in .slide_youtube { padding: 20px 15% 50px 15%; }
	.main_interview .main_interview_in .slide_youtube ul li { border-radius: 15px; }
	.main_interview .main_interview_in .slide_youtube ul li .img { }
	.main_interview .main_interview_in .slide_youtube ul li .con { padding: 30px 0; line-height: 30px; }
	.main_interview .main_interview_in .slide_youtube ul li .con .title { font-size: 16px; display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.main_interview .main_interview_in .slide_youtube ul li .con .job { font-size: 14px; }
	.main_interview .main_interview_in .slide_youtube ul li .con .name { font-size: 18px; }
}

.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: #ff9800; }
.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: #ff9800; }
.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: 234px; border-radius: 40px; }
.main_blog .main_blog_in .slide_blog ul li .bbs_title { margin: 10px 0 0 0; padding: 10px 20px; font-size: 16px; 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: 14px; }
.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: #ffd200; }
@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; }
}










/* 스트렝스5 */
.info_a { padding: 87px 0 70px; }
.info_a .info_a_in ul.info_a_2 li { float: left; margin-right: 52px; }
.info_a .info_a_in ul.info_a_2 li:nth-child(1) { margin-left: 43px; padding-top: 26px; }
.info_a .info_a_in ul.info_a_2 li:last-child { margin-right: 0; }
.info_a .info_a_in ul.info_a_2 li .box { width: 166px; height: 166px; background: #ff5d05; color: #ffffff; font-size: 18px; line-height: 130%; padding: 38px 0 0 29px; }
.info_a .info_a_in ul.info_a_2 li .box.line5 { padding: 25px 0 0 29px; }
.info_a .info_a_in ul.info_a_2:after { clear: both; display: block; content:''; }
@media (max-width: 768px) {
	.info_a { padding: 17px 0 17px; }
	.info_a .info_a_1 .left { float: left; width: 35%; }
	.info_a .info_a_1 .left img { width: 70%; }
	.info_a .info_a_1 .right { float: right; width: 65%; padding-top: 26px; }
	.info_a .info_a_in ul.info_a_2 li { width: 23%; margin-right: 2%; }
	.info_a .info_a_in ul.info_a_2 li:nth-child(2) { margin-left: 1%; }
	.info_a .info_a_in ul.info_a_2 li:last-child { margin-right: 0; }
	.info_a .info_a_in ul.info_a_2 li img { width: 23px; }
	.info_a .info_a_in ul.info_a_2 li .box { width: 100%; height: unset; font-size: 10px; line-height: 130%; padding: 12px 6px 13px; }
	.info_a .info_a_in ul.info_a_2 li .box.line5 { padding: 6px 6px; }
	.info_a .info_a_4 { padding-right: 15%; background: url("../img/info/info_b_2.png") right bottom no-repeat; background-size: 60px auto; }
}

.info_b { background: #f2f2f2; }
.info_b .info_b_in .left { padding: 89px 0 75px 0; width: 70%; }
.info_b .info_b_in .left .info_b_1 { padding-left: 50px; }
.info_b .info_b_in .left .info_b_2 { padding-left: 195px; }
.info_b .info_b_in .right { padding: 42px 0 49px 0; width: 30%; }
@media (max-width: 768px) {
	.info_b .info_b_in .left { padding: 30px 0 36px 0; width: 100%; }
	.info_b .info_b_in .left .info_b_1 { padding-left: 0; padding-right: 10%; }
	.info_b .info_b_in .left .info_b_1.font_36 { font-size: 18px; }
	.info_b .info_b_in .left .info_b_2 { padding-left: 5%; }
	.info_b .info_b_in .left .info_b_2.font_18 { font-size: 9px; }
	.info_b .info_b_in .left .info_b_2 img { height: 13px; }
}

.info_c { padding: 36px 0 61px; }
.info_c .info_c_in.info_c_1 .left { padding: 0 0 0 0; width: 37.5%; }
.info_c .info_c_in.info_c_1 .right { padding: 71px 0 0 0; width: 62.5%; }
.info_c .info_c_in.info_c_2 { padding-left: 135px; }
.info_c .info_c_in ul.info_c_4 { display: inline-block; }
.info_c .info_c_in ul.info_c_4 li { float: left; margin-right: 24px; background: #ff6700; width: 212px; height: 212px; border-radius: 120px; box-shadow: 3px 2px 0px 0px #0000000d; }
.info_c .info_c_in ul.info_c_4 li div:nth-child(1) { padding: 34px 0 20px 0; }
.info_c .info_c_in ul.info_c_4 li div:nth-child(2) { padding: 0 0 20px 0; }
.info_c .info_c_in ul.info_c_4 li div:nth-child(3) { }
.info_c .info_c_in ul.info_c_4:after { clear: both; display: block; content:''; }
@media (max-width: 768px) {
	.info_c { padding: 30px 0 30px; }
	.info_c .info_c_in.info_c_1 .left { float: left; padding: 0 5% 0 5%; width: 45%; text-align: right; }
	.info_c .info_c_in.info_c_1 .right { float: left; padding: 25px 0 0 0; width: auto; text-align: center; }
	.info_c .info_c_in.info_c_1 .font_36 { font-size: 18px; }
	.info_c .info_c_in.info_c_2 { padding-left: 0; padding: 10px 5% 20px 5%; }
	.info_c .info_c_in.info_c_2.font_18 { font-size: 12px; }
	.info_c .info_c_in.info_c_3 { padding: 0 0 22px 0; }
	.info_c .info_c_in.info_c_3.font_29 { font-size: 15px; }
	.info_c .info_c_in ul.info_c_4 { display: inline-block; }
	.info_c .info_c_in ul.info_c_4 li { margin-right: 0; width: 43vw; height: 43vw; }
	.info_c .info_c_in ul.info_c_4 li:nth-child(2n+1) { margin: 0 2vw 0 5vw; }
	.info_c .info_c_in ul.info_c_4 li:nth-child(2n) { margin: 0 5vw 0 2vw; }
	.info_c .info_c_in ul.info_c_4 li:nth-child(1) { margin-bottom: 4vw; }
	.info_c .info_c_in ul.info_c_4 li:nth-child(2) { margin-bottom: 4vw; }
	.info_c .info_c_in ul.info_c_4 li div:nth-child(1) { padding: 22px 0 15px 0; }
	.info_c .info_c_in ul.info_c_4 li div:nth-child(2) { padding: 0 0 15px 0; }
	.info_c .info_c_in ul.info_c_4 li div:nth-child(3) img { height: 25px; }
	.info_c .info_c_in ul.info_c_4 .font_16 { font-size: 12px; }
	.info_c .info_c_in ul.info_c_4 .font_18 { font-size: 13px; }
	.info_c .info_c_in ul.info_c_4 .font_24 { font-size: 15px; }
}

.info_d { background: #f2f2f2; }
.info_d .info_d_in { padding: 75px 0 0 0; }
.info_d .info_d_in ul.info_d_2 { width: 85%; margin: 0 auto; padding-bottom: 80px; }
.info_d .info_d_in ul.info_d_2 li { padding: 0 0 20px 0; }
.info_d .info_d_in ul.info_d_2 li div { float: left; height: 58px; }
.info_d .info_d_in ul.info_d_2 li div:nth-child(1) { width: 170px; background: #ff5d05; line-height: 58px; }
.info_d .info_d_in ul.info_d_2 li div:nth-child(2) { width: calc( 100% - 170px ); line-height: 50px; border: 4px solid #ff5d05; border-left: 0; padding-left: 30px; background: #ffffff; }
.info_d .info_d_in ul.info_d_2 li:last-child { padding: 0 0 0 0; }
.info_d .info_d_in ul.info_d_2 li:after { clear: both; display: block; content:''; }
@media (max-width: 768px) {
	.info_d .info_d_in { padding: 30px 0 0 0; }
	.info_d .info_d_in.info_d_1 { padding: 30px 0 0 0; }
	.info_d .info_d_in.info_d_1.font_36 { font-size: 18px; }
	.info_d .info_d_in ul.info_d_2 { width: 90%; padding-bottom: 40px; }
	.info_d .info_d_in ul.info_d_2 li { padding: 0 0 10px 0; }
	.info_d .info_d_in ul.info_d_2 li .font_22 { font-size: 12px; }
	.info_d .info_d_in ul.info_d_2 li .font_16 { font-size: 12px; }
	.info_d .info_d_in ul.info_d_2 li div { height: auto; }
	.info_d .info_d_in ul.info_d_2 li div:nth-child(1) { width: 80px; }
	.info_d .info_d_in ul.info_d_2 li div:nth-child(2) { width: calc( 100% - 80px ); line-height: 130%; border: 3px solid #ff5d05; border-left: 0; padding-left: 10px; padding: 10px 10px; }
}


.info_e { padding: 105px 0 0 0; }
.info_e .info_e_in { }
.info_e .info_e_in .info_e_2 { width: 80%; margin: 0 auto; border-bottom: 1px solid #c9c9c9; }
.info_e .info_e_in .info_e_2:nth-child(1) .left { width: 60%; padding-top: 90px; }
.info_e .info_e_in .info_e_2:nth-child(1) .right { width: 40%; padding-left: 60px; }
.info_e .info_e_in .info_e_2:nth-child(2) .left { width: 62%; padding-right: 107px; }
.info_e .info_e_in .info_e_2:nth-child(2) .right { width: 38%; padding-top: 115px; }
.info_e .info_e_in .info_e_2:nth-child(3) .left { width: 40%; padding-top: 85px; }
.info_e .info_e_in .info_e_2:nth-child(3) .right { width: 60%; padding-left: 87px; }
.info_e .info_e_in .info_e_2:last-child { border-bottom: 0; }
.info_e .info_e_in .info_e_2:after { clear: both; display: block; content:''; }
@media (max-width: 768px) {
	.info_e { padding: 35px 0 0 0; }
	.info_e .info_e_in.info_e_1.font_36 { font-size: 18px; }
	.info_e .info_e_in .info_e_2 { width: 100%; }
	.info_e .info_e_in .info_e_2 .left { float: left; }
	.info_e .info_e_in .info_e_2 .right { float: right; }
	.info_e .info_e_in .info_e_2 .font_18 { font-size: 12px; }
	.info_e .info_e_in .info_e_2 .font_24 { font-size: 16px; }
	.info_e .info_e_in .info_e_2 .font_27 { font-size: 18px; }
	.info_e .info_e_in .info_e_2:nth-child(1) .left { width: 70%; padding-top: 4vw; }
	.info_e .info_e_in .info_e_2:nth-child(1) .right { width: 30%; padding-left: 2%; }
	.info_e .info_e_in .info_e_2:nth-child(2) .left { width: 32%; padding-right: 2%; padding-left: 8%; }
	.info_e .info_e_in .info_e_2:nth-child(2) .right { width: 68%; padding-top: 7vw; }
	.info_e .info_e_in .info_e_2:nth-child(3) .left { width: 56%; padding-top: 7vw; }
	.info_e .info_e_in .info_e_2:nth-child(3) .right { width: 44%; padding-left: 2%; }
}



/* 강점해석상담 */
.expert_process > div { width: 302px; }
.expert_process > div:nth-child(1) { background: url('../img_new/s5_counseling/expert_04.png') top no-repeat; background-size: 100% auto; }
.expert_process > div:nth-child(2) { background: url('../img_new/s5_counseling/expert_05.png') top no-repeat; background-size: 100% auto; }
.expert_process > div:nth-child(3) { background: url('../img_new/s5_counseling/expert_06.png') top no-repeat; background-size: 100% auto; }
.expert_process > div:nth-child(4) { background: url('../img_new/s5_counseling/expert_07.png') top no-repeat; background-size: 100% auto; }
.expert_process > div > div:nth-child(2) { height: calc(100% - 60px); }
.expert_process > div:nth-child(1) > div:nth-child(2) { border: 1px solid #9f752b; }
.expert_process > div:nth-child(2) > div:nth-child(2) { border: 1px solid #779f2b; }
.expert_process > div:nth-child(3) > div:nth-child(2) { border: 1px solid #2b9f7d; }
.expert_process > div:nth-child(4) > div:nth-child(2) { border: 1px solid #2b7f9f; }
@media (max-width: 768px) {
	.expert_process > div { width: 250px; }
	.expert_process > div > div:nth-child(2) { height: auto; padding-bottom: 30px; }
}

.slide_expert { overflow: hidden; }
.slide_expert ul li { border-radius: 10px; overflow: hidden; box-shadow: 5px 5px 5px 2px #00000021; }
.slide_expert ul li .img { }
.slide_expert ul li .img img { width: 100%; }
.slide_expert ul li .history { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 10px; padding: 60px 15px 0; background: #ffffffcc; opacity: 0; visibility: hidden; transition: all 0.3s ease; }
.slide_expert ul li .name { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 10px; padding: 20px 15px 0; }
.slide_expert ul li:hover .history { opacity: 1; visibility: visible; }
.slide.slide_expert .swiper-pagination-bullet-active { background: #ff9800; }



/* 서브페이지 */
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_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/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) {
	.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/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/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/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:''; }



/* 로그인 */
.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 .point_div { float: left; }
.my_info .point_div .point { width: 180px; height: 180px; background: #ff4713; border-radius: 90px; color: #ffffff; text-align: center; margin-top: 10px; }
.my_info .point_div .point > div:nth-child(1) { padding: 40px 0 0 0; }
.my_info .point_div .point > div:nth-child(2) { padding: 10px 0 0 0; }
.my_info .point_div .point > div:nth-child(3) { padding: 10px 0 0 0; }
.my_info .nickname { float: left; text-align: center; width: 207px; margin-top: 0px; }
.my_info .nickname > div:nth-child(1) { padding: 15px 0 0 0; }
.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 .badge { float: left; text-align: center; padding: 0 7px; }
.my_info .badge > div { position: relative; }
.my_info .badge > div img { }
.my_info .badge > div:nth-child(1) { padding: 0 0 10px 0; }
.my_info .badge > div .level { position: absolute; width: 100%; top: 28px; text-align: center; }
.my_info .badge:nth-of-type(4) { padding-right: 0; }
.my_info .badge_info { position: absolute; top: -23px; right: 0; }
.my_info .badge_info a { display: inline-block; line-height: 46px; padding: 0 25px; background: #ff4713; color: #ffffff; font-size: 22px; }
.my_info:after { clear: both; display: block; content:''; }

.my_alarm { padding: 45px 0 45px 160px; border-bottom: 2px solid #ff8c6d; }

.my_page_btn { padding: 45px 0 0 0; }
.my_page_btn ul { }
.my_page_btn.fst ul { border-bottom: 2px solid #ff8c6d; }
.my_page_btn ul li { float: left; width: 25%; }
.my_page_btn ul li .btn { width: 100%; }
.my_page_btn ul li:nth-child(4n+1) { padding: 0 1% 45px 5%; }
.my_page_btn ul li:nth-child(4n+2) { padding: 0 2% 45px 4%; }
.my_page_btn ul li:nth-child(4n+3) { padding: 0 4% 45px 2%; }
.my_page_btn ul li:nth-child(4n+4) { padding: 0 5% 45px 1%; }
.my_page_btn ul:after { clear: both; display: block; content:''; }
@media (max-width: 768px) {
	.con_div .con.my_info { position: relative; width: 90%; margin: 0 auto; padding: 0 0 20px 0; border-top: none; }
	.my_info .point_div { width: 50%; height: 120px; border-bottom: 2px solid #ff8c6d; padding: 0 0 20px 5%; }
	.my_info .point_div .point { width: 100px; margin: 0 auto; height: 100px; margin-top: 0; }
	.my_info .point_div .point > div:nth-child(1) { padding: 20px 0 0 0; }
	.my_info .point_div .point > div:nth-child(2) { padding: 5px 0 0 0; }
	.my_info .point_div .point > div:nth-child(3) { padding: 5px 0 0 0; }
	.my_info .nickname { width: 50%; height: 120px; margin-right: 0; padding: 0 5% 0 0; margin-top: 0; border-bottom: 2px solid #ff8c6d; }
	.my_info .nickname > div:nth-child(1) { padding: 5px 0 0 0; }
	.my_info .nickname > div:nth-child(1).img { }
	.my_info .nickname > div:nth-child(1).img img { height: 40px; }
	.my_info .nickname > div:nth-child(2) { padding: 5px 0 0 0; }
	.my_info .nickname > div:nth-child(3) { padding: 5px 0 0 0; }
	.my_info .badge { width: 25%; padding: 0; }
	.my_info .badge > div { position: relative; }
	.my_info .badge > div img { }
	.my_info .badge > div:nth-child(1) { padding: 20px 0 10px 0; }
	.my_info .badge > div:nth-child(2) { padding: 0 5px; }
	.my_info .badge > div .level.font_v32 { font-size: 32px; }
	.my_info .badge > div .level { width: calc( 100% - 10px ); }
	.my_info .badge:nth-of-type(4) { padding-right: 0; }
	.my_info .badge_info { position: absolute; top: 104px; right: 0; }
	.my_info .badge_info a { line-height: 28px; padding: 0 15px; font-size: 16px; }
	.my_info:after { clear: both; display: block; content:''; }

	.con_div .con.my_alarm { padding: 18px 10px 18px 10px; width: 90%; margin: 0 auto; }
	.my_alarm img { height: 25px; }
	.my_alarm.lineheight65px { line-height: 180%; }
	.my_alarm.font_v32 { font-size: 16px; }

	.my_page_btn { padding: 30px 5% 0 5%; }
	.my_page_btn ul { padding: 0 0 20px 0; }
	.my_page_btn ul li { width: 50%; }
	.my_page_btn ul li .btn.btn.btn_f_v24 { font-size: 16px; }
	.my_page_btn ul li .btn.btn.btn_h65px { line-height: 30px; }
	.my_page_btn ul li .btn.btn.btn_br10px { border-radius: 5px; }
	
	.my_page_btn ul li:nth-child(2n+1) { padding: 0 3% 10px 0; }
	.my_page_btn ul li:nth-child(2n) { padding: 0 0 10px 3%; }
}
@media (max-width: 624px) {
	.my_info .badge > div .level.font_v32 { font-size: 28px; }
	.my_info .badge > div .level { top: 25px; }
}
@media (max-width: 580px) {
	.my_info .badge > div .level.font_v32 { font-size: 24px; }
	.my_info .badge > div .level { top: 23px; }
}
@media (max-width: 540px) {
	.my_info .badge > div .level.font_v32 { font-size: 24px; }
	.my_info .badge > div .level { top: 22px; }
}
@media (max-width: 476px) {
	.my_info .badge > div .level.font_v32 { font-size: 21px; }
	.my_info .badge > div .level { top: 20px; }
}
@media (max-width: 420px) {
	.my_info .badge > div .level.font_v32 { font-size: 18px; }
	.my_info .badge > div .level { top: 18px; }
}
@media (max-width: 387px) {
	.my_info .badge > div .level.font_v32 { font-size: 14px; }
	.my_info .badge > div .level { top: 16px; }
}
@media (max-width: 350px) {
	.my_info .badge > div .level.font_v32 { font-size: 12px; }
	.my_info .badge > div .level { top: 14px; }
}



/* 나의 강점 지수 */
ul.mypoint li { float: left; width: 33.333333333333333333333333333333%; }
ul.mypoint li > div:nth-child(1) { width: 180px; margin: 0 auto; background: #ff4713; color: #ffffff; font-size: 24px; line-height: 50px; text-align: center; }
ul.mypoint li > div:nth-child(2) { text-align: center; padding: 20px 0 0 0; }
ul.mypoint li > div:nth-child(3) { text-align: center; padding: 20px 0 0 0; }
ul.mypoint li > div:nth-child(3) span.point_cut { display: inline-block; width: 90px; line-height: 30px; text-align: center; font-size: 18px; color: #ffffff; }
ul.mypoint li > div:nth-child(3) span.point_cut.off { background: #ffffff; }
ul.mypoint li > div:nth-child(3) span.point1_cut { background: #768e73; }
ul.mypoint li > div:nth-child(3) span.point2_cut { background: #908b71; }
ul.mypoint li > div:nth-child(3) span.point3_cut { background: #a27d7b; }
ul.mypoint:after { clear: both; display: block; content:''; }

.pie-chart { position: relative; display: inline-block; width: 200px; height: 200px; border-radius: 50%; transition: 0.3s; }
.pie-chart span.char_img { position: absolute; display: block; background: #ffffff; top: 50%; left: 50%; width: 150px; height: 150px; border-radius: 50%; transform: translate(-50%, -50%); }
.pie-chart span.point { position: relative; display: block; padding-top: 150px; font-size: 22px; }
.pie-chart span.point.point1 { color: #94b190; }
.pie-chart span.point.point2 { color: #8c8459; }
.pie-chart span.point.point3 { color: #9d684c; }

.my_info.my_badge { position: relative; border-bottom: none; padding: 40px 0 60px 0; }
.my_info.my_badge:last-child { padding: 40px 0 0 0; }
.my_info.my_badge .badge { width: 33.333333333333333333333333333333%; }
.my_info.my_badge .badge .mini { padding: 13px 15px 0 15px; }
.my_info.my_badge .badge .mini > div { float: left; width: 33.333333333333333333333333333333%; text-align: center; }
.my_info.my_badge .badge .mini:after { clear: both; display: block; content:''; }
.my_info.my_badge .badge_title { position: absolute; width: 260px; line-height: 40px; top: -20px; background: #ff4713; color: #ffffff; font-size: 24px; text-align: center; }
@media (max-width: 768px) {
	ul.mypoint li > div:nth-child(1) { width: 84%; font-size: 17px; line-height: 30px; }
	ul.mypoint li > div:nth-child(2) { padding: 10px 0 0 0; }
	ul.mypoint li > div:nth-child(3) { padding: 10px 0 0 0; }
	ul.mypoint li > div:nth-child(3) span.point_cut { width: 55px; line-height: 25px; font-size: 14px; }

	.pie-chart { width: 100px; height: 100px; }
	.pie-chart span.char_img { width: 80px; height: 80px; }
	.pie-chart span.point { padding-top: 70px; font-size: 14px; }

	.my_point_text { padding-left: 5%; padding-right: 5%; }

	.con_div .con.my_info.my_badge { position: relative; border-top: 2px solid #ff8c6d; border-bottom: none; padding: 20px 0 30px 0; }
	.con_div .con.my_info.my_badge:last-child { padding: 20px 0 0 0; }
	.my_info.my_badge .badge .mini { padding: 7px 6px 0 6px; }
	.my_info.my_badge .badge .mini > div { padding: 0 2px; }
	.my_info.my_badge .badge_title { width: 140px; line-height: 30px; top: -15px; font-size: 17px; }
}



/* 내 서비스 */
ul.my_service_list { }
ul.my_service_list li { float: left; position: relative; width: 19%; margin: 0 1.25% 10px 0; border: 1px solid #c9c9c9; }
ul.my_service_list li:nth-child(5n) { margin-right: 0; }
ul.my_service_list li div { position: relative; text-align: center; }
ul.my_service_list li .code { display: none; padding: 10px 0; background: #c9c9c9; color: #ffffff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
ul.my_service_list li .img { padding: 10px 0; height: 200px; line-height: 180px; }
ul.my_service_list li .img img { max-width: 90%; max-height: 180px; }
ul.my_service_list li .img.period { height: 175px; line-height: 150px; }
ul.my_service_list li .img.period img { max-height: 150px; }
ul.my_service_list li .report_btn { position: absolute; right: 10px; top: 10px; }
ul.my_service_list li .title { padding: 0 20px 10px 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
ul.my_service_list li .buyer { padding: 10px 20px; border-top: 1px solid #c9c9c9; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
ul.my_service_list li .used { padding: 10px 20px; border-top: 1px solid #c9c9c9; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
ul.my_service_list li .used a { line-height: 100%; }
ul.my_service_list li .used .report_btn { position: absolute; right: 5px; top: 13px; }
ul.my_service_list li .person { padding: 10px 20px; border-top: 1px solid #c9c9c9; text-align: left; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
ul.my_service_list li .items { padding: 10px 20px; border-top: 1px solid #c9c9c9; text-align: left; }
ul.my_service_list li .price { padding: 10px 20px; border-top: 1px solid #c9c9c9; text-align: right; }
ul.my_service_list li .price .opt { position: absolute; left: 5px; top: 8px; }
ul.my_service_list li .buybtn { padding: 10px 20px; border-top: 1px solid #c9c9c9; text-align: center; }
ul.my_service_list li .status { padding: 10px 20px; border-top: 1px solid #c9c9c9; text-align: center; }
ul.my_service_list li .alarm_title { padding: 10px 20px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
ul.my_service_list li .alarm_con { height: 150px; padding: 10px 20px; border-top: 1px solid #c9c9c9; text-align: left; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 768px) {
	ul.my_service_list li { width: 49%; margin: 0 2% 10px 0; }
	ul.my_service_list li:nth-child(2n) { margin-right: 0; }
	ul.my_service_list li:nth-child(5n) { margin-right: 2%; }
	ul.my_service_list li:nth-child(10n) { margin-right: 0; }
	ul.my_service_list li .code { font-size: 12px; }
	ul.my_service_list li .img { height: calc( 40vw ); line-height: calc( 40vw - 20px ); }
	ul.my_service_list li .img img { max-width: 90%; max-height: calc( 40vw - 20px ); }
	ul.my_service_list li .img.period { height: calc( 40vw - 23px ); line-height: calc( 40vw - 23px - 20px ); }
	ul.my_service_list li .img.period img { max-height: calc( 40vw - 23px - 20px ); }
	ul.my_service_list li .title { padding: 0 10px 10px 10px; }
	ul.my_service_list li .buyer { padding: 10px 10px; }
	ul.my_service_list.group li .buyer { white-space: unset; overflow: unset; text-overflow: unset; }
	ul.my_service_list li .used { padding: 10px 10px; }
	ul.my_service_list li .person { padding: 10px 10px; }
	ul.my_service_list li .items { padding: 10px 10px; }
	ul.my_service_list li .price { padding: 10px 10px; }
	ul.my_service_list li .price .opt { position: absolute; left: 5px; top: 9px; }
	ul.my_service_list li .price .opt .btn { font-size: 10px; line-height: 25px; }
	ul.my_service_list li .buybtn { padding: 10px 0; }
	ul.my_service_list li .status { padding: 10px 0; }
	ul.my_service_list li .alarm_title { padding: 10px 10px; }
	ul.my_service_list li .alarm_con { height: 160px; padding: 10px 10px; }
}

.maxwidth800 ul.my_service_list li { width: 32%; margin: 0 2% 10px 0; }
.maxwidth800 ul.my_service_list li:nth-child(3n) { margin: 0 0 10px 0; }
@media (max-width: 768px) {
	.maxwidth800 ul.my_service_list li { width: 49%; margin: 0 2% 10px 0; }
	.maxwidth800 ul.my_service_list li:nth-child(2n) { margin: 0 0 10px 0; }
	.maxwidth800 ul.my_service_list li:nth-child(3n) { margin: 0 2% 10px 0; }
	.maxwidth800 ul.my_service_list li:nth-child(6n) { margin: 0 0 10px 0; }
}



/* 강점샵 */
.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; }
@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; }
}



/* 강점검사 */
@media (max-width: 768px) {
	.con_div .con.test_div .lineheight55px { line-height: 40px; padding-bottom: 4px; }
}

.chart_expect_ipt ul li { float: left; width: 20%; }
.chart_expect_ipt ul li div { width: 124px; height: 124px; line-height: 123px; background: #d0d0d0; border-radius: 70px; text-align: center; color: #ffffff; font-size: 28px; font-weight: bold; cursor: pointer; }
.chart_expect_ipt ul li div span { display: inline-block; width: 106px; height: 106px; line-height: 108px; border-radius: 70px; text-align: center; }
.chart_expect_ipt ul:after { clear: both; display: block; content:''; }
@media (max-width: 768px) {
	.chart_expect_ipt { width: 320px; margin: 0 auto; }
	.chart_expect_ipt ul li div { width: 60px; height: 60px; line-height: 60px; margin: 0 auto; font-size: 21px; }
	.chart_expect_ipt ul li div span { width: 52px; height: 52px; line-height: 56px; }
}

.test_guide { background: #ff6700; color: #ffffff; padding: 50px 70px 50px 85px; border-radius: 13px; }
.test_guide ul li { position: relative; padding-bottom: 20px; font-size: 18px; }
.test_guide ul li:last-child { padding-bottom: 0; }
.test_guide ul li:before { content: '-'; position: absolute; left: -15px; width: 15px; }
@media (max-width: 768px) {
	.test_guide { width: 90%; margin: 0 auto; padding: 20px 20px 20px 32px; border-radius: 10px; }
	.test_guide ul li { padding-bottom: 15px; font-size: 16px; }
	.test_guide ul li:before { content: '-'; position: absolute; left: -12px; width: 12px; }
}

.ques_item { }
.test_div .ques_item:nth-of-type(2n+1) { background: #eaeaea; }
.test_div.test_div_3 .ques_item:nth-of-type(2n+1) { background: none; }
.test_div.test_div_3 .ques_item:nth-of-type(2n) { background: #eaeaea; }
.ques_item .num { font-size: 18px; font-weight: bold; color: #ff6700; text-align: center; line-height: 100%; padding: 70px 0 0 0; }
.ques_item .ques { font-size: 20px; color: #000000; text-align: center; padding: 30px 0 0 0; word-break: keep-all; }
.ques_item .items { padding: 50px 0 70px 0; }
.ques_item .items ul { }
.ques_item .items ul li { float: left; width: calc( 100% / 6 ); font-size: 12px; font-weight: 500; line-height: 130%; text-align: center; color: #000000; padding: 0 3px; }
.ques_item .items ul li span { display: inline-block; width: 50px; height: 50px; background: #ffffff; border-radius: 50px; box-sizing: border-box; margin-bottom: 5px; }
.ques_item .items ul li:nth-child(1) span { border: 3px solid #2d998d; }
.ques_item .items ul li:nth-child(2) span { border: 3px solid #57ada4; }
.ques_item .items ul li:nth-child(3) span { border: 3px solid #81c2bb; }
.ques_item .items ul li:nth-child(4) span { border: 3px solid #81a0c2; }
.ques_item .items ul li:nth-child(5) span { border: 3px solid #5780ad; }
.ques_item .items ul li:nth-child(6) span { border: 3px solid #2d6099; }
.ques_item .items ul li:nth-child(7) span { border: 3px solid #1f4978; }
.ques_item .items ul li input[type=radio] { display: none; }
.ques_item .items ul li:nth-child(1) input[type=radio]:checked + span { background: #2d998d url("../img/test/ques_checked.png") center; }
.ques_item .items ul li:nth-child(2) input[type=radio]:checked + span { background: #57ada4 url("../img/test/ques_checked.png") center; }
.ques_item .items ul li:nth-child(3) input[type=radio]:checked + span { background: #81c2bb url("../img/test/ques_checked.png") center; }
.ques_item .items ul li:nth-child(4) input[type=radio]:checked + span { background: #81a0c2 url("../img/test/ques_checked.png") center; }
.ques_item .items ul li:nth-child(5) input[type=radio]:checked + span { background: #5780ad url("../img/test/ques_checked.png") center; }
.ques_item .items ul li:nth-child(6) input[type=radio]:checked + span { background: #2d6099 url("../img/test/ques_checked.png") center; }
.ques_item .items ul li:nth-child(7) input[type=radio]:checked + span { background: #1f4978 url("../img/test/ques_checked.png") center; }
.ques_item .items ul:after { clear: both; display: block; content:''; }
.ques_item .items:nth-of-type(2n) { background: #eaeaea; }
@media (max-width: 768px) {
	.ques_item { width: 94%; margin: 0 auto; padding: 0 2%; }
	.ques_item .num { font-size: 16px; padding: 30px 0 0 0; }
	.ques_item .ques { font-size: 18px; padding: 20px 0 0 0; }
	.ques_item .items { padding: 20px 0 30px 0; }
	.ques_item .items ul { }
	.ques_item .items ul li { font-size: 10px; }
	.ques_item .items ul li span { width: 40px; height: 40px; }
	.ques_item .items ul li:nth-child(1) input[type=radio]:checked + span { background: #2d998d url("../img/test/ques_checked.png") center; background-size: 100% auto; }
	.ques_item .items ul li:nth-child(2) input[type=radio]:checked + span { background: #57ada4 url("../img/test/ques_checked.png") center; background-size: 100% auto; }
	.ques_item .items ul li:nth-child(3) input[type=radio]:checked + span { background: #81c2bb url("../img/test/ques_checked.png") center; background-size: 100% auto; }
	.ques_item .items ul li:nth-child(4) input[type=radio]:checked + span { background: #81a0c2 url("../img/test/ques_checked.png") center; background-size: 100% auto; }
	.ques_item .items ul li:nth-child(5) input[type=radio]:checked + span { background: #5780ad url("../img/test/ques_checked.png") center; background-size: 100% auto; }
	.ques_item .items ul li:nth-child(6) input[type=radio]:checked + span { background: #2d6099 url("../img/test/ques_checked.png") center; background-size: 100% auto; }
	.ques_item .items ul li:nth-child(7) input[type=radio]:checked + span { background: #1f4978 url("../img/test/ques_checked.png") center; background-size: 100% auto; }
}

.progress { display: none; position: fixed; bottom: 20px; right: 20px; padding: 10px 20px; background: #000000; color: #ffffff; border-radius: 0 10px 0 10px; opacity: 0.7; }
.progress.on { display: block; }
@media (max-width: 768px) {
	.progress { bottom: 60px; right: 15px; padding: 7px 15px; font-size: 14px; }
}

.chart_div { display: none; width: max-content; margin: 0 auto; }
.chart_div.on { display: block; }
.chart_div.my_service { padding: 0 0 50px 0; }
@media (max-width: 768px) {
	.chart_div.my_service { padding: 0 0 30px 0; }
}

.chart_div .download_btn { position: absolute; right: 0; top: 0; }
.chart_div .download_btn a { display: inline-block; color: #ffffff; padding: 5px 10px; font-size: 12px; line-height: 100%; border-radius: 3px; }

.chart_div .kakaoimgbtn { position: absolute; top: 28px; left: 50%; margin-left: 16%; }
.chart_div .kakaoimgbtn img { height: 58px; }
@media (max-width: 768px) {
	.chart_div .kakaoimgbtn { top: -8px; left: auto; margin-left: auto; right: 5%; }
	.chart_div .kakaoimgbtn img { height: 40px; }
}

.con_div .con.A4page { width: 1240px; height: 1650px; padding: 90px 85px 0 85px; color: #000000; }
.con_div .con.A4page.web { height: auto; }
@media (max-width: 768px) {
	.con_div .con.A4page { width: 100vw; height: auto; padding: 7vw 0; }
}

.s5_result_adult_01_logo { padding: 150px 0 150px 0; }
.s5_result_adult_01_profile { padding: 0 40px 0 40px; background: #ffd401; line-height: 64px; letter-spacing: 1px; }
.youth .s5_result_adult_01_profile { background: #99d42c; }
.team .s5_result_adult_01_profile { background: #2ad5a9; }
.s5_result_adult_01_profile .in1 { font-size: 25px; font-weight: 300; }
.s5_result_adult_01_profile .in2 { font-size: 25px; font-weight: 500; }
.s5_result_adult_01_who { margin: 270px 0 0 0; font-size: 38px; font-weight: 300; }
.s5_result_adult_01_cr { margin: 260px 0 0 0; font-size: 15px; font-weight: 400; }
@media (max-width: 768px) {
	.s5_result_adult_01_logo { padding: 40px 0 40px 0; }
	.s5_result_adult_01_logo img { max-width: 50% !important; }
	.s5_result_adult_01_profile { margin: 0; line-height: 36px; }
	.s5_result_adult_01_profile .in1 { font-size: 16px; }
	.s5_result_adult_01_profile .in2 { font-size: 16px; }
	.s5_result_adult_01_who { margin: 0; font-size: 18px; padding: 40px 0; }
	.s5_result_adult_01_cr { margin: 0; font-size: 12px; font-weight: 400; }
}

.s5_result_adult_02_title { }
.s5_result_adult_02_title > span { float: left; display: block; vertical-align: middle; }
.s5_result_adult_02_title .page_no { width: 137px; height: 140px; padding: 62px 0 0 0; background: url("../img/test/s5_result_adult_02_page_bg.png") center; box-sizing: border-box; }
.s5_result_adult_02_title .page_logo { width: 292px; text-align: center; }
.s5_result_adult_02_title .page_logo2 { width: auto; }
.s5_result_adult_02_title .page_s5t { width: 181px; line-height: 140px; font-size: 38px; }
.s5_result_adult_02_title .page_s5t2 { width: auto; padding: 0 20px 0 10px; }
.s5_result_adult_02_title .page_s5t_en { float: right; width: 400px; line-height: 28px; background: #ffd401; color: #ffffff; font-size: 12px; letter-spacing: 9px; text-align: center; margin-top: 55px; }
.team .s5_result_adult_02_title .page_s5t_en { background: #2ad5a9; }
.youth .s5_result_adult_02_title .page_s5t_en { background: #99d42c; }
.s5_result_adult_02_title .page_s5t_en.page_s5t_en2 { width: 500px; }
.s5_result_adult_02_title .page_s5t_en.page_s5t_en3 { width: 300px; }
.s5_result_adult_02_title .page_s5t_en.page_s5t_en4 { width: 250px; }
.s5_result_adult_02_title:after { clear: both; display: block; content:''; }
.s5_result_adult_02_con1 { font-size: 21px; padding: 85px 0 85px 0; border-bottom: 2px solid #ffd401; }
.s5_result_adult_02_con1.no_b_line { border-bottom: none; }
.s5_result_adult_02_con1.no_b_padding { padding-bottom: 0; }
.s5_result_adult_02_con1 .imoji { display: none; }
.s5_result_adult_02_con1 .dot { color: #ffd401; }
.s5_result_adult_02_con2 { padding: 79px 0 0 0; }
.s5_result_adult_02_con2 ul li { float: left; width: 30%; position: relative; margin-right: 45px; }
.s5_result_adult_02_con2 ul li:first-child { margin-left: 5px; }
.s5_result_adult_02_con2 ul li:last-child { margin-right: 0px; }
.s5_result_adult_02_con2 ul li div:nth-child(1) { padding: 0 0 72px 0; }
.s5_result_adult_02_con2 ul li div:nth-child(2) { position: relative; background: #53b5b0; padding: 44px 42px; border-radius: 0 60px 0 60px; color: #ffffff; font-size: 17px; font-weight: 200; }
.s5_result_adult_02_con2 ul li div:nth-child(2) span:nth-child(1) { display: block; text-align: center; font-size: 23px; font-weight: 400; }
.s5_result_adult_02_con2 ul li div:nth-child(2) span:nth-child(2) { display: block; text-align: center; font-size: 19px; font-weight: 200; }
.s5_result_adult_02_con2 ul li div:nth-child(2) span:last-child { position: absolute; display: block; width: 56px; height: 56px; background: #000000; color: #ffffff; border-radius: 30px; top: -28px; left: 50%; margin-left: -28px; text-align: center; font-size: 23px; font-weight: 400; line-height: 56px; }
.s5_result_adult_02_con2 ul li div:nth-child(3) { position: absolute; width: 36px; height: 25px; right: -36px; top: 520px; }
.s5_result_adult_02_con2 ul:after { clear: both; display: block; content:''; }
.s5_result_adult_02_cr { position: absolute; width: 1010px; left: 115px; bottom: 98px; font-size: 15px; font-weight: 400; line-height: 38px; background: #ffd401; color: #ffffff; }
.team .s5_result_adult_02_cr { background: #2ad5a9; }
.youth .s5_result_adult_02_cr { background: #99d42c; }
.con_div .con.A4page.web .s5_result_adult_02_cr { display: none; }
@media (max-width: 768px) {
	.s5_result_adult_02_title > span { float: unset; }
	.s5_result_adult_02_title .page_no { width: 69px; height: 70px; margin: 0 auto; padding: 27px 0 0 0; background: url("../img/test/s5_result_adult_02_page_bg.png") center; background-size: 100% auto; }
	.s5_result_adult_02_title .page_logo { display: none; }
	.s5_result_adult_02_title .page_logo img { height: 60px; }
	.s5_result_adult_02_title .page_logo2 { text-align: center; }
	.s5_result_adult_02_title .page_s5t { float: left; width: 100%; line-height: 60px; font-size: 21px; text-align: center; }
	.s5_result_adult_02_title .page_s5t img { height: 60px; }
	.s5_result_adult_02_title .page_s5t2 { padding: 0; }
	.s5_result_adult_02_title .page_s5t2.m { width: 100%; }
	.s5_result_adult_02_title .page_s5t_en { display: none; }
	.s5_result_adult_02_con1 { font-size: 16px; padding: 30px 5%; border-bottom: 2px solid #ffd401; }
	.s5_result_adult_02_con2 { padding: 10px 0 0 0; }
	.s5_result_adult_02_con2 ul li { float: unset; width: 80%; display: block; margin: 0 auto; }
	.s5_result_adult_02_con2 ul li:first-child { margin: 0 auto; }
	.s5_result_adult_02_con2 ul li:last-child { margin: 0 auto; }
	.s5_result_adult_02_con2 ul li div:nth-child(1) { padding: 20px 0 30px 0; text-align: center; }
	.s5_result_adult_02_con2 ul li div:nth-child(1) img { width: 80%; }
	.s5_result_adult_02_con2 ul li div:nth-child(2) { padding: 15px 15px; border-radius: 0 15px 0 15px; font-size: 14px; }
	.s5_result_adult_02_con2 ul li div:nth-child(2) span:nth-child(1) { font-size: 18px; }
	.s5_result_adult_02_con2 ul li div:nth-child(2) span:nth-child(2) { font-size: 16px; }
	.s5_result_adult_02_con2 ul li div:nth-child(2) span:last-child { width: 30px; height: 30px; border-radius: 30px; top: -15px; left: 50%; margin-left: -15px; font-size: 17px; line-height: 30px; }
	.s5_result_adult_02_con2 ul li div:nth-child(3) { display: none; }
	.s5_result_adult_02_cr { position: relative; margin-top: 30px; width: 100%; left: unset; bottom: unset; font-size: 10px; line-height: 30px; }
}

.s5_result_adult_03_con1 { padding: 50px 0 0 0; }
.s5_result_adult_03_con1 .left { width: 540px; }
.s5_result_adult_03_con1 .right { width: 470px; padding: 20px 30px 0 10px; }
.s5_result_adult_03_con1 .right.m { padding: 0px 30px 0 10px; }
.s5_result_adult_03_con1 .right .s5_result_adult_03_con1_r_title { background: #f8b558; line-height: 47px; text-align: center; font-size: 18px; border-radius: 8px 8px 0 0; }
.s5_result_adult_03_con1 .right .s5_result_adult_03_con1_r_title.c2 { background: #f8ca58; }
.s5_result_adult_03_con1 .right .s5_result_adult_03_con1_r_title.c3 { background: #f7dc4c; }
.s5_result_adult_03_con1 .right .s5_result_adult_03_con1_r_con { line-height: 80px; text-align: center; font-size: 21px; border: 4px solid #f8b558; border-top: none; }
.s5_result_adult_03_con1 .right .s5_result_adult_03_con1_r_con.c2 { border: 4px solid #f8ca58; border-top: none; }
.s5_result_adult_03_con1 .right .s5_result_adult_03_con1_r_con.c3 { border: 4px solid #f7dc4c; border-top: none; }
.s5_result_adult_03_con1 .right .s5_result_adult_03_con1_r_line { height: 2px; background: #f7dc4c; margin: 22px 0; }
@media (max-width: 768px) {
	.s5_result_adult_03_con1 { padding: 30px 0 0 0; }
	.s5_result_adult_03_con1 .left { width: 100%; }
	.s5_result_adult_03_con1 .right { width: 100%; padding: 20px 5% 0 5%; }
	.s5_result_adult_03_con1 .right.m { padding: 20px 5% 0 5%; }
	.s5_result_adult_03_con1 .right .s5_result_adult_03_con1_r_title { font-size: 18px; }
	.s5_result_adult_03_con1 .right .s5_result_adult_03_con1_r_con { line-height: 60px; font-size: 16px; }
	.s5_result_adult_03_con1 .right .s5_result_adult_03_con1_r_line { margin: 15px 0; }
}

.s5_result_adult_04_con1 { font-size: 21px; font-weight: 500; line-height: 67px; }
.s5_result_adult_04_con2 { font-size: 21px; }
.s5_result_adult_04_con3 { padding: 20px 0 0 0; }
.s5_result_adult_04_con3 table tr td { position: relative; border: 3px solid #ffd401; font-size: 21px; padding: 7px 0; text-align: center; }
.s5_result_adult_04_con3 table tr.s25_avr td { border-left: none; border-right: none; text-align: left; }
.s5_result_adult_04_con3 table tr.s25_avr td:first-child { padding-left: 3px; }
.s5_result_adult_04_con3 table tr.s25_avr td:last-child { border-right: 3px solid #ffd401; }
.s5_result_adult_04_con3 table tr.s25_avr td:last-child div { position: absolute; right: 3px; top: 3px; font-size: 21px; }
.s5_result_adult_04_con3 table tr.s25 td { border-bottom: 1px solid #ffd401; border-top: 1px solid #ffd401; }
.s5_result_adult_04_con3 table tr.s25:last-child td { border-bottom: 3px solid #ffd401; }
.s5_result_adult_04_con3 .s25_val { position: absolute; height: 14px; top: 13px; }
@media (max-width: 768px) {
	.s5_result_adult_04_con1 { font-size: 18px; line-height: 160%; padding: 0 5% 20px 5%; }
	.s5_result_adult_04_con2 { font-size: 16px; padding: 0 5% 0 5%; }
	.s5_result_adult_04_con3 { padding: 20px 0 0 0; }
	.s5_result_adult_04_con3 table tr td { border: 2px solid #ffd401; font-size: 14px; padding: 5px 0; }
	.s5_result_adult_04_con3 table tr.s25_avr td:first-child { padding-left: 2px; }
	.s5_result_adult_04_con3 table tr.s25_avr td:last-child { border-right: 2px solid #ffd401; }
	.s5_result_adult_04_con3 table tr.s25_avr td:last-child div { right: 2px; top: 5px; font-size: 14px; }
	.s5_result_adult_04_con3 table tr.s25:last-child td { border-bottom: 2px solid #ffd401; }
	.s5_result_adult_04_con3 .s25_val { position: absolute; height: 12px; top: 10px; }
}

.s5_result_adult_05_con1 ul li { padding: 25px 0 5px 0; }
.s5_result_adult_05_con1 ul li div:nth-child(1) { float: left; width: 115px; height: 118px; text-align: center; line-height: 110px; color: #ffffff; font-size: 32px; }
.s5_result_adult_05_con1 ul li div:nth-child(2) { float: left; width: 955px; height: 118px; line-height: 110px; font-size: 25px; color: #2b2b2b; }
.s5_result_adult_05_con1 ul li div:nth-child(3) { width: 100%; font-size: 21px; color: #2b2b2b; }
.s5_result_adult_05_con1 ul li:after { clear: both; display: block; content:''; }
@media (max-width: 768px) {
	.s5_result_adult_05_con1 ul li { padding: 12px 0 3px 0; }
	.s5_result_adult_05_con1 ul li div:nth-child(1) { float: unset; width: 100%; height: 80px; text-align: center; line-height: 100%; color: #ffffff; font-size: 24px; padding: 25px 0 0 0; }
	.s5_result_adult_05_con1 ul li div:nth-child(2) { float: unset; width: 100%; height: auto; line-height: 160%; font-size: 18px; padding: 10px 5%; }
	.s5_result_adult_05_con1 ul li div:nth-child(3) { width: 100%; font-size: 16px; padding: 0 5%; }
	.s5_result_adult_05_con1 ul li:after { clear: both; display: block; content:''; }
}

.s5_result_adult_06_con1 .st { position: relative; font-size: 33px; padding: 40px 0 20px; }
.s5_result_adult_06_con1 .st span { color: #ffd401; }
.s5_result_adult_06_con1 .st .r_line { position: absolute; background: #ffd401; width: 830px; height: 2px; top: 63px; right: 0; }
.s5_result_adult_06_con1 ul { }
.s5_result_adult_06_con1 ul li { font-size: 23px; line-height: 230%; }
.s5_result_adult_06_con1 ul li span { font-size: 30px; vertical-align: middle; }
.s5_result_adult_06_con1 ul li span.num { display: inline-block; font-size: 28px; width: 70px; text-align: right; }
@media (max-width: 768px) {
	.s5_result_adult_06_con1 { padding: 0 5%; }
	.s5_result_adult_06_con1 .st { font-size: 18px; padding: 20px 0 10px; }
	.s5_result_adult_06_con1 .st .r_line { display: none; }
	.s5_result_adult_06_con1 ul li { font-size: 16px; line-height: 28px; padding: 0 0 10px 0; }
	.s5_result_adult_06_con1 ul li span { font-size: 18px; vertical-align: middle; }
	.s5_result_adult_06_con1 ul li span.num { font-size: 16px; width: auto; text-align: left; }
}

.s5_result_adult_07_con1 { font-size: 21px; padding: 40px 0 0 0; }
.s5_result_adult_07_con2 { padding: 40px 0 0 0; }
.s5_result_adult_07_con2 .left { }
.s5_result_adult_07_con2 .left .goodman7_chart { width: 500px; height: 500px; background: url('../img/test/goodman7_chart_bg.png'); }
.s5_result_adult_07_con2 .right { width: 510px; padding: 50px 0 0 30px; }
.s5_result_adult_07_con2 .right .r_line { height: 11px; background: #ffd401; }
.youth .s5_result_adult_07_con2 .right .r_line { background: #99d42c; }
.s5_result_adult_07_con2 .right .r_con { font-size: 18px; line-height: 200%; padding: 50px 0 50px 10px; color: #272727; }
.s5_result_adult_07_con2 .right .r_con span { font-weight: 500; }
.s5_result_adult_07_con2 .right .r_con.youth { font-size: 23px; line-height: 200%; padding: 50px 30px 50px 30px; color: #272727; }
.s5_result_adult_07_con2 .right .r_con.youth div { font-size: 33px; font-weight: 500; text-align: center; padding: 0 0 10px 0; }
.s5_result_adult_07_con3 { font-size: 29px; line-height: 120px; }
.s5_result_adult_07_con3 span { font-size: 33px; }
.s5_result_adult_07_con4 { font-size: 21px; padding: 0 0 40px 0; }
.s5_result_adult_07_con4.youth { font-size: 23px; padding: 70px 0 50px 0; }
.s5_result_adult_07_con5 { background: #eeeeee; border-radius: 15px; padding: 35px 30px; text-align: center; font-size: 21px; font-weight: 500; }
.s5_result_adult_07_con5.youth { padding: 50px 30px; font-size: 22px; }
@media (max-width: 768px) {
	.s5_result_adult_07_con1 { font-size: 16px; padding: 30px 5% 0 5%; }
	.s5_result_adult_07_con2 { padding: 30px 0 0 0; }
	.s5_result_adult_07_con2 .left .goodman7_chart { width: 320px; margin: 0 auto; height: 320px; background: url('../img/test/goodman7_chart_bg.png'); background-size: 100% auto; }
	.s5_result_adult_07_con2 .right { width: 100%; padding: 30px 5% 0; }
	.s5_result_adult_07_con2 .right .r_line { height: 8px; }
	.s5_result_adult_07_con2 .right .r_con { font-size: 16px; line-height: 200%; padding: 20px 5px; }
	.s5_result_adult_07_con2 .right .r_con.youth { font-size: 16px; padding: 20px 0 20px 0; }
	.s5_result_adult_07_con2 .right .r_con.youth div { font-size: 18px; padding: 0 0 10px 0; }
	.s5_result_adult_07_con3 { font-size: 18px; line-height: 160%; padding: 20px 5%; }
	.s5_result_adult_07_con3 span { font-size: 21px; }
	.s5_result_adult_07_con4 { font-size: 16px; padding: 0 5% 20px 5%; }
	.s5_result_adult_07_con4.youth { font-size: 16px; padding: 30px 5% 20px 5%; }
	.s5_result_adult_07_con5 { width: 90%; margin: 0 auto; padding: 20px 20px; font-size: 16px; }
	.s5_result_adult_07_con5.youth { padding: 20px 20px; font-size: 16px; }
}

.s5_result_adult_08_con1 { font-size: 21px; padding: 70px 0 0 0; }
.s5_result_adult_08_con2 .left { }
.s5_result_adult_08_con2 .right { }
.s5_result_adult_08_con2 .right .life3_chart { width: 500px; height: 500px; background: url('../img/test/life3_chart_bg.png'); }
@media (max-width: 768px) {
	.s5_result_adult_08_con1 { font-size: 16px; padding: 30px 5% 0 5%; }
	.s5_result_adult_08_con2 .right .life3_chart { width: 320px; margin: 0 auto; height: 320px; background: url('../img/test/life3_chart_bg.png'); background-size: 100% auto; }
}

.s5_result_adult_09_con1 { padding: 80px 0 10px 0; text-align: center; }
@media (max-width: 768px) {
	.s5_result_adult_09_con1 { padding: 30px 5% 0 5%; text-align: center; }
}

.s5_result_synergy { padding: 60px 5% 0 5%; display: flex; flex-wrap: wrap; gap: 40px; }
.s5_result_synergy_items { width: calc((100% - 40px) / 2); border: 6px solid #ffe78f; border-radius: 40px; padding: 40px; }
.s5_result_synergy_items .title { font-size: 36px; font-weight: 500; text-align: center; line-height: 63px; padding: 0 0 30px 0 ; border-bottom: 6px solid #fff2b3; }
.s5_result_synergy_items .title img { vertical-align: middle; margin-right: 10px; }
.s5_result_synergy_items .title .eng { font-size: 18px; }
.s5_result_synergy_items .synergy_pair { text-align: center; padding: 30px 0 0 0 ; }
.s5_result_synergy_items .synergy_pair .synergy_btn { display: inline-block; width: 115px; height: 118px; text-align: center; line-height: 110px; color: #ffffff; font-size: 32px; vertical-align: middle; }
.s5_result_synergy_items .synergy_pair .synergy_plus { display: inline-block; line-height: 90px; color: #ffd401; font-size: 72px; padding: 0 10px 18px 10px; vertical-align: middle; }
.s5_result_synergy_items .synergy_text { font-size: 18px; font-weight: 500; text-align: center; padding: 30px 0 0 0; }
@media (max-width: 768px) {
	.s5_result_synergy { padding: 30px 5% 0 5%; gap: 20px; }
	.s5_result_synergy_items { width: 100%; border: 6px solid #ffe78f; border-radius: 20px; padding: 20px; }
	.s5_result_synergy_items .title { font-size: 24px; line-height: 40px; padding: 0 0 15px 0 ; border-bottom: 6px solid #fff2b3; }
	.s5_result_synergy_items .title img { max-height: 40px; margin-right: 8px; }
	.s5_result_synergy_items .title .eng { font-size: 18px; }
	.s5_result_synergy_items .synergy_pair { padding: 15px 0 0 0 ; }
	.s5_result_synergy_items .synergy_pair .synergy_plus { line-height: 65px; font-size: 48px; padding: 0 5px 5px 5px; }
	.s5_result_synergy_items .synergy_text { font-size: 16px; padding: 15px 0 0 0; }
}

.strength_btn { display: inline-block; width: 115px; height: 118px; text-align: center; line-height: 110px; color: #ffffff; font-size: 32px; vertical-align: middle; }
@media (max-width: 768px) {
	.strength_btn { width: 70px; height: 70px; line-height: 65px; font-size: 18px; }
}

.s5_result_multichart { position: relative; background: #e6ecec; padding: 30px 250px 40px 70px; border-radius: 40px; }
.s5_result_multichart.multichart2 { padding: 30px 70px 40px 70px; }
.s5_result_multichart .title { font-size: 24px; font-weight: 500; padding: 0 0 10px 0; text-align: center; }
.s5_result_multichart .predicted_vs_actual { font-size: 18px; font-weight: 400; }
.s5_result_multichart .top5_and_type { font-size: 18px; font-weight: 400; text-align: left; }
.s5_result_multichart .retest_analysis { font-size: 18px; font-weight: 400; }
.s5_result_multichart .multichart_character { position: absolute; right: 40px; bottom: 20px; }
.s5_result_multichart .multichart_character img { width: 100px; }
@media (max-width: 768px) {
	.s5_result_multichart { width: 90%; margin: 0 auto; padding: 20px; border-radius: 20px; }
	.s5_result_multichart.multichart2 { padding: 20px; }
	.s5_result_multichart .title { font-size: 18px; padding: 0 0 10px 0; }
	.s5_result_multichart .predicted_vs_actual { font-size: 16px; }
	.s5_result_multichart .top5_and_type { font-size: 16px; }
	.s5_result_multichart .retest_analysis { font-size: 16px; }
	.s5_result_multichart .multichart_character { width: 50px; right: 10px; bottom: unset; top: -8px; }
}

.max_chart1 { }
.max_chart2 { }
.max_strength_items { display: flex; margin: 0 auto; }
.max_strength_items .max_strength_item { width: 60px; }
.max_strength_items .max_strength_item .bar { width: 80%; margin: 0 auto; height: 200px; display: flex; align-items: flex-end; }
.max_strength_items .max_strength_item .bar .bar_in { width: 100%; }
.max_strength_items .max_strength_item .bar_bottom { width: 100%; height: 12px; background: #c9c9c9; margin: 1px 0 0 0; }
.max_strength_items .max_strength_item .max_strength_txt { font-size: 18px; text-align: center; }
.max_goodman_item { width: 24%; }
.max_goodman_item .title { font-size: 24px; padding-bottom: 20px; }
.max_goodman_item .person { min-height: 120px; padding-bottom: 60px; }
@media (max-width: 768px) {
	.max_chart1 { width: 100%; }
	.max_chart2 { width: 100%; display: flex; }
	.max_strength_items { }
	.max_strength_items .max_strength_item { width: 45px; }
	.max_strength_items .max_strength_item .bar { }
	.max_strength_items .max_strength_item .bar .bar_in { }
	.max_strength_items .max_strength_item .bar_bottom { }
	.max_strength_items .max_strength_item .max_strength_txt { font-size: 14px; }
	.max_goodman_item { width: 60%; }
	.max_goodman_item .title { font-size: 20px; padding-bottom: 20px; }
	.max_goodman_item .title img { max-height: 40px; }
	.max_goodman_item .person { padding-bottom: 20px; }
}

.team_couple .couple_chart { width: 60%; }
.team_couple .couple_txt { width: 30%; }
.team_couple .couple_txt .icon { width: 100%; text-align: center; padding: 0 0 25px 0; }
.team_couple .couple_txt .bar { width: 100%; height: 14px; background: #e7e7e7; }
.team_couple .couple_txt .goodman { width: 100%; padding: 25px 0 0 0; font-size: 24px; font-weight: 500; }
.team_couple .couple_txt .strength { width: 100%; padding: 0 0 25px 0; font-size: 18px; }
@media (max-width: 768px) {
	.team_couple { flex-direction: column; }
	.team_couple .couple_chart { width: 100%; }
	.team_couple .couple_txt { width: 70%; }
	.team_couple .couple_txt .icon { width: 100%; text-align: center; padding: 20px 0 10px 0; }
	.team_couple .couple_txt .icon img { max-height: 45px; }
	.team_couple .couple_txt .bar { height: 8px; }
	.team_couple .couple_txt .goodman { padding: 10px 5% 0 5%; font-size: 18px; }
	.team_couple .couple_txt .strength { padding: 0 5% 10px 5%; font-size: 16px; }
}

.s5_result_youth_02_con1 { font-size: 23px; padding: 60px 0 0 0; }
.s5_result_youth_02_con2 { padding: 70px 0 0 0; }
.s5_result_youth_02_con2 ul li { float: left; width: 30%; position: relative; margin-right: 45px; }
.s5_result_youth_02_con2 ul li:first-child { margin-left: 5px; }
.s5_result_youth_02_con2 ul li:last-child { margin-right: 0px; }
.s5_result_youth_02_con2 ul li div:nth-child(1) { position: relative; background: #e9e8ea; padding: 20px 0; border-radius: 13px; }
.s5_result_youth_02_con2 ul li div:nth-child(1) span:nth-child(1) { display: block; text-align: center; font-size: 23px; font-weight: 600; }
.s5_result_youth_02_con2 ul li div:nth-child(1) span:nth-child(2) { display: block; text-align: center; font-size: 21px; font-weight: 400; }
.s5_result_youth_02_con2 ul li div:nth-child(2) { padding: 30px 0 30px 0; }
.s5_result_youth_02_con2 ul li div:nth-child(3) { position: absolute; width: 34px; height: 30px; right: -33px; top: 32px; }
.s5_result_youth_02_con2 ul:after { clear: both; display: block; content:''; }
.s5_result_youth_02_con3 { font-size: 23px; font-weight: 600; line-height: 90px; }
.s5_result_youth_02_con4 { font-size: 21px; }
@media (max-width: 768px) {
	.s5_result_youth_02_con1 { font-size: 16px; padding: 30px 5% 0 5%; }
	.s5_result_youth_02_con2 { padding: 30px 0 0 0; }
	.s5_result_youth_02_con2 ul li { float: unset; width: 80%; position: relative; margin-right: 0; display: block; margin: 0 auto; }
	.s5_result_youth_02_con2 ul li:first-child { margin: 0 auto; }
	.s5_result_youth_02_con2 ul li:last-child { margin: 0 auto; }
	.s5_result_youth_02_con2 ul li div:nth-child(1) { padding: 15px 0; border-radius: 10px; }
	.s5_result_youth_02_con2 ul li div:nth-child(1) span:nth-child(1) { font-size: 21px; }
	.s5_result_youth_02_con2 ul li div:nth-child(1) span:nth-child(2) { font-size: 18px; }
	.s5_result_youth_02_con2 ul li div:nth-child(2) { padding: 10px 0 20px 0; text-align: center; }
	.s5_result_youth_02_con2 ul li div:nth-child(2) img { width: 80%; }
	.s5_result_youth_02_con2 ul li div:nth-child(3) { display: none; }
	.s5_result_youth_02_con3 { font-size: 21px; line-height: 160%; padding: 20px 5%; }
	.s5_result_youth_02_con4 { font-size: 16px; padding: 0 5%; }
}

.s5_result_youth_03_con1 { padding: 120px 0 0 0; }
.s5_result_youth_03_con2 { font-size: 23px; }
@media (max-width: 768px) {
	.s5_result_youth_03_con1 { padding: 30px 0 30px 0; }
	.s5_result_youth_03_con2 { font-size: 16px; padding: 0 5%; }
}

.s5_result_youth_05_con1 { padding: 40px 0 20px 0; }
.s5_result_youth_05_con1 ul li { padding: 25px 0 3px 0; }
.s5_result_youth_05_con1 ul li div:nth-child(1) { float: left; width: 115px; height: 118px; text-align: center; line-height: 110px; color: #ffffff; font-size: 32px; }
.s5_result_youth_05_con1 ul li div:nth-child(2) { float: left; width: 955px; height: 118px; line-height: 110px; font-size: 25px; color: #2b2b2b; }
.s5_result_youth_05_con1 ul li div:nth-child(3) { width: 100%; font-size: 19px; color: #2b2b2b; }
.s5_result_youth_05_con1 ul li:after { clear: both; display: block; content:''; }
.s5_result_youth_05_con2 { font-size: 29px; background: #eeeeee; border-radius: 15px; padding: 30px 30px; text-align: center; }
.s5_result_youth_05_con2 span { font-size: 33px; }
@media (max-width: 768px) {
	.s5_result_youth_05_con1 { padding: 0 0 20px 0; }
	.s5_result_youth_05_con1 ul li { padding: 12px 0 1px 0; }
	.s5_result_youth_05_con1 ul li div:nth-child(1) { float: unset; width: 100%; height: 80px; text-align: center; line-height: 100%; color: #ffffff; font-size: 24px; padding: 25px 0 0 0; }
	.s5_result_youth_05_con1 ul li div:nth-child(2) { float: unset; width: 100%; height: auto; line-height: 160%; font-size: 18px; padding: 10px 5%; }
	.s5_result_youth_05_con1 ul li div:nth-child(3) { width: 100%; font-size: 16px; padding: 0 5%; }
	.s5_result_youth_05_con1 ul li:after { clear: both; display: block; content:''; }
	.s5_result_youth_05_con2 { width: 90%; margin: 0 auto; padding: 20px 5px; font-size: 16px; }
	.s5_result_youth_05_con2 span { font-size: 17px; }
}

.s5_result_youth_06_con1 { font-size: 23px; padding: 70px 0 0 0; }
.s5_result_youth_06_con2 { padding: 70px 0 0 0; text-align: center; }
.s5_result_youth_06_con3 { font-size: 23px; padding: 70px 0 70px 0; }
.s5_result_youth_06_con4 { height: 200px; background: #eeeeee; border-radius: 15px; }
@media (max-width: 768px) {
	.s5_result_youth_06_con1 { font-size: 16px; padding: 20px 5% 0 5%; }
	.s5_result_youth_06_con2 { padding: 30px 5% 0 5%; }
	.s5_result_youth_06_con3 { font-size: 16px; padding: 30px 5% 30px 5%; }
	.s5_result_youth_06_con4 { width: 90%; margin: 0 auto; height: 100px; }
}

.s5_result_youth_07_con1 { padding: 70px 0 0 70px; }
.s5_result_youth_07_con1 ul li { font-size: 23px; padding: 0 0 12px 0; }
@media (max-width: 768px) {
	.s5_result_youth_07_con1 { padding: 30px 5% 0 5%; }
	.s5_result_youth_07_con1 ul li { font-size: 16px; padding: 0 0 8px 0; }
}

.other_s5 ul li { float: left; width: 16%; }
.other_s5 ul li div { width: 80px; height: 80px; line-height: 80px; background: #d0d0d0; border-radius: 40px; text-align: center; color: #ffffff; font-size: 24px; font-weight: bold; }
.other_s5 ul li div span { display: inline-block; width: 70px; height: 70px; line-height: 70px; border-radius: 40px; text-align: center; }
.other_s5 ul:after { clear: both; display: block; content:''; }
@media (max-width: 768px) {
	.other_result .lineheight80px { line-height: 180%; }
	.other_s5 { width: 320px; margin: 0 auto; }
	.other_s5 ul li { float: left; width: 20%; }
	.other_s5 ul li div { width: 60px; height: 60px; line-height: 60px; margin: 0 auto; font-size: 21px; }
	.other_s5 ul li div span { width: 52px; height: 52px; line-height: 54px; }
}

.pdf_dn_btn_div { display: none; position: fixed; bottom: 50px; left: 50%; margin-left: 356px; z-index: 9999; }
.pdf_dn_btn_div.on { display: block; }
.pdf_dn_btn_div_alret { display: none; }
.pdf_dn_btn_div_alret.on { display: block; }
@media (max-width: 768px) {
	.pdf_dn_btn_div { bottom: 54px; left: auto; margin-left: 0; right: 5px; }
	.pdf_dn_btn_div_alret { }
}

.ai_btn { display: inline-block; margin-left: 5px; background: #f7d862; border-radius: 10px; font-size: 9px; font-weight: 500; line-height: 100%; color: #000000; padding: 4px 8px; vertical-align: middle; }



/* 짝꿍 차트 */
.couple_gauge { position: relative; width: 600px; height: 93px; margin: 20px auto 0; background: url("../img/mypage/couple_gauge.png") center no-repeat; }
.couple_gauge .couple_gauge_in { position: absolute; top: 13px; left: calc( 145 / 600 * 100% ); line-height: 0; }
.couple_gauge .couple_gauge_in.cgi0 { padding-left: calc( 0 / 600 * 100% ); }
.couple_gauge .couple_gauge_in.cgi1 { padding-left: calc( 59 / 600 * 100% ); }
.couple_gauge .couple_gauge_in.cgi2 { padding-left: calc( 117 / 600 * 100% ); }
.couple_gauge .couple_gauge_in.cgi3 { padding-left: calc( 175 / 600 * 100% ); }
.couple_gauge .couple_gauge_in.cgi4 { padding-left: calc( 234 / 600 * 100% ); }
.couple_gauge .couple_gauge_in.cgi5 { padding-left: calc( 292 / 600 * 100% ); }
.couple_text_box { width: 600px; margin: 30px auto 0; padding: 30px 60px; background: #f8f8f8; color: #000000; font-size: 18px; }
.couple_text_box.group_chart { margin: 0 auto; padding: 20px 60px; }
.couple_text_box.group_member { width: 100%; padding: 30px 60px; }
@media (max-width: 600px) {
	.couple_gauge { width: 90%; height: 14.0625vw; margin: 20px auto 0; background-size: auto 100%; }
	.couple_gauge .couple_gauge_in { top: 2.166666666666667vw; }
	.couple_gauge .couple_gauge_in img { width: 3.333333333333333vw; }
	.couple_text_box { max-width: 90%; padding: 20px 30px; }
	.couple_text_box.group_chart { padding: 8px 18px; }
	.couple_text_box.group_member { padding: 8px 20px; }
}



/* 셀프 강점트레이닝 */
.training_items ul.week_btn { padding: 0 0 10px 0; }
.training_items ul.week_btn li { float: left; width: 25%; text-align: center; border-right: 1px solid #ffffff; border-bottom: 3px solid #ffffff; }
.training_items ul.week_btn li:nth-child(4n) { border-right: none; }
.training_items ul.week_btn li a { display: inline-block; width: 100%; background: #ff6801; color: #ffffff; font-size: 24px; text-align: center; padding: 15px 0; }
.training_items ul.week_btn li.on a { background: #2d998c; }
.training_items ul.week_btn:after { clear: both; display: block; content:''; }
.training_items ul.items li { border-top: 1px solid #ff8c6b; }
.training_items ul.items li:last-child { border-bottom: 1px solid #ff8c6b; }
.training_items ul.items li .con { float: left; width: calc( 100% - 100px ); text-align: center; }
.training_items ul.items li.Y .con { padding: 30px 0; }
.training_items ul.items li.N .con { padding: 30px 0; }
.training_items ul.items li .con .date { color: #ff4713; font-size: 18px; font-weight: 600; }
.training_items ul.items li .con .date.t { color: #e62b65; }
.training_items ul.items li.N .con .date { color: #ff6c42; }
.training_items ul.items li .con .title { color: #ff4713; font-size: 28px; font-weight: 600; }
.training_items ul.items li.Y .con .title { font-weight: 800; }
.training_items ul.items li.Y .con .title.t { color: #e62b65; }
.training_items ul.items li.N .con .title { color: #ff4713cc; }
.training_items ul.items li .con .strength5 { color: #ff4713; font-size: 28px; font-weight: 600; }
.training_items ul.items li .con .strength5.t { color: #e62b65; }
.training_items ul.items li.N .con .strength5 { color: #ff4713cc; }
.training_items ul.items li .res { float: left; width: 100px; text-align: center; padding: 20px 0; }
.training_items ul.items li .res .complete { display: inline-block; width: 80px; height: 80px; font-size: 24px; color: #ffffff; border-radius: 40px; padding: 10px 0 0 0; box-sizing: border-box; }
.training_items ul.items li.Y .res .complete { background: #9eb174; }
.training_items ul.items li.Y .res .complete img { width: 34px; }
.training_items ul.items li.N .res .complete { background: #74b18c; padding: 27px 0 0 0; }
.training_items ul.items li.N .res .complete.N { background: #fd7e67; padding: 22px 0 0 0; }
.training_items ul.items li.N .res .complete.N2 { background: #fd7e67; }
.training_items ul.items li:after { clear: both; display: block; content:''; }
@media (max-width: 768px) {
	.con_div .con.training_items .left { float: left; }
	.con_div .con..training_items .right { float: right; }
	.training_items ul.items li .con { width: calc( 100% - 80px ); }
	.training_items ul.items li.Y .con { padding: 16px 0; }
	.training_items ul.items li.N .con { padding: 16px 0; }
	.training_items ul.items li .con .date { font-size: 12px; }
	.training_items ul.items li .con .title { font-size: 21px; }
	.training_items ul.items li .con .strength5 { font-size: 21px; }
	.training_items ul.items li .res { width: 80px; text-align: center; padding: 10px 0; }
	.training_items ul.items li .res .complete { width: 60px; height: 60px; font-size: 18px; padding: 5px 0 0 0; }
	.training_items ul.items li.Y .res .complete img { width: 21px; }
	.training_items ul.items li.N .res .complete { padding: 19px 0 0 0; }
	.training_items ul.items li.N .res .complete.N { padding: 18px 0 0 0; }
	.training_items ul.items li.N .res .complete img { width: 18px; }
}

.training_today { position: absolute; top: 73px; right: 50%; margin-right: 410px; width: 100px; background: #ffffff; }
.training_today ul li { width: 100px; height: 100px; background: #ff6700; color: #ffffff; border-radius: 50%; text-align: center; padding: 11px 0 0 0; font-size: 16px; margin-bottom: 10px; line-height: 130%; }
.training_today ul li:nth-child(1) { background: #bb4c5f; }
.training_today ul li:nth-child(2) { background: #eda400; padding: 21px 0 0 0; }
.training_today ul li:nth-child(3) { background: #a6b439; padding: 21px 0 0 0; }
.training_today ul li span { font-size: 18px; font-weight: bold; }
@media (max-width: 768px) {
	.training_today { position: relative; top: auto; right: auto; margin-right: auto; width: 100%; padding: 10px 0 0 0; }
	.training_today ul li { float: left; width: 80px; height: 80px; font-size: 12px; padding: 9px 0 0 0; margin-bottom: 0; margin-right: calc( ( 100% - 240px ) / 6 ); line-height: 130%; }
	.training_today ul li:nth-child(1) { margin-left: calc( ( 100% - 240px ) / 3 ); }
	.training_today ul li:nth-child(2) { padding: 17px 0 0 0; }
	.training_today ul li:nth-child(3) { padding: 17px 0 0 0; }
	.training_today ul li span { font-size: 16px; }
	.training_today ul:after { clear: both; display: block; content:''; }
}

.self_input .s5_sel ul { width: calc( 115px * 5 ); margin: 0 auto; }
.self_input .s5_sel ul li { float: left; }
.self_input .s5_sel ul li .s5com { width: 115px; text-align: center; }
.self_input .s5_sel ul li .s5com.off { opacity: 0; }
.self_input .s5_sel ul li .s5com img { width: 80%; }
.self_input .s5_sel ul li .s5btn { width: 115px; height: 118px; text-align: center; line-height: 110px; color: #ffffff; font-size: 32px; }
.self_input .s5_sel ul:after { clear: both; display: block; content:''; }
.self_input .card { position: relative; text-align: center; }
.self_input .card .card-inner { position: relative; width: 300px; height: 480px; margin: 0 auto; transition: transform 0.8s; transform-style: preserve-3d; z-index: 100; }
.self_input .card .card-inner .card-front, 
.self_input .card .card-inner .card-back { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; text-align: center; }
.self_input .card .card-inner .card-back { transform: rotateY(180deg); }
.self_input .card.flipped .card-inner { transform: rotateY(180deg); }
.card_bg_linie { position: absolute; width: 100%; height: 150px; top: 50%; margin-top: -75px; background: #b7b7b7; z-index: 10; }
#training_html textarea { width: 100%; height: 150px; border: 1px solid #ff4713; padding: 20px; }
#training_html #mission_photo img { width: 100px; }
#training_html #mission_photo img.preview { width: 200px; }
#training_html #mission_photo .round_btn4 { margin-top: 18px; }
#training_html #mission_photo input[type='file'] { display: none; }
@media (max-width: 575px) {
	.self_input .s5_sel ul { width: 100%; margin: 0 auto; }
	.self_input .s5_sel ul li { float: left; width: 20%; }
	.self_input .s5_sel ul li .s5com { width: 100%; }
	.self_input .s5_sel ul li .s5btn { width: 100%; height: 20.52173913043478vw; line-height: 20vw; font-size: 21px; }
}
@media (max-width: 768px) {
	#training_html { width: 90%; margin: 0 auto; }
	#training_html textarea { padding: 15px; }
	#training_html #mission_photo img { width: 80px; }
	#training_html #mission_photo img.preview { width: 150px; }
}
@media (max-width: 768px) {
	.view_title_icon { height: 30px; }
	.self_view .inner { padding-left: 5%; padding-right: 5%; }
}



/* 그룹 강점트레이닝 */
.group_view_kakao { position: absolute; top: 0; right: 0; }
.group_view_kakao img { height: 48px; }

ul.group_menu { width: 800px; margin: 0 auto; padding: 0 0 10px 0; }
ul.group_menu li { float: left; position: relative; width: 25%; text-align: center; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; }
ul.group_menu li a { display: inline-block; width: 100%; text-align: center; background: #ff6801; color: #ffffff; font-size: 18px; padding: 10px 0; }
ul.group_menu li.on a { background: #2d998c; }
ul.group_menu:after { clear: both; display: block; content:''; }
@media (max-width: 768px) {
	ul.group_menu { width: 100%; }
	ul.group_menu li a { font-size: 14px; }
}
ul.group_menu li .memo_not_read_is { display: none; position: absolute; top: -10px; right: -10px; background: #752c75; color: #ffffff; font-size: 10px; border: 1px solid #d9d9d9; border-radius: 4px; line-height: 100%; padding: 5px 10px; }
ul.group_menu li .memo_not_read_is.on { display: inline-block; }

ul.group_member { width: 100%; text-align: center; padding: 40px 0 0 0; }
ul.group_member li { position: relative; display: inline-block; margin-right: 4px; }
ul.group_member li a { display: inline-block; width: 125px; height: 126px; line-height: 126px; text-align: center; color: #ffffff; font-size: 18px; padding: 0 20px; overflow: hidden; }
ul.group_member li:nth-child(1) a { background: url("../img/training/member_bg_1.png"); background-size: cover; }
ul.group_member li:nth-child(2) a { background: url("../img/training/member_bg_2.png"); background-size: cover; }
ul.group_member li:nth-child(3) a { background: url("../img/training/member_bg_3.png"); background-size: cover; }
ul.group_member li:nth-child(4) a { background: url("../img/training/member_bg_4.png"); background-size: cover; }
ul.group_member li:nth-child(5) a { background: url("../img/training/member_bg_5.png"); background-size: cover; }
ul.group_member li:nth-child(6) a { background: url("../img/training/member_bg_6.png"); background-size: cover; }
ul.group_member li a .kakaobtn { height: 30px; }
ul.group_member li .group_member_complete { position: absolute; top: 0; right: -5px; }
ul.group_member li .group_member_complete img { }
ul.group_member li .group_member_king { display: none; position: absolute; width: 80px; height: 155px; left: 22px; top: -30px; background: url("../img/training/member_quiz_king.png"); background-size: cover; }
ul.group_member li .group_member_king.on { display: block; }
ul.group_member li .group_member_cnt_comment { position: absolute; top: 0px; left: 0px; width: 25px; height: 25px; line-height: 25px; font-size: 12px; text-align: center; background: #eaeaea; color: #ffffff; border-radius: 50%; }
ul.group_member li:nth-child(1) .group_member_cnt_comment { background: #c93526; }
ul.group_member li:nth-child(2) .group_member_cnt_comment { background: #e27414; }
ul.group_member li:nth-child(3) .group_member_cnt_comment { background: #819853; }
ul.group_member li:nth-child(4) .group_member_cnt_comment { background: #529287; }
ul.group_member li:nth-child(5) .group_member_cnt_comment { background: #456a9e; }
ul.group_member li:nth-child(6) .group_member_cnt_comment { background: #7e4c90; }
ul.group_member:after { clear: both; display: block; content:''; }
@media (max-width: 768px) {
	ul.group_member { padding: 25px 0 0 0; }
	ul.group_member li { margin-right: 0; }
	ul.group_member li a { display: inline-block; width: 50px; height: 50px; line-height: 50px; font-size: 12px; padding: 0 7px; }
	ul.group_member li a .kakaobtn { height: 20px; }
	ul.group_member li .group_member_complete { top: -5px; right: -5px; }
	ul.group_member li .group_member_complete img { height: 18px; }
	ul.group_member li .group_member_king { width: 34px; height: 64px; left: 8px; top: -13px; }
	ul.group_member li .group_member_cnt_comment { width: 20px; height: 20px; line-height: 20px; }
}

@media (max-width: 768px) {
	.group_member_rate { width: calc( 100% - 20px ); margin: 0 auto; }
}

.group_member_view { border: 3px solid #f2f2f2; padding: 10px 0; border-radius: 40px; }
.group_member_view .left { float: left; width: 50%; border-right: 3px solid #f2f2f2; padding: 10px 0; }
.group_member_view .right { float: right; width: 50%; padding: 10px 0; }
.group_member_view:after { clear: both; display: block; content:''; }
.group_member_view2 { }
.group_member_view2 .left { float: left; width: 50%; }
.group_member_view2 .right { float: right; width: 50%; }
.group_member_view2 .alignright { text-align: right; }
.group_member_view2 .rate { height: 10px; background: #f2f2f2; border-radius: 10px; }
.group_member_view2 .rate_in { height: 100%; background: #48acaa; border-radius: 10px; }
.group_member_view2:after { clear: both; display: block; content:''; }
@media (max-width: 768px) {
	.group_member_view { width: 90%; margin: 0 auto; padding: 5px 0; }
	.group_member_view .left { padding: 0px 0; }
	.group_member_view .right { padding: 0px 0; }
	.group_member_view2 { width: 90%; margin: 0 auto; }
	.group_member_view2 .rate { height: 7px; }
	.group_member_view2 .rate_in { }
}

.modal_div .group_member_title img { height: 70px; }
@media (max-width: 768px) {
	.modal_div .group_member_title img { height: 40px; }
}

.quiz_list_sel { text-align: right; }
.quiz_list_sel select { border: solid 1px #cecece; padding: 0 10px; height: 30px; }
ul.quiz_list li { float: left; position: relative; width: 32%; margin: 0 2% 15px 0; }
ul.quiz_list li.off { display: none; }
ul.quiz_list li:nth-child(3n) { margin: 0 0 0 0; }
ul.quiz_list li .img { width: 100%; height: 150px; }
ul.quiz_list li .img_over { position: absolute; width: 100%; height: 150px; top: 0; left: 0; background: #000000; opacity: 0.3; }
ul.quiz_list li .state { position: absolute; top: 5px; left: 5px; }
ul.quiz_list li .state .state1_in { display: inline-block; font-size: 14px; line-height: 100%; padding: 5px 10px; background: #7f7f7f; color: #ffffff; border-radius: 10px; }
ul.quiz_list li .state .state2_in { display: inline-block; font-size: 14px; line-height: 100%; padding: 5px 10px; background: #ff6700; color: #ffffff; border-radius: 10px; }
ul.quiz_list li.my_quiz .state { }
ul.quiz_list li.other_com .state { }
ul.quiz_list li.other_not_com .state .state1_in { background: #ff6700; }
ul.quiz_list li.other_not_com.end .state .state1_in { background: #7f7f7f; }
ul.quiz_list li .rate { position: absolute; font-size: 12px; top: 5px; right: 5px; line-height: 100%; padding: 2px 5px; color: #ffffff; }
ul.quiz_list li .date { position: absolute; font-size: 12px; bottom: 5px; right: 5px; line-height: 100%; text-align: center; padding: 2px 5px; color: #ffffff; }
ul.quiz_list:after { clear: both; display: block; content:''; }
@media (max-width: 768px) {
	.group_tab.quiz { width: 90%; margin: 0 auto; }
	.quiz_list_sel select { width: 100%; }
	ul.quiz_list li { width: 100%; margin: 0 0 10px 0; }
	ul.quiz_list li:nth-child(3n) { margin: 0 0 10px 0; }
}

.memo_list { width: 100%; height: 500px; margin: 0 auto; padding: 0; background: #f1f1f1; overflow-y: scroll; }
.memo_list.pop { height: auto; overflow-y: unset; padding: 10px 0 0 0; background: none; }
.memo_list .memo_div { max-width: 70%; margin-top: 10px; }
.memo_list .memo_div.left { float: left; margin-left: 10px; }
.memo_list .memo_div.right { float: right; margin-right: 10px; }
.memo_list .memo_div.memo_div2 { max-width: 100%; }
.memo_list .memo_div.memo_div2.left { margin-left: 0; }
.memo_list .memo_div.memo_div2.right { float: left; margin-right: 0; }
.memo_list .memo_div .nickname { font-size: 16px; line-height: 26px; padding: 0 0 5px 0; }
.memo_list .memo_div .nickname img { height: 26px; vertical-align: sub; margin-right: 5px; }
.memo_list .memo_div.memo_div2 .nickname .date { font-size: 12px; color: #585858; }
.memo_list .memo_div.left .nickname { }
.memo_list .memo_div.right .nickname { display: none; }
.memo_list .memo_div.memo_div2.right .nickname { display: block; }
.memo_list .memo_div .memo_box { padding: 10px 15px; border-radius: 10px; color: #000000; font-size: 18px; }
.memo_list .memo_div.left .memo_box { background: #ffffff; margin-left: 30px; }
.memo_list .memo_div.right .memo_box { background: #ffe04d; }
.memo_list .memo_div.memo_div2 .memo_box { padding: 0; border-radius: 0; color: #000000; font-size: 18px; }
.memo_list .memo_div.memo_div2.left .memo_box { background: none; margin-left: 0; }
.memo_list .memo_div.memo_div2.right .memo_box { background: none; }
.memo_list .memo_div .date { font-size: 12px; color: #585858; }
.memo_list .memo_div .memo_detail_link { display: inline-block; font-size: 12px; color: #585858; }
.memo_list .memo_div.left .date { text-align: left; margin-left: 30px; }
.memo_list .memo_div.right .date { text-align: right; }
.memo_list .memo_div.memo_div2.left .date { text-align: left; margin-left: 5px; }
.memo_list .memo_div.memo_div2.right .date { text-align: left; margin-right: 0; margin-left: 5px; }
.memo_input_div { width: 100%; margin: 0 auto; padding: 10px 0 10px 0; }
.memo_input_div .memo_input { width: 80%; height: 78px; min-height: 78px; border: 1px solid #a9a9a9; border-radius: 5px 0 0 5px; font-size: 18px; padding: 10px; }
.memo_input_div .memo_input_btn { display: inline-block; width: 20%; height: 78px; line-height: 78px; border-radius: 0 5px 5px 0; font-size: 18px; background: #ff6700; text-align: center; color: #ffffff; }
@media (max-width: 768px) {
	.memo_list { height: calc( 100vh - 241px ); min-height: 300px; margin: 0 auto; }
	.memo_list.pop { min-height: auto; width: calc( 100% - 20px ); margin: 0 auto; padding: 0 0 0 0; }
	.counsel_talk .memo_list { height: calc( 100vh - 301px ); min-height: 240px; }
	.memo_list .memo_div { max-width: 80%; }
	.memo_list .memo_div .nickname { font-size: 14px; }
	.memo_list .memo_div .memo_box { font-size: 16px; }
	.memo_list .memo_div.memo_div2 .memo_box { font-size: 16px; }
	.memo_list .memo_div.right .memo_box { margin-right: 0; }
	.memo_list .memo_div.right .date { margin-right: 0; }
	.memo_input_div { max-width: 90%; }
	.memo_input_div.pop { max-width: 100%; width: calc( 100% - 20px ); margin: 0 auto; }
	.memo_input_div .memo_input { height: 50px; min-height: 50px; max-height: 50px; padding: 0 10px; font-size: 16px; }
	.memo_input_div .memo_input_btn { height: 50px; line-height: 50px; }
}

ul.quiz_answer li { padding: 20px 0; border-bottom: 1px solid #d6d6d6; }
ul.quiz_answer li:first-child { border-top: 1px solid #d6d6d6; }
ul.quiz_answer li .reason { padding: 10px; border: 1px solid #eaeaea; margin: 10px 0 0 0; }
@media (max-width: 768px) {
	.modal_div .quiz_input_div.mission_file { width: calc( 100% - 20px ); margin: 0 auto; }
	.modal_div .color_box { width: calc( 100% - 20px ); margin: 0 auto; padding: 15px; }
	ul.quiz_answer li { width: calc( 100% - 20px ); margin: 0 auto; }
	ul.quiz_answer li { padding: 20px 10px; }

	.quiz_input .quiz_input_div { width: calc( 100% - 20px ); margin: 0 auto; }
}

.quiz_s25_10 a { display: block; float: left; width: 18%; margin: 0 1% 10px; text-align: center; color: #ffffff; font-size: 18px; line-height: 30px; }

/* 상담 */
ul.counselor_list { }
ul.counselor_list li { float: left; position: relative; width: 49%; margin: 0 1% 15px 0; }
ul.counselor_list li:nth-of-type(2n) { margin-right: 0; }
ul.counselor_list li .img { width: 140px; }
ul.counselor_list li .img img { max-width: 120px; max-height: 160px; border-radius: 15px; border: 1px solid #eaeaea; box-sizing: border-box; }
ul.counselor_list li .con { width: calc( 100% - 140px ); line-height: 160%; }
ul.counselor_list li .report_btn { color: #e6ecee; }
ul.counselor_list li .report_btn.on { color: #ff6700; }
ul.counselor_list:after { clear: both; display: block; content:''; }
@media (max-width: 768px) {
	ul.counselor_list li { width: 100%; margin: 0 0 15px 0; }
	ul.counselor_list li .img { width: 100px; }
	ul.counselor_list li .img img { max-width: 90px; max-height: 120px; border-radius: 10px; }
	ul.counselor_list li .con { width: calc( 100% - 100px ); }
}
.main_h_items ul.counselor_list li { width: calc( 100% / 4 - 6px ); margin: 0 8px 15px 0; margin-top: 0 !important; }
ul.counselor_list li:nth-of-type(2n) { margin-right: 8px; }
ul.counselor_list li:nth-of-type(4n) { margin-right: 0; }
ul.counselor_list li .img { width: 70px; }
ul.counselor_list li .img img { max-width: 60px; max-height: 80px; border-radius: 8px; }
ul.counselor_list li .con { width: calc( 100% - 70px ); line-height: 160%; }
@media (max-width: 768px) {
	.main_h_items ul.counselor_list li { width: calc( 100% / 2 - 6px ); margin: 0 8px 10px 0; }
	ul.counselor_list li:nth-of-type(2n) { margin-right: 8px; }
	ul.counselor_list li:nth-of-type(4n) { margin-right: 8px; }
	ul.counselor_list li .img { width: 50px; }
	ul.counselor_list li .img img { max-width: 45px; max-height: 60px; border-radius: 5px; }
	ul.counselor_list li .con { width: calc( 100% - 50px ); line-height: 160%; }
}

.counselor_bottom_btn { position: fixed; bottom: 50px; left: 50%; width: 500px; margin-left: -250px; font-size: 32px; line-height: 90px; color: #ffffff; text-align: center; background: #2d998c; border-radius: 100px; font-family: 'Cafe24Dangdanghae'; }
.counselor_bottom_btn i { opacity: 0.6; font-size: 26px; }
@media (max-width: 768px) {
	.counselor_bottom_btn { bottom: 52px; left: 0; width: 100%; margin-left: 0; font-size: 21px; line-height: 52px; border-radius: 0; }
	.counselor_bottom_btn i { opacity: 0.6; font-size: 18px; }
}

.counselor_basic_info { width: 100%; margin: 0 0 30px 0; }
.counselor_basic_info .img { width: 240px; height: 240px; padding-right: 60px; text-align: right; box-sizing: border-box; }
.counselor_basic_info .img img { max-width: 180px; max-height: 240px; border-radius: 15px; border: 1px solid #eaeaea; box-sizing: border-box; }
.counselor_basic_info .con { width: calc( 100% - 240px ); line-height: 180%; }
.counselor_basic_info .report_btn { color: #e6ecee; }
.counselor_basic_info .report_btn.on { color: #ff6700; }
ul.counselor_list:after { clear: both; display: block; content:''; }
@media (max-width: 768px) {
	.counselor_basic_info { width: 100%; margin: 0 0 15px 0; }
	.counselor_basic_info .img { width: 100px; height: auto; padding-right: 10px; }
	.counselor_basic_info .img img { max-width: 90px; max-height: 120px; border-radius: 10px; }
	.counselor_basic_info .con { width: calc( 100% - 100px ); }
}

.only_pc .counselor_basic_info .tbl_counselor_basic_info .report_btn { display: inline-block; position: absolute; right: 20px; }

.counselor_bottom_btn_div { position: fixed; bottom: 50px; left: 50%; width: 1000px; margin-left: -500px; }
.counselor_bottom_btn_div a { display: inline-block; line-height: 100%; font-size: 32px; line-height: 94px; font-family: 'Cafe24Dangdanghae'; text-align: center; color: #ffffff; border-radius: 50px; }
.counselor_bottom_btn_div a:nth-child(1) { width: 50%; background: #2d998c; margin-right: 10%; }
.counselor_bottom_btn_div a:nth-child(2) { width: 40%; background: #838e9d; }
@media (max-width: 768px) {
	.counselor_bottom_btn_div { bottom: 52px; left: 0; width: 100%; margin-left: 0; border-radius: 0; }
	.counselor_bottom_btn_div a { font-size: 21px; line-height: 52px; border-radius: 0; }
	.counselor_bottom_btn_div a:nth-child(1) { width: 60%; margin-right: 0; }
	.counselor_bottom_btn_div a:nth-child(2) { width: 40%; }
}

.counselor_buy .goods_list .goods_item { float: left; width: 32%; margin-right: 2%; }
.counselor_buy .goods_list .goods_item:nth-child(3) { margin-right: 0%; }
.counselor_buy .goods_list .goods_item > a { display: inline-block; width: 100%; padding: 20px 20px; background: #e6e8e8; color: #000000; border-radius: 10px; }
.counselor_buy .goods_list .goods_item > a > div { float: left; }
.counselor_buy .goods_list .goods_item > a .num { display: none; width: 0%; color: #ff6801; font-size: 21px; line-height: 210%; }
.counselor_buy .goods_list .goods_item > a .title { width: 50%; font-size: 21px; line-height: 100%; }
.counselor_buy .goods_list .goods_item > a .cost { width: 50%; color: #ff6801; font-size: 18px; text-align: right; line-height: 240%; }
.counselor_buy .goods_list .goods_item:nth-child(3) > a .cost.cost2l { line-height: 110%; }

.counselor_buy .goods_list .goods_item > a.btn_c4 { background: #ff6801; }
.counselor_buy .goods_list .goods_item > a.btn_c4 .num { color: #ffffff; }
.counselor_buy .goods_list .goods_item > a.btn_c4 .title { color: #fffc00; }
.counselor_buy .goods_list .goods_item > a.btn_c4 .title .font_v17 { color: #ffffff; }
.counselor_buy .goods_list .goods_item > a.btn_c4 .cost { color: #ffffff; font-weight: bold; }
.counselor_buy .goods_list:after { clear: both; display: block; content:''; }
@media (max-width: 768px) {
	.counselor_buy .goods_list .goods_item { width: 100%; margin-right: 0%; }
	.counselor_buy .goods_list .goods_item > a { padding: 10px 15px; }
	.counselor_buy .goods_list .goods_item > a .num { width: 10%; display: block; font-size: 21px; }
	.counselor_buy .goods_list .goods_item > a .title { width: 51%; font-size: 21px; }
	.counselor_buy .goods_list .goods_item > a .cost { width: 39%; font-size: 18px; }
}

.counsoler_search_filter { display: inline-block; height: 30px; line-height: 30px; padding: 0 10px; margin: 0 10px 0 0; background: #ff6700; border-radius: 5px; color: #ffffff; }
.counselor_search { }
.counselor_search input[type="checkbox"] { display: none; }
.counselor_search input[type="checkbox"]+label { display: inline-block; height: 30px; line-height: 30px; padding: 0 10px; margin: 0 10px 0 0; background: #a9a9a9; border-radius: 5px; color: #ffffff; }
.counselor_search td input[type="checkbox"]+label { margin: 0 0 0 0; }
.counselor_search input[type="checkbox"]:checked+label { background: #ff6700; }
.counselor_info_target ul li { float: left; width: 50%; }
.counselor_info_target ul li a { display: inline-block; width: 100%; background: #a3a3a3; color: #ffffff; text-align: center; padding: 10px 0; border-right: 1px solid #ffffff; }
.counselor_info_target ul li a.on { background: #ff6700; }
.counselor_info_target ul li:last-child a { border-right: none; }
.counselor_info_target ul:after { clear: both; display: block; content:''; }
.counselor_heart.on { color: #ff6700; }
@media (max-width: 768px) {
	.counsoler_search_filter { height: 26px; line-height: 26px; padding: 0 5px; margin: 0 7px 0 0; }
	.counselor_search { padding: 0 5%; }
	.counselor_search input[type="checkbox"]+label { height: 26px; line-height: 26px; padding: 0 5px; margin: 0 7px 0 0; }
}

.side_bar { position: absolute; top: 62px; left: 50%; margin-left: 434px; width: 100px; }
.side_bar a { display: inline-block; width: 100%; text-align: center; padding: 10px 0; background: #a3a3a3; color: #ffffff; }
@media (max-width: 768px) {
	.side_bar { top: -8px; left: unset; right: 5%; margin-left: 0; width: 80px; }
	.side_bar a { padding: 5px 0; }
}

ul.counsel_data_list li { float: left; width: 25%; padding: 15px 2%; border-right: 1px solid #d9d9d9; }
ul.counsel_data_list li:nth-child(4) { border-right: none; }
ul.counsel_data_list li .btn_data { display: inline-block; width: 60px; height: 60px; line-height: 60px; text-align: center; font-size: 20px; color: #000000; border: 1px solid #a9a9a9; border-radius: 50%; margin-bottom: 5px; }
ul.counsel_data_list li .btn_data.on1 { color: #ffffff; background: #2d998c; border: none; }
ul.counsel_data_list li .btn_data.on2 { line-height: 100%; background: #eaeaea; padding-top: 9px; }
ul.counsel_data_list:after { clear: both; display: block; content:''; }
@media (max-width: 768px) {
	ul.counsel_data_list li { width: 50%; padding: 20px 3%; border-right: none; }
	ul.counsel_data_list li:nth-child(1) { border-right: 1px solid #d9d9d9; }
	ul.counsel_data_list li:nth-child(2) { }
	ul.counsel_data_list li:nth-child(3) { border-top: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; }
	ul.counsel_data_list li:nth-child(4) { border-top: 1px solid #d9d9d9; }
}

.counsel_data_list .btn_data { display: inline-block; width: 60px; height: 60px; line-height: 60px; text-align: center; font-size: 20px; color: #000000; border: 1px solid #a9a9a9; border-radius: 50%; margin-bottom: 5px; }
.counsel_data_list .btn_data.on1 { color: #ffffff; background: #2d998c; border: none; }
.counsel_data_list .btn_data.on2 { line-height: 100%; background: #eaeaea; padding-top: 9px; }

.counseling_test { display: none; }
.counseling_test1 .ques_item .items ul li { width: calc( 100% / 5 ); }
.counseling_test2 .ques_item .items ul li { width: calc( 100% / 5 ); }
.counseling_test3 .ques_item .items ul li { width: calc( 100% / 5 ); }
.counseling_test4 .ques_item .items ul li { width: calc( 100% / 7 ); }
.counseling_test5 .ques_item .items ul li { width: calc( 100% / 5 ); }

.star-rating { display: flex; flex-direction: row-reverse; font-size: 32px; line-height: 32px; justify-content: space-around; text-align: center; width: 6em; }
.star-rating input { display: none; }
.star-rating label { -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */ -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #d9d9d9; cursor: pointer; }
.star-rating :checked ~ label { -webkit-text-fill-color: #ff6700; -webkit-text-stroke-width: 0px; }
.star-rating label:hover, .star-rating label:hover ~ label { -webkit-text-fill-color: #676767; -webkit-text-stroke-width: 0px; }

.counsel_explain { position: relative; height: 80px; overflow-y: hidden; }
.counsel_explain.view { height: auto !important; overflow-y: inherit; padding: 0 0 30px 0; }
.counsel_explain_view { position: absolute; right: 0; bottom: 10px; }
.counsel_explain_view a { display: inline-block; color: #ffffff; background: #000000; padding: 5px 10px; border-radius: 5px; line-height: 100%; }
@media (max-width: 768px) {
	.counsel_explain { height: 70px; }
}

.ct_chart { width: 100%; height: 400px; }
@media (max-width: 768px) {
	.ct_chart { width: 100%; height: 250px; }
}



.con_div .calender:after { clear: both; display: block; content:''; }
.con_div .calender .week1 { float: left; width: 14.28571428571429%; padding: 10px 0; background-color: #838a94; color: #ffffff; border-right: solid 1px #ffffff; text-align: center; }
.con_div .calender .week1:nth-child(1) { background-color: #c71230; }
.con_div .calender .week1:nth-child(7) { background-color: #02aeb3; border-right: none; }
.con_div .calender .week2 { float: left; width: 14.28571428571429%; min-height: 100px; }
.con_div .calender .week2 div { margin: 0 10px; }
.con_div .calender .week2 .day { }



ul.counseling_faq li { padding: 0 0 0 0; }
ul.counseling_faq li div:nth-child(1) { padding: 19px 8%; color: #000000; font-size: 18px; line-height: 100%; border-bottom: 1px solid #e2e2e2; cursor: pointer; }
ul.counseling_faq li div:nth-child(1) span:nth-child(1) { display: block; float: left; width: 30px; }
ul.counseling_faq li div:nth-child(1) span:nth-child(2) { display: block; float: left; width: calc( 100% - 30px ); }
ul.counseling_faq li div:nth-child(1):after { clear: both; display: block; content:''; }
ul.counseling_faq li div:nth-child(2) { display: none; padding: 30px 8% 30px; color: #000000; font-size: 15px; line-height: 160%; border-bottom: 1px solid #e2e2e2; }
ul.counseling_faq li:nth-child(1) div:nth-child(1) { border-top: 1px solid #e2e2e2; }
@media (max-width: 768px) {
	ul.counseling_faq li { padding: 0 0 0 0; }
	ul.counseling_faq li div:nth-child(1) { padding: 15px 5%; font-size: 16px; line-height: 100%; }
	ul.counseling_faq li div:nth-child(2) { padding: 20px 5% 20px; font-size: 14px; line-height: 160%; }
}



/* 입력칸 */
.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:''; }

.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; 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 .skyblue20 { float: left; width: 20%; }
#titlebardiv .skyblue25 { float: left; width: 25%; }
#titlebardiv .skyblue30 { float: left; width: 30%; }
#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: 4%; padding-right: 4%; text-align: left; }
.datadiv .txtdiv3_2 { float: left; width: 60%; padding-left: 4%; padding-right: 4%; text-align: left; }
.datadiv .txtdiv3_3 { float: left; width: 75%; padding-left: 4%; padding-right: 4%; text-align: left; }
.datadiv .txtdiv3_4 { float: left; width: 90%; padding-left: 4%; padding-right: 4%; 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 .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 .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; }
.datadiv .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: 269px; }
.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_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 .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; }
.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; }
	.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/layout/sub_title_circle1.png'); }
.con_title:nth-of-type(2n):before { content: ""; background-image: url('../img/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; }
.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; }
.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; }
.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; }
.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.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.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_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_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_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_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; }
.b_line_gray_1px { border-bottom: 1px solid #d6d6d6; }
.b_line_gray_2px { border-bottom: 2px solid #dcdcdc; }
.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; }
.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; }
.pos_relative { position: relative; }
.pos_absolute { position: absolute; }
.pos_absolute_bottom_ceter { bottom: 0; left: 50%; transform: translate(-50%, 50%); }
.left_0px { left: 0; }
.left_10p { left: 10%; }
.right_0px { right: 0; }
.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_gap_20px { gap: 20px; }
.df_gap_30px { gap: 30px; }
.df_gap_50px { gap: 50px; }
.df_gap_70px { gap: 70px; }
.float_left { float: left !important; }
.width10p { width: 10%; }
.width13p { width: 13%; }
.width15p { width: 15%; }
.width20p { width: 20%; }
.width25p { width: 25%; }
.width30p { width: 30%; }
.width40p { width: 40%; }
.width45p { width: 45%; }
.width48p { width: 48%; }
.width50p { width: 50%; }
.width60p { width: 60%; }
.width80p { width: 80%; }
.width85p { width: 85%; }
.width87p { width: 87%; }
.width88p { width: 88%; }
.width90p { width: 90%; }
.width100p { width: 100%; }
.max_w50p { max-width: 50% !important; }
.height2px { height: 2px; }
.height70px { height: 70px; }
.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_bluegreen1 { background: #eaf5f3; }
.bg_black { background: #000000; }
.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_peach1 { background: #eab4ae; }
.bg_green1 { background: #cbd9bf; }
.border_radius_10px_pc { border-radius: 10px; }
@media (max-width: 768px) {
	.font_v11 { font-size: 10px; }
	.font_v12 { font-size: 10px; }
	.font_v13 { font-size: 10px; }
	.font_v14 { font-size: 10px; }
	.font_v15 { font-size: 11px; }
	.font_v16 { font-size: 12px; }
	.font_v17 { font-size: 13px; }
	.font_v18 { font-size: 14px; }
	.font_v20 { font-size: 16px; }
	.font_v22 { font-size: 18px; }
	.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: 22px; }
	.font_v36 { font-size: 24px; }
	.font_v40 { font-size: 24px; }
	.font_v48 { font-size: 24px; }
	.font_v50 { font-size: 26px; }
	.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_top17_m { padding-top: 17px; }
	.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_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_w94p_m { max-width: 94% !important; }
	.height70px { height: 50px; }
	.df_gap_30px { gap: 15px; }
	.df_gap_50px { gap: 25px; }
	.df_gap_70px { gap: 20px; }
	.df_gap_30px_m { gap: 30px; }
	.df_gap_20px_m { gap: 20px; }
	.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_50p_m { width: 50%; }
	.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_25px_m { height: 25px; }
	.height_30px_m { height: 30px; }
	.height_40px_m { height: 40px; }
	.height_50px_m { height: 50px; }
	.height_100px_m { height: 100px; }
	.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; }
.btn.btn20p { width: 18%; margin-left: 2%; }
.btn.btn_w10p { width: 10%; }
.btn.btn_w20p { width: 20%; }
.btn.btn_w30p { width: 30%; }
.btn.btn_w46p { width: 46%; }
.btn.btn_w49p { width: 49%; }
.btn.btn_w50p { width: 50%; }
.btn.btn_w80p { width: 80%; }
.btn.btn_w90p { width: 90%; }
.btn.btn_w95p { width: 95%; }
.btn.btn_w100p { width: 100%; }
.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_h55px { line-height: 55px; }
.btn.btn_h65px { line-height: 65px; }
.btn.btn_h82px { line-height: 82px; }
.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_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_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_fc_black { color: #000000; }
.btn.btn_mb_10px { margin-bottom: 10px; }
.border_line { border: 6px solid #000000; }
.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.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: 230px; height: 230px; }
	.btn.btn_wh320px { width: 200px; height: 200px; }
	.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_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: 13px; }
	.btn.btn_f_v18 { font-size: 16px; }
	.btn.btn_f_v21 { font-size: 18px; }
	.btn.btn_f_v24 { font-size: 21px; }
	.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/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/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/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/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/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/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; }
.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_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); }
}