@charset "utf-8";

a:focus,
input:focus,
select:focus,
option:focus,
textarea:focus,
button:focus {outline: none;}

a:focus,
input:focus,
select:focus,
option:focus,
textarea:focus,
button:focus {box-shadow:0 0 0 1px #ff0000 inset;}

a:focus > img {outline: 1px solid #ff0000;}


@font-face {
    font-family: 'Paperlogy';
    src: url('/images/rtcluster/font/Paperlogy-2ExtraLight.woff') format('woff'), 
	     url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy';
    src:url('/images/rtcluster/font/Paperlogy-4Regular.woff') format('woff'),   
		url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy';
    src:url('/images/rtcluster/font/Paperlogy-5Medium.woff') format('woff'),  
		url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy';
    src:url('/images/rtcluster/font/Paperlogy-6SemiBold.woff') format('woff'),   
		url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy';
    src:url('/images/rtcluster/font/Paperlogy-7Bold.woff') format('woff'),    
		url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy';
    src:url('/images/rtcluster/font/Paperlogy-8ExtraBold.woff') format('woff'),   
		url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;

}

#header h1.t-logo a{width:544px; height:70px; display:block; background:url("/images/rtcluster/logo.png") no-repeat 0 50%; }
#header .gnb-wrap .gnb .top_menulist{ width: calc(100% - 770px); margin-left: 580px;}
#header .gnb-wrap .gnb .top_menulist li.secs a.depth1-1{position:relative; text-align:center; width:25%; z-index:1;}

.lnb-warp{display:none;}

@media all and (max-width:1280px){
    #header .gnb-wrap .mobile-gnb .mobile-top .t-logo a{width:100%; height: 70px; display: block; background: url(/images/rtcluster/logo.png) no-repeat 50% 50%; }
	#header h1.t-logo a{    width: 300px!important;}
}


@media all and (max-width:768px){
   
	#header h1.t-logo a{    width: 190px!important; background:url(/images/rtcluster/common/m_logo.png) no-repeat 0 50% }
}

#header .gnb-wrap .gnb .top_menulist li .nav{ position:absolute; top:115px; left:0; display:none; min-height:350px; padding:20px 30px;}
#header .gnb-wrap.active .gnb .top_menulist li .nav{display:block!important;  width:25%; box-sizing:border-box; border-right:1px solid #dedede; margin-left:-1px; }
#header .gnb-wrap.active .gnb::before {content:'';display:block;    position: absolute;
    top:115px;
    left: 50%;
    width: 2000px;
    margin-left: -1000px;
    height:350px;
    content: "";
    background: #fff;
    border-bottom: solid 1px #e7e7e7;
    border-top: solid 1px #e7e7e7;}
#header .gnb-wrap .gnb .top_menulist li:nth-child(1) .nav{left:0%; border-left:1px solid #dedede;}
#header .gnb-wrap .gnb .top_menulist li:nth-child(2) .nav{left:25%;}
#header .gnb-wrap .gnb .top_menulist li:nth-child(3) .nav{left:50%;}           
#header .gnb-wrap .gnb .top_menulist li:nth-child(4) .nav{left:75%;}    

#header .gnb-wrap div.nav_tit {display:none!important;}
.rfc_bbs_list_type1,
.rfc_bbs_list_type2{max-width:1600px; margin:0 auto;}

@media all and (max-width:1600px){
    #header .gnb-wrap.active .gnb .top_menulist li .nav {width:25%;}
    #header .gnb-wrap .gnb .top_menulist li:nth-child(1) .nav{left:0;}
    #header .gnb-wrap .gnb .top_menulist li:nth-child(2) .nav{left:25%;}
    #header .gnb-wrap .gnb .top_menulist li:nth-child(3) .nav{left:50%;}
	#header .gnb-wrap .gnb .top_menulist li:nth-child(4) .nav{left:75%;}  

 .rfc_bbs_list_type1,
 .rfc_bbs_list_type2{max-width:100%; padding:0 20px;}

}     


div.ttum {text-align:center; margin-top:30px;}
div.ttum img {width:40%; display:inline-block; background:#fff; border:1px solid #ccc; margin:5px; padding:10px; max-height:270px;}
@media all and (max-width:680px){
    div.ttum img {width:90%;} 
}

table.type01 {border-collapse:collapse;  text-align:center; width:100%; font-size:14px; margin-top:30px;}
table.type01 th {background:#f6f6f6; padding:13px 0px 10px 0px; border:1px solid #dedede;}
table.type01 td {border:1px solid #dedede; padding:12px 15px 9px 15px;}        


.cont-top{text-align: center; background:url(/images/rtcluster/visual_01.jpg) no-repeat 50% 0; color:#fff; height:360px; box-sizing:border-box; display: flex;  flex-wrap: wrap;  flex-direction: column;  justify-content: space-between;  padding-top: 100px;}
.cont-top:after{display:none;}
.cont-top .cont_tit h2{color:#fff; margin-top:0; font-weight: 600; font-size:60px;}
.cont-top .navi-print-share{display: flex; justify-content: center;}
.cont-top .navi-print-share .navi li a{color:#fff;}
.cont-top .navi-print-share .navi li::before{ background: url(/images/rtcluster/loca_bg.png) no-repeat 50% 50%;}
.cont-top .navi-print-share .navi li.home{background: url(/images/rtcluster/home.png) no-repeat 50% 4px; background-size: 15px;}

.vi_bg02{background:url(/images/rtcluster/visual_02.jpg) no-repeat 50% 0;}
.vi_bg03{background:url(/images/rtcluster/visual_03.jpg) no-repeat 50% 0;}

.location_wrap .print-share{position: absolute; right:0px; top:0px;}
.location_wrap .print-share:after{clear:both; content:""; display:block;}

.location_wrap .print-share .print-btn{width:60px; height:60px;  border-right:1px solid rgba(255,255,255,0.5); box-sizing:border-box; display:block; float:left; background:url(/images/rtcluster/print-btn.png) no-repeat center center; transition:all .2s;}


.location_wrap .print-share .share{position:relative; float:left;}
.location_wrap .print-share .share .share-btn{width:60px; height:60px; border:1px solid rgba(255,255,255,0.5); border-top:0; border-bottom:0; box-sizing:border-box; display:block; background:url(/images/rtcluster/share-btn.png) no-repeat center center; transition:all .2s;}


.location_wrap .print-share .share .tit-btns{position:absolute; top:43px; right:0; width:40px; text-align:center; display:none; z-index:1;  box-sizing: border-box;  border:1px solid #dedede; background:#fff; padding:2px 0px 5px 0px;}
.location_wrap .print-share .share.active .tit-btns{display:block;}
.location_wrap .print-share .share .tit-btns p {margin-top:3px;}



.location_wrap{border-top:1px solid rgba(255,255,255,0.5);     position: relative;}
.sub-nav_list > ul{display:flex;}
.sub-nav_list > ul > li{position:relative;}

.sub-nav_list > ul > li::after{content:''; display:block; width:1px; height:60px; background:rgba(255,255,255,0.5); position:absolute; right:0; top:50%; transform:translateY(-50%);}
.sub-nav_list > ul > li.home{border-left:1px solid rgba(255,255,255,0.5);}
.sub-nav_list > ul > li.home a{font-weight: 400; text-indent:-9999px; overflow:hidden; width:60px; height:60px; background:url('/images/rtcluster/home.png') no-repeat center center; display:block;}
.sub-nav_list > ul > li:not(.home) > a{background: transparent; padding:0 20px; height:60px; display:flex; align-items:center; justify-content:space-between; min-width:260px; font-size:18px; color:#fff; position:relative;}
.sub-nav_list > ul > li:not(.home) > a::after{content:''; display:block; min-width:23px; height:23px; background-repeat:no-repeat; background-position:right center; background-image:url('/images/rtcluster/nav-arrow.png'); margin-left:20px;}

.sub-nav_list > ul > li:not(.home) > a.active{color:#fff; background:#1f70f6;}
.sub-nav_list > ul > li:not(.home) > a.active::after{background-image:url('/images/rtcluster/nav-arrow-active.png');}

.sub-nav_list > ul > li:not(.home) > a.active + .depth{opacity:1; visibility:visible;}

.sub-nav_list > ul > li:last-child a{background:#1f70f6; text-decoration: underline;}

.sub-nav_list .depth{position:absolute; width:calc(100% - 2px); top:calc(100% + 1px); border-width:0 1px 1px 1px; border-style:solid; border-color:#1f71f8; background:#fff; padding:0px; visibility:hidden; opacity:0; transition:all .4s; z-index:10; height: 300px; border-radius:0 0 10px 10px; overflow-y: scroll;}
.sub-nav_list .depth > li{border-bottom:1px solid #d3d8df;}
.sub-nav_list .depth > li > a{font-size:16px;  font-weight: 400; color:#555; text-decoration:none; position:relative; padding:23px 15px; display:block; font-weight: 400; text-align: left;     background: #fff !important;
    text-decoration: none !important;}
.sub-nav_list .depth > li > a:hover,
.sub-nav_list .depth > li > a:focus{color:#1f70f6; background:#f3f6fb !important; }
.sub-nav_list .depth > li:last-child{border-bottom:none; border-radius: border-radius:0 0 30px 30px;}

ul[class^="list_ul"] >li, 
ol[class^="list_num"] li ul li{padding-left: 15px;}

ul[class^="list_ul"] >li:before, 
ol[class^="list_num"] li ul li:before{background:#1b64de; }

ul[class^="list_ul"] li >ul{margin-top:10px;}
ul[class^="list_ul"] li >ul >li{color:#6a6d7b; font-size:16px; margin-top:10px; padding-left: 15px;}
ul[class^="list_ul"] >li >ul >li:before{background:none; width:8px; height:4px; background:#a5acc0; border-radius:30px;}


#container{font-size: 18px; font-family: 'Paperlogy'; font-weight: 400;}
.conts{max-width:1600px; margin:0 auto;     word-break: keep-all;}  
.con_wrap{word-break: keep-all;}

@media (max-width: 1600px){
	.conts { width: 100%;  padding: 0 20px;  box-sizing: border-box;}
}



@media all and (max-width:1170px){

	.sub-nav_list > ul > li:not(.home) > a{min-width: auto;}

}

@media all and (max-width:1024px){

	.location_wrap{display:none;}
	.cont-top{    height: 260px; padding-top: 90px;}

}

@media all and (max-width:768px){


	.cont-top{height: 150px; padding-top: 50px;}
	.cont-top .cont_tit h2{font-size: 30px; line-height: 1em;}
	.cont-top .navi-print-share .navi{margin-top: 5px;}

}


.conts h3 {font-size:40px; padding-left:0;margin:70px 0 35px 0px; color: #333; font-weight:700; font-family: 'GmarketSans';  display: flex; align-items: flex-end; line-height: 1em; position: relative;}
.conts h3:after {content: '';  display: block;  width: 13px;  height: 13px;  margin-bottom: 7px;  margin-left: 8px; background:url('/images/rtcluster/common/h3_bul.png') no-repeat 0 0;}
.conts h3:before{display:none;}


.conts h4 {font-size:30px; padding-left:0;margin:40px 0 20px 0px; color: #1f70f6; font-weight:800;line-height: 1em; position: relative;}
.conts h3 + h4{margin-top:0px;}

.conts h5{padding-left:0; margin:30px 0 20px 0px;}
.conts h5:before{display:none;}
.conts h5 span{ display: inline;   position: relative;}
.conts h5 span:before {content: '';  display: block;  width: 100%;  height: 14px;  background: #dbe9ff;  position: absolute;   bottom: -3px;   left: 0;   z-index: 0; border-radius:30px;}
.conts h5 em{font-size:24px; padding:0 10px; color: #4d4e55; font-weight:700;line-height: 1em; position: relative;   z-index: 1;}
.conts h4 + h5{margin-top:0px;}

@media screen and (max-width: 768px){

	.conts h3{font-size:30px;}
	.conts h3:after {position: absolute;top: -10px;left: -3px;	border-radius: 0;height: 3px;width: 15px;	background:#1f70f6;	}

}


.point{display:block; background: url(/images/rtcluster/common/point.png) no-repeat 0 8px; color:#1f70f6; font-size:15px; padding:5px 0 5px 25px; font-size:18px;}

.tabmenu {padding-top: 1px;  position: relative;  margin: 0 auto 60px auto;  max-width: 1600px;}
.tabmenu li a{text-align: left;     background:none; border:1px solid #f1f1f5; border-radius:10px; margin-right: 12px; font-size:18px;}
.tabmenu li a:after{content:'+'; display:block; position: absolute; right:20px; top:35%; font-size:18px;}
.tabmenu li:last-child a{margin-right: 0px;}

.tabmenu li.on a{background:#1f70f6; box-shadow: 0 0 20px rgb(0 0 0 / 20%);}
.tabmenu li.on a:after{color:#fff;}

.tabmenu .tabmenu_button{display:none;}

@media (max-width: 1600px){
	.tabmenu { width: 100%;  padding: 0 20px;  box-sizing: border-box;}
}


@media (max-width: 680px){

	.tabmenu{margin-top: -30px; margin-bottom: 30px;}
	.tabmenu .tabmenu_button{    display: block; border-radius: 10px;  padding: 15px;  font-size: 16px;  border: 1px solid #ddd;  width: 100%;  text-align: left;  
	     background: url(/images/rtcluster/common/ico_lang_arrow.svg) no-repeat top 50% right 20px;}
	.tabmenu ul{display:none; position: absolute; left: 0; top: 57px; z-index: 2;  padding: 0 20px;  box-sizing: border-box; background: #fff;}
	.tabmenu ul.on{display:block;}
	.tabmenu ul li a {font-size: 15px; padding: 15px 10px; margin-right:0;}

	

}

.tbl td,
.tbl th{    padding: 20px 8px;}

footer .fbanner{display:none;}