@charset "utf-8";
/* CSS Document */

body, html, div, p, span, ul, ol, li, h1, h2, h3, h4, h5, h6, a, img, dl, dt, dd, form, pre, code, fieldset, legend, textarea, blockquot, button, th, td, input, select, strong { margin:0; padding:0}
fieldset,i, img {border:0 none}
img {width:inherit; max-width:100%; height:auto;}
dl, ul, ol, menu, li {list-style:none}
blockquote, p {quotes:none}
blockquote:before, blockquote:after, q:before, q:after {content:""; content:none}
input, select, textarea, button {vertical-align:middle}
button {border:0 none; background-color: treansparent; cursor:pointer}
body, th, td, input, select, textarea, button { font-size:100%;/*** Font Size 수정금지 ***/ line-height:1.5; letter-spacing:-1; word-spacing:1}
body, html {width:100%;/* height:100%*/}
body {background:#ffffff;}
address, caption, cite, code, dfn, em, var {font-style:normal; font-weight:normal}
table {border-collapse: collapse !important; table-layout: fixed !important; word-break: break-all; line-height: normal; empty-cells: show; width: 100%; border-spacing: 0 0;}

/* RAON_K_Solution Index */
.RAON_K_Solution {font-family:'Nanum Square','Malgun Gothic',ng,"돋움",Dotum,helvetica,arial,sans-serif,"fonttello"; color:#444; position:relative; padding:0; margin:0; width:100%;}
.RAON_K_Solution a {text-decoration:none; cursor:pointer;}
.RAON_K_Solution a:active, .RAON_K_Solution a:hover {text-decoration:none}
.RAON_K_Solution .txt_hidden { position:-625.000em -625.000em; height:0; line-height:0; font-size:0; visibility:hidden}


/*본문시작*/
.RAON_K_Solution .raonkWrap .headerArea,
.RAON_K_Solution .raonkWrap .tabArea,
.RAON_K_Solution .raonkWrap .contentsArea,
.RAON_K_Solution .raonkWrap .footerArea {width:100%; position:relative;}
.RAON_K_Solution .raonkWrap .header,
.RAON_K_Solution .raonkWrap .tab,
.RAON_K_Solution .raonkWrap .contents,
.RAON_K_Solution .raonkWrap .footer {max-width:64.000em; margin:0 auto; position:relative;}


/*해더*/
.RAON_K_Solution .raonkWrap .headerArea {border-bottom:1px solid #dddddd; }
.RAON_K_Solution .raonkWrap .header {height:4em}
.RAON_K_Solution .raonkWrap .header .logoForM {display:none;}
.RAON_K_Solution .raonkWrap .header img {width:4em; margin-top:0.65em;}

/*탭*/
.RAON_K_Solution .raonkWrap .tabArea .tab{margin-top:5em;}
.RAON_K_Solution .raonkWrap .tab ul {height:3.125em;}
.RAON_K_Solution .raonkWrap .tab ul li {position:relative; display:inline-block; display:table; float: left; width:50%; height:3em;  line-height:3em; box-sizing:border-box; margin-right:-0.063em; border:0.063em solid #d4d4d4; text-align:center; }
.RAON_K_Solution .raonkWrap .tab ul li a {display:table-cell; color:#666666; font-size:0.875em}
.RAON_K_Solution .raonkWrap .tab ul li.on {background-color:#000; border-color:#000}
.RAON_K_Solution .raonkWrap .tab ul li.on a {color:#fff;}

/*내용*/
.RAON_K_Solution .raonkWrap .contentsArea {margin-top:6em}
.RAON_K_Solution .raonkWrap .contents h3 {text-align:center; font-size:2em; font-weight:600; color:#000; margin-bottom:2em}
.RAON_K_Solution .raonkWrap .contents .menuArea {padding:2em 0; border:0.063em solid #333333; margin-bottom:3em; overflow: hidden;}
.RAON_K_Solution .raonkWrap .contents .menuArea ul {padding-left:3em;}
.RAON_K_Solution .raonkWrap .contents .menuArea li {display:inline-block; width:31%; width:calc(34% - 1em); margin:0.5em 0; padding-left:1em;  text-align:left; box-sizing:border-box;}
.RAON_K_Solution .raonkWrap .contents .menuArea li a {color: #000; cursor:pointer; font-weight:600}
.RAON_K_Solution .raonkWrap .contents .menuArea li a:hover {text-decoration:underline;}
.RAON_K_Solution .raonkWrap .contents hr {border-top:0.02em solid #000}
.RAON_K_Solution .raonkWrap .contents .termsArea {padding:1em 0}
.RAON_K_Solution .raonkWrap .contents .termsArea h4 {margin-top:3.4em; font-weight:700; color:#333; font-size:1.2em;}
.RAON_K_Solution .raonkWrap .contents .termsArea p {margin-top:1.5em; font-size:0.9em; color:#777; letter-spacing:-0.02em}
.RAON_K_Solution .raonkWrap .contents .termsArea p em {font-weight:600; color:#333 }
.RAON_K_Solution .raonkWrap .contents .termsArea ul {font-size:0.9em; margin:2em 0; color:#777;}
.RAON_K_Solution .raonkWrap .contents .termsArea ul li {margin:0.5em 0; padding-left:2em}
.RAON_K_Solution .raonkWrap .contents .termsArea ul li:before {content:""; width:0.15em; height:0.15em; border-radius:50%; display:inline-block; background-color:#000; margin:0.7em 1em 0 -1.25em; vertical-align:top}


/*푸터*/
.RAON_K_Solution .raonkWrap .footerArea {background:#1e1e1e; margin-top:10em}
.RAON_K_Solution .raonkWrap .footer {height:5em; color:#999999; padding-top: 1.4em; }
.RAON_K_Solution .raonkWrap .footer address {display:inline-block; font-size:0.8em}
.RAON_K_Solution .raonkWrap .footer a {color:#999999; font-size:0.7em}
.RAON_K_Solution .raonkWrap .footer a:before {border-right:1px solid #444; content:""; margin:0 0.51em;}
.RAON_K_Solution .raonkWrap .footer a.on {color:#fff; font-weight:600; text-decoration:underline; }


@media screen and (max-width: 1080px){
	/*공통*/
	.RAON_K_Solution.mobile {font-size:150%;}
	.RAON_K_Solution.mobile .raonkWrap .header,
	.RAON_K_Solution.mobile .raonkWrap .tab,
	.RAON_K_Solution.mobile .raonkWrap .contents,
	.RAON_K_Solution.mobile .raonkWrap .footer {padding:0 2em;}
	
	/*헤더*/
	.RAON_K_Solution .raonkWrap .header .logoForM {display:block;}
	.RAON_K_Solution .raonkWrap .header .logoForPC {display:none;}


	/*내용*/
	.RAON_K_Solution.mobile .raonkWrap .contents .menuArea ul {padding-left: 2em;}
	.RAON_K_Solution.mobile .raonkWrap .contents .menuArea ul li {width:40%; vertical-align: top}
	.RAON_K_Solution.mobile .raonkWrap .contents .menuArea ul li:nth-child(even) {width:55%}
	
	/*푸터*/
	.RAON_K_Solution.mobile .raonkWrap .footer {font-size:130%; text-align: center; padding-top:1.2em;}
}