@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; }

#TopbannerWrap .Topbanner.mo {display:none; }

#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; }

#open_fix > .pc > .bottom > a > .l_box:hover { background: #0e8042;color: #fff; font-weight: 400; }

#open_fix { letter-spacing: -0.07em; padding: 15px 13px; font-family: 'Pretendard-Regular'; text-align: center; position: fixed; bottom: 160px; right: 50px; z-index: 1;width: 190px; height: 150px;background: white; border-radius: 25px; border: 1px solid #dd6b70;}
#open_fix > .pc > .top > p { letter-spacing: -0.07em;font-weight: 400; font-size:16px; line-height: 0.9;} 
#open_fix > .pc > .top > span { letter-spacing: -0.07em;font-weight: 500; font-size:20px;  }
#open_fix > .pc > h2 {  letter-spacing: -0.07em;font-weight: 500; font-size:19px; color:#dd6b70;  margin:6px 0 10px; }
#open_fix > .pc > .bottom { letter-spacing: -0.07em;display: flex; justify-content: center;font-weight: 500; font-size:12.8px; }
#open_fix > .pc > .bottom > div { font-weight: 500;line-height: 30px;width: 80px; height: 35px;border-radius: 18px; border: 2px solid #e9e9e9; }
#open_fix > .pc > .bottom > a > .l_box { font-weight: 500;line-height: 30px;width: 80px; height: 35px;border-radius: 18px; border: 2px solid #e9e9e9; }
#open_fix > .pc > .bottom > a > .l_box {margin-right: 7px; }
#open_fix > .mo { display:none; }
#open_fix > .pc > .bottom > a > .l_box:hover { background: #dd6b70; color: #fff; font-weight: 400; }
#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:1024px) {
.Topbanner {padding-top: 52px;margin: 0 auto;display: flex;flex-direction: column;}
	.Topbanner img {width: 100%;}
	.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:0px; }
	#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:768px) {
	#TopbannerWrap .Topbanner.pc {display:none; }
	#TopbannerWrap .Topbanner.mo {display: flex
;        align-items: center;
        justify-content: center;
        flex-direction: row;
        width: 100%;}


#TopbannerWrap .Topbanner.mo a {width: calc(100% / 3);
}

    #main_slide {
        margin-top: 350px;
    }
	#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:21px; 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; }
	    #main_slide {
        margin-top: 120px;
    }
}

@media (max-width:767px) {

	* {letter-spacing: -0.05em;}

	#main_fix > .mob { display: flex; }
	#main_fix > .pcc { display: none; }
	#main_fix { transition: 0.3s;position:inherit; bottom: 0; right: 0px; z-index:2; display:block; }
	#main_fix a { line-height: 0;width:50%; background-color: #e3feff; border-radius: 0px;  margin-bottom:0; }
	#main_fix .ab {background-color: #fcffe3; }
	
	/* #main_fix > .mob > a { padding: 15px 15px; } */
	#main_fix > .mob > a > img { width:20px; }
	#main_fix a p {font-size: 15px;}
    
	.button { position:fixed; left:50%;; bottom:58px; z-index: 1;}
	.button_view { transition: 0.3s;width:104px; height:37px; position:absolute; border:1px solid #ddd; border-radius:20px 20px 0 0; left:50%; transform:translate(-50%,0); bottom: -11px; background:#fff; }
	.button_view:after {transition: 0.3s; content:''; width:18px; height:9px; background:url('/rtInclude/domain/Type_C/img/icon.0329_4.png') no-repeat; background-size:contain; position:absolute; left:50%; bottom:50%; transform:translate(-50%,50%); }
	.button_view.on { transition: 0.3s;bottom:-61px; }
	.button_view.on ~ #open_fix { transition: 0.3s; bottom: -59px; display:block;} 
	.button_view.on:after { transition: 0.3s;content:''; width:15px; height:11px; background:url('/rtInclude/domain/Type_C/img/icon.0329_5.png') no-repeat; background-size:contain; position:absolute; left:50%; bottom:50%; transform:translate(-50%,50%); }
	.button_view.on ~ #main_fix { transition: 0.3s;display:none; }
	.psb { letter-spacing: -0.05em;}
		
	#open_fix.on { transition: 0.3s; bottom: 53px;} 	




	#open_fix {  transition: 0.3s;bottom: 108px; right: 20px; width: 167px;height: 135px;border-radius: 20px; z-index: 2;}
	#open_fix > .pc { display:none; }
	#open_fix > .mo { display: block;}
	#open_fix > .mo > .top > span {  font-size: 18px; font-weight: 600; }
	#open_fix > .mo > h2 { font-size: 22px; font-weight: 600; color: #dd6b70; line-height: 0.9; margin-bottom: 15px; }
	#open_fix > .mo > .bottom { font-size: 18px; font-weight: 500;  display: flex; justify-content: center; align-items: center;  margin: 0 auto;  width: 130px; height: 40px; background: fff; background: #fff;  border-radius: 30px; border: 1px solid #dddddd;}
	#open_fix > .mo > .bottom > a {  display: flex; align-items: center;justify-content: center; font-weight: 600;  }
	#open_fix > .mo > .bottom > a > img {width: 25px;margin-right: 3px; }   
	#main_fix a p {font-size: 17px;padding: 0;font-weight: 500;letter-spacing: -0.06em;padding: 2px;}
	#main_fix a > img { margin-right: 8px;}












	}