@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: 'SCD6';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
     font-family: 'SCD3';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
    font-family: 'MapoFlowerIsland';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoFlowerIslandA.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:-0.1em; font-weight:400; word-break:keep-all; }
.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; }

.wrap .title1 { font-size:50px }
.wrap .title2 { font-size:36px }
.wrap .title3 { font-size:20px }

 
#m_cont02 .type-mobile {display:none!important}
#m_cont02 .type-pc {display:block}


 

#Top.pc_block { display:block; }
#Top.mb_block { display:none; }
#Top .wrap { position:relative; height:105px; }
#Top .tool_box { display:flex; justify-content:flex-end; }
#Top .tool_box a { font-size:16px; padding:10px 20px; }
#Top .logo_box { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
#Top .logo_box a img { width:300px; }

#Top_menu { border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
#Top_menu .flex { display:flex; justify-content:space-around; }
#Top_menu .flex a { font-size:23px; padding:15px 50px; }

#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_atype/main_img_bg.jpg') no-repeat; height:750px; background-position: center;}
#main_slide .slick-track { margin-top:200px; }

#m_cont01 .main_info { display:flex; margin-top:-115px; margin-bottom:100px; }
#m_cont01 .main_info .left_box { width:50%; height:400px; background:url('/rtImages/do_atype/main_info_bg.jpg') no-repeat; color:#fff; font-size:20px; text-align:center; position:relative; }
#m_cont01 .main_info .left_box .text_box { width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
#m_cont01 .main_info .left_box h1 { font-size:35px; margin-bottom:30px; }
#m_cont01 .main_info .left_box p { margin-bottom:50px; }
#m_cont01 .main_info .left_box a { border:1px solid #fff; padding:12px 63px; transition:0.3s; }
#m_cont01 .main_info .left_box a:hover { color:#3bb677; background:#fff; transition:0.3s; }
#m_cont01 .main_info .right_box { width:50%; height:400px; margin-top:57px; background-color:#fff; box-shadow:3px 3px 12px 0 rgba(0,0,0,0.1); z-index:1; padding:50px; }
#m_cont01 .main_info .right_box .tit_box { font-size:35px; display:flex; justify-content:space-between; }
#m_cont01 .main_info .right_box .list_box ul li { border-bottom:1px solid #ccc; }
#m_cont01 .main_info .right_box .list_box ul li a { display:flex; font-size:20px; justify-content:space-between; padding:20px 0 10px; }

#m_cont02 { background-color:#fafaf2; } 
#m_cont02 .wrap { padding:100px 0; }
#m_cont02 .tit_box { margin-bottom:60px; }
#m_cont02 .tit_box h1 { font-size:45px; color:#3bb677; text-align:center; line-height:1.2; }
#m_cont02 .tit_box h1 span { color:#000; }
#m_cont02 .list_box { display:flex; justify-content:space-between; }
#m_cont02 .list_box .hover { padding:50px 30px; width:calc(33% - 20px); height:420px; display:flex; flex-wrap:wrap; align-content:space-between; position:relative; }
#m_cont02 .list_box .hover h1 { width:100%; font-size:35px; color:#fff; line-height:1.2; }
#m_cont02 .list_box .hover a { font-size:18px; font-weight:700; color:#3bb677; }
#m_cont02 .list_box .hover a span { margin-left:15px; }
#m_cont02 .list_box .hover .hover_box { display:none; position:absolute; left:0; top:0; padding:50px 30px; width:100%; height:420px; background-color:rgba(0,123,60,0.5); }
#m_cont02 .list_box .hover:hover h1 { display:none; }
#m_cont02 .list_box .hover:hover a { display:none; }
#m_cont02 .list_box .hover:hover .hover_box { display:flex; justify-content:flex-start; flex-wrap:wrap; align-itmes:center; align-content:center; font-size:20px; color:#fafaf2; font-weight:400; }
#m_cont02 .list_box .hover:hover .hover_box p { font-size:25px; font-weight:700; margin-bottom:15px; color:#fff; }
#m_cont02 .list_box .hover.hover01 { background:url('/rtImages/do_atype/main_banner01.jpg') no-repeat; background-position:center; }
#m_cont02 .list_box .hover.hover02 { background:url('/rtImages/do_atype/main_banner02.jpg') no-repeat; background-position:center; }
#m_cont02 .list_box .hover.hover03 { background:url('/rtImages/do_atype/main_banner03.jpg') no-repeat; background-position:center; }

#m_cont03 { height:388px; background:url('/rtImages/do_atype/main_title_bg.jpg') no-repeat; display:flex; color:#fff; align-items:center; text-align:right;background-position: center; }
#m_cont03 h1 { font-family:'MapoFlowerIsland'; font-size:55px; line-height:1.2; margin-bottom:30px; }
#m_cont03 p { font-size:20px; }

#m_cont04 { background:#fff; }
#m_cont04 .wrap { padding:100px 0; }
#m_cont04 .tit_box { margin-bottom:60px; }
#m_cont04 .tit_box h1 { font-size:45px; color:#3bb677; text-align:center; line-height:1.2; }
#m_cont04 .tit_box h1 span { color:#000; }
#m_cont04 .list_box { margin-bottom:50px; }
#m_cont04 .list_box .slick-slide { margin:0 15px; border:1px solid #ddd; }
#m_cont04 .list_box p { text-align:center; font-size:18px; padding:10px 0; }
#m_cont04 .btn_box { width:100%; display:flex; justify-content:center; }
#m_cont04 .btn_box a { font-size:20px; text-align:center; padding:9px 63px; border:1px solid #222; color:#222; transition:0.3s; }
#m_cont04 .btn_box a:hover { background-color:#222; color:#fff; transition:0.3s; }

#m_cont05 { height:548px; background:url('/rtImages/do_atype/main_event_bg.jpg') no-repeat; background-position: center;}
#m_cont05 .wrap { height:548px; display:flex; justify-content:space-between; align-items:center; }
#m_cont05 .left_box { width:50%; }
#m_cont05 .left_box h1 { font-size:80px; color:#3bb677; line-height:1.2; }
#m_cont05 .left_box h1 span { font-size:45px; color:#fff; display:block; margin-top:50px; }
#m_cont05 .right_box { width:50%; display:flex; flex-wrap:wrap; justify-content:space-between; }
#m_cont05 .right_box .list { width:calc(50% - 10px); border:1px solid #fff; color:#fff; padding:35px 25px; margin-bottom:20px; }
#m_cont05 .right_box .list:nth-last-child(-n+2) { margin-bottom:0; }
#m_cont05 .right_box .list span { width:30px; height:3px; background-color:#3bb677; display:block; margin-bottom:15px; }
#m_cont05 .right_box .list h1 { font-size:25px; font-weight:700; margin-bottom:10px; }
#m_cont05 .right_box .list p { font-size:20px; line-height:1.2; }

#m_cont06 { background-color:#f5f5f5; }
#m_cont06 .wrap { padding:100px 0; display:flex; justify-content:space-between; }
#m_cont06 .tit_box { display:flex; align-items:center; margin-bottom:30px; }
#m_cont06 .tit_box.mb0 { margin-bottom:0; }
#m_cont06 .tit_box h1 { font-size:30px; font-weight:700; }
#m_cont06 .tit_box h2 { font-size:38px; font-weight:700; color:#3bb677; margin-left:30px; }
#m_cont06 .tit_box p { font-size:20px; margin-left:30px; width:calc(100% - 140px); }
#m_cont06 .consulting { width:calc(50% - 25px); }
#m_cont06 .consulting .consulting_box input, #m_cont06 .consulting .consulting_box textarea { width:100%; background-color:#fff; font-size:20px; color:#000; border:none; margin-bottom:15px; padding:18px 25px; }
#m_cont06 .consulting .consulting_box input::placeholder, #m_cont06 .consulting .consulting_box textarea::placeholder { color:#9b9b9b; }
#m_cont06 .consulting .consulting_box textarea { resize:none; height:110px; overflow-y:scroll; }
#m_cont06 .consulting .consulting_box textarea::-webkit-scrollbar { width:5px; }
#m_cont06 .consulting .consulting_box textarea::-webkit-scrollbar-thumb { background-color:#a3a3a3; border-radius:10px; border-bottom:1px solid #dcdcdc; }
#m_cont06 .consulting .consulting_box button { width:100%; text-align:center; font-size:20px; color:#fff; background-color:#3bb677; padding:17px 0; }
#m_cont06 .consulting .consulting_box button:hover {  }
#m_cont06 .consulting .consulting_box .flex { display:flex; align-items:center; margin-bottom:15px; color:#6d6d6d; }
#m_cont06 .consulting .consulting_box input[type="checkbox"] { width:auto; margin-right:5px; margin-bottom:0; }
#m_cont06 .map_box { width:calc(50% - 25px); }
#m_cont06 .map_box .root_daum_roughmap { margin-bottom:15px; }
#m_cont06 .map_box .root_daum_roughmap_landing { width:100% !important; }

#Footer { background-color:#333; }
#Footer .wrap { padding-bottom:30px; }
#Footer .btn_box { display:flex; border-bottom:1px solid #575a5a; justify-content:space-between; align-items:center; }
#Footer .btn_box .left_box { display:flex; }
#Footer .btn_box .left_box a { font-size:18px; color:#fff; font-weight:700; padding:15px 0; margin-right:30px; }
#Footer .btn_box .right_box { display:flex; }
#Footer .btn_box .right_box a { width:33px; height:33px; border-radius:50%; background-color:#191919; position:relative; margin-right:10px; }
#Footer .btn_box .right_box a:last-child { margin-right:0; }
#Footer .btn_box .right_box a img { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
#Footer .Copyright { display:flex; flex-wrap:wrap; color:#f0f0f0; font-size:16px; padding-top:30px; }
#Footer .Copyright p { margin-right:30px; }
#Footer .Copyright p.tit { width:100%; font-size:16px; font-weight:500; color:#fff; }

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

	#Top { display:none; }
	#Top .wrap { display:flex; height:auto; align-items:center; justify-content:space-between; }
	#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 .flex a { padding:10px 30px; }

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

	#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 .slick-track { margin-top:75px; }

	#m_cont02 .wrap { padding:75px 20px; }
	#m_cont02 .list_box .hover { width:calc(33% - 10px); }
	#m_cont02 .list_box .hover .hover_box { display:none; height:auto; }

	#m_cont03 { height:250px; background-position:center; background-size:cover; }

	#m_cont04 .wrap { padding:75px 0; }

	#m_cont05 { height:auto; background-size:cover; }
	#m_cont05 .wrap { height:auto; flex-wrap:wrap; padding:50px 20px; }
	#m_cont05 .left_box { width:100%; margin-bottom:30px; }
	#m_cont05 .right_box { width:100%; }

	#m_cont06 .wrap { padding:75px 20px; flex-wrap:wrap; }
	#m_cont06 .consulting { width:100%; margin-bottom:50px; }
	#m_cont06 .map_box { width:100%; }

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

@media (max-width:767px) {

	#m_cont02 .list_box .hoveraa .hover_box {display:none; }
	#m_cont02 .list_box .hoveraa {padding:30px; margin-bottom:10px;}
#m_cont02 .list_box .hoveraa h1 br {display:none}
#m_cont02 .list_box .hoveraa h1 {
    font-size: 24px;
    width: 100%;
    color: #fff;
    line-height: 1.2;
	margin-bottom:10px;
}
#m_cont02 .list_box .hoveraa a {color:#fff; font-size:13px;}



	#m_cont02 .type-mobile {display:block}
	#m_cont02 .type-pc {display:none}
 
.wrap title1 { font-size:24px }
.wrap title2 { font-size:16px }
.wrap title3 { font-size:14px }

 



	#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 .slick-track { margin-top:0; }

	#m_cont01 .wrap { padding:0; }
	#m_cont01 .main_info { margin-top:0; margin-bottom:0; }
	#m_cont01 .main_info .left_box { font-size:16px; height:300px; }
	#m_cont01 .main_info .left_box h1 { font-size:24px; }
	#m_cont01 .main_info .right_box { margin-top:0; padding:30px; box-shadow:none; height:300px; }
	#m_cont01 .main_info .right_box .tit_box { font-size:24px; }
	#m_cont01 .main_info .right_box .list_box ul li a { padding:15px 0 10px; font-size:16px; }

	#m_cont02 .wrap { padding:50px 20px; }
	#m_cont02 .tit_box { margin-bottom:20px; }
	#m_cont02 .tit_box h1 { font-size:28px; }
	#m_cont02 .list_box { flex-wrap:wrap; }
	#m_cont02 .list_box .hover { flex-wrap:wrap; height:200px; padding:30px; }
	#m_cont02 .list_box .hover.hover01 { background-size:cover; }
	#m_cont02 .list_box .hover h1 { font-size:24px; }
	#m_cont02 .list_box .hover a { font-size:14px; }






	#m_cont03 { height:150px; }
	#m_cont03 h1 { font-size:28px; margin-bottom:15px; }
	#m_cont03 p { font-size:16px; }

	#m_cont04 .wrap { padding:50px 0; }
	#m_cont04 .tit_box { margin-bottom:20px; }
	#m_cont04 .tit_box h1 { font-size:28px; }
	#m_cont04 .list_box { margin-bottom:30px; }
	#m_cont04 .list_box p { font-size:14px; }
	#m_cont04 .btn_box a { font-size:16px; }

	#m_cont05 .left_box h1 { font-size:40px; }
	#m_cont05 .left_box h1 span { font-size:24px; margin-top:30px; }
	#m_cont05 .left_box h1 span br { display:none; }
	#m_cont05 .right_box .list { padding:20px; }
	#m_cont05 .right_box .list h1 { font-size:20px; }
	#m_cont05 .right_box .list p { font-size:16px; }

	#m_cont06 .wrap { padding:50px 20px; }
	#m_cont06 .tit_box { margin-bottom:20px; }
	#m_cont06 .tit_box h1 { font-size:24px; }
	#m_cont06 .tit_box h2 { font-size:28px; }
	#m_cont06 .tit_box p { font-size:16px; }
	#m_cont06 .consulting .consulting_box input, #m_cont06 .consulting .consulting_box textarea { padding:10px 20px; font-size:16px; margin-bottom:10px; }
	#m_cont06 .consulting .consulting_box textarea { height:80px; }
	#m_cont06 .consulting .consulting_box button { font-size:16px; padding:10px 0; }

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

@media (max-width:639px) {
	#m_cont02 .list_box .hoveraa .hover_box {display:none; }
#m_cont02 .list_box .hoveraa h1 {
    font-size: 24px;
}

#m_cont02 .list_box .hoveraa h1 {
    width: 100%;
 
    color: #fff;
    line-height: 1.2;
}



	#m_cont02 .type-mobile {display:block}
	#m_cont02 .type-pc {display:none}
.wrap .title1 { font-size:24px }
.wrap .title2 { font-size:16px }
.wrap .title3 { font-size:14px }

 

	#main_slide > div { height:200px; }

	#m_cont01 .main_info { flex-wrap:wrap; }
	#m_cont01 .main_info .left_box { width:100%; height:180px; }
	#m_cont01 .main_info .left_box h1 { margin-bottom:10px; }
	#m_cont01 .main_info .left_box p { margin-bottom:20px; }
	#m_cont01 .main_info .left_box a { padding:6px 63px; }
	#m_cont01 .main_info .right_box { width:100%; }

	#m_cont02 .list_box .hover { width:100%; height:150px; margin-bottom:10px; }
	#m_cont02 .list_box .hover h1 br { display:none; }
	#m_cont02 .list_box .hover01 { background:url('/rtImages/do_atype/main_banner01.jpg') no-repeat; background-position:center; }
	#m_cont02 .list_box .hover02 { background:url('/rtImages/do_atype/main_banner02.jpg') no-repeat; background-position:center; }
	#m_cont02 .list_box .hover03 { background:url('/rtImages/do_atype/main_banner03.jpg') no-repeat; background-position:center; }


	#m_cont02 .wrap { padding:30px 20px; }

	#m_cont04 .wrap { padding:30px 0; }
	#m_cont04 .btn_box a { padding:4px 63px; }

	#m_cont05 .wrap { padding:30px 20px; }
	#m_cont05 .left_box h1 span br { display:block; }
	#m_cont05 .right_box .list { width:100%; margin-bottom:10px; }
	#m_cont05 .right_box .list:nth-last-child(-n+2) { margin-bottom:10px; }
	#m_cont05 .right_box .list:last-child { margin-bottom:0; }

	#m_cont06 .wrap { padding:30px 20px; }
	#m_cont06 .tit_box { margin-bottom:10px; }
	#m_cont06 .consulting { margin-bottom:30px; }
	#m_cont06 .tit_box.mb0 { flex-wrap:wrap; }
	#m_cont06 .tit_box.mb0 p { width:100%; margin-left:0; }

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