@font-face{
font-family:"NotoSansCJKKR";
src:url('/site/template05/main/img3/NotoSansCJKkr-Light2.otf');
/*
src:url('/site/template05/main/img3/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'),
url('/site/template05/main/img3/NanumGothic-Regular.woff') format('woff'),
url('/site/template05/main/img3/NanumGothic-Regular.ttf') format('truetype');
url('/site/template05/main/img3/NanumGothic-Regular.svg#NanumGothic') format('svg')
src:local(※), url('/site/script/fonts/NanumGothic-Regular.woff') format('woff');
*/
}
.mediaViewInfo {
	--web-view-name: "메인페이지";
	--web-view-id:"main" ;
	--web-scale-on-resize: true;
	--web-enable-deep-linking: true;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	border: none;
}
/* # {
	position: absolute;
	width: 1920px;
	height: 1080px;
	background-color: rgba(255,255,255,1);
	overflow: hidden;
	--web-view-name: 메인페이지;
	--web-view-id: ;
	--web-scale-on-resize: true;
	--web-enable-deep-linking: true;
} */
#index_main {
	position: absolute;
	width: 1920px;
	height: 600px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
#index_main_q {
	position: absolute;
	width: 1920px;
	height: 800px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
#_24 {
	opacity: 0.9;
	position: absolute;
	width: 534px;
	height: 140.5px;
	left: 589px;
	top: 194px;
	overflow: visible;
}
#____ {
	opacity: 0.999;
	left: 1px;
	top: 0px;
	position: absolute;
	overflow: visible;
	width: 534px;
	white-space: nowrap;
	text-align: left;
	font-family: "Sandoll GongbyunggakPil";
	font-style: normal;
	font-weight: normal;
	font-size: 53px;
	color: rgba(89,103,128,1);
}
#_23 {
	opacity: 0.8;
	position: absolute;
	width: 382px;
	height: 69.5px;
	left: 0px;
	top: 71px;
	overflow: visible;
}
#________ {
	left: 0px;
	top: 0px;
	position: absolute;
	overflow: visible;
	width: 383px;
	white-space: nowrap;
	line-height: 39px;
	margin-top: -9px;
	text-align: left;
	font-family: "Source Han Serif K";
	font-style: normal;
	font-weight: normal;
	font-size: 21px;
	color: rgba(89,103,128,1);
	letter-spacing: -0.33px;
}
#_4 {
	opacity: 0.4;
	fill: transparent;
	stroke: rgba(89,103,128,1);
	stroke-width: 1px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
._4 {
	overflow: visible;
	position: absolute;
	width: 317px;
	height: 1px;
	left: 0.5px;
	top: 69.5px;
	transform: matrix(1,0,0,1,0,0);
}
#box {
	opacity: 0.96;
	fill: rgba(255,255,255,0.7);
}
.box {
	filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.161));
	position: absolute;
	overflow: visible;
	width: 868px;
	height: 428px;
	left: 410px;
	top: 420px;
}
#Area_box {
	fill: transparent;
}
.Area_box {
	position: absolute;
	overflow: visible;
	width: 760px;
	height: 36px;
	left: 440px;
	top: 450px;
}
#box_y {
	opacity: 0.96;
	fill: rgba(255,255,255,0.7);
}
.box_y {
	filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.161));
	position: absolute;
	overflow: visible;
	width: 308px;
	height: 428px;
	left: 1250px;
	top: 420px;
}
#div {
	fill: transparent;
}
.div {
	position: absolute;
	overflow: visible;
	width: 260px;
	height: 80px;
	left: 1250px;
	top: 450px;
}
#div_ {
	fill: transparent;
}
.div_ {
	position: absolute;
	overflow: visible;
	width: 260px;
	height: 80px;
	left: 1250px;
	top: 530px;
}
#div_ba {
	fill: transparent;
}
.div_ba {
	position: absolute;
	overflow: visible;
	width: 260px;
	height: 80px;
	left: 1250px;
	top: 610px;
}
#div_bb {
	fill: transparent;
}
.div_bb {
	position: absolute;
	overflow: visible;
	width: 260px;
	height: 80px;
	left: 1250px;
	top: 690px;
}
#_1 {
	opacity: 0.84;
	fill: rgba(68,135,227,1);
}
._1 {
	filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
	position: absolute;
	overflow: visible;
	width: 1938px;
	height: 108px;
	left: 0px;
	top: 0px;
}
#div_bc {
	fill: transparent;
}
.div_bc {
	position: absolute;
	overflow: visible;
	width: 73px;
	height: 36px;
	left: 1127px;
	top: 450px;
}
#_ {
	left: 1143px;
	top: 32px;
	position: absolute;
	overflow: visible;
	width: 64px;
	white-space: nowrap;
	text-align: left;
	font-family: "NotoSansCJKKR";
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	color: rgba(255,255,255,1);
}
#_ba {
	left: 1004px;
	top: 32px;
	position: absolute;
	overflow: visible;
	width: 110px;
	white-space: nowrap;
	text-align: left;
	font-family: "NotoSansCJKKR";
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	color: rgba(255,255,255,1);
}
#_bb {
	left: 880px;
	top: 32px;
	position: absolute;
	overflow: visible;
	width: 95px;
	white-space: nowrap;
	text-align: left;
	font-family: "NotoSansCJKKR";
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	color: rgba(255,255,255,1);
}

#_5 {
	opacity: 0.1;
	fill: rgba(255,255,255,1);
}
._5 {
	position: absolute;
	overflow: visible;
	width: 89px;
	height: 30px;
	left: 0px;
	top: 0px;
}


#_6 {
	opacity: 0.1;
	fill: rgba(255,255,255,1);
}
._6 {
	position: absolute;
	overflow: visible;
	width: 106px;
	height: 30px;
	left: 0px;
	top: 0px;
}

#main_title_1 {
	position: absolute;
	width: 87px;
	height: 36px;
	left: 440px;
	top: 450px;
	overflow: visible;
	cursor:pointer;
	padding-left: 12px;
	padding-top: 5px;
	white-space: nowrap;
	text-align: left;
	font-family: "NotoSansCJKKR";
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	FONT-WEIGHT: 600;
}
#main_title_1:hover {
	background-color: rgba( 0, 0, 0, 0.1 );
	border-radius: 5px 5px 5px 5px;
}
.main_title_off{
	color: rgba(143,154,179,1);
}
.main_title_on{
	color: rgba(68,135,227,1);
}

#main_title_2 {
	position: absolute;
	width: 87px;
	height: 36px;
	left: 527px;
	top: 450px;
	overflow: visible;
	cursor:pointer;
	padding-left: 12px;
	padding-top: 5px;
	white-space: nowrap;
	text-align: left;
	font-family: "NotoSansCJKKR";
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	FONT-WEIGHT: 600;
}
#main_title_2:hover {
	background-color: rgba( 0, 0, 0, 0.1 );
	border-radius: 5px 5px 5px 5px;
}

#main_title_3 {
	position: absolute;
	width: 71px;
	height: 36px;
	left: 614px;
	top: 450px;
	overflow: visible;
	cursor:pointer;
	padding-left: 12px;
	padding-top: 5px;
	white-space: nowrap;
	text-align: left;
	font-family: "NotoSansCJKKR";
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	FONT-WEIGHT: 600;
}
#main_title_3:hover {
	background-color: rgba( 0, 0, 0, 0.1 );
	border-radius: 5px 5px 5px 5px;
}
.main_title_3{
	color: rgba(68,135,227,1);
}
#main_title_4 {
	left: 1139px;
	top: 455px;
	position: absolute;
	overflow: visible;
	width: 32px;
	white-space: nowrap;
	text-align: right;
	font-family: "NotoSansCJKKR";
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	color: rgba(143,154,179,1);
	cursor:pointer;
	FONT-WEIGHT: 600;
}
#main_title_4:hover {
	background-color: rgba( 0, 0, 0, 0.1 );
	border-radius: 5px 5px 5px 5px;
}

#div_bf {
	fill: rgba(255,255,255,1);
}
.div_bf {
	position: absolute;
	overflow: visible;
	width: 87px;
	height: 36px;
	left: 0px;
	top: 0px;
}

#div_bi {
	fill: rgba(255,255,255,1);
}
.div_bi {
	position: absolute;
	overflow: visible;
	width: 87px;
	height: 36px;
	left: 0px;
	top: 0px;
}

#div_bl {
	fill: rgba(255,255,255,1);
}
.div_bl {
	position: absolute;
	overflow: visible;
	width: 71px;
	height: 36px;
	left: 0px;
	top: 0px;
}

.main_list{
	background-color:rgba(245,246,247,0.7);
}
.main_list:hover{
	background-color: rgba(217,225,249,1);
}
#main_list_one_1{
	position: absolute;
    overflow: visible;
    width: 760px;
    height: 44px;
    left: 440px;
    top: 502px;
    padding:10px;
    border-radius: 4px;
	
	text-align: left;
	font-family: "NotoSansCJKKR";
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	color: rgba(48,49,51,1);
}
#main_list_one_2{
position: absolute;
    overflow: visible;
    width: 760px;
    height: 44px;
    left: 440px;
    top: 558px;
    padding:10px;
    border-radius: 4px;
	
	text-align: left;
	font-family: "NotoSansCJKKR";
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	color: rgba(48,49,51,1);
}
#main_list_one_3{
    position: absolute;
    overflow: visible;
    width: 760px;
    height: 44px;
    left: 440px;
    top: 614px;
    padding:10px;
    border-radius: 4px;
	
	text-align: left;
	font-family: "NotoSansCJKKR";
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	color: rgba(48,49,51,1);
}
#main_list_one_4{
    position: absolute;
    overflow: visible;
    width: 760px;
    height: 44px;
    left: 440px;
    top: 670px;
    padding:10px;
    border-radius: 4px;
	
	text-align: left;
	font-family: "NotoSansCJKKR";
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	color: rgba(48,49,51,1);
}
#main_list_one_5{
	position: absolute;
    overflow: visible;
    width: 760px;
    height: 44px;
    left: 440px;
    top: 726px;
    padding:10px;
    border-radius: 4px;
	
	text-align: left;
	font-family: "NotoSansCJKKR";
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	color: rgba(48,49,51,1);
}

#_3 {
	fill: rgba(242,244,247,1);
}
._3 {
	position: absolute;
	overflow: visible;
	width: 1920px;
	height: 122px;
	left: 0px;
	top: 958px;
}

#__b {
	left: 410px;
	top: 982px;
	position: absolute;
	overflow: visible;
	width: 69px;
	white-space: nowrap;
	text-align: left;
	font-family: "NotoSansCJKKR";
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	color: rgba(143,154,179,1);
}
/*
#_b {
	left: 510px;
	top: 982px;
	position: absolute;
	overflow: visible;
	width: 117px;
	white-space: nowrap;
	text-align: left;
	font-family: "NotoSansCJKKR";
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	color: rgba(143,154,179,1);
}
#_ca {
	left: 658px;
	top: 982px;
	position: absolute;
	overflow: visible;
	width: 104px;
	white-space: nowrap;
	text-align: left;
	font-family: "NotoSansCJKKR";
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	color: rgba(143,154,179,1);
}

#_1_b {
	opacity: 0.4;
	fill: transparent;
	stroke: rgba(143,154,179,1);
	stroke-width: 1px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
._1_b {
	overflow: visible;
	position: absolute;
	width: 1px;
	height: 14px;
	left: 494px;
	top: 985.5px;
	transform: matrix(1,0,0,1,0,0);
}

#_2 {
	opacity: 0.4;
	fill: transparent;
	stroke: rgba(143,154,179,1);
	stroke-width: 1px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
._2 {
	overflow: visible;
	position: absolute;
	width: 1px;
	height: 14px;
	left: 641.975px;
	top: 985.5px;
	transform: matrix(1,0,0,1,0,0);
}
*/
#ic_new {
	position: absolute;
	width: 16px;
	height: 16px;
	left: 784px;
	top: 516px;
	overflow: visible;
}
#_26_cc {
	fill: rgba(247,103,84,1);
}
._26_cc {
	position: absolute;
	overflow: visible;
	width: 16px;
	height: 16px;
	left: 0px;
	top: 0px;
}
#N {
	left: 5px;
	top: 2px;
	position: absolute;
	overflow: visible;
	width: 7px;
	white-space: nowrap;
	text-align: left;
	font-family: "NotoSansCJKKR";
	font-style: normal;
	font-weight: bold;
	font-size: 8px;
	color: rgba(255,255,255,1);
}






#_cn {
	left: 1350px;
	top: 478px;
	position: absolute;
	overflow: visible;
	width: 63px;
	white-space: nowrap;
	text-align: center;
	font-family: "NotoSansCJKKR";
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	color: rgba(48,49,51,1);
}
#_co {
	left: 1350px;
	top: 638px;
	position: absolute;
	overflow: visible;
	width: 63px;
	white-space: nowrap;
	text-align: center;
	font-family: "NotoSansCJKKR";
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	color: rgba(48,49,51,1);
}
#_cp {
	left: 1350px;
	top: 558px;
	position: absolute;
	overflow: visible;
	width: 63px;
	white-space: nowrap;
	text-align: center;
	font-family: "NotoSansCJKKR";
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	color: rgba(48,49,51,1);
}
#_cq {
	left: 1350px;
	top: 718px;
	position: absolute;
	overflow: visible;
	width: 79px;
	white-space: nowrap;
	text-align: center;
	font-family: "NotoSansCJKKR";
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	color: rgba(48,49,51,1);
}
#Area_box_cr {
	fill: transparent;
}
.Area_box_cr {
	position: absolute;
	overflow: visible;
	width: 1100px;
	height: 64px;
	left: 410px;
	top: 840px;
}
#_cs {
	left: 410px;
	top: 862px;
	position: absolute;
	overflow: visible;
	width: 65px;
	white-space: nowrap;
	text-align: left;
	font-family: "NotoSansCJKKR";
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	color: rgba(143,154,179,1);
}
#img_banner01 {
	position: absolute;
	width: 113px;
	height: 30px;
	left: 504px;
	top: 857px;
	overflow: visible;
}
#img_banner02 {
	position: absolute;
	width: 102px;
	height: 30px;
	left: 647px;
	top: 857px;
	overflow: visible;
}
#img_banner03 {
	position: absolute;
	width: 145px;
	height: 30px;
	left: 779px;
	top: 857px;
	overflow: visible;
}
#img_banner04 {
	position: absolute;
	width: 143px;
	height: 30px;
	left: 954px;
	top: 857px;
	overflow: visible;
}
#ic_next {
	position: absolute;
	width: 6px;
	height: 14px;
	left: 1182px;
	top: 461px;
	overflow: visible;
}
#_8_cy {
	fill: transparent;
	stroke: rgba(143,154,179,1);
	stroke-width: 1px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
._8_cy {
	overflow: visible;
	position: absolute;
	width: 7.038px;
	height: 14.651px;
	left: 0px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#quick_icon04 {
	position: absolute;
	width: 50px;
	height: 50px;
	left: 1290px;
	top: 705px;
	overflow: visible;
}
#quick_icon04_c {
	position: absolute;
	width: 50px;
	height: 50px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
#quick_icon02 {
	position: absolute;
	width: 50px;
	height: 50px;
	left: 1290px;
	top: 545px;
	overflow: visible;
}
#quick_icon02_c {
	position: absolute;
	width: 50px;
	height: 50px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
#quick_icon03 {
	position: absolute;
	width: 50px;
	height: 50px;
	left: 1290px;
	top: 625px;
	overflow: visible;
}
#quick_icon03_c {
	position: absolute;
	width: 50px;
	height: 50px;
	left: 0px;
	top: 0px;
	overflow: visible;
}
#quick_icon01 {
	position: absolute;
	width: 50px;
	height: 50px;
	left: 1290px;
	top: 465px;
	overflow: visible;
}
#quick_icon01_c {
	position: absolute;
	width: 50px;
	height: 50px;
	left: 0px;
	top: 0px;
	overflow: visible;
}

.main_list2{
	background-color: rgba(255,255,255,0.7);
}
.main_list2:hover{
	background-color: rgba(217,225,249,1);
}
.mainpointer{
	/* filter: opacity(0.4) drop-shadow(95.3 95.3 95.3 red); */
}
.mainpointer:hover{
	/* filter: opacity(0.4) drop-shadow(95.3 95.3 95.3 red); */
	/* filter: brightness(1.05); */
	filter: contrast(80%);  
}
#main_quick_icon1{
	position: absolute;
	left: 1285px;
    top: 460px;
    width: 145px;
    height: 60px;
    cursor:pointer;
    border-radius: 5px 5px 5px 5px;
    
    white-space: nowrap;
    text-align: center;
    font-family: "NotoSansCJKKR";
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    color: rgba(48,49,51,1);
    
}
#main_quick_icon1 td{
	padding:5px;
}
#main_quick_icon2{
	position: absolute;
	left: 1285px;
    top: 540px;
    width: 145px;
    height: 60px;
    cursor:pointer;
    border-radius: 5px 5px 5px 5px;
    
    white-space: nowrap;
    text-align: center;
    font-family: "NotoSansCJKKR";
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    color: rgba(48,49,51,1);
    
}
#main_quick_icon2 td{
	padding:5px;
}

#main_quick_icon3{
	position: absolute;
	left: 1285px;
    top: 620px;
    width: 145px;
    height: 60px;
    cursor:pointer;
    border-radius: 5px 5px 5px 5px;
    
    white-space: nowrap;
    text-align: center;
    font-family: "NotoSansCJKKR";
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    color: rgba(48,49,51,1);
    
}
#main_quick_icon3 td{
	padding:5px;
}
#main_quick_icon4{
	position: absolute;
	left: 1285px;
    top: 700px;
    width: 145px;
    height: 60px;
    cursor:pointer;
    border-radius: 5px 5px 5px 5px;
    
    white-space: nowrap;
    text-align: center;
    font-family: "NotoSansCJKKR";
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    color: rgba(48,49,51,1);
    
}
#main_quick_icon4 td{
	padding:5px;
}
#main_bottom{
	position: absolute;
    overflow: visible;
    width: 1920px;
    height: 122px;
    left: 0px;
    top: 958px;
    background-color: rgba(242,244,247,1);
}