@charset 'euc-kr'; 

@font-face {
    font-family:'NanumSquareNeo'; 
    src:url('/font/NanumSquareNeo-Light.woff') format('woff'); 
    font-weight:300; 
}
@font-face {
    font-family:'NanumSquareNeo'; 
    src:url('/font/NanumSquareNeo-Regular.woff') format('woff'); 
    font-weight:normal; 
}
@font-face {
    font-family:'NanumSquareNeo'; 
    src:url('/font/NanumSquareNeo-Bold.woff') format('woff'); 
    font-weight:700; 
}
@font-face {
    font-family:'NanumSquareNeo'; 
    src:url('/font/NanumSquareNeo-ExtraBold.woff') format('woff'); 
    font-weight:800; 
}
@font-face {
    font-family:'NanumSquareNeo'; 
    src:url('/font/NanumSquareNeo-Heavy.woff') format('woff'); 
    font-weight:900; 
}
@font-face {
	font-family:'Pretendard'; 
	font-weight:300; 
	font-display:swap; 
	src:url('/font/Pretendard-Light.woff2') format('woff2'); 
}
@font-face {
	font-family:'Pretendard'; 
	font-weight:400; 
	font-display:swap; 
	src:url('/font/Pretendard-Regular.woff2') format('woff2'); 
}
@font-face {
	font-family:'Pretendard'; 
	font-weight:500; 
	font-display:swap; 
	src:url('/font/Pretendard-Medium.woff2') format('woff2'); 
}
@font-face {
	font-family:'Pretendard'; 
	font-weight:600; 
	font-display:swap; 
	src:url('/font/Pretendard-SemiBold.woff2') format('woff2'); 
}
@font-face {
	font-family:'Pretendard'; 
	font-weight:700; 
	font-display:swap; 
	src:url('/font/Pretendard-Bold.woff2') format('woff2'); 
}
@font-face {
	font-family:'Pretendard'; 
	font-weight:800; 
	font-display:swap; 
	src:url('/font/Pretendard-ExtraBold.woff2') format('woff2'); 
}
@font-face {
	font-family:'Pretendard'; 
	font-weight:900; 
	font-display:swap; 
	src:url('/font/Pretendard-Black.woff2') format('woff2'); 
}
@font-face {
	font-family:'KakaoBig'; 
	font-weight:400; 
	src:url('/font/KakaoBig-Regular-v1.0.woff2') format('woff2'); 
	font-display:swap; 
}
@font-face {
	font-family:'KakaoBig'; 
	font-weight:700; 
	src:url('/font/KakaoBig-Bold-v1.0.woff2') format('woff2'); 
	font-display:swap; 
}
@font-face {
	font-family:'KakaoBig'; 
	font-weight:800; 
	src:url('/font/KakaoBig_ExtraBold_OTF.woff2') format('woff2'); 
	font-display:swap; 
}
@font-face {
    font-family:'Ria'; 
    src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/2410-1@1.0/RiaSans-ExtraBold.woff2') format('woff2'); 
    font-weight:normal; 
    font-display:swap; 
}

body {
	font-family:'KakaoBig', 'Pretendard', 'NanumSquareNeo', 'Malgun Gothic', '¸¼Àº°íµñ', 'Dotum', 'µ¸¿ò', sans-serif; 
	color:#222; font-size:17px; font-weight:normal; word-break:keep-all; letter-spacing:-.025em; 
}
input, textarea, select {font-size:17px; font-family:'Pretendard', 'NanumSquareNeo', 'Malgun Gothic', '¸¼Àº°íµñ', 'Dotum', 'µ¸¿ò', sans-serif; border-radius:8px;}

@media(max-width:1023px) {
	body {font-size:16px;}
	input, textarea, select {font-size:16px;}
}

@media(max-width:767px) {
	body {font-size:14px;}
	input, textarea, select {font-size:14px;}
}

.block {display:block;} 
.mblock {display:block;}

@media(max-width:1199px) {
	.mblock {display:inline-block;}
}

.clearB {clear:both;}
*::selection {background:#ff6a00; color:#fff;}


/* HEADER */
#wrap {position:relative; width:100%; height:100%; min-width:1200px;}
#header {
	position:relative; top:0; left:0; overflow:hidden; width:100%; height:170px; padding:0; z-index:2; background:rgba(255,255,255,.9) !important; 
	backdrop-filter:blur(8px); box-shadow:2px 2px 7px rgba(0, 0, 0, .2); 
}
#header:after {content:''; display:block; clear:both;}
#header .head {position:relative; width:1200px; margin:0 auto; padding:25px 0 0 0; text-align:center;}
#header .top_number {position:absolute; top:20px; left:0px; text-align:left;}
#header .top_number dt {font-size:13px; line-height:1.3; margin:0; color:#646464;}
#header .top_number dd {float:left; font-size:32px; line-height:1.3; color:#1e3a70;} 
#header .top_number dd a {text-decoration:none; color:#1e3a70; font-weight:800;}
#header h1 {overflow:hidden; z-index:2; transition:0.3s;}
#header h1 a {display:inline-block;}
#header .login_area {position:absolute; top:33px; right:0px; z-index:3; display:flex; gap:0 1px; transition:0.3s;}
#header .login_area a {
	display:inline-flex; align-items:center; justify-content:center; width:80px; height:28px; font-size:13px; line-height:1.3; 
	text-decoration:none; border-radius:5px; transition:0.3s; background:#fff; color:#222; border:1px solid #bcbfc7; font-weight:500; cursor:pointer; 
}
#header .login_area a:hover {box-shadow:0px 0px 10px 4px rgba(0, 0, 0, 0.05);}
#header .login_area a.link01 {background:#264278; border:1px solid #264278; color:#fff; font-weight:normal;}
#header .login_area a.link01 i {margin-left:.2rem; color:#ffee5d; font-style:normal; font-weight:bold;}

/* GNB */
.gnb {position:absolute; width:100%; top:100px; left:0; margin:0; padding:0;}
.gnb:after {content:''; display:block; clear:both;}

/* 1µª½º */
.gnb > ul {display:flex; background:none !important;}
.gnb > ul > li {width:auto !important; flex:1; background:none !important;}
.gnb > ul > li h2 {font-weight:normal}
.gnb > ul > li h2 a {
	display:inline-flex; align-items:center; justify-content:center; width:100%; height:54px; line-height:1; overflow:hidden; 
	padding:0; font-size:20px; font-weight:bold; color:#222; text-decoration:none; transition:0.3s;  
}
.gnb > ul > li h2 a em {position:relative; height:100%; font-weight:bold; display:inline-flex; align-items:center; box-sizing:border-box;}
.gnb > ul > li h2 a em:after {
	position:absolute; content:''; top:4px; right:-10px; width:8px; height:8px; 
	border-radius:50px; transition:all 0.3s; background:#0183e2; transform:scale(0); 
}
.gnb > ul > li:hover a em:after,
.gnb > ul > li h2 a.on em:after {transform:scale(1);}

.gnb > ul > li h2 a:hover, 
.gnb > ul > li h2 a.on {background:none; border-radius:0;} 

/* AI º¸µëÀÌ ¸Þ´º */
.gnb > ul > li.gnb_ai h2 a {
	position:relative; padding:0 0 0 46px; box-sizing:border-box; font-family:'Ria'; font-weight:500; font-size:1.2em; border-radius:100px; 
	animation:background-pan 3s linear infinite; 
	background:linear-gradient(to right, #61ee29, #e3f6dc, #f2ff5e, #61ee29); 
	background-size:200%; 
	-webkit-background-clip:text; 
	-webkit-text-fill-color:transparent; 
	white-space:nowrap; 
	box-shadow:0 0 24px rgba(0, 0, 0, .1); border:3px solid #fff;
}
.gnb > ul > li.gnb_ai h2 a::before {position:absolute; content:''; width:calc(100% + 46px); height:calc(100% + 3px); background:#1523fe; z-index:-1; transition:0.3s;}
.gnb > ul > li.gnb_ai h2 a:hover::before {background:#7c3df9;}
.gnb > ul > li.gnb_ai h2 a::after {
	position:absolute; content:''; left:10px; top:2px; width:50px; height:50px; 
	background:url('/images/ai/img_ai_bd_s.png') 0 center no-repeat; background-size:contain; 
}
@keyframes background-pan {	
	from {
		background-position:0% center; 
	}
	to {
		background-position:-200% center; 
	}
}

/* 2µª½º */
.dep2 {height:230px; padding:25px 0 0 0; border-left:1px solid #343434;}
.gnb05 .dep2 {border-right:1px solid #343434;}
.dep2 li {margin:0; vertical-align:top;}
.dep2 li a {overflow:hidden; display:inline-block; width:100%; text-align:center; padding:0; font-size:14px; line-height:36px; color:#999; vertical-align:top; text-decoration:none;}
.dep2 li a:hover, .dep2 li a.on {color:#fff;}	
.gnb_photo {display:none; position:absolute; bottom:20px; left:11px;}

/* ¸ÞÀÎ ½½¶óÀ̵å */
.sliderkit {display:none; position:relative; overflow:hidden; text-align:left;}
.sliderkit a,
.sliderkit a:hover {text-decoration:none;}
.sliderkit a:focus {outline:1px dotted #000;}
.sliderkit img {border:0;}
.sliderkit .sliderkit-nav {z-index:10; text-align:center;}
.sliderkit .sliderkit-nav-clip {position:relative; margin:0 auto;}
.sliderkit .sliderkit-nav-clip ul {position:relative; list-style:none; margin:0; padding:0; display:inline-block;}
.sliderkit .sliderkit-nav-clip ul li {float:left;}
.sliderkit .sliderkit-nav-clip ul li a {display:block; overflow:hidden;}
.sliderkit .sliderkit-btn {z-index:10;}
.sliderkit .sliderkit-panel {z-index:1; position:absolute; overflow:hidden;}
.sliderkit .sliderkit-panel-active {z-index:5;}
.sliderkit .sliderkit-panel-old {z-index:4;}
.sliderkit .sliderkit-panel .sliderkit-panel-textbox {position:absolute; z-index:1;}
.sliderkit .sliderkit-panel .sliderkit-panel-text {position:absolute; z-index:3; top:0; left:0;}
.sliderkit .sliderkit-panel .sliderkit-panel-overlay {position:absolute; z-index:2; top:0; left:0;}
.sliderkit .sliderkit-count {position:absolute; top:5px; right:5px; z-index:10; padding:5px; color:#fff; background:#000;}
.sliderkit .sliderkit-timer {position:absolute; top:0; left:0; z-index:10; height:3px; background:#ccc;}
.contentslider-std {position:absolute; top:0; left:50%; margin-left:-1200px; width:2400px; height:550px;}
.contentslider-std .sliderkit-nav {position:relative; width:1200px; height:15px; text-align:center; margin:-40px auto 0;}
.contentslider-std .sliderkit-nav-clip {margin:0;}
.contentslider-std .sliderkit-nav-clip li {display:inline-block; float:left; height:10px; padding:0; margin:0 8px 0 0;}
.contentslider-std .sliderkit-nav-clip li a {height:15px; width:15px; background:url('/images/main/roll.png') no-repeat left top;}
.contentslider-std .sliderkit-nav-clip li.sliderkit-selected a {background:url('/images/main/roll_on.png') no-repeat left top;}
.contentslider-std .sliderkit-panels {height:550px; overflow:hidden; padding:0; background:#fff;}
.contentslider-std .sliderkit-panel {width:2400px; height:550px; overflow:hidden; padding:0; text-align:center; background:#fff;}
.contentslider-std .sliderkit-go-btn {position:absolute; top:45%; z-index:10;}
.contentslider-std .sliderkit-go-prev {left:18%;}
.contentslider-std .sliderkit-go-next {right:18%;}
.contentslider-std .sliderkit-go-prev a {display:block; width:50px; height:50px; 1background:url('/images/main/bt_bn_left.png') no-repeat left top;}
.contentslider-std .sliderkit-go-next a {display:block; width:50px; height:50px; 1background:url('/images/main/bt_bn_right.png') no-repeat left top;}
.contentslider-std .sliderkit-go-btn a:after {
	position:relative; width:100%; height:100%; background:rgba(255, 255, 255, .5); border-radius:100%; border:1px solid rgba(255, 255, 255, .8); 
	display:inline-flex; text-align:center; align-items:center; justify-content:center; font-family:'remixicon'; font-size:30px; color:#fff; box-sizing:border-box; 
	transition:0.3s; 
}
.contentslider-std .sliderkit-go-btn a:hover:after {background:rgba(255, 255, 255, 0);}
.contentslider-std .sliderkit-go-prev a:after {content:'\EA60';}
.contentslider-std .sliderkit-go-next a:after {content:'\EA6C';}


.mid_con {width:1200px; margin:550px auto 0;}

/* ¸ÞÀÎÄÁÅÙÃ÷ */
#body {width:100%;}
#body:after {display:block; clear:both; content:'';}
.content_mian {overflow:hidden; position:relative; margin:0 auto 80px; z-index:1;}
.content_mian:after {display:block; clear:both; content:'';}

#body h2 {text-align:center; font-size:40px; font-weight:bold; margin:0 auto 20px; word-break:keep-all;}
#body h2 span {display:block; margin-bottom:10px; font-size:21px; line-height:22px; font-weight:800; color:#ccc; opacity:.8;}

/* Æ÷Æ®Æú¸®¿À */
.mcont01 {width:1200px; margin:30px auto 80px;}
.mcont01 > ul {display:flex; flex-wrap:wrap; width:1200px; text-align:center;}
.mcont01 > ul > li {width:25%; margin:10px 0; box-sizing:border-box; position:relative;}
.mcont01 > ul > li:last-child {margin-right:0 !important;}
.mcont01 > ul > li a {display:block; position:relative; text-decoration:none; transition:0.3s; width:100%; height:100%;}
.mcont01 > ul > li a:hover span {text-decoration-line:underline; text-decoration-thickness:1px; text-underline-offset:5px;}
.mcont01 ul li a img { 
	-webkit-transition:-webkit-transform 0.15s ease 0s; 
	-moz-transition:-moz-transform 0.15s ease 0s; 
	-o-transition:-o-transform 0.15s ease 0s; 
	transition:transform 0.15s ease 0s; 
	-webkit-transform:scale3d(1, 1, 1); 
	transform:scale3d(1, 1, 1); 
	transition:0.3s; 
}
.mcont01 ul li a:hover img { 
	-webkit-transform:scale3d(1.1, 1.1, 1.1); 
	transform:scale3d(1.1, 1.1, 1.1); 
}

/* ŸÀÌƲ ºí·¢ - À§ */
.mcont01 .pt_bt .bt01 {
	position:absolute; top:30px; left:50%; transform:translateX(-50%); display:block; width:98%; 
	font-size:16px; color:#222; z-index:1; text-align:center; 
}
.mcont01 .pt_bt .bt02 {
	position:absolute; top:55px; left:50%; transform:translateX(-50%); display:block; width:98%; 
	font-size:14px; color:#979797; z-index:1; text-align:center; display:none; 
}

/* ŸÀÌƲ ºí·¢ - ¾Æ·¡ */
.mcont01 .pt_bb .bb01 {
	position:absolute; bottom:30px; left:50%; transform:translateX(-50%); display:block; width:98%; 
	font-size:16px; color:#222; z-index:1; text-align:center; 
}
.mcont01 .pt_bb .bb02 {
	position:absolute; bottom:25px; left:50%; transform:translateX(-50%); display:block; width:98%; 
	font-size:14px; color:#979797; z-index:1; text-align:center; display:none; 
}

/* ŸÀÌƲ È­ÀÌÆ® - À§ */
.mcont01 .pt_wt .wt01 {
	position:absolute; top:30px; left:50%; transform:translateX(-50%); display:block; width:98%; 
	font-size:16px; color:#fff; z-index:1; text-align:center; 
}
.mcont01 .pt_wt .wt02 {
	position:absolute; top:55px; left:50%; transform:translateX(-50%); display:block; width:98%; 
	font-size:14px; color:#fff; z-index:1; text-align:center; display:none; 
}

/* ŸÀÌƲ È­ÀÌÆ® - ¾Æ·¡ */
.mcont01 .pt_wb .wb01 {
	position:absolute; bottom:30px; left:50%; transform:translateX(-50%); display:block; width:98%; 
	font-size:16px; color:#fff; z-index:1; text-align:center; 
}
.mcont01 .pt_wb .wb02 {
	position:absolute; bottom:25px; left:50%; transform:translateX(-50%); display:block; width:98%; 
	font-size:14px; color:#fff; z-index:1; text-align:center; display:none; 
}

/* ŸÀÌƲ ¾øÀ½ */
.titNo {font-size:0; line-height:0;}

/* Á¦ÀÛÁøÇàÇöȲ, À¯Áöº¸¼ö ÇöȲ */
.mcont02 {width:100%; overflow:hidden; background:#f4f4f4;}
.mc02_inner {
	width:1200px; margin:0 auto; display:flex; justify-content:space-between; flex-wrap:wrap; 
	padding:80px 0; min-height:430px; background:url('/images/main/bg_cont02.png') left 60px no-repeat; 
}
.mc02_inner_left {width:49%; height:auto; padding:60px 0 0;}
.mc02_inner_right {width:49%; height:auto; padding:60px 0 0;}

.mc02_list {width:auto; height:auto; padding:40px; background:#fff; border-radius:30px;}
.mc02_list ul li {display:flex; height:26px; line-height:1.5em; margin:0 0 10px; padding-left:20px; background:url('/images/cont/h4dot.gif') 0 50% no-repeat; transition:0.3s;}
.mc02_list ul li a {color:#222; text-decoration:none;}
.mc02_list ul li a:hover {text-decoration:underline;}
.mc02_list .T_name {width:120px; font-weight:bold; color:#222;}
.mc02_list .T_txt {
	width:160px; margin:0 10px 0 0; overflow:hidden; 
	display:-webkit-box; 
	color:#222; 
	text-overflow:ellipsis; 
	-webkit-line-clamp:1; 
	-webkit-box-orient:vertical; 
	line-height:1.5em; 
}
.mc02_list .T_date {margin:0 10px 0 0; color:#999;}
.mc02_list .ing {display:inline-flex; align-items:center; justify-content:center; width:70px; color:#fff; font-size:13px; padding:0 3px; text-align:center; border-radius:5px;}
.mc02_list .T_ing_end {background:#555; border:1px solid #444;}
.mc02_list .T_ing_ing {background:#ff6955; border:1px solid #e67803;}
.mc02_list .T_ing_0 {background:#ff6955; border:1px solid #ff6955;}
.mc02_list .T_ing_1 {background:#9e9e9e; border:1px solid #9e9e9e;}
.mc02_list .T_ing_2 {background:#fff; border:1px solid #ff6955; color:#ff6955;}
.mc02_list .T_ing_3 {background:#1e3a70; border:1px solid #1e3a70;}
.mc02_list .T_ing_4 {background:#6B66FF; border:1px solid #6B66FF;}

/* ȨÆäÀÌÁöÁ¦ÀÛ */
.mcont03 {width:100%; min-height:700px; background:#f8c90e url('/images/main/bg_cont03.png') 50% bottom no-repeat;}
.mc03_inner {width:1200px; margin:0 auto; padding:80px 0;}
.mc03_inner h2 {color:#fff; text-align:left !important;}

/* ´º½º·¹ÅÍÁ¦ÀÛ */
.mcont04 {width:100%;}
.mc04_inner {width:1200px; margin:0 auto; padding:80px 0;}

/* À¯Áöº¸¼ö */
.mcont05 {width:100%; background:url('/images/main/bg_cont05.png') 50% no-repeat; background-size:cover;}
.mc05_inner {width:1200px; margin:0 auto; padding:80px 0;}

.WorkDIV {display:flex; justify-content:space-between; overflow:hidden; margin:0 auto 50px; width:1200px;}
.WorkDIV div {display:flex; width:49%; transition:0.3s; border-radius:30px; overflow:hidden;}
.WorkA .BoxLeft {background:#a7d54f;}
.WorkB .BoxLeft {background:#ff6f6f;}

.BoxLeft {display:flex; flex-direction:column; align-items:center; justify-content:center; box-sizing:border-box; color:#fff; padding:40px 20px; width:30%; word-break:keep-all;}
.BoxLeft dt {box-sizing:border-box; font-size:20px; margin-bottom:20px;}
.BoxLeft dt span {font-size:34px; line-height:1.5; font-weight:800;}
.BoxLeft dd {box-sizing:border-box; font-size:17px;}

.BoxRight {box-sizing:border-box; background:#f9f9f9; color:#222; width:70%; padding:40px 20px; word-break:keep-all;}
.BoxRight dt {box-sizing:border-box; font-size:40px; line-height:1.5; margin:0 0 20px 12px;}
.BoxRight dt span.colorG {font-size:40px; color:#81b61a; font-weight:800;}
.BoxRight dt span.colorR {font-size:40px; color:#f95252; font-weight:800;}
.BoxRight dd {
	font-size:0.95em; line-height:27px; background:url('http://smart.yesbni.com/images/cont/dd_dott.gif') 12px 12px no-repeat; 
	padding-left:20px; box-sizing:border-box; 
}

#footer {width:100%; padding-bottom:30px; background:#fff; overflow:hidden; border-top:1px solid #ddd;}
#footer a {text-decoration:none; color:#1e3a70; font-weight:800;} 
#footer .fgnb {width:1200px; margin:0 auto; background:url('/images/com/bni_logo2.svg') 100% top no-repeat;}
#footer .fgnb ul {display:flex; overflow:hidden; border-bottom:1px solid #444; border-left:1px solid #444; box-sizing:border-box;}
#footer .fgnb ul li {width:16.67%; border-right:1px solid #444; text-align:center; box-sizing:border-box;}
#footer .fgnb ul li h2 {font-weight:normal; margin:0;}
#footer .fgnb ul li h2 a {overflow:hidden; display:block; padding:0; font-size:16px; line-height:50px; color:#222; text-decoration:none;}
#footer .fgnb ul li h2 a:hover, .gnb > ul > li.on h2 a {background:#222; color:#222;} 
#footer .fgnb .footerNum {width:330px; overflow:hidden; margin:0; float:left;}
#footer .fgnb .footerNum .num {font-size:32px; line-height:1; color:#222; margin:0 0 15px;}
#footer .fgnb .footerNum span {font-size:13px; color:#545454; display:block; line-height:1.45em;}
#footer .fgnb .footer_info {width:500px; color:#545454; margin:30px 0 0 400px; font-size:13px; line-height:2em;}
#footer .fgnb .footer_info a {text-decoration:none; color:#222;}

/* ¾×¼Ç¹öÆ° */
.actionBtn01 {
	position:relative; display:block; width:200px; height:50px; margin:auto; line-height:50px; color:#4c4c4d; 
	text-align:center; font-size:1em; text-decoration:none; cursor:pointer; font-weight:800; 
}
.actionBtn01 .hover {
	position:absolute; top:0; left:0; display:block; border:1px solid #4c4c4d; width:100%; height:100%; border-radius:100px; 
	transition:transform .25s ease-out; 
	-webkit-transition:-webkit-transform .25s ease-out; 
	-moz-transition:-moz-transform .25s ease-out; 
}
.actionBtn01:hover .hover {
	transform:rotateX(180deg); 
	-webkit-transform:rotateX(180deg); 
	-moz-transform:rotateX(180deg); 
}

.actionBtn02 {
	 position:relative; display:block; width:200px; height:50px; margin:auto; line-height:50px; color:#fff; 
	 text-align:center; font-size:1em; text-decoration:none; cursor:pointer; 
}
.actionBtn02 .hover {
	position:absolute; top:0; left:0; display:block; border:1px solid #fff; width:100%; height:100%; border-radius:100px; 
	transition:transform .25s ease-out; 
	-webkit-transition:-webkit-transform .25s ease-out; 
	-moz-transition:-moz-transform .25s ease-out; 
}
.actionBtn02:hover .hover {
	transform:rotateX(180deg); 
	-webkit-transform:rotateX(180deg); 
	-moz-transform:rotateX(180deg); 
}

/* ¾×¼Ç¹öÆ° - ´õº¸±â */
.actionBtn1 {
	display:block; width:38px; height:38px; margin:auto; 	font-size:14px; text-decoration:none; line-height:40px; 
	transition:all .25s ease-out; 
	-webkit-transition:all .25s ease-out; 
	-moz-transition:all .25s ease-out; 
}
.actionBtn1 span {display:block;}
.actionBtn1 .hover {
	position:relative; width:auto; max-width:100%; height:36px; border:1px solid #3c3c3c; border-radius:60px; background-color:#fff; 
	transition:background-color .25s ease-out; 
	-webkit-transition:background-color .25s ease-out; 
	-moz-transition:background-color .25s ease-out; 
}
.actionBtn1 .hover .line1 {
	position:absolute; top:16px; left:6px; width:23px; height:3px; background-color:#3c3c3c; 
	transform:rotate(0deg) scale(1, 1); 
	-webkit-transform:rotate(45deg) scale(1, 1); 
	transition:background-color .25s ease-out; 
	-webkit-transition:background-color .25s ease-out; 
	-moz-transition:background-color .25s ease-out; 
}
.actionBtn1 .hover .line2 {
	position:absolute; top:16px; left:6px; width:23px; height:3px; background-color:#3c3c3c; 
	transform:rotate(90deg) scale(1, 1); 
	-webkit-transform:rotate(-45deg) scale(1, 1); 
	transition:background-color .25s ease-out; 
	-webkit-transition:background-color .25s ease-out; 
	-moz-transition:background-color .25s ease-out; 
}
.actionBtn1 .hover .txt {
	position:relative; left:30px; top:10px; opacity:0; font-size:16px; line-height:15px; color:#fff; text-align:left; 
	transition:opacity .1s, left .5s; 
	-webkit-transition:opacity .1s, left .5s; 
	-moz-transition:opacity .1s, left .5s; 
}
.actionBtn1 .hover .txt .txtHidden {
	opacity:0; 
	transition:opacity .35s .3s; 
	-webkit-transition:opacity .35s .3s; 
	-moz-transition:opacity .35s .3s; 
}
.actionBtn1:hover {width:186px; transition:all .5s ease;}
.actionBtn1:hover .hover {background-color:#3c3c3c;}
.actionBtn1:hover .hover .line1 {
	background-color:#fff; 
	transform:rotate(0deg); 
	-webkit-transform:rotate(0deg); 
	-moz-transform:rotate(0deg); 
}
.actionBtn1:hover .hover .line2 {
	background-color:#fff; 
	transform:rotate(180deg); 
	-webkit-transform:rotate(180deg); 
	-moz-transform:rotate(180deg); 
}
.actionBtn1 .hover:hover .txt {
	opacity:1; left:45px; 
	transition:opacity .5s; 
	-webkit-transition:opacity .5s; 
	-moz-transition:opacity .5s; 
}
.actionBtn1 .hover:hover .txt .txtHidden {opacity:1;}

.actionBtn2 {
	display:block; width:38px; height:38px; margin:auto; font-size:14px; text-decoration:none; line-height:40px; 
	transition:all .25s ease-out; 
	-webkit-transition:all .25s ease-out; 
	-moz-transition:all .25s ease-out; 
}
.actionBtn2 span {display:block;}
.actionBtn2 .hover {
	position:relative; width:auto; max-width:100%; height:36px; border:1px solid #212121; border-radius:60px; background-color:#212121; 
	transition:background-color .25s ease-out; 
	-webkit-transition:background-color .25s ease-out; 
	-moz-transition:background-color .25s ease-out; 
}
.actionBtn2 .hover .line1 {
	position:absolute; top:16px; left:6px; width:23px; height:3px; background-color:#fff; 
	transform:rotate(0deg) scale(1, 1); 
	-webkit-transform:rotate(45deg) scale(1, 1); 
	transition:background-color .25s ease-out; 
	-webkit-transition:background-color .25s ease-out; 
	-moz-transition:background-color .25s ease-out; 
}
.actionBtn2 .hover .line2 {
	position:absolute; top:16px; left:6px; width:23px; height:3px; background-color:#fff; 
	transform:rotate(90deg) scale(1, 1); 
	-webkit-transform:rotate(-45deg) scale(1, 1); 
	transition:background-color .25s ease-out; 
	-webkit-transition:background-color .25s ease-out; 
	-moz-transition:background-color .25s ease-out; 
}
.actionBtn2 .hover .txt {
	position:relative; left:30px; top:10px; opacity:0; font-size:16px; line-height:15px; color:#fff; text-align:left; 
	transition:opacity .1s, left .5s; 
	-webkit-transition:opacity .1s, left .5s; 
	-moz-transition:opacity .1s, left .5s; 
}
.actionBtn2 .hover .txt .txtHidden {
	opacity:0; 
	transition:opacity .35s .3s; 
	-webkit-transition:opacity .35s .3s; 
	-moz-transition:opacity .35s .3s; 
}
.actionBtn2:hover {width:186px; transition:all .5s ease;}
.actionBtn2:hover .hover {background-color:#212121;}
.actionBtn2:hover .hover .line1 {
	background-color:#fff; 
	transform:rotate(0deg); 
	-webkit-transform:rotate(0deg); 
	-moz-transform:rotate(0deg); 
}
.actionBtn2:hover .hover .line2 {
	background-color:#fff; 
	transform:rotate(180deg); 
	-webkit-transform:rotate(180deg); 
	-moz-transform:rotate(180deg); 
}
.actionBtn2 .hover:hover .txt {
	opacity:1; left:45px; 
	transition:opacity .5s; 
	-webkit-transition:opacity .5s; 
	-moz-transition:opacity .5s; 
}
.actionBtn2 .hover:hover .txt .txtHidden {opacity:1;}


.tab_wrapper {width:1200px; margin:0 auto;}
.tab_menu {width:100%; max-width:1200px; display:flex; justify-content:space-between; gap:0 6px; margin:0 auto; word-break:break-all; background:#f7f7f7; border-radius:100px;}
.tab_menu li {
	position:relative; display:inline-flex; align-items:center; justify-content:center; color:#999; padding:0; font-weight:bold; border-radius:100px; 
	cursor:pointer; z-index:0; width:auto; height:60px; line-height:60px; flex:1; text-align:center; font-size:18px; 
}
.tab_menu li:hover {color:#222;}
.tab_menu li.active {
	color:#fff; font-weight:bold; 
	background:-webkit-linear-gradient(-45deg, #20a3f8 0%, #9a7afc 100%); 
	background:linear-gradient(135deg, #20a3f8 0%, #9a7afc 100%); 
	box-shadow:0 5px 10px rgba(0, 0, 0, .1); 
}
.tab_menu .line {position:absolute; width:0; height:0; background-color:#0183e2; top:0; left:0;}

/* ¸ð¹ÙÀÏ */
@media(max-width:1199px) {
	body {width:100% !important; min-width:auto !important;}
	#body {margin:0;}
	#body h2 {font-size:26px; margin:0 0 20px;}
	#body h2 span {font-size:16px; margin:0 0 5px;}
	.content_mian {margin:0;}

	#wrap {min-width:auto !important;}
	#header {height:170px;}
	#header h1 {position:absolute; top:14px; right:10px;}
	#header h1 img {width:120px;}
	#header .head {width:100%; height:100%; overflow:hidden; padding:0;}
	#header .login_area {width:100%; top:54px; left:50%; right:inherit; transform:translateX(-50%); justify-content:center;}
	#header .login_area a {width:auto !important; font-size:0.7em !important; padding:0 10px; line-height:1.3; height:24px;}

	#header .top_number {left:10px; top:10px;}
	#header .top_number dt {font-size:10px; margin:0;}
	#header .top_number dd {font-size:18px;}

	.gnb {top:90px;}
	.gnb > ul {flex-wrap:wrap; justify-content:center;}
	.gnb > ul > li {width:31.33% !important; letter-spacing:-0.5px; flex:initial;}
	.gnb > ul > li h2 a em:after {top:4px; right:-8px; width:6px; height:6px;}
	.gnb > ul > li h2 {display:table; width:100%; text-align:center;}
	.gnb > ul > li h2 a {height:34px; line-height:1.3; word-break:break-all; padding:0 7px; box-sizing:border-box; font-size:14px;}
	.gnb > ul > li h2 a img {width:12px;}

	/* ¸ÞÀÎ ½½¶óÀ̵å */
	.sliderkit {display:none; position:relative; overflow:hidden; text-align:left;}
	.sliderkit a,
	.sliderkit a:hover {text-decoration:none;}
	.sliderkit a:focus {outline:1px dotted #000; /*optional*/}
	.sliderkit img {border:0; height:100%;}
	.sliderkit .sliderkit-nav {z-index:10; text-align:center;}
	.sliderkit .sliderkit-nav-clip {position:relative; margin:0 auto;}
	.sliderkit .sliderkit-nav-clip ul {position:relative; list-style:none; margin:0; padding:0; display:inline-block;}
	.sliderkit .sliderkit-nav-clip ul li {float:left;}
	.sliderkit .sliderkit-nav-clip ul li a {display:block; overflow:hidden;}
	.sliderkit .sliderkit-btn {z-index:10;}
	.sliderkit .sliderkit-panel {z-index:1; position:absolute; overflow:hidden;}
	.sliderkit .sliderkit-panel-active {z-index:5;}
	.sliderkit .sliderkit-panel-old {z-index:4;}
	.sliderkit .sliderkit-panel .sliderkit-panel-textbox {position:absolute; z-index:1;}
	.sliderkit .sliderkit-panel .sliderkit-panel-text {position:absolute; z-index:3; top:0; left:0;}
	.sliderkit .sliderkit-panel .sliderkit-panel-overlay {position:absolute; z-index:2; top:0; left:0;}
	.sliderkit .sliderkit-count {position:absolute; top:5px; right:5px; z-index:10; padding:5px; color:#fff; background:#000;}
	.sliderkit .sliderkit-timer {position:absolute; top:0; left:0; z-index:10; height:3px; background:#ccc;}
	.contentslider-std {position:absolute; top:0; left:50%; transform:translateX(0); width:2400px; height:300px;}
	.contentslider-std .sliderkit-nav {position:relative; width:auto; height:15px; text-align:center; margin:-33px auto 0;}
	.contentslider-std .sliderkit-nav-clip {margin:0;}
	.contentslider-std .sliderkit-nav-clip li {display:inline-block; float:left; height:10px; padding:0; margin:0 8px 0 0;}
	.contentslider-std .sliderkit-nav-clip li a {height:15px; width:15px; background:url('/images/main/roll.png') no-repeat left top;}
	.contentslider-std .sliderkit-nav-clip li.sliderkit-selected a {background:url('/images/main/roll_on.png') no-repeat left top;}
	.contentslider-std .sliderkit-panels {height:300px; overflow:hidden; padding:0; background:#fff;}
	.contentslider-std .sliderkit-panel {width:100%; height:300px; overflow:hidden; padding:0; text-align:center; background:#fff;}
	.contentslider-std .sliderkit-go-btn {position:absolute; top:45%; z-index:10;}
	.contentslider-std .sliderkit-go-prev {left:18%;}
	.contentslider-std .sliderkit-go-next {right:18%;}
	.contentslider-std .sliderkit-go-prev a {display:block; width:25px; height:49px; background:url('/images/main/bt_bn_left.png') no-repeat left top;}
	.contentslider-std .sliderkit-go-next a {display:block; width:25px; height:49px; background:url('/images/main/bt_bn_right.png') no-repeat left top;}
	.mid_con {width:auto; margin:300px auto 0;}

	.mcont01 {width:100%; margin:50px auto 50px;}
	.mcont01 > ul {width:100%;}
	.mcont01 > ul li {width:50%; margin:0; padding:10px; box-sizing:border-box;}
	.mcont01 > ul li span {position:relative !important; width:auto !important; line-height:1.5; word-break:break-all; height:0;}

	/* ŸÀÌƲ ºí·¢ - À§ */
	.mcont01 .pt_bt .bt01 {
		position:absolute !important; top:15px !important; margin:auto; display:block; font-size:12px; color:#222; 
		z-index:1; text-align:center; 
	}

	/* ŸÀÌƲ ºí·¢ - ¾Æ·¡ */
	.mcont01 .pt_bb .bb01 {position:absolute; bottom:30px; display:block; font-size:12px; color:#222; z-index:1; text-align:center;}

	/* ŸÀÌƲ È­ÀÌÆ® - À§ */
	.mcont01 .pt_wt .wt01 {
		position:absolute !important; top:15px !important; left:0; right:0; margin:auto; display:block; 
		font-size:12px; color:#fff; z-index:1; text-align:center; 
	}

	/* ŸÀÌƲ È­ÀÌÆ® - ¾Æ·¡ */
	.mcont01 .pt_wb .wb01 {position:absolute; bottom:50px; left:0; display:block; font-size:12px; color:#fff; z-index:1; text-align:center;}

	#footer .fgnb {width:100%; background:none; word-break:keep-all;}
	#footer .fgnb ul {display:flex; flex-wrap:wrap; border:none;}
	#footer .fgnb ul li {width:33.33%; border-bottom:1px solid #444; box-sizing:border-box;}
	#footer .fgnb ul li:nth-child(3), 
	#footer .fgnb ul li:nth-child(6) {border-right:none;}
	#footer .fgnb ul li h2 {font-weight:normal}
	#footer .fgnb ul li h2 a {overflow:hidden; display:block; padding:0; font-size:13px; line-height:34px; color:#fff; text-decoration:none;}
	#footer .fgnb .footerNum {
		width:auto; text-align:center; clear:both; padding:0 20px 20px; margin:20px 0 0 0; float:none;
		background:url('/images/com/bni_logo2.svg') center 0 no-repeat; background-size:140px auto; box-sizing:border-box; 
	}
	#footer .fgnb .footerNum .num {font-size:30px;}
	#footer .fgnb .footer_info {width:auto; text-aligN:center; clear:both !important; margin:0; padding:0 20px; line-height:1.5;}

	.actionBtn01, .actionBtn02{width:120px; height:40px; line-height:40px;}

	.tab_wrapper {width:100%;}
	.tab_menu {gap:0 3px;}
	.tab_menu li {width:19.5%; height:auto; line-height:60px; font-size:12px; line-height:1.3; padding:10px 8px;}
	.tab_menu .line {height:0;}

	/* Á¦ÀÛÁøÇàÇöȲ, À¯Áöº¸¼ö ÇöȲ */
	.mcont02 {width:100%; overflow:hidden; background:#ededed;}
	.mc02_inner {display:block; width:auto; margin:0 auto; padding:50px 10px; min-height:430px; background:none;}
	.mc02_inner_left {width:100%; padding:0 0 30px;}
	.mc02_inner_right {width:100%; padding:0;}

	.mc02_list {width:auto; height:auto; padding:20px 20px 30px; background:#fff; border-radius:20px;}
	.mc02_list ul li {
		justify-content:space-between; align-items:center; font-size:14px; line-height:1.3; margin-bottom:0; padding:10px 0 10px 15px; 
		background:url('/images/cont/h4dot.gif') 0 13px no-repeat; background-size:10px; border-bottom:1px dashed #ddd; 
	}
	.mc02_list.i01 ul li {height:auto;}
	.mc02_list.i02 ul li {background:url('/images/cont/h4dot.gif') 0 center no-repeat; background-size:10px;}
	.mc02_list ul li a {color:#222; text-decoration:none;}
	.mc02_list ul li a:hover {text-decoration:underline;}
	.mc02_list .T_name {width:100px;}
	.mc02_list .T_txt {width:calc(100% - 160px); margin:0;}
	.mc02_list .T_date {width:auto; display:none; margin:0;}
	.mc02_list .ing {width:50px; height:24px; line-height:24px; font-size:12px; padding:0; float:none;}

	/* ȨÆäÀÌÁöÁ¦ÀÛ */
	.mcont03 {width:100%; min-height:initial; background:#f8c90e;}
	.mc03_inner {width:auto; margin:0 auto; padding:50px 20px; text-align:center;}
	.mc03_inner h2 {text-align:center !important;}

	/* ´º½º·¹ÅÍÁ¦ÀÛ */
	.mcont04 {width:100%;}
	.mc04_inner {width:auto; margin:0 auto; padding:50px 10px;}

	/* À¯Áöº¸¼ö */
	.mcont05 {width:100%; background:url('/images/main/bg_cont05.png') 50% no-repeat; background-size:cover;}
	.mc05_inner {width:auto; margin:0 auto; padding:50px 10px;}
	
	/* AI º¸µëÀÌ ¸Þ´º */
	.gnb > ul > li.gnb_ai h2 a {
		position:relative; font-size:14px; line-height:inherit; padding:inherit; box-sizing:border-box; background:#1523fe; font-family:'Aggravo'; font-weight:500; animation:background-pan 3s linear infinite; 
		background:linear-gradient(to right, #61ee29, #e3f6dc, #f2ff5e, #61ee29); 
		background-size:200%; 
		-webkit-background-clip:text; 
		-webkit-text-fill-color:transparent; 
		white-space:nowrap; 
	}
	.gnb > ul > li.gnb_ai h2 a::before {position:absolute; content:''; background:#1523fe; z-index:-1;}
	.gnb > ul > li.gnb_ai h2 a::after {display:none;}
	@keyframes background-pan {	
	  from {
		background-position:0% center; 
	  }
	  to {
		background-position:-200% center; 
	  }
	}
}

/* ÅÂºí¸´ */
@media (min-width:768px) and (max-width:1199px) {
	#header h1 {position:relative; top:initial; right:initial;}
	#header h1 img {width:auto;}
	#header .head {padding:25px 0 0;}
	#header .login_area {position:absolute; width:auto; top:33px; right:0px; left:initial; transform:translate(0); z-index:3; display:flex; gap:0 1px; transition:0.3s;}

	#header .top_number {left:10px; top:20px;}
	#header .top_number dt {font-size:13px; margin:0;}
	#header .top_number dd {font-size:24px;}	
	
	.gnb {top:100px !important;}
	.gnb > ul > li {width:auto !important; flex:1; background:none !important;}
	.gnb > ul > li h2 a {height:50px; line-height:1.3; word-break:break-all; padding:0 7px; box-sizing:border-box; font-size:18px;}
	.gnb > ul > li.gnb_ai h2 a {font-size:18px;}

	.mcont01 {margin:50px auto;}
	.mcont01 > ul li {width:25%;}

	.mc02_list {height:auto; padding:20px 20px 30px; background:#fff; border-radius:20px;}
	.mc02_list ul {display:flex; flex-wrap:wrap; justify-content:space-between;}
	.mc02_list ul li {
		display:inline-flex; justify-content:space-between; align-items:baseline; width:49%; height:auto; box-sizing:border-box; font-size:14px; line-height:1.3; margin-bottom:0; 
		padding:10px 0 10px 15px; background:url('/images/cont/h4dot.gif') 0 16px no-repeat; background-size:10px; border-bottom:1px dashed #ddd; 
	}
	.mc02_list .T_date {}

	.mc03_inner img {max-width:500px;}

	.tab_menu li {font-size:14px; padding:15px 0;}
	.tab_menu .line {height:0;}
}


/* ¸¶À½ÅõÀÚ */
.sub_demo {background:#ffeee7;}
.sub_demo .cTxt:after {position:absolute; bottom:0; left:0; content:''; width:100%; height:420px; background:url('../images/cont/bg_bottom.png') center bottom no-repeat; background-size:contain;}
.sub_demo #header {background:none !important; height:60px !important;}
.sub_demo #header .head {width:100%; height:100%; text-align:left;}
.sub_demo #header h1 {position:absolute; top:15px; left:10px; right:inherit;}
.sub_demo #header .top_number {left:inherit; right:10px;}
.sub_demo #body {margin:0; float:none;}
.sub_demo .cTxt {position:relative; padding:20px 0 0;}

.sub_demo .page_num {margin:20px 0 0;}

@media all and (min-width:1200px) {
	.sub_demo .cTxt:after {
		position:absolute; bottom:0; left:0; content:''; width:100%; height:420px; 
		background:url('../images/cont/bg_bottom.png') center bottom no-repeat; background-size:contain; 
	}
	.sub_demo #header {position:relative !important; top:0; left:0; overflow:hidden; width:1200px; height:80px !important; margin:0 auto; z-index:2; background:none !important; box-shadow:none;}
	.sub_demo #header .head {height:90px; padding:0;}
	.sub_demo #header h1 {top:25px; left:0;}
	.sub_demo #header .top_number {left:inherit; right:0;}

	.sub_demo .cTxt {position:relative; padding:60px 0 0;}
}

@font-face {
     font-family:'S-CoreDream-3Light'; 
     src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); 
     font-weight:normal; 
     font-style:normal; 
}
@font-face {
    font-family:'yg-jalnan'; 
    src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); 
    font-weight:normal; 
    font-style:normal; 
}
@font-face {
    font-family:'DWImpactamin'; 
    src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/DWImpactamin.woff') format('woff'); 
    font-weight:normal; 
    font-style:normal; 
}

.maum {
	position:relative; width:90%; margin:0 auto 60px; background:rgba(255,255,255,1); padding:15px 15px 30px; box-sizing:border-box; 
	font-family:'S-CoreDream-3Light'; overflow:hidden; border-radius:10px; z-index:1; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); 

}
.maum_top {position:relative; text-align:center; padding:0 20px;}
.maum_top:after {
	position:relative; display:block; margin:0 auto; content:''; width:100%; height:140px; 
	background:url('../images/cont/maum_top.svg') center bottom no-repeat; background-size:contain; transition:0.3s; 
}
.maum_top.typeA:after,
.maum_top.typeB:after {}
.maum_top.typeA {margin:0;}
.maum_top.typeB {margin:0;}
.maum_top p.img1 {position:absolute; top:0; left:0;}
.maum_top p.img1 img {width:40px; height:40px; display:none;}
.maum_top span {display:block; margin:0 0 10px; transition:0.3s; line-height:1.5; font-family:'S-CoreDream-3Light';}
.maum_top span em {display:block;}
.maum_top span i {font-style:normal; display:inline-block; width:30px; height:30px; line-height:30px; margin:3px; border-radius:50px; background:#ff8080; color:#fff;}
.maum_top strong {font-size:32px; font-family:'yg-jalnan'; line-height:1.25; display:inline-block; font-weight:normal; margin:0 0 10px; transition:0.3s;}
.maum_top strong i {font-style:normal; color:#fc6c6c;}
.maum_top p.txt {font-size:16px;}
.maum .maum_cont {position:relative; margin:0 0 30px;}
.maum .maum_cont dl {margin:5px 0; background:#f9f9f9; padding:15px; box-sizing:border-box; border-radius:10px;}
.maum .maum_cont dl:nth-child(3) dd strong {position:relative; z-index:1; font-size:1.5em; letter-spacing:initial;}
.maum .maum_cont dl:nth-child(3) dd strong:before {position:absolute; left:0; bottom:0; content:''; width:100%; height:14px; background:#ffe1d5; z-index:-1;}
.maum .maum_cont dl dt {display:inline-block; font-weight:bold; font-size:14px; margin:0 0 7px; background:#ff8080; color:#fff; padding:6px 20px 5px; border-radius:50px;}
.maum .maum_cont dl dd {font-size:14px; line-height:1.5;}
.maum .maum_cont dl dd ul li {position:relative; padding:0 0 0 10px; margin:0 0 5px;}
.maum .maum_cont dl dd ul li:last-child {margin:0;}
.maum .maum_cont dl dd ul li:before {position:absolute; top:8px; left:0; content:''; width:3px; height:3px; background:#222; border-radius:50px;}
.maum .maum_cont dl dd a {color:#009a99;}
.maum .maum_cont dl dd ul li ol li {padding:0;}
.maum .maum_cont dl dd ul li ol li:before {display:none;}

.maum_test {position:relative; box-sizing:border-box; margin:0 0 20px;}
.maum_test h4 {display:block; text-align:center; font-family:'DWImpactamin'; font-weight:normal; font-size:20px; margin:0 0 10px;}
.maum_test .TBSelfList tbody th {color:#ff7b7b;}
.maum_test .TBSelfList thead th {font-weight:bold;}
.maum_test .TBSelfList.mobile label {padding:0;}
.maum_test .S_CH span:before {top:0;}
.maum_test .S_CH input:checked + span:before {background-color:#ff7b7b; border:1px solid #ff7b7b;}

.maum .BTN_B {
	position:relative; border-radius:50px; padding:10px 30px; font-weight:bold; font-family:'DWImpactamin'; font-weight:normal; 
	transition:0.3s; background:#ffab1e; color:#fff; border:1px solid #ffab1e; font-size:1em; cursor:pointer; z-index:1; text-decoration:none; 
}
.maum .BTN_B:hover {background:#fff; border:1px solid #ffab1e; color:#ffab1e;}
.maum .BTN_C {
	position:relative; border-radius:50px; padding:10px 30px; font-weight:bold; font-family:'DWImpactamin'; font-weight:normal; 
	transition:0.3s; background:#134e96; color:#fff; border:1px solid #134e96; font-size:1em; cursor:pointer; z-index:1; text-decoration:none; 
}
.maum .BTN_C:hover {background:#fff; border:1px solid #134e96; color:#134e96;}

.maum_result {position:relative; background:#fff; padding:0 5px; box-sizing:border-box; text-align:center;}
.maum_result ul {margin:0 0 30px;}
.maum_result ul li.score {font-size:18px; font-weight:bold; margin:0 0 10px;}
.maum_result ul li.score strong {font-size:26px; font-family:'DWImpactamin';}
.maum_result ul li.txt {padding:30px; background:#f9f9f9; font-size:14px; line-height:1.5;}
.maum_result table {text-align:left; margin:50px 0 20px;}
.maum_result .ULS_RD input:checked + span:before {border:5px solid #ff7b7b;}

.maum_result .useGuide {font-size:12px; text-align:left; line-height:1.6;}
.maum_result .useGuide h4 {padding:0 0 10px; font-size:14px;}
.maum_result .useGuide .BoxColor {padding:10px;}

.maum_result  .C_ListTb tbody td {border-right:none;}

@media all and (min-width:768px) {
	.maum {padding:30px;}
	.maum_top {padding:0;}
	.maum_top:after {width:100%; height:240px;}
	.maum .maum_cont {position:relative; display:flex; flex-wrap:wrap; justify-content:space-between; margin:-20px 0 0;}
	.maum .maum_cont dl {width:49.5%; margin:5px 0; padding:20px 25px; box-sizing:border-box; border-radius:10px;}
	.maum_result {padding:0 30px;}

	.maum .BTN_B {font-size:20px; padding:10px 40px;}
	.maum .BTN_C {font-size:20px; padding:10px 40px;}
}

@media all and (min-width:1200px) {
	.maum {width:1160px; padding:60px 100px; border-radius:50px; margin:0 auto 80px;}
	.maum_top:after {width:500px; height:302px; z-index:2;}
	.maum_top.typeA {margin:0;}
	.maum_top.typeB {margin:0;}
	.maum_top p.img1 img {display:block; width:90px; height:90px;}
	.maum_top span {font-size:20px; margin:0 0 15px;}
	.maum_top span i {width:34px; height:34px; line-height:34px;}
	.maum_top span em {display:inline-block;}
	.maum_top strong {font-size:64px; margin:0;}
	.maum_top p.txt {font-size:16px;}
	.maum .maum_cont {margin:-20px 0 30px; z-index:1;}
	.maum .maum_cont:before {bottom:-200px; right:110px; width:300px; height:240px;}
	.maum .maum_cont dl {width:49%; margin:1% 0; padding:25px 40px; border-radius:20px;}
	.maum .maum_cont dl dt {font-size:17px; margin:0 0 10px; padding:7px 30px; border-radius:50px;}
	.maum .maum_cont dl dd {font-size:1em;}
	.maum .maum_cont dl dd ul li {padding:0 0 0 10px; margin:0 0 5px;}
	.maum .maum_cont dl dd ul li:before {top:10px;}

	.maum_test {background:#fff; margin:0 0 30px; border-radius:30px;}
	.maum_test:before {top:-54px; width:140px; height:70px;}
	.maum_test h4 {padding:0 0 30px; font-size:34px;}

	.maum_result {padding:0 30px; border-radius:30px;}
	.maum_result ul li.score {font-size:22px; margin:0 0 20px;}
	.maum_result ul li.score strong {font-size:30px;}
	.maum_result ul li.txt {font-size:18px;}
	.maum_result table {margin:50px 0 30px;}
	.maum_result .useGuide {font-size:14px; text-align:left;}
	.maum_result .useGuide h4 {padding:0 0 10px;}

	.maum .BTN_B {font-size:24px; padding:15px 50px;}
	.maum .BTN_C {font-size:24px; padding:15px 50px;}
}