
@charset "euc-kr";
@import url('/fonts/Noto/NotoSansKR.css');
@import url('/fonts/NanumBarunGothic/NanumBarunGothic.css');
@import url('/fonts/tmoney/TmoneyRoundWind.css');
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*
font-family: 'Gothic A1', sans-serif; - Extra-bold 800
font-family: 'NanumBarunGothic', sans-serif;  - 400, 700, 800
font-family: 'Gugi', cursive;

font-family: 'NanumBarunGothic'; - 100, 300, 400, 700

font-family: 'Noto Sans KR', sans-serif;  - 400, 700
font-family: 'Noto Sans KR'; - 400, 800
*/


body
{
	SCROLLBAR-FACE-COLOR:#ffffff; 
	SCROLLBAR-SHADOW-COLOR:#A5A5A5;
	SCROLLBAR-HIGHLIGHT-COLOR:#A5A5A5; 
	SCROLLBAR-3DLIGHT-COLOR: #ffffff; 
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
	SCROLLBAR-TRACK-COLOR: #ffffff; 
	SCROLLBAR-ARROW-COLOR: #A5A5A5;
}
/* ÃÊ±âÈ­ */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:'Readex Pro','Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;background:#fff}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Readex Pro','Noto Sans KR','Malgun Gothic', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ol, ul,li, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Readex Pro','Noto Sans KR','Malgun Gothic', dotum, sans-serif;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Readex Pro','Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
}
 
input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {
-webkit-box-shadow:  0 0 5px #9ed4ff;
-moz-box-shadow:  0 0 5px #9ed4ff;
box-shadow: 0 0 5px #9ed4ff;
border: 1px solid #558ab7 !important;
}
.placeholdersjs { color: #aaa !important; }

.clear:after{content:""; clear:both; display:block;}

html, body{width:100%; height:100%; background:none;}


/********** ÆùÆ® *************/
.copy_top
{
	background:#262729; 
	margin:0 ;
	auto; margin-left;
	font-size:14px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 400;
	line-height:160%;
	color:#AAAAAA;
}

.copy_button
{
	border-width:1px;
	border-style:solid;
	border-color:Silver;
	height: 25px;

	font-size:12px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 400;
	text-align:Center;
	color:#AAAAAA;
	
	cursor: hand;
}


.page_main_Title
{
	font-size:22px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 700;
	color: #444444;
}


.h_Main_Menu
{
	font-size:20px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 700;
	color: #444444;
}


.menu_Top_Navi
{
	background:#336AFB;
	text-align:center;
	font-size:20px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 700;
	color:#FFFFFF; 
}

.page_sub_main_Title
{
	font-size:18px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 700;
	color: #444444;
}

.sub_main_Title
{
	font-size:16px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 700;
	color: #444444;
}

.list_Main_Title
{
	background: #388DF5;
	border-style:solid;
    border-color:#388DF5;
    
	font-size:18px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 700;
	color: #FFFFFF;
}


.Board_list_Subject
{
	font-size:16px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 700;
	color: #555555;
}

.Board_list_Subject_Left
{
	font-size:16px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 700;
	text-align:right;
	padding-right: 10px;
	color: #555555;
}

.Study_Room_Menu
{
	text-align:center;
	
	font-size:16px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 700;
	color:#FFFFFF;
}


.cert_Title
{
	background-color: #EEEEEE; 
	font-size:14px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 700;
	color:#4C4C4C; 
	text-align:right;
	padding-right: 10px;
}

.sub_list_Title
{
	font-size:14px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 700;
	color: #444444;
}



.txt_Span_TITLE_Blue
{
	font-size: 14pt; 
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 700;
	color: #0442E6;
	line-height:250%;
}


.Commant_14
{
	font-size:14px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 400;
	color: #444444;
}

.Commant_12
{
	font-size:12px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 400;
	color: #444444;
}

.Commant_9
{
	font-size:9px;
	font-family:'dotum';
	color: #444444;
}



.track_Round_Link
{
	border:0px 
	solid Silver;
	border-radius:30px; 
	text-align:center;
	font-size:18px;
	font-family:'Noto Sans KR', sans-serif;
	color:#FFFFFF;
}


.foot_link_Round_Silver
{
    border-width:1px;
    border-style:solid;
    border-color:Silver;
    border-radius:5px; 
    text-align:center;
	color:#9d9d9e; 
	font-size:10px;
}

.FAQ_Q
{
	font-size:22px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 800;
	color: #5387FF;
}

.FAQ_A
{
	font-size:22px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 800;
	color: #FF3E3E;
}

.Red_Font_18
{
	font-size:18px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 700;
	color: #FF0000;
}

.Red_Font_16
{
	font-size:16px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 400;
	color: #FF0000;
}


.Red_Font_14
{
	font-size:14px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 400;
	color: #FF0000;
}


.Red_Font_12
{
	font-size:12px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 400;
	color: #FF0000;
}

.Red_Font_9
{
	font-size:9px;
	font-family:'dotum';
	color: #FF0000;
}

.Whitet_Int_20
{
	font-size:20px;
	color:#FFFFFF;
	font-family: 'Gugi', sans-serif;
	text-align:center;
}

.Whitet_TEXT_20
{
	text-align:center;
	
	font-size:20px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 700;
	color:#FFFFFF;
	
}

.Whitet_TEXT_14
{
	text-align:center;
	
	font-size:14px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 400;
	color:#FFFFFF;
}

.Left_Main_Menu
{
	font-size:17px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 700;
	padding-left: 10px;
	color: #444444;
}


.Left_Sub_Menu
{
	font-size:16px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 700;
	padding-left: 20px;
	color: #555555;
}



.TelCenterTime
{
	font-size:14px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 400;
	line-height:120%;
	color: #888888;
}


.TelCenterTel
{
	font-size:18px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 700;
	color: #0000FF;
}



.history_Year_Top
{
    border-top-style: solid; 
    border-top-width: 1px; 
    border-top-color: #FF8000;
    
    padding:10px;
    font-size:24px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 800;
	color: #FF8000;
	vertical-align:top;
}


.history_Cont_Top
{
    border-top-style: solid; 
    border-top-width: 1px; 
    border-top-color: #BBBBBB;
    padding:15px;
    vertical-align:top;
}

.Add_Course_Subject
{
	font-size:14px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 700;
	padding-left:5px;
	padding-right:5px;
	color: #555555;
	line-height:120%;
}

.Add_Course_Text
{
	font-size:12px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 400;
	padding-left:5px;
	padding-right:5px;
	color: #555555;
	line-height:120%;
}


.Add_Course_Text14
{
	font-size:14px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 400;
	padding-left:5px;
	padding-right:5px;
	color: #555555;
	line-height:120%;
}

.Cancel_Text14
{
	font-size:14px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 400;
	padding-left:5px;
	padding-right:5px;
	color: #AAAAAA;
	
	text-decoration-line: line-through;
	font-style: italic;
}




.F_Red
{
	color: #FF0000;
}

.F_Blue
{
	color: #3F72FA;
}

.F_Green
{
	color: #008000;
}

.F_Weight
{
	font-weight: 700;;
}


/********** In put **************************/

.text_25   
{
	background-color: #ffffff; 
	border: 1px solid #999999; 
    font-family:'Noto Sans KR', sans-serif;
	font-weight: 400;
	Color:#444444; 
    Font-size:14px;
    text-align:left;
    height: 25px; 
    padding-left: 5px;
}


.txtArea
{
	background-color: #ffffff; 
	border: 1px solid #999999; 
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 400;
	color: black;
	font-size: 9pt;
	FONT-FAMILY: Malgun Gothic;
}


.text_25_noline
{
    font-family:Malgun Gothic;
    Color:#444444; 
    Font-size:14px;
    Letter-spacing:0px;
    text-align:left;
    height: 25px; 
    border: 0px
}



/******************************* button *******************************/


.Icon_Internet_Study
{
    border-width:1px;
    border-style:solid;
    border-color:#2777FC;
    border-radius:10px; 
    cursor: hand;
    color: #FFFFFF;
    font-family: 'NanumBarunGothic', sans-serif;
    font-weight:400;
    font-size:11px;
    background-color: #2777FC;
    height: 20px;
    width: 50px;
}

.Icon_Book_Study
{
    border-width:1px;
    border-style:solid;
    border-color:#00954A;
    border-radius:10px; 
    cursor: hand;
    color: #FFFFFF;
    font-family: 'NanumBarunGothic', sans-serif;
    font-weight:400;
    font-size:11px;
    background-color: #00954A;
    height: 20px;
    width: 50px;
}




.button_sky_W60
{
    border-width:1px;
    border-style:solid;
    border-color:#2788FE;
    border-radius:5px; 
    cursor: hand;
    color: #FFFFFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:400;
    font-size:12px;
    background-color: #5493FC;
    height: 22px;
    width: 60px;
}


.button_Green_W60
{
    border-width:1px;
    border-style:solid;
    border-color:#136C2E;
    border-radius:5px; 
    cursor: hand;
    color: #FFFFFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:400;
    font-size:12px;
    background-color: #1FB44B;
    height: 22px;
    width: 60px;
}


.button_brown_W60
{
    border-width:0px;
    border-style:solid;
    border-radius:5px; 
    cursor: hand;
    color: #FFFFFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:400;
    font-size:12px;
     background-color: #984807;
    height: 22px;
    width: 60px;
}

.button_gray_W60
{
    border-width:1px;
    border-style:solid;
    border-color:#808080;
    border-radius:5px; 
    cursor: hand;
    color: #FFFFFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:400;
    font-size:12px;
    background-color: #9B9B9B;
    height: 22px;
    width: 60px;
}


.button_Wgreen_W60
{
    border-width:1px;
    border-style:solid;
    border-color:#009B00;
    border-radius:5px; 
    cursor: hand;
    color: #136C2E;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:400;
    font-size:12px;
    background-color: #FFFFFF;
    height: 22px;
    width: 60px;
}


.button_Wgray_W60
{
    border-width:1px;
    border-style:solid;
    border-color:#808080;
    border-radius:5px; 
    cursor: hand;
    color: #808080;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:400;
    font-size:12px;
    background-color: #FFFFFF;
    height: 22px;
    width: 60px;
}



.button_Wgreen_100
{
    border-width:1px;
    border-style:solid;
    border-color:#009B00;
    border-radius:5px; 
    cursor: hand;
    color: #136C2E;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:400;
    font-size:14px;
    background-color: #FFFFFF;
    height: 25px;
    width: 100px;
}

.button_Green_W100
{
    border-width:1px;
    border-style:solid;
    border-color:#136C2E;
    border-radius:5px; 
    cursor: hand;
    color: #FFFFFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:400;
    font-size:14px;
    background-color: #1FB44B;
    height: 25px;
    width: 100px;
}

.button_Blue_W100
{
    border-width:1px;
    border-style:solid;
    border-color:#005BF4;
    border-radius:5px; 
    cursor: hand;
    color: #FFFFFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:400;
    font-size:14px;
    background-color: #005BF4;
    height: 25px;
    width: 100px;
}

.button_sky_W100
{
    border-width:1px;
    border-style:solid;
    border-color:#2788FE;
    border-radius:5px; 
    cursor: hand;
    color: #FFFFFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:400;
    font-size:14px;
    background-color: #54A0FE;
    height: 25px;
    width: 100px;
}

.button_Red_W100
{
    border-width:1px;
    border-style:solid;
    border-color:#8C0003;
    border-radius:5px; 
    cursor: hand;
    color: #FFFFFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:400;
    font-size:14px;
    background-color: #EE0006;
    height: 25px;
    width: 100px;
}

.button_gray_W100
{
    border-width:1px;
    border-style:solid;
    border-color:#808080;
    border-radius:5px; 
    cursor: hand;
    color: #FFFFFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:400;
    font-size:14px;
    background-color: #9B9B9B;
    height: 25px;
    width: 100px;
}


.button_green_W150
{
    border-width:1px;
    border-style:solid;
    border-color:#009700;
    border-radius:5px; 
    cursor: hand;
    color: #FFFFFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:400;
    font-size:14px;
    background-color: #009700;
    height: 25px;
    width: 150px;
}


.button_DarkBlue_W150
{
    border-width:1px;
    border-style:solid;
    border-color:#110E94;
    border-radius:5px; 
    cursor: hand;
    color: #FFFFFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:400;
    font-size:14px;
    background-color: #00008B;
    height: 25px;
    width: 150px;
}

.button_Red_W200
{
    border-width:1px;
    border-style:solid;
    border-color:#8C0003;
    border-radius:5px; 
    cursor: hand;
    color: #FFFFFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:400;
    font-size:14px;
    background-color: #EE0006;
    height: 25px;
    width: 200px;
}


.button_green_W200
{
    border-width:1px;
    border-style:solid;
    border-color:#009700;
    border-radius:5px; 
    cursor: hand;
    color: #FFFFFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:400;
    font-size:14px;
    background-color: #009700;
    height: 25px;
    width: 200px;
}


.button_sky_W200
{
    border-width:1px;
    border-style:solid;
    border-color:#2788FE;
    border-radius:5px; 
    cursor: hand;
    color: #FFFFFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:400;
    font-size:14px;
    background-color: #54A0FE;
    height: 25px;
    width: 200px;
}

.button_Blue_W200
{
    border-width:1px;
    border-style:solid;
    border-color:#005BF4;
    border-radius:5px; 
    cursor: hand;
    color: #FFFFFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:400;
    font-size:14px;
    background-color: #005BF4;
    height: 25px;
    width: 200px;
}


.button_Login
{
    border-width:1px;
    border-style:solid;
    border-color:#110E94;
    border-radius:5px; 
    cursor: hand;
    color: #FFFFFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:400;
    font-size:14px;
    background-color: #00008B;
    height: 55px;
    width: 70px;
}






/****************Line **************************/
.blue_Round_10
{ 
	background:#FFFFFF; 
	width:140px; 
	height:80px; 
	text-align:center;
	
	font-size:12px;
	font-family:'Noto Sans KR'; 
	
	border-width:1px;
	border-radius:10px; 
	border-style:solid;
    border-color:#0066CC;
}


.radius_Round_Sky_3
{
    border-width:3px;
    border-style:solid;
    border-color:#6bb4ff;
    border-radius:5px; 
	text-align:center;
}

.radius_Round_blue_3
{
    border-width:3px;
    border-style:solid;
    border-color:#0273D9;
    border-radius:5px;
}

.radius_Round_lilac_3
{
    border-width:3px;
    border-style:solid;
    border-color:#ff81ff;
    border-radius:5px;
    text-align:center;
}

.radius_Round_Sky_1
{
    border-width:1px;
    border-style:solid;
    border-color:#6bb4ff;
    border-radius:5px;
}

.radius_Round_white_1
{
    border-width:1px;
    border-style:solid;
    border-color:#FFFFFF;
    border-radius:5px;
}

.Silver_shadow_Round_1
{
    border-width:1px;
    border-style:solid;
    border-color:Silver;
	box-shadow: 0px 0px 5px Silver;
}

.line_Round_lilac_3
{
    border-width:3px;
    border-style:solid;
    border-color:#ff81ff;
    border-radius:5px;
}

.line_Round_Silver_1
{
    border-width:1px;
    border-style:solid;
    border-color:Silver;
}



.line_Round_Bubjung_Info
{
    border-width:1px;
    border-style:solid;
    border-color:#99B5FD;
    
    padding:0 20 20 20;
}


.line_Round_blue_1
{
    border-width:1px;
    border-style:solid;
    border-color:#0273D9;
    padding:10px;
}



.line_Round_Course_Info
{
    border-width:1px;
    border-style:solid;
    border-color:#DDDDDD;
    padding:10px;
    vertical-align: top;
}



.line_Left_Silver_1
{
    border-left:1px solid Silver;
}

.line_Top_Silver_1
{
    border-top:1px solid Silver;
}

.line_Right_Silver_1
{
    border-right:1px solid Silver;
}

.line_RTL_1
{
    border-right:1px solid Silver;
    border-top:1px solid Silver;
    border-left:1px solid Silver;
}



.line_TOP2
{
    border-top-style: solid; 
    border-top-width: 2px; 
    border-top-color: #555555;
}


.line_bottom
{
    border-bottom-style: solid; 
    border-bottom-width: 1px; 
    border-bottom-color: #C0C0C0;
}

.line_bottom2
{
    border-bottom-style: solid; 
    border-bottom-width: 2px; 
    border-bottom-color: #555555;
}


.line_bottom_blue_1
{
    border-bottom-style: solid; 
    border-bottom-width: 1px; 
    border-bottom-color: #388DF5;
}


.dot_top1
{
    border-top: 1px dotted #AAAAAA;
}

.dot_bottom1
{
    border-bottom: 1px dotted #AAAAAA;
}





/*----- ±×·¡ÇÁ ---------- */

.Progress_Green_1{
	border-color:#00C864;
    border-radius:10px;
    background: linear-gradient(to top, #008040, #0FFF87);
    color: #ffffff;
}

.Progress_Gray_1{
	border-color:#D3D3D3;
    border-radius:10px;
    background-color: #D3D3D3;
    color: #ffffff;
}

.Progress_Chasi{
	border-width:0px;
    border-radius:10px;
    background: linear-gradient(to top, #6078FF, #9FAEFF);
    color: #ffffff;
}


/*******************************  ÀÌ·¯´× È­¸é  *******************************/
.chasi_title
{
    font-size:23px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 700;
	color:#FFFFFF;
}

.chasi_title_B
{
    font-size:16px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 700;
	color:#555555;
}

.study_Quiz_Title{
    font-size:20px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 700;
	color:#555555
}

.eLearning_StateBar
{
    border-width:0px;
    border-style:solid;
    border-color:#6D6D6D;
    background: #6D6D6D;
    border-radius:15px;
    
    font-size:14px;
	font-family:'Noto Sans KR', sans-serif;
	color:#FFFFFF;
}

.buttom_ICON_play
{
	border-width:0px;
    border-style:solid;
    border-color:#808080;
    border-radius:5px; 
    cursor: hand;
    color: #FFFFFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:700;
    font-size:14px;
    background-color: #9B9B9B;
    height: 20px;
    width: 30px;
}







/********ÇÐ½À½ÅÃ» °¡¿îµ¥ ÆË¾÷*******/
.POPUP_Back_layer{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
	z-index:10;
}


.POPUP_layer{
    width: 500px;
    height: 250px;
    background-color: #FFFFFF;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    border-radius: 20px;
    box-shadow: 0 0 5px 5px rgba(0,0,0,.3);
	display:flex; flex-flow:row wrap; align-content: space-between; justify-content: center;
}
.POPUP_layer dt{height:80%; flex:1 1 95%; display:flex; flex-flow:column wrap; align-items:center; justify-content: center; }
	.POPUP_layer p {font-family: 'GmarketSansMedium'; font-size:40px; font-weight:bold; color:#222;}
	.POPUP_layer span{font-size:18px;text-align:center;}
.POPUP_layer dd{height:20%; flex:1 1 95%; display:flex; align-items:center; justify-content: center; background:#ff4f19; color:#fff; border-radius:0 0 15px 15px; font-size:20px; font-weight:bold;}


/*******ÇÐ½À½ÅÃ» °¡¿îµ¥ ÆË¾÷*******/


/*ÁøÇà¹Ù 
/***************** ÁøÇà¹Ù ***************************/

input[type=range] {
    width: 100%;
}


.customizing input[type=range] {
    -webkit-appearance: none;
}
.customizing  input[type=range]:focus {
    outline: none;
}
/*webkit (Chrome)ÀÇ °æ¿ì*/
.customizing input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    cursor: pointer;
    animate: 0.2s;
    background: #2497E3;
}
.customizing input[type=range]::-webkit-slider-thumb {
    border: 1px solid #2497E3;
    height: 15px;
    width: 10px;
    background: #ffffff;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -5px; /*chromeÀÇ °æ¿ì margin-top°ªÀ» ºÎ¿©ÇØ¾ßÇÕ´Ï´Ù.*/
}
.customizing input[type=range]:focus::-webkit-slider-runnable-track {
    background: #2497E3; /*³×¸ð¹öÆ°¿¡ Æ÷Ä¿½º¸¦ ÁáÀ»¶§ µÚ¿¡ ¶óÀÎ(¤Ñ)ÀÇ È¿°ú*/
}
/*FirefoxÀÇ °æ¿ì*/
.customizing input[type=range]::-moz-range-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    animate: 0.2s;
    background: #2497E3;
}
.customizing input[type=range]::-moz-range-thumb {
    border: 1px solid #2497E3;
    height: 15px;
    width: 10px;
    background: #ffffff;
    cursor: pointer;
}

/* º¹½À	¿ë ***/
.re_customizing input[type=range] {
    -webkit-appearance: none;
}
.re_customizing  input[type=range]:focus {
    outline: none;
}
/*webkit (Chrome)ÀÇ °æ¿ì*/
.re_customizing input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 15px;
    cursor: pointer;
    animate: 0.2s;
    background: #2497E3;
}
.re_customizing input[type=range]::-webkit-slider-thumb {
    border: 1px solid #2497E3;
    height: 15px;
    width: 15px;
    background: #ffffff;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: 0px; /*chromeÀÇ °æ¿ì margin-top°ªÀ» ºÎ¿©ÇØ¾ßÇÕ´Ï´Ù.*/
}
.re_customizing input[type=range]:focus::-webkit-slider-runnable-track {
    background: #2497E3; /*³×¸ð¹öÆ°¿¡ Æ÷Ä¿½º¸¦ ÁáÀ»¶§ µÚ¿¡ ¶óÀÎ(¤Ñ)ÀÇ È¿°ú*/
}
/*FirefoxÀÇ °æ¿ì*/
.re_customizing input[type=range]::-moz-range-track {
    width: 100%;
    height: 15px;
    cursor: pointer;
    animate: 0.2s;
    background: #2497E3;
}
.re_customizing input[type=range]::-moz-range-thumb {
    border: 1px solid #2497E3;
    height: 15px;
    width: 10px;
    background: #ffffff; 
    cursor: pointer;
}



/* º¹½À	¿ë ***/

/* ·¹ÀÌ¾î ÆË¾÷¿ë */
.study_popup{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
/* absolute / margin À» ÅëÇÑ È­¸é Á¤Áß¾Ó Á¤·Ä ¹× µðÀÚÀÎ*/
.layer{
    width: 100%;
    height: 100%;
    
    border: 1px solid #e5e5e5;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    border-radius: 5px;
    box-shadow: 0 0 10px -4px;
}


.Player_Button
{
    border-width:1px;
    border-style:solid;
    border-color:#555555;
    border-radius:3px; 
    cursor: hand;
    color: #FFFFFF;
    font-family: 'NanumBarunGothic', sans-serif;
    font-weight:400;
    font-size:11px;
    background-color: #333333;
    height: 20px;
    width: 40px;
}
.Player_View_Button
{
    border-width:1px;
    border-style:solid;
    border-color:#888888;
    border-radius:10px; 
    cursor: hand;
    color: #555555;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:700;
    font-size:14px;
    background-color: #DDDDDD;
    height: 40px;
    width: 40px;
}


.Player_Fonts
{
    font-size:20px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 800;
	color: #FFFFFF;
}





	.pc_none{display:none;}


	header.template01{position:relative; z-index:2;}
	header.template01 dl{grid-template-columns: 200px auto 270px; width:100%; max-width:1600px; display:grid; align-items: center;  margin:auto; height:100px; }
	header.template01 dl a {font-family: 'GmarketSansMedium'; font-size:22px; display:inline-block;}
	header.template01 dl a img {max-height:50px;}
	header.template01 dd{text-align:right;}
	header.template01 dd:nth-child(1){justify-self: start;}
		
	header.template01 h1{width:100%; max-width:1600px; height:80%; display:flex; align-items: center; margin:auto;  font-family: 'GmarketSansBold';  font-size:50px; color:#222; padding-left:10px; font-weight: normal;}
	
		header.template01 dd ul {display:flex; flex-flow:row nowrap; justify-content:flex-end;}
			header.template01 dd ul li {position:relative;}
			header.template01 dd ul li span{position:absolute; top:50px; left:50%; z-index:10;  background:rgba(31,39,50,.9); width: max-content; border-radius:10px;transform: translate(-50%, 0px); opacity:0; padding:0px;height:0%;
			transition: opacity 0.3s ease-out,  height 0.3s ease-out;  overflow:hidden;}
			header.template01 dd ul li:hover span{opacity: 1; transform: translate(-50%, 0); height:auto; overflow:hidden; padding:10px 20px 10px 20px;  border:1px solid rgba(255,255,255,.5); }
			header.template01 dd ul li:hover .h_menu1{height:190px;}
			header.template01 dd ul li:hover .h_menu2{height:150px;}
			header.template01 dd ul li:hover .h_menu3{height:105px;}
			header.template01 dd ul li:hover .h_menu4{height:105px}
			header.template01 dd ul li:hover .h_menu5{height:190px;}
			header.template01 dd ul li:hover .h_menu6{height:150px;}
			header.template01 dd ul li p a {display:block; padding:10px 25px;}
			header.template01 dd ul li:hover p a{color:#ff4f19;}
			header.template01 dd ul li span a {display:block;padding:10px 5px 10px 5px; font-size:18px;  color:rgba(255,255,255,.5); text-align:center; border-bottom:1px dashed #999;}
			header.template01 dd ul li span a:last-child{border-bottom:none; padding-bottom:0;}
			header.template01 dd ul li span a:hover{color:rgba(255,255,255,.8);} 
		header.template01 dd div{display:inline-block;}
			header.template01 dd div:last-child{border:1px solid #ccc; background:#f1f1f1; font-size:16px; border-radius:10px; padding:7px 15px; }
			header.template01 dd div:last-child a{font-size:16px;}
			header.template01 dd div:last-child a:first-child:after{content:""; display:inline-block; width:1px; height:16px; background:#aaa; margin:0 10px;     vertical-align: middle;}
			header.template01 dd div:last-child a img {height:22px;}
	
		header.template01.sub_nav {height:370px; background:#f8f8f8 url('/IMAGES/250623_img01.png')no-repeat right bottom; border-radius:0 0 30px 30px;}
		
	header.template01  ol{width:100%; max-width:1600px; display:flex; flex-flow:row wrap; align-items: center;  margin:auto; height:80px; position:absolute; left:50%; transform:translatex(-50%); bottom:-40px; 
						border:1px solid #ccc; border-radius:10px; background:#fff ;}
		header.template01 ol li:first-child{width:120px; height:100%; background:#e7e7e7 url('/IMAGES/250624_img01.png')no-repeat center center;; border-radius:10px 0 0 10px; cursor:pointer;}
		header.template01 ol li:first-child a{color:#e7e7e7;}
		header.template01 ol li:nth-child(n+2) {width:17%; padding:0 30px;position:relative; background:url('/IMAGES/250624_img02.png')no-repeat center right 30px;}
		
		header.template01 ol li span{display:block; position:absolute;z-index:1; border:1px solid #ccc; width:90%; left:5%; top:79px; background:rgba(31,39,50,.9); color:#fff; opacity:0; border-radius:0 0 10px 10px; padding:0px; box-sizing:border-box;
										height:0%; transition: opacity 0s ease-out, height 0.3s ease-out; overflow:hidden; }
		header.template01 ol li:hover span{opacity: 1;   padding:10px 20px 10px 20px;}
		header.template01 ol li p{cursor:pointer; font-size:20px; font-family: 'GmarketSansMedium'; height: 100%; display: flex; align-items: center;}
		header.template01 ol li a{display:block; font-size:18px; font-family: 'GmarketSansMedium'; color:rgba(255,255,255,.5); border-bottom:1px dashed #999; padding:10px 5px 9px 5px; line-height:20px;}
		header.template01 ol li a:hover{color:rgba(255,255,255,.9);}	
		header.template01 ol li a:last-child{border-bottom:none;  }
		
		header.template01 ol li:hover .sub_menu1{height:110px;}
		header.template01 ol li:hover .sub_menu2{height:120px;}
		header.template01 ol li:hover .sub_menu3{height:150px;}
		header.template01 ol li:hover .sub_menu4{height:190px;}
		header.template01 ol li:hover .sub_menu5{height:230px;}
		header.template01 ol li:hover .sub_menu6{height:270px;}
		
		
		
	
	.template01 article{width:100%; max-width:1600px;    min-height: 400px; margin:auto;}
	.template01 h2{margin:20px 0 ;font-size:40px; line-height:45px; color:#333; font-family: 'GmarketSansBold'; font-weight:normal;}
	.template01 h2 span{font-size:30px; display:block; margin:0px 0 20px 0;font-family: 'GmarketSansMedium';}
			
			
	.template01 .main_visual{margin:50px auto 20px auto;}
		.template01 .main_visual dl{display:flex; flex-flow:row nowrap;  gap:20px;}
		.template01 .main_visual dt{flex-grow:1; }
		.template01 .main_visual dt img{border-radius:15px;}
		.template01 .main_visual dt h1 {position:absolute; z-index:10; bottom:10px; left:40px;font-size:50px; line-height:55px; margin:30px 0; font-family: 'GmarketSansMedium'; color:#fff;}
		.template01 .main_visual dt h1:after{content:"ONSAFETY"; DISPLAY:BLOCK; font-size:30px; border-top:1px solid rgba(255,255,255,.5); padding-top:10px;}
		.template01 .main_bnr{height:640px;}
		.template01 .main_bnr .slide_img{height:640px;}
		.template01 .main_bnr .slide_img span {height:634px; background-color:#000;  background-position:center center; background-size: 100% auto; background-repeat:no-repeat; border-radius:20px;     overflow: hidden;}
		.template01 .main_bnr .slide_img span img {min-width:100%; min-height:100%; opacity:.8;}
		
		.template01 .bx-wrapper .bx-controls-direction a { width:50px; height:50px; top: inherit; bottom:50px; background:rgba(255,255,255,.8); border-radius:50%;}
		.template01 .bx-wrapper .bx-controls-direction a:hover{background:#fff;}
		.template01 .bx-wrapper .bx-prev {left:inherit; right:100px;}
		.template01 .bx-wrapper .bx-next {right:40px;}
		.template01 .bx-wrapper a:After{content:""; display:block; width:10px; height:10px; border-top:3px solid #333; border-left:3px solid #333; transform:rotate(135deg); position:absolute; left:35%; top:40%;}
		.template01 .bx-wrapper .bx-prev:After{transform:rotate(-45deg);left:40%;}
		
		
		.template01 .main_visual dd{flex-shrink:0; max-width:455px; width:30%; }
		.template01 .main_visual dd >  div{height:115px; display:flex; justify-content: flex-end; align-items: flex-end; position:relative;}
		.template01 .main_visual dd div input{width:70%; height:40px; line-height:40px; color:#000; background:#ccc;border:none; border-radius:50px; margin-bottom:30px; padding:0 10px; font-size:17px;}
		.template01 .main_visual dd div button{position:absolute; background:none; right:0px;width:40px; height:40px; border:0px solid #666; bottom:30px; cursor:pointer;border-radius:50%;}
		.template01 .main_visual dd ul{height:634px; border-radius:15px; background:rgba(31,39,50); padding:50px 40px; box-sizing:border-box;}
		.template01 .main_visual dd h3{font-family: 'GmarketSansMedium'; color:#fff; font-size:30px;}
			.template01 .main_login{ }
			.template01 .main_login dl{margin:10px 0 5px 0; gap:5px;}			
			.template01 .main_login dl dt {flex-grow:1; }
			.template01 .main_login dl dd {max-width:;  width:130px;box-sizing:border-box;}
			.template01 .main_login dl dd button{width:100%; height:117px; background:#ff4f19;; margin:3px 0; cursor: pointer; box-sizing: border-box; border-radius:5px; color:#fff; font-size:20px;font-family: 'GmarketSansMedium'; }
			.template01 .main_login dl input{width:100%; flex-grow:1; line-height:55px; height:55px; border-radius:5px; border:1px solid rgba(255, 255, 255, .7); background:rgba(255, 255, 255, .2); color:#fff; font-size:20px; margin:3px 0; box-sizing:border-box; padding:0 15px;}
			.template01 .main_login span{text-align:right; display:block;}
			.template01 .main_login a{font-family: 'GmarketSansLight'; color:rgba(255,255,255,.7); font-size:16px;}
			.template01 .main_login a:first-child:after{content:""; display:inline-block; margin:0 10px;width:1px; height:12px; background:rgba(255,255,255,.4); vertical-align:middle;}
			.template01 .main_study div{height:140px; border-radius:5px; border:1px solid rgba(255, 255, 255, .5); background:rgba(255, 255, 255, .2); color:#fff; font-size:20px; margin:10px 0; box-sizing:border-box; margin:10px 0; display:flex; flex-flow:column wrap; padding:10px 20px}
			.template01 .main_study div a{display:block; width:100%; border-bottom:1px solid rgba(255,255,255,.2); color:#fff; height:39px; line-height:39px; padding:0 10px; box-sizing:border-box;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
			.template01 .main_study div a:last-child{border:none;}
			.template01 .main_study div a.none_class{width:100%; height:100%; display: flex; justify-content: center; align-items: center;}
			
 			.template01 .main_con_us {color:#fff; font-family: 'GmarketSansMedium';font-size:20px; position:relative; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; border:1px solid #aaa; padding:20px 20px 15px 20px; border-radius:5px; background:rgba(255,255,255,.2);}
			.template01 .main_con_us p {margin-top:3px;}
			.template01 .main_con_us strong{font-size:35px;  display:block;}
			.template01 .main_con_us span{font-size:16px; display:block; cursor:pointer;}
			.template01 .main_con_us a{right:0; top:5px; text-align:center; font-size:14px; color:#fff;}
			.template01 .main_con_us.on {border:1px solid #666; background:rgba(255,255,255,.0);}
			
			
			
			.template01 .main_study_quick{margin-top:0px;}
			.template01 .main_study_quick span{display:inline-block; width:49%; text-align:center; position:relative;}
			.template01 .main_study_quick span img {max-width:70px; max-height:55px; opacity:.7; margin:auto; display:block;}
			.template01 .main_study_quick span:hover img{opacity:1;}
			.template01 .main_study_quick span a {display:block;color:rgba(255,255,255,.9);  font-size:20px;  padding:10px; font-family: 'GmarketSansMedium';}
			.template01 .main_study_quick span:nth-child(1):before,			
			.template01 .main_study_quick span:nth-child(3):before{content:""; position:absolute; right:0; top:50%;width:1px; height:60%; transform:translatey(-50%); border-right:1px dashed rgba(255,255,255,.3);}
			.template01 .main_study_quick span:nth-child(1):after,			
			.template01 .main_study_quick span:nth-child(2):after{content:""; position:absolute; bottom:0; left:50%;width:70%; height:1px; transform:translatex(-50%); border-bottom:1px dashed rgba(255,255,255,.3);}
			.template01 .main_study_quick span .sc_layer{display:none;}
		
		.template01 .main_quick{background:#f9f9f9; border-radius:15px; padding:30px 100px; box-sizing:border-box; min-height:auto; }
			.template01 .main_quick ul{ border-radius:15px; display:flex; flex-flow:row wrap;}
			.template01 .main_quick li{ flex:1 1 22%;padding:20px;}
			.template01 .main_quick li a{font-size:18px; letter-spacing:-0.5px;}
			.template01 .main_quick li a:hover{font-weight:bold; color:#111;}
			
		.template01 .main_safety{margin:100px auto 150px auto;}
			.template01 .main_safety dl{display:flex; flex-flow:row nowrap; gap:30px; height:504px;}
			.template01 .main_safety dt {width:100%; max-width:880px; height:504px; overflow:hidden; flex-shrink:0; border:1px solid #f1f1f1; border-radius:15px;}
			.template01 .main_safety dt img {width:100%; height:auto; border-radius:15px;}
			.template01 .main_safety dd {width:calc(100% - 850px);flex-grow:1;height:100%; display: flex; flex-flow:row wrap; border-top:1px solid #eee;}
			.template01 .main_safety dd p {flex:1 1 90%;border-bottom:1px solid #eee; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; padding:0 10px;}
			.template01 .main_safety dd p a{font-size:20px;}
			.template01 .main_safety dd p a:hover{color:#ff4f19;}
			.template01 .main_safety dd span{font-size:18px;color:#bbb;}
			
		.template01 .main_gall{margin-top:150px;}
			.template01 .main_gall dl{display:flex; flex-flow:row nowrap; gap:30px; justify-content: space-between;}
			.template01 .main_gall dt{padding-right:0px;}
			
		.template01 .main_notice{margin-top:0px;}
			.template01 .main_notice h3{font-size:27px; font-family: 'GmarketSansMedium'; margin-bottom:10px; display:flex; flex-flow:row wrap; justify-content:space-between;}
			.template01 .main_notice h3 span{font-weight:normal; font-size:16px;}
			.template01 .main_notice table{width:100%; margin-bottom:50px;}
			.template01 .main_notice table tr{}
			.template01 .main_notice table th {background:#f1f1f1; padding:20px 10px; color:#222; font-size:20px; font-family: 'GmarketSansMedium';}
			.template01 .main_notice table th:first-child{ border-radius:10px 0 0 10px;}
			.template01 .main_notice table th:last-child{border-radius:0 10px 10px 0}
			.template01 .main_notice table td {padding:20px 10px;border-bottom:1px solid #eee; font-size:20px;}
			.template01 .main_notice table td:first-child{ }
			.template01 .main_notice table td:last-child{color:#aaa;}
			.template01 .main_notice table td a{font-size:20px; }
		
		
		.template01 .main_notice2{margin-top:0px;}
			.template01 .main_notice2 h3{font-size:27px; font-family: 'GmarketSansMedium'; margin-bottom:10px;}
			.template01 .main_notice2 table{width:100%; margin-bottom:50px;}
			.template01 .main_notice2 table tr{}
			.template01 .main_notice2 table th {background:#f1f1f1; padding:20px 10px; color:#222; font-size:20px; font-family: 'GmarketSansMedium'; border-bottom:1px solid #fff; border-right:1px solid #fff;}
			.template01 .main_notice2 table tr:first-child td{ border-top:1px solid #eee;}
			.template01 .main_notice2 table tr:first-child th:first-child{ border-radius:10px 0 0 0;}
			.template01 .main_notice2 table tr:last-child  th:first-child{border-radius:0  0 0 10px}
			.template01 .main_notice2 table td {padding:20px 10px;border-bottom:1px solid #eee; font-size:18px; color:#;}
			.template01 .main_notice2 table td:first-child{}
			.template01 .main_notice2 table td:last-child{color:#666;}
			.template01 .main_notice2 table td a{font-size:20px;}
			.template01 .main_notice2 .text_box{padding:30px 20px 20px 20px; border:1px solid #ccc; border-radius:10px; margin-bottom:10px; font-size:18px;}
			.template01 .main_notice2 .text_box strong{font-size:25px;}
			
			.template01 .main_notice2 .td_down:before{content:"";width:50px;height:100%;  display:block; left:0; top:0;position:absolute; background:#f9f9f9 url('/IMAGES/btn_down.png') no-repeat center center;}
			.template01 .main_notice2 .td_down {border:1px solid #ddd; padding:5px 15px 5px 60px;display:inline-block;border-radius:5px; position:relative; font-size:18px;}

			.template01 .main_nt{margin:20px 0 10px 0; font-size:20px; line-height:26px; font-family: 'GmarketSansMedium'; font-weight:normal; color:#333;}
			.template01 .pop_table .main_ntl div{text-align:left;}
			.template01 .pop_table .main_ntl span{text-align:center;}
			.template01 .pop_table .main_ntl textarea{width:100%; min-height:80px; border:none; border-radius:5px; background:#f9f9f9;}
			.template01 .main_ntl p{margin:30px 0 3px 0; font-size:20px; line-height:26px; font-family: 'GmarketSansMedium'; font-weight:normal; color:#333; position:relative; display:inline-block; padding-left:25px;}			
			.template01 .main_ntl p:before{position: absolute;left: 0;top: 50%;content: '';width: 10px; height: 10px;border-top: 3px solid #ff4f19;border-right: 3px solid #ff4f19;transform: rotate(45deg) translatey(-100%);}
		
		
		.template01 .main_notice_v{text-align:left;}
			.template01 .main_notice_v .sub_title{font-size:30px; font-family: 'GmarketSansBold';  font-weight:normal; color:#222; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #ddd;}
			.template01 .main_notice_v .sub_title span{font-size:20px; color:#ccc;}
			.template01 .main_notice_v img {display:inline-block; margin-bottom:10px; width:auto; height:auto; max-width:100%; max-height:400px;}
			.template01 .main_notice_v .content_box dt{font-size:20px; line-height:30px;padding-bottom:30px; margin-bottom:30px; }
			.template01 .main_notice_v .content_box dd {padding:5px 0px;border:1px solid #ddd; border-radius:10px; text-align:left;}
			.template01 .main_notice_v .content_box dd strong{font-size:20px; display:inline-block; margin-right:10px;}
			.template01 .main_notice_v .content_box dd a{display:flex; min-height:60px;font-size:18px; padding:0 100px; position:relative;align-items:center; border-bottom:1px solid #eee;}
			.template01 .main_notice_v .content_box dd a:hover{font-weight:bold; color:#000; filter: invert(53%) sepia(61%) saturate(5909%) hue-rotate(348deg) brightness(99%) contrast(105%);}
			.template01 .main_notice_v .content_box dd a:before{content:""; display:inline-block; width:80px; height:40px; position:absolute; left:0; background:url('/IMAGES/btn_link.png')no-repeat center left 20px;}
			.template01 .main_notice_v .content_box dd a:after{content:""; display:inline-block; width:80px; height:40px; position:absolute; right:0; background:url('/IMAGES/btn_down.png')no-repeat center right 20px;}
			.template01 .main_notice_v .content_box dd a:last-child{border-bottom:none;}
			.template01 .main_notice_v .content_box dd.review_box {padding:20px 20% 20px 20px; background:#f9f9f9; font-size:18px; position:relative;} 
			.template01 .main_notice_v .content_box dd.review_box span{position:absolute; right:20px; top:20px; color:#666; text-align:right;}
			.template01 .main_notice_v div:nth-last-of-type(1){text-align:center;}
			                               
			
			
		.template01 .main_notice_w{margin-top:0px; text-align:center;margin-bottom:30px; min-height:300px;}
			.template01 .main_notice_w p{font-size:30px; font-family: 'GmarketSansBold'; font-weight:normal; color:#222; margin-bottom:0px; text-align:left;}
			.template01 .main_notice_w table{width:100%; border-top:1px solid #ccc;  margin-bottom:15px;}
			.template01 .main_notice_w table tr{border-bottom:1px solid #eee;}
			.template01 .main_notice_w table th {width:10%;background:#f1f1f1; padding:20px 10px; color:#222; font-size:20px; font-family: 'GmarketSansMedium';border-bottom:1px solid #fff;}
			.template01 .main_notice_w table tr:last-child th{margin-bottom:none;}
			.template01 .main_notice_w table td {padding:20px 10px;}
			.template01 .main_notice_w table td:first-child{ }
			.template01 .main_notice_w table td:last-child{color:#aaa;}
			.template01 .main_notice_w table td a{font-size:20px; }
			
		.template01 .main_gall_list{margin-top:0px;}
			.template01 .main_gall_list ul{width:100%;}
			.template01 .main_gall_list li dl{display:flex; flex-flow:row nowrap;}
			.template01 .main_gall_list li dt {width:100%; max-width:360px; height:250px; padding:20px 10px; flex-shrink: 0;}
			.template01 .main_gall_list li dt a{display:flex; align-items:center; justify-content:center; height:250px; overflow:hidden; background: #f1f1f1; border-radius:10px;}
			.template01 .main_gall_list li dt img { max-width:100%;  max-height:250px;  vertical-align:middle;}
			.template01 .main_gall_list li dd {padding:20px;flex-grow: 1;}
			.template01 .main_gall_list li dd p{display:flex; align-items:center; justify-content:space-between; font-size:20px; }
			.template01 .main_gall_list li dd p a{color:#222; font-size:27px; font-family: 'GmarketSansMedium'; margin-bottom:5px;}
			.template01 .main_gall_list li dd div{font-size:20px; display:block; padding:27px 20px;border:1px solid #ddd; border-radius:15px; position:relative; min-height: 200px;}
			.template01 .main_gall_list li dd div span{padding-right:30px; font-size:18px;line-height:30px;}
			.template01 .main_gall_list li dd div div{background:#f9f9f9;margin-top:10px;}
			.template01 .main_gall_list li dd div dfn{position:absolute; right:30px; top:30px; height: calc(100% - 60px);}
			
			
		.template01 .main_gall_list2{margin-top:0px;}
			.template01 .main_gall_list2 ul{width:100%; display:flex; flex-flow:row wrap; gap:30px;}
			.template01 .main_gall_list2 ul li{flex:1 1 22%; max-width:23.5%;}
			.template01 .main_gall_list2 li dl{display:flex; flex-flow:column nowrap;}
			.template01 .main_gall_list2 li dt {width:100%; height:0px; padding-top:calc(390 / 528 * 100%); flex-shrink: 0; position:relative;}
				.template01 .main_gall_list2 li dt p{ position:absolute; top:0; left:0; display:flex; align-items:center; justify-content:center;  overflow:hidden; height: 100%;border-radius:10px; background:#f9f9f9;}
				.template01 .main_gall_list2 li dt a{ background: #f1f1f1; }
				.template01 .main_gall_list2 li dt img {max-width:100%;   vertical-align:middle;}
				
			.template01 .main_gall_list2 li dd {padding:20px 0;flex-grow: 1;  position:relative;}
				.template01 .main_gall_list2 li dd p{display:flex; align-items:center; justify-content:space-between; font-size:20px;  margin-top:0px;}
				.template01 .main_gall_list2 li dd p a{color:#222; font-size:27px; font-family: 'GmarketSansBold'; font-weight:normal; margin-bottom:5px; line-height:30px;}
				.template01 .main_gall_list2 li dd > div{font-size:18px; display:block; padding:0px 0px;}
				.template01 .main_gall_list2 li dd div span{padding-right:30px; font-size:18px;line-height:30px;}
				.template01 .main_gall_list2 li dd div a{display:block;background:#f9f9f9;margin-top:10px;  padding:30px 20px;border:1px solid #ddd; border-radius:20px; }
				
			
		.template01 .main_gall_list3{margin-top:0px;}
			.template01 .main_gall_list3  H3{font-size:27px; font-family: 'GmarketSansMedium'; margin-bottom:10px;}
			.template01 .main_gall_list3 ul{width:100%;}
			.template01 .main_gall_list3 li dl{display:flex; flex-flow:row nowrap; margin-bottom:30px;}
			.template01 .main_gall_list3 li dt {width:30%; height:250px; padding:20px 10px; flex-shrink: 0;}
			.template01 .main_gall_list3 li dt a{display:flex; align-items:center; justify-content:center; height:250px; overflow:hidden; background: #f1f1f1; border-radius:10px;}
			.template01 .main_gall_list3 li dt img {max-width:100%; max-height:250px;  vertical-align:middle;}
			.template01 .main_gall_list3 li dd {flex-grow: 1;}
			.template01 .main_gall_list3 li dd p{display:flex; align-items:center; justify-content:space-between; font-size:20px; }
			.template01 .main_gall_list3 li dd p a{color:#222; font-size:27px; font-family: 'GmarketSansMedium'; margin-bottom:5px;}
			.template01 .main_gall_list3 li dd div{font-size:20px; display:block; padding:27px 20px;border:1px solid #ddd; border-radius:20px; position:relative;}
			.template01 .main_gall_list3 li dd div span{padding-right:30px; font-size:18px;line-height:30px;}
			.template01 .main_gall_list3 li dd div div{background:#f9f9f9;margin-top:10px;}
			.template01 .main_gall_list3 li dd div dfn{position:absolute; right:30px; top:30px; height: calc(100% - 60px);}
			.template01 .main_gall_list3 li dd div dfn button{width:150px; height:100%;}
			
			.template01 .nodata_table,
			.template01  .c_nodata {display:flex;align-items:center; width: 100%; max-width:100% !important; justify-content:center; font-size:20px; height:300px; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
				
			
		.template01 .table_width {width:100%; margin-bottom:20px; display:flex; margin-bottom:60px; flex-flow:row wrap; gap:10px 0px;}
			.template01 .table_width  dt {flex:1 1 12%; background:#f1f1f1;padding:20px 20px; color:#222; font-size:20px; font-family: 'GmarketSansMedium'; border-radius:10px 10px 10px 10px; display:flex; align-items:center; max-width:205px;}
			.template01 .table_width  dd {flex:1 1 35%; padding:20px;border-bottom:1px solid #f1f1f1; position:relative; font-size:20px; margin-right:1%;}
			.template01 .table_width  dd:before{content:""; position:absolute;display:block; width:10px; height:10px;  bottom:-1px; left:-10px; z-index:1; border-bottom:1px solid #f1f1f1;}
			.template01 .table_width span{font-size:16px; color:#999;}
			.template01 .table_width input{margin:3px 0;}
			.template01 h5.required_box {font-size:18px; font-weight:normal; color:#aaa; margin:5px; margin:-50px 0 50px 0;}
			.template01 h5.required_box b{color:red;}
			
		.template01 .table_width2 {width:100%; margin-bottom:20px; display:flex; margin-bottom:60px; flex-flow:row wrap; gap:10px 0px;}
			.template01 .table_width2  dt {flex:1 1 10%; background:#f1f1f1;padding:20px 20px; color:#222; font-size:20px; font-family: 'GmarketSansMedium'; border-radius:10px 10px 10px 10px; display:flex; align-items:center;}
			.template01 .table_width2  dd {flex:1 1 85%; padding:20px;border-bottom:1px solid #f1f1f1; position:relative; font-size:20px; margin-right:1%;}
			.template01 .table_width2  dd:before{content:""; position:absolute;display:block; width:10px; height:10px;  bottom:-1px; left:-10px; z-index:1; border-bottom:1px solid #f1f1f1;}
			
		.template01 .table_width3 {width:100%; margin-bottom:20px;  margin-bottom:10px; flex-flow:row wrap; gap:10px 0px;}
			.template01 .table_width3 dd{font-size:16px; padding:10px 0; line-height:24px; }
			
		
		.template01 .main_gall_btnlayer{}
				.template01 .main_gall_btnlayer dl dd p {margin-top:50px;}
				.template01 .main_gall_btnlayer dfn{position:absolute; width:100%; left:0px; top:10px; height:60px;}
				.template01 .main_gall_btnlayer dfn button, 
				.template01 .main_gall_btnlayer dfn input {width:100%; height:50px; line-height:50px; padding:; border:1px solid #ccc; color:#999; background:#fff; border-radius:10px; cursor:pointer;}
					
		
	section.template01.sub_con {padding:150px 0 0 0;}
		section.template01 h4 {font-size:40px; line-height:46px;  font-family: 'GmarketSansBold'; font-weight:normal; color:#333; margin-bottom:20px; }
		
		section.template01 .con_about{font-family: 'GmarketSansMedium'; }
			section.template01 .con_about p {font-size:20px; margin-bottom:20px;}
			section.template01 .con_about p.con_sign{font-size:24px; text-align:right; margin-top:50px;}
		
		section.template01 .con_his dl{display:flex; flex-flow:row wrap; margin:100px 0;}
			section.template01 .con_his dd{font-size:20px;line-height:32px; color:#666;}
			section.template01 .con_his dt p{font-size:40px; font-family: 'GmarketSansBold'; color:#333; margin-top: -93px; background:#fff;  border:5px solid #fff;display: inline-block;}
			section.template01 .con_his dd,
			section.template01 .con_his dt{flex:1 1 45%; position:relative; padding:60px 50px 80px 50px; box-sizing:border-box; }
			section.template01 .con_his dd:nth-child(odd),
			section.template01 .con_his dt:nth-child(odd){text-align:right;}
			section.template01 .con_his dd:nth-child(even),
			section.template01 .con_his dt:nth-child(even){text-align:left;}
			section.template01 .con_his dd:nth-child(odd):after,
			section.template01 .con_his dt:nth-child(odd):after{content:""; position:absolute;display:block; top:0;right:0; width:1px; height:100%; background:#ccc;}
			section.template01 .con_his dd:nth-child(odd):before,
			section.template01 .con_his dt:nth-child(odd):before{content:""; position:absolute;display:block; top:-5px;right:-5px; width:10px; height:10px; background:rgba(255,79,25); box-shadow: 0 0 0 10px rgba(255,79,25, 0.1);border-radius:50%;z-index:10;}
			section.template01 .con_his dd:nth-child(even):after,
			section.template01 .con_his dt:nth-child(even):after{content:""; position:absolute;display:block; bottom:0;left:0; width:99vw; height:1px; background:#ccc; transform:translatex(-50%);}
			section.template01 .con_his dd:last-child:after,
			section.template01 .con_his dt:last-child:after{display:none;}
			
		section.template01 .con_map dl{display:flex; flex-flow:row wrap; }
			section.template01 .con_map dt{flex:1 1 35%;}
				section.template01 .con_map dt li{position:relative; width:80%; font-size:20px; border-top:1px solid #ccc; padding:20px 0 70px 150px; box-sizing:border-box;}
				section.template01 .con_map dt li strong{display:inline-block; position:absolute; top:-15px; left:0;  padding-right:10px; font-size:30px;  background:#fff;color:#333; font-family: 'GmarketSansBold'; font-weight:normal;}
				.map_border {border:none !important;}
			section.template01 .con_map dd{flex:1 1 60%; height:600px; overflow:hidden; border:1px solid #ccc; border-radius:20px;}
		
	footer.template01 {width:100%; background:#545961; margin-top:100px; border-radius:30px 30px 0 0;}
		footer.template01 dl{padding:50px 0; color:#fff;display:flex; flex-flow:row wrap; justify-content: space-between;}
		footer.template01 a{color:#fff;}
		footer.template01 dt div {display: flex; align-items: center;}
		footer.template01 dt div a{display:block; font-size:18px;}
		footer.template01 dt div a:hover{font-weight:bold;}
		footer.template01 dt div a:after{content:""; display:inline-block; width:1px; height:10px; vertical-align:middle; margin:15px; background:rgba(255,255,255,.5);}
		footer.template01 dt div a:last-child:after{background:rgba(255,255,255,0);}
		footer.template01 dt div img {margin-right:20px;}
		footer.template01 dt span{display:block; color:#fff; font-size:16px;margin-top:30px; padding:0 4px;}
		footer.template01 dt span p{display:block; margin-top:50px; color:rgba(255,255,255,.5);}
		footer.template01 dd{text-align:right;}
		footer.template01 dd a{display:inline-block; margin-left:10px;}
		footer.template01 dd span{display:block; margin:30px 0 10px 0; color:#fff; font-size:24px;}
		footer.template01 dd span strong{display:block;font-size:40px;font-family: 'GmarketSansMedium'; line-height:45px;}
		footer.template01 dd p{color:#fff; font-size:16px;}
		footer.template01 dt b{font-weight:100;}
		
		
	.main_pazing{margin:20px auto; text-align:center;}
		.main_pazing strong{display:inline-block; width:35px; height:35px; line-height:35px; border-radius:5px; vertical-align: middle; margin:0 2px;background:#ff4f19; color:#fff;}
		.main_pazing a{display:inline-block; width:35px; height:35px; line-height:33px;border-radius:5px; vertical-align: middle;  margin:0 2px; background:#fff; border:1px solid #ccc; box-sizing:border-box;}
		.main_pazing .btn_arrow{font-size:9px;}
		
	
	.search_box {padding:20px 30px;  border:1px solid #ddd; margin:-50px auto 20px auto; display:flex; flex-flow:row wrap; justify-content:space-between;  align-items:center; border-radius:15px; font-size:18px; line-height:34px;}
		.search_box dt{text-align:left;}
		
		.search_box dt span{display:inline-block; margin-right:10px;}
		.content_box{margin-bottom:30px; min-height:300px;}
		.content_box.bottom_line {border-bottom:1px solid #ddd;}
		
	.edu_box {padding:20px 10px; margin:0px auto 20px auto; display:flex; flex-flow:row NOwrap; justify-content:flex-start;  align-items:center; font-size:18px; line-height:34px; gap:20px;}
		.edu_box dt{flex:1 1 60%;}
		.edu_box dd{text-align:left; padding:0 50px;}
		.edu_box dd span{ font-size:20px; line-height:24spx; display:block; flex:1 1 45%;}
		.edu_box dd span strong{font-family: 'GmarketSansMedium';}
		.edu_box img {width:100%; height:auto; border-radius:10px; display:block;}
		.edu_box .edu_list_box{display:flex; flex-flow:row wrap; border-top:1px solid #ddd; margin-top:10px; padding-top:10px;}
		
	.radio_box {padding:20px 30px;  border:1px solid #ddd; margin:0px auto 20px auto; display:flex; flex-flow:row wrap; justify-content: flex-start; align-items:center; border-radius:15px; font-size:18px; gap:20px; line-height:34px;}
		.radio_box dd{width: 15%; text-align:left; padding:0 10px; text-align:center; position:relative;}
		.radio_box dd img {height:100px; width:auto; margin:10px 0; display:inline-block;}
		.radio_box dd:after{content:""; width:1px; height:70%; position:absolute; display:block; right:-10px; top:50%; transform:translatey(-50%); background:#eee;}
		.radio_box dd:last-child:after{display:none;}
	
	.edu_content_box {width:100%; margin-top:50px;}
		.edu_content_box dt{display:flex; flex-flow:row wrap; justify-content: flex-start; align-items:center; border-bottom:1px solid #ccc;}
		.edu_content_box dt p {padding:20px 50px; font-family: 'GmarketSansMedium'; font-size:20px; color:#aaa; cursor:pointer;}
		.edu_content_box dt p.on {border:1px solid #ccc;border-bottom:2px solid #fff; border-radius:10px 10px 0 0; margin-bottom:-1px;color:#222; font-weight:bold;}
		.edu_content_box dd{padding:50px 30px; min-height:300px; text-align:left; font-size:20px;}
		.edu_content_box dd span{display:block; margin-bottom:30px; font-size:20px;}
		.edu_content_box dd span strong{display:block;}
		.edu_content_box dd table{width:100%;}
		.edu_content_box dd table tr{ }
		.edu_content_box dd table th {background:#f1f1f1; padding:10px 10px; color:#222; font-size:20px; font-family: 'GmarketSansMedium';}
		.edu_content_box dd table th:first-child{ border-radius:5px 0 0 5px;}
		.edu_content_box dd table th:last-child{border-radius:0 5px 5px 0}
		.edu_content_box dd table td {padding:10px 10px; border-bottom: 1px solid #eee;}
		.edu_content_box dd table td:first-child{ }
		.edu_content_box dd table td:last-child{color:#aaa;}
		.edu_content_box dd table td a{font-size:20px; }
	
	.template01 .edu_box  .sub_title {flex:1 1 98%; padding-bottom:0;margin-bottom:0; border:none;}		
	.template01 .edu_box  .sub_title strong {font-size:20px; line-height:24px; color:#888; font-weight:normal; display:block; font-family: 'GmarketSansRight';}
		
	/* ==================================================================================================================================================================================================================================================================================================================== */
	
	.template01 input.icon_search{background-image:url('/IMAGES/icon_search2.png'); padding-left:50px;}
	.template01 input.icon_agree{background-image:url('/IMAGES/icon_agree.png'); padding-left:50px;}
	.template01 input.icon_check{background-image:url('/IMAGES/icon_check.png'); padding-left:50px;}
	.template01 input.icon_next{background-image:url('/IMAGES/icon_next.png'); padding-left:50px;}
	.template01 input.icon_cancel{background-image:url('/IMAGES/icon_cancel.png'); padding-left:50px;}
	.template01 input.icon_write{background-image:url('/IMAGES/icon_write.png'); padding-left:50px;}
	.template01 input.icon_group{background-image:url('/IMAGES/btn_icon_group.png'); padding-left:50px;}
	.template01 input.icon_person{background-image:url('/IMAGES/btn_icon_person.png'); padding-left:50px;}
	.template01 input.icon_list{background-image:url('/IMAGES/btn_icon_list.png'); padding-left:50px;}
	
	.template01 .input_base {padding:10px 15px; display:inline-block; border-radius:5px;  border:1px solid #ccc;   cursor:pointer; font-size:18px;}
	.template01 .input_base2 {padding:10px 10px; display:inline-block; border-radius:5px; border:none; background:#f1f1f1;   cursor:pointer; font-size:18px;}
	.template01 textarea.input_base{min-height:350px;}
	.template01 .btn_base {padding:10px 30px; display:inline-block; border-radius:5px;  border:1px solid #ccc; color:#666; cursor:pointer; font-size:18px; vertical-align:center; background-repeat: no-repeat; background-position:left 20px center;}
	.template01 .btn_c_red {border-color:#ff4f19; background-color:#ff4f19; color:#fff; font-weight:bold;}
	.template01 .btn_c_dark {border-color:#444; background-color:#444; color:#fff; font-weight:bold;}
	.template01 .btn_c_gray {border-color:#aaa; background-color:#aaa; color:#fff; font-weight:bold;}
	.template01 .btn_c_blue {border-color:#6698cb; background-color:#6698cb; color:#fff; font-weight:bold;}
	.template01 .btn_c_green {border-color:#008641; background-color:#008641; color:#fff; font-weight:bold;}
	.template01 .btn_div{text-align:center;margin:20px auto;}
	.template01 .btn_box{margin-top:21px;}
	.template01 .txt_c_red {color:#ff4f19 !important;}	
	.template01 .input_wm{width:90%; max-width:1200px;}
	.template01 .input_wl{width:60%; max-width:650px;}
	.template01 .input_ws{width:30%; max-width:300px;}
	
	/* ==================================================================================================================================================================================================================================================================================================================== */
	
	.template01 .login_table{width:90%; margin:auto; max-width:700px; height:400px; border:1px solid #ccc; border-radius:30px; display:flex; flex-flow:column wrap;  justify-content: flex-start; position:relative; text-align:center; overflow: hidden;}
		.template01 .login_table h3{font-size:40px; text-align:center; font-family: 'GmarketSansBold'; border-bottom:2px solid #222; padding:30px 20px 10px 20px; margin:auto; border-radius:30px 30px 0 0;margin-bottom:50px; DISPLAY:inline-block; width: 100%; background: #f9f9f9 url(/IMAGES/250623_img01.png) no-repeat right -110px bottom / auto 80%; font-weight:normal;}
		.template01 .login_table h4{font-size:25px; text-align:; line-height:35px; font-family: 'GmarketSansBold'; background:#f1f1f1;border-bottom:1px solid #222; padding:15px 0 10px 0 ; margin:auto; margin-bottom:5px;}
		.template01 .login_table ul{display: flex; flex-flow:row wrap; width:100%;     justify-content: center; gap:10px;}
		.template01 .login_table ul li strong{width:80px; display:inline-block; font-size:18px;}
		.template01 .login_table ul li{text-align:center; FONT-SIZE:18px; line-height:30px;}
		.template01 .login_table ul li:nth-child(1) input:nth-of-type(1) {margin-bottom:3px;}
		.template01 .login_table ul li:nth-child(3){flex:1 1 90%;  text-align:center;} 
		.template01 .login_table ul li:nth-child(3) a{font-size:18px; color:#999; display:inline-block;}
		.template01 .login_table ul li:nth-child(3) a:hover{color:#444;}
		.template01 .login_table ul li:nth-child(3) a:first-child:after{content:""; width:1px; height:10px; background:#ccc; display:inline-block; margin:0 10px;}
		.template01 .login_table ol li{font-size:20px; margin-bottom:20px;}
		.template01 .login_table span{font-size:14px;}
		
	.template01 .login_table.skin2{height:auto; padding-bottom:20px;}
		.template01 .login_table.skin2 ul{display: flex;  width:100%; flex-flow:row wrap; gap:10px;}
		.template01 .login_table.skin2 ul li strong{width:130px; display:inline-block; font-size:18px; text-align:left;}
		.template01 .login_table.skin2 ul li span{text-align:right; display:;}
		.template01 .login_table.skin2 ul li{flex:1 1 90%; text-align:center; FONT-SIZE:18px; line-height:30px;}
		
		.template01 .login_table .btn_login{background:#ff4f19; color:#fff; height: 100%;width: 120px; border:none; border-radius:5px; font-size:20px; cursor:pointer;}
		.template01 .login_table .btn_login2 {margin:10px 3px; padding:10px 30px; border-radius:10px; border:1px solid; background:#ff4f19; color:#fff;cursor:pointer;}
		.template01 .login_table .btn_login2:nth-child(2) {background:#666; }
		.template01 .login_table ol li input{min-width:300px; width:50%;}
		.template01 .login_table ol li button{padding:20px 80px;}
		
		
	.template01 .login_table.skin3{height:auto; padding-bottom:20px;} 
		.template01 .login_table.skin3  h3{font-size:40px; text-align:center; font-family: 'GmarketSansBold'; border-bottom:2px solid #222; padding:30px 20px 10px 20px; margin:auto; border-radius:30px 30px 0 0;margin-bottom:50px; DISPLAY:inline-block; width: 100%; background: #f9f9f9 url(/IMAGES/250623_img01.png) no-repeat right -110px bottom / auto 80%; font-weight:normal;}
		
		.template01 .login_table.skin3 ul{display: flex;  width:100%; flex-flow:row wrap; gap:10px;}
		.template01 .login_table.skin3 ul li strong{width:130px; display:inline-block; font-size:18px; text-align:left;}
		.template01 .login_table.skin3 ul li span{text-align:right; display:;}
		.template01 .login_table.skin3 ul li{flex:1 1 90%; text-align:center; FONT-SIZE:18px; line-height:30px;}
		
		
	.template01 .layer_pop {visibility:hidden; position: fixed; z-index: 2000; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.8);}
		.template01 .layer_pop dl{display:flex;height:100%; flex-flow:column wrap; align-items:center; justify-content:center; position:relative;;}
		.template01 .layer_pop dl dt {border:10px solid #1c51a4; border-radius:15px; background:#1c51a4; max-width:96%}
		.template01 .layer_pop dl dt img {border-radius:10px; max-width:100%;}
		.template01 .layer_pop dl a {display:block; color:#fff; width:100%; padding:10px 0 5px 0; font-size:20px; font-weight:bold;}
		
		.root_daum_roughmap.root_daum_roughmap_landing{width:100%; max-width:1100px;}
		
		
	
	.template01 .pop_table h2{height:60px; background:#f8f8f8 url('/IMAGES/250623_img01.png')no-repeat right bottom/ auto 100%; margin:0; padding:10px; font-size:30px;}
	.template01 .pop_table dl{width:96%; margin:auto;}
	.template01 .pop_table dt{font-size:20px; line-height:26px;  font-family: 'GmarketSansMedium'; font-weight:normal; color:#333; margin-bottom:0px; }
	.template01 .pop_table dt strong{display:block; margin:30px 0 10px 0;}
	.template01 .pop_table dd span{display:block; border:1px solid #eee; padding:20px; border-radius:10px; font-size:16px;}
	.template01 .pop_table dd div{text-align:center;margin-bottom:20px;}
	.template01 .pop_table form{display:block; text-align:left; font-size:16px;margin:5px 0; }
	.template01 .pop_table dd strong{display:block; font-size:18px; margin-bottom:5px;}
	.template01 .pop_table dd b{ font-size:18px; margin-bottom:5px;}
	
	.template01 .pop_table .rdio_select input[type="radio"]:checked + label {color:#ff4f19; font-weight:bold;}
	.template01 .pop_table .rdio_select input[type="radio"]{accent-color:#ff4f19;}
	
	
	.template01 .progress_box{font-size:20px; display:grid; padding:27px 30px;border:1px solid #ddd; border-radius:15px; position:relative; min-height: 200px; grid-template-columns: 150px auto 150px; margin-bottom:50px;}
		.template01 .progress_box dt{width:150px; padding-right:30px; font-size:20px;line-height:30px; font-weight:800;  margin:5px 0; border-bottom:;}
		.template01 .progress_box dd{font-family:'Noto Sans KR'; font-size:18px; margin:5px 0;}
		.template01 .progress_box dt:nth-of-type(1){ grid-row: 1 / 2;	grid-column: 1 / 2;}
		.template01 .progress_box dt:nth-of-type(2){ grid-row: 2 / 3;	grid-column: 1 / 2;}
		.template01 .progress_box dt:nth-of-type(3){ grid-row: 3 / 4;	grid-column: 1 / 2;}
		.template01 .progress_box dt:nth-of-type(4){ grid-row: 4 / 5;	grid-column: 1 / 2;}
		.template01 .progress_box dd:nth-of-type(1){grid-row: 1 / 2;	grid-column: 2 / 3;}
		.template01 .progress_box dd:nth-of-type(2){grid-row: 1 / 5;	grid-column: 3 / 4; align-self: self-end;}
		.template01 .progress_box dd:nth-of-type(3){grid-row: 2 / 3;	grid-column: 2 / 3;}
		.template01 .progress_box dd:nth-of-type(4){grid-row: 3 / 4;	grid-column: 2 / 3;}
		.template01 .progress_box dd:nth-of-type(5){grid-row: 4 / 5;	grid-column: 2 / 3;}
		.template01 .progress_box dd:nth-of-type(5) a:before{content:"";width:50px;height:100%;  display:block; left:0; top:0;position:absolute; background:#f9f9f9 url('/IMAGES/btn_down.png') no-repeat center center;}
		.template01 .progress_box dd:nth-of-type(5) a {border:1px solid #ddd; padding:5px 15px 5px 60px;display:inline-block;border-radius:5px; position:relative; font-size:16px;}
		
		.template01 .progress_bg {width:90%; height:35px;   background:#f1f1f1; max-width:700px; border-radius:10px; display:inline-block; position:relative; box-sizing:border-box;     vertical-align: middle;}
		
		.template01 .progress_bar{display:block; background:linear-gradient(to bottom,#ff4f19  , #993517); height:100%; border-radius:8px; }
		.template01 .progress_bar strong{display:inline-block; margin:0 15px; color:#fff; font-size:18px; line-height:37px;}
		
		.template01 .progress_box .btn_suss{width:150px; height:120px; background:#ff4f19; border:none; border-radius:5px; color:#fff; font-weight:bold; cursor:pointer;}
		.template01 .progress_box .btn_suss:hover{background:#444;}
		.template01 .progress_bar.prog_bar {background:linear-gradient(to top, #6078FF, #6698cb)}
		
		
		
	.template01 .pop_table2{width:90%; margin:auto auto 10px auto; max-width:700px; height:auto; border:1px solid #ccc; border-radius:30px; display:flex; flex-flow:column wrap;  justify-content: flex-start; position:relative; text-align:center; overflow: hidden;}
		.template01 .pop_table2 h3{font-size:25px;text-align:center; font-family: 'GmarketSansBold'; border-bottom:2px solid #222; padding:10px 0 5px 0; margin:0 auto; border-radius:20px 20px 0 0;  DISPLAY:inline-block; width: 100%; 
									background: #f9f9f9 url(/IMAGES/250623_img01.png) no-repeat right -50px bottom / auto 80%; font-weight:normal;}
		.template01 .pop_table2 ol li{font-size:18px;padding:10px 0;}