@import url('reset.css');
@import url('https://webfontworld.github.io/pretendard/Pretendard.css');
@import url('https://webfontworld.github.io/HambakSnow/HambakSnow.css');
@import url('https://webfontworld.github.io/sandbox/SBAggro.css');


body{ font-family:'Pretendard'; font-size:16px; font-weight:300; word-spacing:0; letter-spacing:-0.5px; }


#skipnavi {position:relative;width:100%;z-index:2;}
#skipnavi a {display:block;overflow:hidden;height:0px;width:0px;margin:-1px -1px -1px 0;font-size:0;line-height:0;text-align:center;}
#skipnavi:focus {overflow:hidden;height:100px;background:#0d2f51;font-size:12px;font-weight:700;line-height:140%;}
#skipnavi a:focus, #skipnavi a:hover, #skipnavi a:active {width:auto;height:20px;margin:0;padding:8px 0 0 15px;background:#0d2f51;font-size:12px;font-weight:700;line-height:1.4;color:#fff;}


/***** layout *****/
#wrapper {position:relative;width:100%;min-width:1400px;height:100%;}
/*header*/
#header{ position:fixed; top:0; left:0; width:100%; height:60px; font-family:'NanumSquare', sans-serif; background:#fff; border-bottom:1px solid rgba(0,0,0,.15); z-index:10; display:flex; align-items:center; }
#header.top{ background:#fff; }
#header .header_box{ position:relative; width:1400px; margin: 0 auto; }
#header .header_box .left{ position:absolute; top:50%; left:-2px; transform:translateY(-50%); }
#header .header_box .left ul{ display:flex; align-items:center; }
#header .header_box .left ul li{ margin-right:5px; }
#header .header_box .left ul li:last-child{ margin-right:0; }
#header .header_box .logo{ width:max-content; margin:0 auto; }
#header .header_box .logo a{ display:block; }
#header .header_box .lang{ position:absolute; top:50%; right:0; transform:translateY(-50%); }
#header .header_box .lang>li{ position:relative; }
#header .header_box .lang>li>div{ height:60px; font-size:14px; font-weight:500; display:flex; align-items:center; justify-content:center; cursor:pointer; }
#header .header_box .lang>li>div span{ line-height:1; display:flex; align-items:center; }
#header .header_box .lang>li>div span img{ margin-right:5px; }
#header .header_box .lang>li>div i{ margin-left:5px; }
#header .header_box .lang>li>ul{ position:absolute; top:100%; left:50%; transform:translateX(-50%); width:calc(100% + 20px); background-color:#fff; border-left:1px solid rgba(0,0,0,.15); border-right:1px solid rgba(0,0,0,.15); display:none; }
#header .header_box .lang>li>ul>li{ width:100%; height:40px; border-bottom:1px solid rgba(0,0,0,.15); transition:.2s; }
#header .header_box .lang>li>ul>li:hover{ background-color:#12294b; }
#header .header_box .lang>li>ul>li>a{ width:100%; height:100%; font-size:12px; color:#686868; display:flex; align-items:center; justify-content:center; }
#header .header_box .lang>li>ul>li:hover>a{ font-weight:500; color:#fff; }
#header .header_box .lang>li>ul>li>a em{ font-weight:500; }
#header .header_box .lang>li>ul>li>a img{ height:12px; margin-right:5px; }


/*footer*/
#footer{ width:100%; background:#f5f5f5; padding:25px 100px; }
#footer div p{ font-size:14px; text-align:center; }


/*content*/
.container{ width:1400px; margin:60px auto 0 auto; }
.section{ margin-bottom:150px; }

.content_title{ position:relative; width:max-content; line-height:1.1; font-size:40px; font-weight:700; text-align:center; color:#13294b; margin:0 auto 40px auto; }
.content_title::before{ content:""; position:absolute; bottom:100%; left:50%; transform:translateX(-50%); width:8px; height:8px; background-color:#fed900; border-radius:50%; margin:0 0 12px -13px; }
.content_title::after{ content:""; position:absolute; bottom:100%; left:50%; transform:translateX(-50%); width:8px; height:8px; background-color:#0081cc; border-radius:50%; margin:0 -13px 12px 0; }


/*section_01*/
#section_01{ padding-top:150px; }
#section_01 .title{ position:relative; background-color:#f5f5f5; border-radius:100px 0 100px 0; display:flex; align-items:center; padding:25px 100px 0 100px; margin-bottom:50px; }
#section_01 .title img{ height:300px; }
#section_01 .title div{ margin:-25px 0 0 50px; }
#section_01 .title div h3{ line-height:1; font-size:26px; font-weight:600; color:#0081cc; }
#section_01 .title div h4{ line-height:50px; font-size:40px; font-weight:700; color:#12294b; margin-top:20px; }
#section_01 .text p{ line-height:1.5; font-size:20px; color:#484848; margin-bottom:15px; }
#section_01 .text p:last-child{ margin-bottom:0; }


/*section_02*/
#section_02 .content>div{ display:flex; margin-bottom:30px; }
#section_02 .content>div:last-child{ margin-bottom:0; }
#section_02 .content>div h5{ position:relative; font-size:30px; font-weight:700; color:#13294b; }
#section_02 .content>div h5::before{ content:""; position:absolute; bottom:100%; left:0; width:50%; height:5px; background-color:#fed900; }
#section_02 .content>div h5::after{ content:""; position:absolute; bottom:100%; right:0; width:50%; height:5px; background-color:#0081cc; }
#section_02 .content>div .info{ width:calc(100% - 338px); display:flex; flex-wrap:wrap; margin-left:auto; }
#section_02 .content>div:first-of-type .info li{ width:calc((100% - 15px) / 2); height:150px; background-color:#f5f5f5; margin-right:15px; display:flex; align-items:center; padding:25px; }
#section_02 .content>div:first-of-type .info li:nth-child(2n){ margin-right:0; }
#section_02 .content>div:first-of-type .info li:nth-child(n+3){ margin-top:15px; }
#section_02 .content>div:last-of-type .info li{ width:calc((100% - 15px) / 2); margin-right:15px; padding:25px; display:flex; align-items:center; }
#section_02 .content>div:last-of-type .info li:last-child{ margin-right:0; }
#section_02 .content>div:last-of-type .info li div{ width:100%; display:flex; align-items:center; justify-content:space-between; }
#section_02 .content>div .info li div h4{ font-size:18px; font-weight:500; color:#0081cc; }
#section_02 .content>div .info li div h3{ line-height:1; font-size:28px; font-weight:700; color:#13294b; margin-top:5px; }
#section_02 .content>div .info li div img{ height:100px; margin-left:auto; display:block; }
#section_02 .content>div .info .tell{ background-color:#13294b; }
#section_02 .content>div .info .tell div h3{ font-weight:700; color:#fff; margin-top:0; }
#section_02 .content>div .info .kakao{ background-color:#f9e000; }
#section_02 .content>div .info .kakao div h3{ color:#371c1d; margin-top:0; }


/*section_03*/
#section_03 .content .map_box iframe{ margin-bottom:40px; }
#section_03 .content .map_box .info h4{ line-height:1.2; font-size:26px; font-weight:600; color:#12294b; }
#section_03 .content .map_box .info div{ display:flex; margin:15px 0 40px 0; }
#section_03 .content .map_box .info div dl{ position:relative; line-height:1; display:flex; margin-right:20px; }
#section_03 .content .map_box .info div dl::before{ content:""; position:absolute; top:50%; left:100%; transform:translateY(-50%); width:1px; height:10px; background-color:rgba(0,0,0,.15); margin-left:10px; }
#section_03 .content .map_box .info div dl:last-child::before{ display:none; }
#section_03 .content .map_box .info div dl dt{ font-size:20px; font-weight:700; margin-right:5px; }
#section_03 .content .map_box .info div dl dd{ font-size:20px; font-weight:400; }
#section_03 .content .map_box .info ul{ display:flex; }
#section_03 .content .map_box .info ul li{ width:calc((100% - 20px) / 3); height:40px; border-radius:50px; margin-right:10px; }
#section_03 .content .map_box .info ul li:first-child{ background-color:#4285f4; }
#section_03 .content .map_box .info ul li:nth-child(2){ background-color:#03c75a; }
#section_03 .content .map_box .info ul li:last-child{ background-color:#f9e000; margin-right:0; }
#section_03 .content .map_box .info ul li a{ width:100%; height:100%; font-size:18px; font-weight:700; color:#fff; display:flex; align-items:center; justify-content:center; }
#section_03 .content .map_box .info ul li:last-child a{ color:#371c1d; }


/*section_04*/
#section_04 .content .list{ display:flex; flex-wrap:wrap; }
#section_04 .content .list li{ width:calc((100% - 40px) / 3); border:1px solid #5e9aff; border-radius:20px; margin-right:20px; padding:30px; }
#section_04 .content .list li:nth-child(3n){ margin-right:0; }
#section_04 .content .list li:nth-child(n+4){ margin-top:20px; }
#section_04 .content .list li .list_box{ position:relative; }
/* #section_04 .content .list li .list_box img{ width:50px; } */
#section_04 .content .list li .list_box .tit_box h4{ line-height:1; font-size:26px; font-weight:600; color:#13294b; margin:15px 0 10px 0; }
#section_04 .content .list li .list_box .tit_box p{ line-height:25px; font-size:18px; font-weight:200; }


/*section_05*/
#section_05 .content .content_title{ margin:0 auto 30px auto; }
#section_05 .content>h4{ line-height:30px; font-size:20px; font-weight:200; text-align:center; margin:15px auto 40px auto; }
#section_05 .content>h4 span{ display:block; }
#section_05 .content .staff_gal{ display:flex; flex-wrap:wrap; justify-content:center; }
#section_05 .content .staff_gal li{ width:calc((100% - 40px) / 5); border:1px solid rgba(0,0,0,.15); border-radius:25px 25px 0 0; margin-right:10px; display:flex; flex-wrap:wrap; align-content:space-between; }
#section_05 .content .staff_gal li:nth-child(5n){ margin-right:0; }
#section_05 .content .staff_gal li:nth-child(n+6){ margin-top:10px; }
#section_05 .content .staff_gal li dl{ width:100%; text-align:center; padding:35px 25px 15px 25px; }
#section_05 .content .staff_gal li dl dt{ line-height:1; font-size:26px; font-weight:700; letter-spacing:-1.5px; color:#0081cc; }
#section_05 .content .staff_gal li dl dd{ line-height:23px; font-size:18px; font-weight:200; color:#686868; margin:10px auto 0 auto; }
#section_05 .content .staff_gal li img{ width:100%; height:auto; object-fit:contain; display:block; margin:0 auto; }





@media (max-width:1600px){
	#wrapper{ min-width:initial; }
	/*header*/
	#header{ padding:0 100px; }
	#header .header_box{ width:100%; }
	/*content*/
	.container{ width:auto; padding:0 100px; }
}
@media (max-width:1400px){
	/*section_01*/
	#section_01 .title{ padding:50px 100px 0 100px; }
	#section_01 .title img{ height:250px; }
	#section_01 .title div{ margin:-50px 0 0 50px; }
	#section_01 .title div h3{ font-size:24px; }
	#section_01 .title div h4{ line-height:48px; font-size:38px; }
	/*section_02*/
	#section_02 .content>div h5{ font-size:28px; }
	#section_02 .content>div .info{ width:calc(100% - 271px); }
	#section_02 .content>div .info li div h4{ font-size:16px; }
	#section_02 .content>div .info li div h3{ font-size:26px; }
	#section_02 .content>div .info .kakao div h3{ margin-right:20px; }
	/*section_03*/
	#section_03 .content .map_box .info h4{ font-size:24px; }
	#section_03 .content .map_box .info div dl dt{ font-size:18px; }
	#section_03 .content .map_box .info div dl dd{ font-size:18px; }
	/*section_04*/
	#section_04 .content .list li .list_box .tit_box h4{ font-size:24px; }
	#section_04 .content .list li .list_box .tit_box p{ line-height:22px; font-size:16px; }
}
@media (max-width:1200px){
	/*header*/
	#header{ padding:0 50px; }
	/*footer*/
	#footer{ padding:25px 50px; }
	/*content*/
	.container{ padding:0 50px; }
	.content_title{ font-size:38px; }
	/*section_01*/
	#section_01 .title{ padding:50px 50px 0 50px; margin-bottom:30px; }
	#section_01 .title div h3{ font-size:22px; }
	#section_01 .title div h4{ line-height:46px; font-size:36px; }
	/*section_02*/
	#section_02 .content>div h5{ font-size:26px; }
	#section_02 .content>div .info{ width:calc(100% - 255px); }
	#section_02 .content>div:first-of-type .info li{ height:120px; }
	#section_02 .content>div:last-of-type .info li{ padding:20px; }
	#section_02 .content>div .info li div h3{ font-size:24px; }
	#section_02 .content>div .info li div img{ height:80px; }
	/*section_03*/
	#section_03 .content .map_box iframe{ height:400px; }
	/*section_04*/
	#section_04 .content .list li{ padding:25px; }
	/*section_05*/
	#section_05 .content .staff_gal li{ width:calc((100% - 30px) / 4); }
	#section_05 .content .staff_gal li:nth-child(4n){ margin-right:0; }
	#section_05 .content .staff_gal li:nth-child(5n){ margin-right:auto; }
	#section_05 .content .staff_gal li:nth-child(n+5){ margin-top:10px; }
	#section_05 .content .staff_gal li dl dt{ font-size:24px; }
	#section_05 .content .staff_gal li dl dd{ width:100%; }
}
@media (max-width:1000px){
	/*header*/
	#header .header_box .left{ display:none; }
	/*content*/
	.section{ margin-bottom:100px; }
	.content_title{ font-size:36px; }
	/*section_01*/
	#section_01{ padding-top:100px; }
	#section_01 .title{ flex-wrap:wrap; flex-direction:column-reverse; }
	#section_01 .title div{ width:80%; text-align:center; margin:0 auto 40px auto; }
	#section_01 .title div h4{ line-height:44px; font-size:34px; }
	#section_01 .title img{ height:200px; }
	/*section_02*/
	#section_02 .content>div{ flex-wrap:wrap; }
	#section_02 .content>div h5{ padding-left:40px; margin-bottom:10px; }
	#section_02 .content>div h5::before{ top:50%; left:0; transform:translateY(-50%); width:15px; }
	#section_02 .content>div h5::after{ top:50%; right:auto; bottom:auto; left:15px; transform:translateY(-50%); width:15px; }
	#section_02 .content>div .info{ width:100%; }
	/*section_04*/
	#section_04 .content .list li{ width:calc((100% - 20px) / 2); }
	#section_04 .content .list li:nth-child(2n){ margin-right:0; }
	#section_04 .content .list li:nth-child(3n){ margin-right:auto; }
	#section_04 .content .list li:nth-child(n+3){ margin-top:20px; }
}
@media (max-width:800px){
	/*header*/
	#header{ padding:0 25px; }
	/*footer*/
	#footer{ padding:25px; }
	/*content*/
	.container{ padding:0 25px; }
	/*section_01*/
	#section_01 .title div{ width:100%; }
	#section_01 .title div h4{ line-height:42px; font-size:32px; margin-top:15px; }
	/*section_02*/
	#section_02 .content>div h5{ font-size:24px; }
	#section_02 .content>div .info{ flex-wrap:wrap; }
	#section_02 .content>div:first-of-type .info li{ height:auto; }
	#section_02 .content>div:last-of-type .info li{ width:100%; margin-right:0; }
	#section_02 .content>div:last-of-type .info li:last-child{ margin-top:10px; }
	/*section_03*/
	#section_03 .content .map_box iframe{ height:350px; margin-bottom:20px; }
	#section_03 .content .map_box .info h4{ font-size:22px; }
	#section_03 .content .map_box .info div{ margin:15px 0 30px 0; }
	#section_03 .content .map_box .info ul li a{ font-size:16px; }
	/*section_04*/
	#section_04 .content .list li{ width:calc((100% - 10px) / 2); margin-right:10px; padding:20px; }
	#section_04 .content .list li:nth-child(n+3){ margin-top:10px; }
	#section_04 .content .list li .list_box .tit_box h4{ font-size:22px; }
	/*section_05*/
	#section_05 .content>h4{ line-height:28px; font-size:18px; }
	#section_05 .content .staff_gal li{ width:calc((100% - 20px) / 3); }
	#section_05 .content .staff_gal li:nth-child(3n){ margin-right:0; }
	#section_05 .content .staff_gal li:nth-child(4n){ margin-right:auto; }
	#section_05 .content .staff_gal li:nth-child(n+4){ margin-top:10px; }
	#section_05 .content .staff_gal li dl{ padding:30px 25px 10px 25px; }
	#section_05 .content .staff_gal li dl dt{ font-size:22px; }
	#section_05 .content .staff_gal li dl dd{ line-height:20px; font-size:16px; }
}
@media (max-width:600px){
	/*content*/
	.content_title{ margin:0 auto 30px auto; }
	/*section_01*/
	#section_01 .title{ padding:50px 25px 0 25px; }
	#section_01 .title div h3{ font-size:20px; }
	#section_01 .title div h4{ line-height:40px; font-size:30px; }
	#section_01 .text p{ font-size:18px; }
	/*section_02*/
	#section_02 .content>div:first-of-type .info li{ width:calc((100% - 10px) / 2); text-align:center; margin-right:10px; justify-content:center; }
	#section_02 .content>div:first-of-type .info li:nth-child(n+3){ margin-top:10px; }
	/*section_03*/
	#section_03 .content .map_box .info ul li{ margin-right:5px; }
	/*section_05*/
	#section_05 .content .staff_gal li{ width:calc((100% - 10px) / 2); }
	#section_05 .content .staff_gal li:nth-child(2n){ margin-right:0; }
	#section_05 .content .staff_gal li:nth-child(3n){ margin-right:auto; }
	#section_05 .content .staff_gal li:nth-child(n+3){ margin-top:10px; }
	#section_05 .content .staff_gal li dl{ padding:30px 20px 10px 20px; }
}
@media (max-width:500px){
	/*header*/
	#header .header_box .logo a img{ height:35px; }
	#header .header_box .lang>li>div span img{ margin-right:0; }
	#header .header_box .lang>li>div span em{ display:none; }
	#header .header_box .lang>li>ul{ width:calc(100% + 9px); }
	#header .header_box .lang>li>ul>li>a img{ margin-right:0; }
	#header .header_box .lang>li>ul>li>a em{ display:none; }
	/*content*/
	.content_title{ width:100%; }
	/*section_01*/
	#section_01 .title{ overflow:hidden; }
	#section_01 .title div{ margin:0 auto 35px auto; }
	/*section_02*/
	#section_02 .content_title span{ display:block; }
	#section_02 .content>div:first-of-type .info li{ width:100%; text-align:left; margin-right:0; justify-content:flex-start; }
	#section_02 .content>div:first-of-type .info li:nth-child(n+2){ margin-top:10px; }
	/*section_03*/
	#section_03 .content .map_box .info div{ flex-wrap:wrap; }
	#section_03 .content .map_box .info div dl{ width:100%; margin:0 0 5px 0; }
	#section_03 .content .map_box .info div dl::before{ display:none; }
	#section_03 .content .map_box .info div dl:last-child{ margin:0; }
	#section_03 .content .map_box .info div dl dt{ min-width:28px; }
	#section_03 .content .map_box .info ul{ flex-wrap:wrap; }
	#section_03 .content .map_box .info ul li{ width:100%; margin-right:0; }
	#section_03 .content .map_box .info ul li:nth-child(n+2){ margin-top:5px; }
	/*section_04*/
	#section_04 .content_title span{ display:block; }
	#section_04 .content .list li{ width:100%; margin-right:0; }
	#section_04 .content .list li:nth-child(n+2){ margin-top:10px; }
	/*section_05*/
	#section_05 .content .staff_gal li{ width:100%; margin-right:0; }
	#section_05 .content .staff_gal li:nth-child(n+2){ margin-top:10px; }
}
@media (max-width:400px){
	/*header*/
	#header .header_box .logo a img{ height:30px; }
}
@media (max-width:350px){
	/*header*/
	#header .header_box .logo{ margin:0 auto 0 0; }
	/*section_01*/
	#section_01 .title div h4{ word-break:break-all; }
	#section_01 .title img{ width:100%; height:auto; }
	/*section_02*/
	#section_02 .content>div h5{ line-height:1; }
	#section_02 .content>div:first-of-type .info li{ text-align:center; justify-content:center; }
	#section_02 .content>div .info li div img{ margin:auto; }
	#section_02 .content>div .info .tell div h3{ text-align:center; margin:auto; }
	#section_02 .content>div:last-of-type .info .kakao div{ flex-wrap:wrap; }
	#section_02 .content>div .info .kakao div h3{ text-align:center; margin:0 auto 10px auto; }
}