@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

@font-face {
    font-family: 'Pretendard-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Black';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
	font-family:'Noto Sans KR', sans-serif;
	unicode-range:U+AC00-D7A3;
}
@font-face {
	font-family:'Roboto', sans-serif;
	unicode-range:U+0041-005A, U+0061-007A, U+0030-0039, U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E;
}

* { font-family:'Roboto', 'Noto Sans KR', sans-serif; letter-spacing:-0.03em; font-weight:400; word-break:keep-all; }
.PSB { font-family: 'Pretendard-SemiBold'; }
.PB { font-family: 'Pretendard-Black'; }
.SCD { font-family: 'SCD6'; }
.SCD span { font-family: 'SCD3'; }

.font16 {font-size:16px!important}
.font18 {font-size:18px!important}
.font20 {font-size:20px!important}
.font24 {font-size:24px!important}
.font36 {font-size:36px!important}
.font45 {font-size:45px!important}
.font50 {font-size:50px!important}
.font55 {font-size:55px!important}
.font60 {font-size:60px!important}
.font65 {font-size:65px!important}
.font70 {font-size:70px!important}
.font80 {font-size:80px!important}
.font90 {font-size:90px!important}
.font100 {font-size:100px!important}

.fcolorw {color:#fff!important}

.mt10 {margin-top:10px!important}
.mt20 {margin-top:20px!important}
.mt30 {margin-top:30px!important}
.mt40 {margin-top:40px!important}
.mt50 {margin-top:50px!important}

.mb10 {margin-bottom:10px!important}
.mb20 {margin-bottom:20px!important}
.mb30 {margin-bottom:30px!important}
.mb40 {margin-bottom:40px!important}
.mb50 {margin-bottom:50px!important}

.wrap { width:1200px; margin:0 auto; }

#Top { background-color:#070707; }
#Top.pc_block { display:block; }
#Top.mb_block { display:none; }
#Top .wrap { position:relative; height:auto; }
#Top .tool_box { display:flex; justify-content:flex-end; }
#Top .tool_box a { font-size:16px; padding:5px 20px; color:#fff; }

#Top_menu { background-color:#2b2b2d; }
#Top_menu .flex { display:flex; justify-content:space-between; align-items:center; height:80px; }
#Top_menu .flex a { font-size:23px; padding:5px 20px; color:#fff; }
#Top_menu .flex a.logo { padding:0; width:20%; }

#Top_menu_mb { display:none; }
#full_menu { display:none; }

#main_fix { position:fixed; bottom:30px; right:30px; z-index:1; }
#main_fix a { background-color:#fff; display:flex; border-radius:50px; align-items:center; border:1px solid #f2f2f2; box-shadow:6px 6px 9px 0 rgba(0,0,0,0.12); }
#main_fix a p { font-size:20px; padding:0 30px 0 20px; }

#main_slide { width:100%; }
#main_slide > div { background:url('/rtInclude/domain/Type_C/img/main_img_bg.jpg') no-repeat; height:890px; display:flex; align-items:center; text-align:center;background-position: center; }
#main_slide > div img { margin:0 auto; }
#main_slide > div h2.subtitle { font-size:20px; color:#ffe670; font-weight:700; }
#main_slide > div h1.title { font-size:80px; color:#fff; font-weight:100; line-height:1.1; }
#main_slide > div h1.title strong { font-size:80px; color:#fff; font-weight:800; letter-spacing:1px; }
#main_slide > div p.cont { font-size:20px; color:#fff; line-height:1.8; margin-top:30px; }
#main_slide > div .vline { width:1px; height:60px; margin:20px auto 10px; background:#fff; }

#main_fix { position:fixed; bottom:30px; right:30px; z-index:1; }
#main_fix a { background-color:#fff; display:flex; border-radius:50px; align-items:center; border:1px solid #f2f2f2; box-shadow:6px 6px 9px 0 rgba(0,0,0,0.12); }
#main_fix a p { font-size:20px; padding:0 30px 0 20px; }

#m_cont01 .wrap { padding:80px 0; }
#m_cont01 .flex_box { display:flex; }
#m_cont01 .flex_box #sub_slide { width:50%; height:600px; background:url('/rtInclude/domain/Type_C/img/main_sub_slide_bg.jpg') no-repeat; }
#m_cont01 .flex_box #sub_slide .slick-track { width:100%; height:600px; }
#m_cont01 .flex_box #sub_slide .slick-track .slick-slide { position:relative; }
#m_cont01 .flex_box #sub_slide .text_box { position:absolute; left:50px; bottom:50px; }
#m_cont01 .flex_box #sub_slide .text_box > span { display:block; font-size:20px; font-weight:700; color:#ffe66f; margin-bottom:10px; }
#m_cont01 .flex_box #sub_slide .text_box h1 { font-size:35px; color:#fff; line-height:1.2; margin-bottom:15px; }
#m_cont01 .flex_box #sub_slide .text_box h1 span { font-weight:100; }
#m_cont01 .flex_box #sub_slide .text_box p { font-size:20px; color:#fff; }
#m_cont01 .flex_box .list_box { width:50%; display:flex; flex-wrap:wrap; }
#m_cont01 .flex_box .list_box .list {cursor:pointer; width:50%; background-color:#f3f3f3; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; }
#m_cont01 .flex_box .list_box .list:nth-child(3n+1) { background-color:#f9f9f9; }
#m_cont01 .flex_box .list_box .list img { margin-bottom:20px; }
#m_cont01 .flex_box .list_box .list h1 { font-size:20px; font-weight:700; margin-bottom:5px; }
#m_cont01 .flex_box .list_box .list p { font-size:18px; }
#m_cont01 .flex_box .list_box .list:nth-child(1):before { content:''; width:89px; height:86px; background:url('/rtInclude/domain/Type_C/img/main_list_icon01.png') no-repeat; margin-bottom:20px; transition:0.3s; }
#m_cont01 .flex_box .list_box .list:nth-child(2):before { content:''; width:89px; height:86px; background:url('/rtInclude/domain/Type_C/img/main_list_icon02.png') no-repeat; margin-bottom:20px; transition:0.3s; }
#m_cont01 .flex_box .list_box .list:nth-child(3):before { content:''; width:89px; height:86px; background:url('/rtInclude/domain/Type_C/img/main_list_icon03.png') no-repeat; margin-bottom:20px; transition:0.3s; }
#m_cont01 .flex_box .list_box .list:nth-child(4):before { content:''; width:89px; height:86px; background:url('/rtInclude/domain/Type_C/img/main_list_icon04.png') no-repeat; margin-bottom:20px; transition:0.3s; }
#m_cont01 .flex_box .list_box .list:nth-child(1):hover:before { background:url('/rtInclude/domain/Type_C/img/main_list_icon01_on.png') no-repeat; transition:0.3s; }
#m_cont01 .flex_box .list_box .list:nth-child(2):hover:before { background:url('/rtInclude/domain/Type_C/img/main_list_icon02_on.png') no-repeat; transition:0.3s; }
#m_cont01 .flex_box .list_box .list:nth-child(3):hover:before { background:url('/rtInclude/domain/Type_C/img/main_list_icon03_on.png') no-repeat; transition:0.3s; }
#m_cont01 .flex_box .list_box .list:nth-child(4):hover:before { background:url('/rtInclude/domain/Type_C/img/main_list_icon04_on.png') no-repeat; transition:0.3s; }
#m_cont01 .flex_box .left_box { width:50%; padding:50px; background-color:#ffe66f; position:relative; transition:0.3s; }
#m_cont01 .flex_box .left_box:after { content:''; width:44px; height:40px; background:url('/rtInclude/domain/Type_C/img/main_tel_icon.png') no-repeat; position:absolute; right:50px; bottom:50px; }
#m_cont01 .flex_box .left_box p { font-size:20px; font-weight:700; margin-bottom:10px; }
#m_cont01 .flex_box .left_box h1 { font-size:55px; line-height:1; }
#m_cont01 .flex_box .left_box:hover { background-color:#222; transition:0.3s; }
#m_cont01 .flex_box .left_box:hover:after { background:url('/rtInclude/domain/Type_C/img/main_tel_icon_on.png') no-repeat; }
#m_cont01 .flex_box .left_box:hover p { color:#fff; }
#m_cont01 .flex_box .left_box:hover h1 { color:#fff; }
#m_cont01 .flex_box .right_box { width:50%; padding:50px; background-color:#222; position:relative; transition:0.3s; }
#m_cont01 .flex_box .right_box:after { content:''; width:46px; height:43px; background:url('/rtInclude/domain/Type_C/img/main_blog_icon.png') no-repeat; position:absolute; right:50px; bottom:50px; }
#m_cont01 .flex_box .right_box p { font-size:20px; font-weight:700; color:#fff; margin-bottom:10px; }
#m_cont01 .flex_box .right_box p.sub { font-size:18px; font-weight:400; margin-bottom:0; }
#m_cont01 .flex_box .right_box:hover { background-color:#ffe66f; transition:0.3s; }
#m_cont01 .flex_box .right_box:hover:after { background:url('/rtInclude/domain/Type_C/img/main_blog_icon_on.png') no-repeat; }
#m_cont01 .flex_box .right_box:hover p { color:#000; }
#m_cont01 .flex_box .right_box:hover h1 { color:#000; }

#m_cont02 { background:url('/rtInclude/domain/Type_C/img/m_cont02_bg.jpg') no-repeat;background-position: center; }
#m_cont02 .wrap { display:flex; justify-content:center; align-items:center; height:300px; }
#m_cont02 h1 { font-size:50px; font-weight:700; color:#fff; text-align:center; line-height:1.2; }
#m_cont02 h1 span { font-weight:100; }

#m_cont03 { padding:80px 0; }
#m_cont03 .wrap { display:flex; align-items:flex-end; background:url('/rtImages/do_ctype/m_cont03_bg.jpg') no-repeat; background-size:cover; padding:25px; }
#m_cont03 .tit_box { width:50%; padding:15px 25px; }
#m_cont03 .tit_box p { font-size:35px; color:#fff; }
#m_cont03 .tit_box p span { color:#ffe66f; font-weight:700; }
#m_cont03 .tit_box h1 { font-size:35px; color:#fff; font-weight:700; }
#m_cont03 form { width:50%; }
#m_cont03 .consulting_box { width:100%; background-color:#fff; padding:20px; }
#m_cont03 .consulting_box input, #m_cont03 .consulting_box textarea { width:100%; background-color:#f9f9f9; font-size:20px; color:#000; border:none; margin-bottom:15px; padding:18px 25px; }
#m_cont03 .consulting_box input::placeholder, #m_cont03 .consulting_box textarea::placeholder { color:#9b9b9b; }
#m_cont03 .consulting_box textarea { resize:none; height:110px; overflow-y:scroll; margin-bottom:0; }
#m_cont03 .consulting_box textarea::-webkit-scrollbar { width:5px; }
#m_cont03 .consulting_box textarea::-webkit-scrollbar-thumb { background-color:#a3a3a3; border-radius:10px; border-bottom:1px solid #dcdcdc; }
#m_cont03 .consulting_box button { width:100%; text-align:center; font-size:20px; color:#000; background-color:#ffe66f; border:1px solid #ffe66f; padding:17px 0; transition:0.3s; }
#m_cont03 .consulting_box button:hover { background:#f5f5f5; transition:0.3s; }
#m_cont03 .consulting_box .flex { display:flex; align-items:center; margin-bottom:10px; color:#000; }
/* #m_cont03 .consulting_box input[type="checkbox"] { width:auto; margin-right:5px; margin-bottom:0; } */
#m_cont03 .consulting_box input[type="checkbox"] { display:none; }
#m_cont03 .consulting_box input[type="checkbox"] + label { display:inline-block; cursor:pointer; position:relative; padding-left:25px; margin-right:15px; font-size:13px; }
#m_cont03 .consulting_box input[type="checkbox"] + label:before { content:""; display:inline-block; width:16px; height:16px; margin-right:10px; position:absolute; left:0; bottom:2px; background-color:#fff; border-radius:5px; border:1px solid #eaeaea; }
#m_cont03 .consulting_box input[type="checkbox"]:checked + label:before { content:"\2713"; text-shadow:1px 1px 1px rgba(0, 0, 0, .2); font-size:12px; font-weight:800; color:#fff; background:#2f87c1; text-align:center; line-height:16px; } 

#Footer { background-color:#ddd; }
#Footer .wrap { padding-bottom:25px; }
#Footer .Copyright { display:flex; flex-wrap:wrap; color:#7e7e7e; font-size:16px; padding-top:30px; text-align:center; justify-content:center; margin-bottom:30px; }
#Footer .Copyright p { margin:0 15px; }
#Footer .Copyright p.tit { width:100%; font-size:16px; font-weight:500; color:#929292; }
#Footer .btn_box { display:flex; justify-content:center; align-items:center; }
#Footer .btn_box a { font-size:18px; color:#929292; font-weight:700; margin:0 15px; }

@media (max-width:1023px) {
	.wrap { width:100%; padding:0 20px; }

	#Top { display:none; }
	#Top.mb_block { display:block; }
	#Top .wrap { display:flex; height:auto; align-items:center; justify-content:flex-end; }
	#Top .tool_box a { padding:5px 20px; }
	#Top .logo_box { position:unset; left:unset; top:unset; transform:unset; }

	#Top_menu { display:none; }
	#Top_menu .flex { justify-content:space-between; }

	#Top_menu_mb { display:block; }
	#Top_menu_mb { width:100%; background-color:#2b2b2d; position:fixed; top:0; z-index:1; }
	#Top_menu_mb .Top_box { height:52px; position:relative; display:flex; justify-content:space-between; align-items:center; }
	#Top_menu_mb .Top_box button > img { height:16px; }
	#Top_menu_mb .Top_box .logo_box { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
	#Top_menu_mb .Top_box .logo_box img { height:28px; }
	#Top_menu_mb .Top_box .tool_box { display:flex; }
	#Top_menu_mb .Top_box .tool_box a { color:#fff; }

	#main_slide > div h1.title { font-size:70px; color:#fff; font-weight:100; line-height:1.1; }
	#main_slide > div h1.title strong { font-size:70px; color:#fff; font-weight:800; letter-spacing:1px; }

	#full_menu { display:none; }
	#full_menu .banner { margin-bottom:30px; }
	#full_menu .full_menu { position:fixed; left:0; top:0; width:100%; height:100vh; background-color:#f1f1f1; z-index:2; overflow-y:scroll; }
	#Top_full { width:100%; background-color:#2b2b2d; z-index:2; }
	#Top_full .Top_box { height:52px; position:relative; display:flex; justify-content:flex-end; align-items:center; }
	#Top_full .Top_box button > img { height:16px; }
	#Top_full .Top_box a { display:flex; align-items:center; margin-right:16px; color:#fff; }
	#Top_full .Top_box a > span { font-size:12px; color:#434444; margin-right:10px; }
	#Top_full .Top_box a > img.login { height:20px; }
	#Top_full .Top_box .logo_box { position:absolute; left:0; top:50%; transform:translate(0, -50%); }
	#Top_full .Top_box .logo_box img { height:28px; }

	#lnb > li { border:1px solid #dcdcdc; }
	#lnb li a { display:block; font-size:16px; -webkit-transition:all 200ms ease-in; -moz-transition:all 200ms ease-in; -o-transition:all 200ms ease-in; -ms-transition:all 200ms ease-in; transition:all 200ms ease-in; padding:15px 20px; }
	#lnb li a:hover { background-color:#ffe66f; color:#000; }
	#lnb ul { display:none; }
	#lnb ul li { background-color:#fff; border-top:1px solid #dcdcdc; }

	#main_slide { margin-top:52px; }
	#main_slide > div { height:500px; background-position:center; background-size:cover; }
	#main_slide > div img { width:80%; }

	#m_cont01 .wrap { padding:50px 20px; }
	#m_cont01 .flex_box { flex-wrap:wrap; }
	#m_cont01 .flex_box #sub_slide { width:100%; height:300px; background-size:cover; background-position:center; }
	#m_cont01 .flex_box #sub_slide .slick-track { height:300px; }
	#m_cont01 .flex_box .list_box { width:100%; }
	#m_cont01 .flex_box .list_box .list { padding:20px; }
	#m_cont01 .flex_box .left_box { width:100%; }
	#m_cont01 .flex_box .right_box { width:100%; }

	#m_cont02 .wrap { height:200px; }

	#m_cont03 { padding:50px 0; }
	#m_cont03 .wrap { flex-wrap:wrap; }
	#m_cont03 .tit_box { width:100%; padding:15px 0; text-align:center; }
	#m_cont03 form { width:100%; }

	#Footer .wrap { padding:0 20px; padding-bottom:25px; }
}

@media (max-width:767px) {
	#Top .tool_box a { font-size:12px; padding:5px 10px; }

	#Top_menu { top:28px; }
	#Top_menu .flex a { padding:5px 15px; font-size:16px; }

	#main_slide > div { height:300px; display:flex; align-items:center; }
	#main_slide > div h2.subtitle { font-size:16px; }
	#main_slide > div h1.title { font-size:30px; }
	#main_slide > div h1.title strong { font-size:30px; }
	#main_slide > div .vline { width:1px; height:30px; margin:10px auto 5px; background:#fff; }
	#main_slide > div p.cont { font-size:14px; line-height:1.5; margin-top:15px; }

	#m_cont01 .wrap { padding:30px 20px; }
	#m_cont01 .flex_box #sub_slide { height:200px; }
	#m_cont01 .flex_box #sub_slide .slick-track { height:200px; }
	#m_cont01 .flex_box #sub_slide .text_box { left:30px; bottom:50%; transform:translate(0,50%); }
	#m_cont01 .flex_box #sub_slide .text_box > span { font-size:14px; }
	#m_cont01 .flex_box #sub_slide .text_box h1 { font-size:20px; }
	#m_cont01 .flex_box #sub_slide .text_box p { font-size:12px; }
	#m_cont01 .flex_box .list_box .list h1 { font-size:16px; margin-bottom:0; }
	#m_cont01 .flex_box .list_box .list p { font-size:14px; display:none;}
	#m_cont01 .flex_box .list_box .list img { margin-bottom:10px; }
	#m_cont01 .flex_box .left_box { padding:30px; }
	#m_cont01 .flex_box .left_box:after { right:30px; bottom:50px; transform:translate(0,50%); }
	#m_cont01 .flex_box .left_box p { font-size:16px; }
	#m_cont01 .flex_box .left_box h1 { font-size:28px; }
	#m_cont01 .flex_box .left_box h1 a {
		font-size: 31px;
		line-height: 1;
		font-family: 'Pretendard-Black';
	}
	#m_cont01 .flex_box .right_box { padding:30px; }
	#m_cont01 .flex_box .right_box:after { right:30px; bottom:50px; transform:translate(0,50%); }
	#m_cont01 .flex_box .right_box p { font-size:16px; }
	#m_cont01 .flex_box .right_box p.sub { font-size:14px; }

	#m_cont02 .wrap { height:150px; }
	#m_cont02 h1 { font-size:26px; }

	#m_cont03 .tit_box p { font-size:24px; line-height:1.2; }
	#m_cont03 .tit_box h1 { font-size:24px; line-height:1.2; }
	#m_cont03 .consulting_box input, #m_cont03 .consulting_box textarea { font-size:16px; padding:10px 20px; }
	#m_cont03 .consulting_box .flex { font-size:14px; }
	#m_cont03 .consulting_box button { font-size:16px; padding:12px 0; }

	#main_fix a img { width:30px; }
	#main_fix a p { font-size:16px; padding:0 20px 0 10px; }

	#Footer .wrap { padding-bottom:20px; }
	#Footer .btn_box a { font-size:14px; }
	#Footer .Copyright { font-size:12px; padding-top:20px; }
	#Footer .Copyright p.tit { font-size:12px; }
}

@media (max-width:639px) {

 

	#Top_menu .flex	 { flex-wrap:wrap; height:auto; }
	#Top_menu .flex a { padding:5px 10px; }
	#Top_menu .flex a.logo { width:100%; }
	#Top_menu .flex a.logo img { margin:0 auto; }

	#main_slide > div { height:400px; }
	#main_slide > div img { width:100%; }
 
	#main_slide > div h2.subtitle { font-size:16px; color:#ffe670; font-weight:400; }
	#main_slide > div h1.title { font-size:30px; color:#fff; font-weight:100; line-height:1.1; }
	#main_slide > div h1.title strong { font-size:30px; color:#fff; font-weight:600; letter-spacing:1px; }
	#main_slide > div p.cont { font-size:14px; color:#fff; line-height:1.8; margin-top:30px; }
	#main_slide > div .vline { width:1px; height:30px; margin:10px auto 5px; background:#fff; }



	#Footer .Copyright p { flex-shrink:1; }
	#Footer .btn_box .right_box a { width:24px; height:24px; }
	#Footer .btn_box .right_box a img { height:12px; }
}