@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: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    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:-1px; font-weight:400; word-break:keep-all; }
.YG { font-family: 'yg-jalnan'; letter-spacing:0; }
.SCD { font-family: 'SCD6'; }
.SCD span { font-family: 'SCD3'; }

.font14 {font-size:14px!important}
.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}

 
.type-pc { display:block; }
.type-mo { display:none; }

.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:#dd6b70; }
#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 { position:relative; border-bottom:1px solid #dcdcdc; }
#Top_menu .flex { display:flex; justify-content:space-between; align-items:center; height:60px; }
#Top_menu .flex a { font-size:23px; padding:5px 20px; }
#Top_menu .flex a.logo { padding:0; width:23%; }
#Top_menu .call { position:absolute; right:0; top:0; }
#Top_menu .call a { display:flex; background-color:#dd6b70; color:#fff; font-size:40px; align-items:center; justify-content:center; width:300px; }
#Top_menu .call a img { width:40px; height:40px; margin-right:10px; }

#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('/rtImages/do_btype/main_img_bg.jpg') no-repeat; height:750px; display:flex; align-items:center;background-position: center; }
#main_slide .wrap { color:#fff; margin-top: 0px;}
#main_slide .wrap h1 { font-family: 'yg-jalnan'; font-size:60px; margin-bottom:20px; }
#main_slide .wrap p.tit { font-size:28px; margin-bottom:30px; }
#main_slide .wrap p { font-size:20px; }

#m_cont01 .wrap { display:flex; justify-content:space-between; padding:50px 0; }
#m_cont01 .menu { width:calc(16% - 10px); }
#m_cont01 .menu img { margin:0 auto; margin-bottom:20px; }
#m_cont01 .menu p { font-size:20px; text-align:center; padding:5px 20px; border-radius:30px; font-weight:700; width:fit-content; margin:0 auto; transition:0.3s; }
#m_cont01 .menu a:hover p { background-color:#dd6b70; color:#fff; transition:0.3s; }

#m_cont02 { background:url('/rtImages/do_btype/m_cont02_bg.jpg') no-repeat; height:659px; background-position: center;}
#m_cont02 .wrap { padding:80px 0; display:flex; justify-content:space-between; }
#m_cont02 .list { width:calc(50% - 20px); height:500px; background-color:#fff; border-radius:30px; padding:65px; position:relative; display:flex; flex-direction:column; justify-content:space-between; }
#m_cont02 .list:after { content:''; position:absolute; right:65px; bottom:65px; }
#m_cont02 .list:nth-child(1):after { width:230px; height:267px; background:url('/rtImages/do_btype/m_cont02_list_bg01.png') no-repeat; }
#m_cont02 .list:nth-child(2):after { width:264px; height:251px; background:url('/rtImages/do_btype/m_cont02_list_bg02.png') no-repeat; }
#m_cont02 .list .text_box h1 { font-size:35px; color:#dd6b70; margin-bottom:10px; }
#m_cont02 .list .text_box p { font-size:20px; }
#m_cont02 .list .btn_box a { font-size:22px; background-color:#dd6b70; color:#fff; border:1px solid #dd6b70; padding:10px 32px; border-radius:30px; transition:0.3s; }
#m_cont02 .list .btn_box a:hover { background-color:#fff; color:#dd6b70; transition:0.3s; }

#m_cont03 .wrap { display:flex; padding:80px 0; justify-content:space-between; }
#m_cont03 .left_box { width:calc(70% - 30px); }
#m_cont03 .left_box .tit_box { font-size:35px; display:flex; justify-content:space-between; align-items:center; border-bottom:2px solid #222; padding-bottom:20px; }
#m_cont03 .left_box .tit_box a { width:30px; height:30px; border-radius:50%; border:1px solid #ddd; display:flex; font-size:26px; justify-content:center; align-items:center; }
#m_cont03 .left_box .list_box ul li { border-bottom:1px solid #d3d3d3; }
#m_cont03 .left_box .list_box ul li a { display:flex; font-size:20px; justify-content:space-between; padding:20px 0 13px; }
#m_cont03 .left_box .list_box ul li a span { color:#a4a4a4 }
#m_cont03 .right_box { width:30%; }
#m_cont03 .right_box .tit_box { font-size:35px; display:flex; justify-content:space-between; align-items:center; padding-bottom:20px; }
#m_cont03 .right_box .tit_box a { width:30px; height:30px; border-radius:50%; border:1px solid #ddd; display:flex; font-size:26px; justify-content:center; align-items:center; }

#m_cont04 { background-color:#dd6b70; position:relative; }
#m_cont04 .wrap { display:flex; align-items:center; height:438px; }
#m_cont04 .text_box h1 { font-size:30px; color:#fff; display:flex; justify-content:space-between; align-items:flex-end; }
#m_cont04 .text_box h1 span { font-size:20px; font-weight:500; }
#m_cont04 .text_box h2 { font-size:60px; color:#fffdc3; }
#m_cont04 .text_box h3 { font-size:50px; color:#fff; }
#m_cont04 .map_box { position:absolute; right:0; top:0; width:50%; _width:calc(100% - 850px); }
#m_cont04 .map_box > .root_daum_roughmap { width:97% !important; }

#m_cont05 .wrap { padding:80px 0; }
#m_cont05 .wrap .tit_box { display:flex; align-items:flex-end; padding-bottom:30px; line-height:1; }
#m_cont05 .wrap .tit_box h1 { font-size:35px; margin-right:10px; }
#m_cont05 .wrap .tit_box p { font-size:20px; }
#m_cont05 .wrap .consulting_box { display:flex; flex-wrap:wrap; justify-content:space-between; }
#m_cont05 .wrap .consulting_box .text { display:flex; width:calc(25% - 10px); }
#m_cont05 .wrap .consulting_box .text input { width:100%; border:2px solid #000; border-radius:20px; font-size:20px; padding:15px 20px; }
#m_cont05 .wrap .consulting_box .text button { background-color:#dd6b70; border:1px solid #dd6b70; color:#fff; width:100%; font-size:20px; font-weight:700; border-radius:20px; }
#m_cont05 .wrap .consulting_box .text button:hover { background-color:#fff; color:#dd6b70; transition:0.3s; }
#m_cont05 .wrap .consulting_box .flex { color:#6d6d6d; margin-top:15px; }
#m_cont05 .wrap .consulting_box .flex input { margin-right:5px; }
#m_cont05 .wrap .consulting_box .text textarea { width:100%; border:2px solid #000; border-radius:20px; font-size:20px; padding:15px 20px; }
#m_cont05 .wrap .consulting_box .text textarea::placeholder { padding-top:13px;}

#Footer { background-color:#333; }
#Footer .wrap { padding-bottom:30px; }
#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:#9f9f9f; }
#Footer .btn_box { display:flex; justify-content:center; align-items:center; }
#Footer .btn_box a { font-size:18px; color:#bbb; font-weight:700; margin:0 15px; }

@media (max-width:1023px) {
	.wrap { width:100%; padding:0 20px; }
	#main_slide .wrap { color:#fff; }
	#Top { display:none; }
	#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 .call { display:none; }

	#Top_menu_mb { display:block; border-bottom:1px solid #dcdcdc; }
	#Top_menu_mb { width:100%; background-color:#fff; 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:#000; }

	#main_slide .wrap h1 { font-size:50px; margin-bottom:15px; }
	#main_slide .wrap p.tit { font-size:24px; margin-bottom:25px; }
	#main_slide .wrap p { font-size:18px; }

	#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:#fff; 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:#000; }
	#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:60%; }

	#m_cont01 .wrap { padding:30px 0; }
	#m_cont01 .menu p { padding:5px 0; }
	#m_cont01 .menu a:hover p { background-color:#fff; color:#000; }

	#m_cont02 { height:auto; background-size:cover; background-position:center; }
	#m_cont02 .wrap { padding:50px 20px; flex-wrap:wrap; }
	#m_cont02 .list { width:100%; padding:30px; height:300px; margin-bottom:20px; }
	#m_cont02 .list:last-child { margin-bottom:0; }
	#m_cont02 .list:after { right:30px; top:50%; transform:translate(0,-50%); }

	#m_cont03 .wrap { padding:50px 20px; }
	#m_cont03 .left_box { width:calc(60% - 30px); }
	#m_cont03 .left_box .list_box ul li a { padding:15px 0 5px; }
	#m_cont03 .right_box { width:40%; }

	#m_cont04 { display:flex; flex-wrap:wrap; flex-direction:column-reverse; }
	#m_cont04 .wrap { width:100%; height:auto; padding:30px 20px; }
	#m_cont04 .map_box { position:unset; right:auto; top:auto; width:100%; }

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

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

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

	#main_slide > div { height:300px; display:flex; align-items:center; }
	#main_slide .wrap { width:70%; margin-left:0; }
	#main_slide .wrap h1 { font-size:24px; margin-bottom:0; }
	#main_slide .wrap p.tit { font-size:14px; margin-bottom:5px; }
	#main_slide .wrap p { font-size:10px; }

	#m_cont01 .menu p { font-size:16px; }

	#m_cont02 .wrap { padding:30px 20px; }
	#m_cont02 .list .text_box h1 { font-size:24px; }
	#m_cont02 .list .text_box p { font-size:16px; }
	#m_cont02 .list .btn_box a { font-size:18px; }

	#m_cont03 .wrap { padding:30px 20px; }
	#m_cont03 .left_box .tit_box { font-size:24px; }
	#m_cont03 .left_box .list_box ul li a { font-size:16px; }
	#m_cont03 .right_box .tit_box { font-size:24px; }

	#m_cont04 .map_box > .root_daum_roughmap .wrap_map { height:200px !important; }
	#m_cont04 .text_box h1 { font-size:24px; }
	#m_cont04 .text_box h1 span { font-size:16px; }
	#m_cont04 .text_box h2 { font-size:40px; }
	#m_cont04 .text_box h3 { font-size:30px; }

	#m_cont05 .wrap { padding:30px 20px; }
	#m_cont05 .wrap .tit_box { align-items:flex-start; flex-direction:column; padding-bottom:15px; }
	#m_cont05 .wrap .tit_box h1 { font-size:30px; margin-right:0; margin-bottom:10px; }
	#m_cont05 .wrap .tit_box p { font-size:16px; }
	#m_cont05 .wrap .consulting_box .text { width:100%; }
	#m_cont05 .wrap .consulting_box .text input { width:100%; border:1px solid #000; border-radius:10px; font-size:16px; padding:10px 15px; margin-bottom:10px; }
	#m_cont05 .wrap .consulting_box .text button { font-size:16px; font-weight:700; border-radius:10px; padding:11px 0; }
	#m_cont05 .wrap .consulting_box .flex { display:flex; margin-top:10px; font-size:14px; }

	#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) {
	#main_slide .wrap { color:#fff; }
 
.type-pc { display:none}
.type-mo { display:block}
 

	#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 .wrap .title1_mo { font-size:26px; color:#fff; padding-top:0px;}
#main_slide .wrap .title2_mo { font-size:16px; color:#fff; margin:10px 0}
#main_slide .wrap .title3_mo { font-size:14px; color:#fff;}

	#m_cont01 .wrap { flex-wrap:wrap; }
	#m_cont01 .menu { width:calc(33% - 10px); margin-bottom:20px; }
	#m_cont01 .menu:nth-last-child(-n+3) { margin-bottom:0; }
	#m_cont01 .menu img { height:40px; margin-bottom:10px; }

	#m_cont02 .list:nth-child(1):after { background-size:50%; background-position:right bottom; }
	#m_cont02 .list:nth-child(2):after { background-size:50%; background-position:right bottom; }

	#m_cont03 .wrap { flex-wrap:wrap; padding:30px 0; }
	#m_cont03 .left_box { width:100%; margin-bottom:30px; padding:0 20px; }
	#m_cont03 .right_box { width:100%; }
	#m_cont03 .right_box .tit_box { padding:0 20px 20px; }
	#m_cont03 .right_box .slick-slide { margin:0 15px; }

	#Footer .btn_box .right_box a { width:24px; height:24px; }
	#Footer .btn_box .right_box a img { height:12px; }
}