@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable.css");
/*나눔네오*/
@font-face {
    font-family: 'NanumSquareNeoLight';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeoBold';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeoExtraBold';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeoHeavy';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeoVariable';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.ttf) format("truetype");
}
@font-face {
    font-family: 'Ownglyph_corncorn-Rg';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2412-1@1.0/Ownglyph_corncorn-Rg.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Ownglyph_ryurue-Rg';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2405-2@1.0/Ownglyph_ryurue-Rg.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Ownglyph_noocar-Rg';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2405-2@1.0/Ownglyph_noocar-Rg.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
/*		---font*/

html{overflow:scroll;overflow-x:auto}
html{ width:100%;height:100%;-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; background-color:#fbfdfc}
body{ margin:0; padding:0;  }

img{border:none;vertical-align:top}

h1, h2, h3, h4, h5, h6, dt{margin:0;padding:0;font-weight:normal; font-style:normal; font-family: 'NanumSquareNeoHeavy';}
h2 span{ transform: scaleX(0.98)}
p{margin:0;padding:0; font-family: 'Pretendard Variable',sans-serif,;}
ol, ul, dl, li, dd{display:block;margin:0;padding:0;list-style:none; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR';}

textarea{margin:0;padding:0;border:none;resize:none;}
input{margin:0;padding:0;border:none;font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR';font-weight:normal;}
input[type=text],input[type=password],input[type=submit],input[type=button]{-webkit-appearance: none;-webkit-border-radius: 0;}
input[type=checkbox]{border:1px solid #666666;border-radius:0;}
input[type=radio]{border:1px solid #666666;}
input:focus,textarea:focus{outline-style:none;}


:root{
--txt-color1:#181818;
--txt-color2:#0f8bdb;	
--txt-color3:#282828;			
--f-com:14px;	
--h-com:45px;
} 


.wrap{ overflow:hidden; width:100%; margin:0 auto; max-width:2500px; box-sizing:border-box}

.cont{ width:100%; margin:0 auto; max-width:1420px; padding:0 10px; box-sizing:border-box}
.cont:after{display:block;content:"";clear:both;}
.cont .left{ float:left}
.cont .right{ float:right}
@media only screen and (max-width:900px) {
.cont{ max-width:750px; padding:0 15px}
}
@media only screen and (max-width:560px) {
.cont{  max-width:380px; padding:0 10px}
}

h1{ position:absolute; top:25px; left:50%;transform: translateX(-50%);z-index:99999; width:180px; height:70px; background: url(images/logo.png) left top no-repeat; background-size:100% auto; text-indent:-999999px}
h3{ font-family: 'NanumSquareNeoExtraBold'; font-size:48px; line-height:65px; letter-spacing:-0.05em; color:var(--txt-color1);}
h3 strong{ display:inline-block; color:var(--txt-color2);}
h3 span{ display:inline-block}
.q_marks{ padding:70px 0 70px 5px; background-image:url(images/q_marks_1.png) , url(images/q_marks_2.png); background-position:left top, left bottom; background-repeat:no-repeat, no-repeat; background-size:auto 70px, auto 70px }
.p_txt1{ padding:28px 0 12px 8px; font-size:25px; letter-spacing:-0.04em; line-height:40px; font-weight:400; color:var(--txt-color3);}
.p_txt1 span{ display:block}
.p_txt1 strong{ font-weight:700; color:var(--txt-color2);}
@media only screen and (max-width:1200px) {
h3{ font-size:44px; line-height:57px;}
.q_marks{ padding:50px 0 50px 4px; background-size:auto 50px, auto 50px }
.p_txt1{ padding:22px 0 8px 6px; font-size:20px; line-height:32px;}
}
@media only screen and (max-width:1000px) {
h3{ font-size:40px; line-height:52px;}
.q_marks{ padding:40px 0 40px 4px; background-size:auto 40px, auto 40px }
}
@media only screen and (max-width:900px) {
h1{ top:12px; width:100px; height:39px;}
h3{ font-size:28px; line-height:36px;}
.q_marks{ padding:28px 0 28px 3px; background-size:auto 28px, auto 28px }
.p_txt1{ padding:15px 0 5px 5px; font-size:16px; line-height:26px;}
}
@media only screen and (max-width:320px) {
.p_txt1 span{ display:inline}
}

.purme_btn{ display:inline-block; height:86px; border-radius:20px;  box-sizing:border-box; background-color:#1c72bc; color:#fff }
.purme_btn span{ display:inline-block; padding:20px 118px 20px 40px; font-family: 'NanumSquareNeoHeavy'; font-size:30px; line-height:46px; font-weight:600; letter-spacing:-0.04em; background:url(images/dept_arrow_w.png) right center no-repeat; background-size:auto 100%;}
.purme_btn:hover{ background-color:#222}
@media only screen and (max-width:900px) {
.purme_btn{ border-radius:10px; height:45px;}
.purme_btn span{ padding:10px 60px 10px 25px; font-size:16px; line-height:26px; }
}

.text_box_type1{ margin-left:53.44%; width:46.5%; max-width:750px; padding-right:30px; box-sizing:border-box; word-break:keep-all}
.text_box_type2{ width:45%; max-width:640px; word-break:keep-all}
@media only screen and (max-width:900px) {
.text_box_type1{padding-right:15px; }
}
@media only screen and (max-width:670px) {
.text_box_type1{ margin-left:46%; width:54%; padding-right:10px; }
}

/*quick ----------------*/
.quick{ position:fixed; bottom:50px; right:30px;  z-index:90; cursor:pointer; cursor:pointer; z-index:1000}
.quick .quick_box{width:200px; height:280px; position:relative; background:url(images/quick_off.png) left bottom no-repeat; background-size:100% 100%; }
.quick .quick_top{ position:absolute; left:0; top:0px; z-index:5; width:200px; height:280px; background:url(images/quick_img.png) left top no-repeat; background-size:100% 100%}
.quick .btn{ position:absolute; left:0; bottom:30px; font-family: 'NanumSquareNeoHeavy'; font-size:25px; line-height:26px; color:#fff; text-align:center; width:100%; } 
.quick .btn span{ padding-right:26px; background:url(images/quick_arrow.png) right center no-repeat; background-size:26px auto; }
.quick:hover .quick_box{ background:url(images/quick_on.png) left bottom no-repeat; background-size:100% 100%; }
@media only screen and (max-width:900px) {
.quick{ bottom:25px; right:15px;}
.quick .quick_box{width:120px; height:168px; }
.quick .quick_top{ width:120px; height:168px; }
.quick .btn{ bottom:15px; font-size:15px; line-height:20px; }
.quick .btn span{ padding-right:22px; background-size:20px auto}
}
@media only screen and (max-width:500px) {
.quick{ width:100%; bottom:0px; right:0px;}
.quick .quick_box{ width:100%; height:64px; background:#0f8bdb}
.quick .quick_box:hover{ background-color:#000}
.quick .quick_top{ display:none}
.quick .btn{bottom:19px; font-size:18px}
}


/*dept1 ----------------*/
.dept1{ position:relative; width:100%;  background:url(images/dept1_bg.png) center top no-repeat; background-size:auto 100%; z-index:100; word-break:keep-all}
.dept1_cont{ width:100%; height:1104px; padding-top:230px; background:url(images/dept1.png) center bottom no-repeat;  background-size:auto 100%; box-sizing:border-box}
.dept1 dl dt.tit1{font-size:40px; line-height:72px; letter-spacing:-0.02em; color:#fff;}
.dept1 dl dt.tit2{font-size:80px; line-height:94px; letter-spacing:-0.02em; color:#fcff19;}
.dept1 dl dt.tit2 span{ display:inline-block}
.dept1 dl dd{ padding:42px 0 47px 0; font-size:26px; line-height:40px; font-weight:400; letter-spacing:-0.04em; color:#fff;}
.dept1 dl dd.txt1{ padding:0px 0 12px 0; font-size:24px; line-height:40px; font-weight:400; letter-spacing:-0.02em; color:#fff;}
.dept1 dl dd.txt1 span{ display:inline-block; padding:3px 24px; border:1px solid #fff; border-radius:23px}
.dept1 dl dd.txt2 span{ display:block}
.dept1 .purme_btn{ background-color:#fcff19; color:#000 }
.dept1 .purme_btn span{ background-image:url(images/dept_arrow_b.png);}
.dept1 .purme_btn:hover{ background-color:#000; color:#fff}
.dept1 .purme_btn:hover span{ background-image:url(images/dept_arrow_w.png);}

@media only screen and (max-width:1200px) {
.dept1{ background-size:2000px auto}
.dept1_cont{ height:1000px; padding-top:200px}
.dept1 dl dt.tit1{font-size:35px; line-height:65px;}
.dept1 dl dt.tit2{font-size:70px; line-height:80px;}
.dept1 dl dd{ padding:35px 0 40px 0; font-size:24px; line-height:36px; }
.dept1 dl dd.txt1{ padding:0px 0 10px 0; font-size:22px; line-height:36px;}
.dept1 dl dd.txt1 span{ padding:2px 22px; }
}
@media only screen and (max-width:900px) {
.dept1{ background-size:auto 100%}
.dept1_cont{ height:550px; padding-top:120px}
.dept1 dl dt.tit1{font-size:24px; line-height:35px;}
.dept1 dl dt.tit2{font-size:40px; line-height:50px;}
.dept1 dl dd{ padding:20px 0 30px 0; font-size:15px; line-height:24px; letter-spacing:-0.05em;}
.dept1 dl dd.txt1{ padding:0px 0 10px 0; font-size:14px; line-height:25px;}
.dept1 dl dd.txt1 span{ padding:1px 15px; }
}
@media only screen and (max-width:700px) {
.dept1{ background-size:auto 500px}
.dept1_cont{ height:600px; padding-top:100px; background-size:auto 500px;}	
}
@media only screen and (max-width:560px) {
.dept1{ background:url(images/dept1_bg_400.png) center top no-repeat; background-size:auto 100%; }
.dept1_cont{ background-size:auto 350px; background-position: bottom}	
}
@media only screen and (max-width:400px) {
.dept1_cont{ height:auto; padding-bottom:220px; background:url(images/dept1_400.png) 130% bottom no-repeat; background-size: auto 300px}	
.dept1 dl dt.tit1{font-size:21px; line-height:32px;}
.dept1 dl dd.txt2 span{ display:inline}
}
@media only screen and (max-width:360px) {
.dept1{ background-position:center bottom;  background-size:auto 100%  }
.dept1_cont{ padding-bottom:300px; background-position:center bottom; background-size:auto 320px}
}


/*dept2 ----------------*/
.dept2{ position:relative; width:100%; height:1100px; margin-top:-166px; padding:275px 0 120px 0; background:#fbfdfc url(images/dept2_bg.jpg) center bottom no-repeat; background-size:cover; z-index:1; box-sizing:border-box}
.dept2 p strong{ display: block;}
.dept2 p span{ display:block}

@media only screen and (max-width:1350px) {
.dept2{  background-size:auto 950px }
}
@media only screen and (max-width:1200px) {
.dept2{  height:800px; padding:125px 0 100px 0; background-size:auto 850px }

}
@media only screen and (max-width:1070px) {
.dept2{ height:700px;  background-size:auto 700px }

}
@media only screen and (max-width:900px) {
.dept2{ height:auto; padding:150px 0 80px 0; background-size:cover }
}
@media only screen and (max-width:760px) {
.dept2{  background-size:auto 500px }
}
@media only screen and (max-width:670px) {
.dept2{  padding:120px 0 80px 0; background-position:60% 100px; background-size:auto 400px; background-position:center bottom }

}
@media only screen and (max-width:560px) {
.dept2{  padding:150px 0 290px 0;  background:#eff4f2 url(images/dept2_bg_560.jpg) center bottom no-repeat; background-size:auto 400px}
.dept2 .text_box_type1{  margin-left:0; width:100%; max-width:380px; padding:0 10px; margin:0 auto}
}
@media only screen and (max-width:360px) {
.dept2 p strong span{ display:inline}
}


/*dept3 ----------------*/
.dept3{ position:relative; width:100%; margin-top:-200px; padding:237px 0 0 0; background:url(images/dept3_bg.png) center top no-repeat; background-size:2500px auto; z-index:2; box-sizing:border-box}
.dept3 a{ margin-top:60px;}
.dept3_bg_fl{ position:absolute; left:50%; top:90px; width:170px; height:170px; margin-left:-84px; background:url(images/dept2_f.png) center no-repeat; background-size:100%; z-index: 5; }
.dept3_img{ position: absolute; left: 48%; top: 210px; width: 790px; height: 1050px; background:url(images/dept3_img.png) left top no-repeat; background-size: 100% auto; z-index: 4;}
.dept3 > .cont{ position: relative; z-index: 10; padding-bottom: 450px;}
.dept3 .txt_br{ display: block;}
.dept4{ position:relative; width:100%; margin-top:-660px; padding:495px 0 320px 0; background:url(images/dept4_bg.png) center top no-repeat; background-size:2500px auto; z-index:2; box-sizing:border-box}
@media only screen and (max-width:1400px) {
.dept4{ background-size:2300px auto;}
}
@media only screen and (max-width:1290px) {
.dept4{ padding-top:310px; background-size:2000px auto;}
}
@media only screen and (max-width:1200px) {
.dept3_bg_fl{ top:120px; width:120px; height:120px; margin-left:-60px }
.dept3_img{ top: 280px; width: 650px; height: 864px;}
}
@media only screen and (max-width:1120px) {
.dept3{ background-size:2200px auto; }
.dept3 > .cont .text_box_type2{ width:50%; }
.dept3_img{ left: 51%; width: 550px; height: 731px;}
.dept4{ background-size:1600px auto;}
}
@media only screen and (max-width:930px) {
.dept3 .txt_br{ display: inline;}
.dept3 > .cont .text_box_type2{ width:55%; }
.dept3_img{ left: 51%; width: 474px; height: 630px;}
}
@media only screen and (max-width:900px) {
.dept3{ margin-top:-120px; padding:130px 0 0 0; background-size:1600px auto; }
.dept3 a{ margin-top:35px;}
.dept3_img{ left: 51%; top: 180px; width:400px; height: 532px;}
.dept3_bg_fl{ top:75px; width:100px; height:100px; margin-left:-50px }
.dept3 .txt_br{ display: block;}
.dept3 > .cont{ position: relative; z-index: 10; padding-bottom:100px;}
.dept4{  margin-top:-210px; padding:200px 0 200px 0; background-size:1100px auto;}
}
@media only screen and (max-width:670px) {
.dept3{ margin-top:-90px; padding:130px 0 0 0; background-size:1100px auto; }
.dept3_img{ left: 53%; top: 120px; width:300px; height:399px;}
.dept3_bg_fl{ top:50px; width:70px; height:70px; margin-left:-35px }
.dept3 > .cont .text_box_type2{ width:100%; }
.dept3 > .cont .text_box_type2 h3{ width:53%}
.dept3 > .cont .text_box_type2 p:first-child{ width:48%}
.dept4{ margin-top:-120px; padding:150px 0 200px 0;  background:url(images/dept4_bg_670.png) center top no-repeat; background-size:700px auto;}
.dept4 .text_box_type1{ width:100%; margin:0;  }
}
@media only screen and (max-width:560px) {
.dept3{ margin-top:-110px; padding:100px 0 0 0; background-size:650px auto; }
.dept3_img{ display:none}
.dept3_img_560{ margin-top:-30px; width:100%; height:399px; background:url(images/dept3_img.png) center top no-repeat; background-size:auto 100%;}
.dept3_bg_fl{ top:40px; left:90%; width:70px; height:70px; margin-left:-35px }
.dept3 > .cont{ padding-bottom:140px;}
.dept3 > .cont .text_box_type2{ width:100%; }
.dept3 > .cont .text_box_type2 h3{ width:100%}
.dept3 > .cont .text_box_type2 p:first-child{ width:100%}
.dept4{ margin-top:-120px; padding:300px 0 330px 0;  background:url(images/dept4_bg_560.png) center top no-repeat; background-size:600px auto;}
}
@media only screen and (max-width:360px) {
.dept3 .txt_br{ display: inline;}
}

/*dept5 ----------------*/
.dept5{ position:relative; width:100%; margin-top:-420px; padding:350px 0 170px 0; background:url(images/dept5_bg.png) center top no-repeat; background-size:2500px auto; z-index:3; box-sizing:border-box}
.dept5 p span{ display:block}
.dept5 a{margin-top:60px;}
.dept5 > .cont .text_box_type2{ width:70%; }
@media only screen and (max-width:1120px) {
.dept5{ margin-top:-390px; padding:332px 0 170px 0; background-size:2000px auto; }
}
@media only screen and (max-width:900px) {
.dept5{ margin-top:-300px; padding:202px 0 80px 0; background-size:1600px auto;}
.dept5 a{ margin-top:35px;}
}
@media only screen and (max-width:670px) {
.dept5{ margin-top:-230px; padding:202px 0 80px 0;  background:url(images/dept5_bg_670.png) center top no-repeat;  background-size:700px auto;}
}
@media only screen and (max-width:560px) {
.dept5{ margin-top:-360px; padding:175px 0 80px 0;  background:url(images/dept5_bg_560.png) center top no-repeat;  background-size:670px auto;}
.dept5 > .cont .text_box_type2{ width:100%; }
.dept5 p span.txt{ display:inline !important}
}
@media only screen and (max-width:350px) {
.dept5 strong{ display:inline}
}

/*dept6 ----------------*/
.dept6{ width:100%; padding:232px 0 145px 0; background:url(images/dept6_bg.jpg) center top no-repeat; background-size:cover; z-index:3; box-sizing:border-box}
.dept6 .text_box_type2{ width:100%; max-width:100%}
.dept6 h3{ padding-bottom:63px}
.dept6 .p_txt2{ padding-top:19px; font-size:16px; line-height:30px; color:#89959d; letter-spacing:-0.04em; font-weight:400}
.dept6 .list { width: 2000px; overflow: hidden; position: relative; margin-left:-5px; }
.dept6 .list ul { display: flex; padding: 0; margin: 0; list-style: none; transition: transform 0.5s ease-in-out; }
.dept6 .list li { width: 480px; flex: 0 0 auto; text-align: center; background: #f8f9fa; margin:0 45px 0 5px; }
.dept6 .list li span{ display:block; font-weight:400; letter-spacing:-0.04em; }
.dept6 .list li span.img img{ width:100%; height:auto}
.dept6 .list li span.name{ width:100%; height:0; position:relative}
.dept6 .list li span.name span{ position:absolute; left:-5px; bottom:0; padding:0 20px; font-size:25px; line-height:45px; font-weight:700; background-color:#0f8bdb; color:#eff5f9;}
.dept6 .list li span.txt{ padding:17px 20px 20px 20px; min-height:180px; font-size:21px; line-height:35px; color:#282828; box-sizing:border-box; text-align:center}
.dept6 .list li span.txt span{ display:inline-block}
.dept6 .list_btn { position:relative; width:100%; height:0;}
.dept6 .list_btn .next_btn{ position:absolute; right:0; bottom:48px; height:75px; width:75px; border-radius:100%; background:#fff url(images/dept_arrow.png) center no-repeat; background-size:44px auto; cursor:pointer; text-indent:-99999px}
.dept6 .list_btn .next_btn:hover{ background-color:#0f8bdb}
@media only screen and (max-width:1120px) {
.dept6 .list li { width: 380px;}
}
@media only screen and (max-width:900px) {
.dept6{ padding:100px 0 80px 0; }
.dept6 h3{ padding-bottom:35px}
.dept6 .p_txt2{ padding-top:12px; font-size:12px; line-height:20px;}
.dept6 .list { width: 1000px; margin-left:-3px; }
.dept6 .list li { width: 250px; margin:0 25px 0 3px; }
.dept6 .list li span.name span{ left:-3px; padding:0 15px; font-size:18px; line-height:25px; }
.dept6 .list li span.txt{ padding:12px 10px 15px 10px; min-height:100px; font-size:14px; line-height:20px; }
.dept6 .list li span.txt span{ display:inline-block}
.dept6 .list_btn { position:relative; width:100%; height:0;}
.dept6 .list_btn .next_btn{ bottom:30px; height:40px; width:40px; background-size:25px auto;}
}
@media only screen and (max-width:560px) {
.dept6{ background:url(images/dept6_bg_560.jpg) center no-repeat; background-size:auto 100%}
.dept6 .list li { width: 230px; margin:0 25px 0 3px; }
}

/*dept7 ----------------*/
.dept7{ position:relative; width:100%; padding:150px 0 190px 0; background:url(images/dept7_bg.jpg) center top no-repeat; background-size:cover; z-index:3; box-sizing:border-box; word-break:keep-all}
.dept7 h4{ padding-bottom:50px; text-align:center; font-family: 'NanumSquareNeoExtraBold'; font-size:48px; line-height:65px; letter-spacing:-0.05em;}
.dept7 h4 strong{ display:block; margin-top:10px; color:#fff;}
.dept7 .cont{ position:relative; z-index:5; text-align:center}
.dept7 .box{ margin-top:20px; background:#fff; border-radius:45px; padding:30px; box-sizing:border-box; text-align:left; display:flex}
.dept7 .box .img{ width:25%; border-radius:28px; background-position:center; background-repeat:no-repeat; background-size:cover}
.dept7 .box .txt_box{ width:75%; padding:15px 2.5% 15px 4.4%; box-sizing:border-box}
.dept7 .box1 .img{ background-image:url(images/dept7_img1.jpg)}
.dept7 .box2 .img{ background-image:url(images/dept7_img2.jpg)}
.dept7 .box2 .txt_box{ padding:15px 4.4% 15px 2.5%;}
.dept7 .box .txt_box .p_txt1{ padding:0; font-size:24px; line-height:42px; letter-spacing:-0.05em}
.dept7 .box .txt_box .p_txt2{ padding-top:34px; font-size:22px; font-weight:400; line-height:42px; letter-spacing:-0.04em; color:#616060}
.dept7 .purme_btn{ margin:50px auto 0 auto;  background-color:#fcff19; color:#000 }
.dept7 .purme_btn span{ background-image:url(images/dept_arrow_b.png);}
.dept7 .purme_btn:hover{ background-color:#000; color:#fff}
.dept7 .purme_btn:hover span{ background-image:url(images/dept_arrow_w.png);}
.dept7 ul.bg li{ position:absolute; background-position:center center; background-repeat:no-repeat; background-size:100% auto}
.dept7 ul.bg li.bg_left1{ left:50%; top:125px; width:300px; height:710px; margin-left:-660px; background-image:url(images/dept7_bg_l1.png); z-index:1}
.dept7 ul.bg li.bg_left2{ left:12%; top:890px; width:240px; height:240px; background-image:url(images/dept7_bg_l2.png); z-index:1}
.dept7 ul.bg li.bg_right1{ left:50%; top:155px; width:350px; height:350px; margin-left:320px; background-image:url(images/dept7_bg_r1.png); z-index:10}
.dept7 ul.bg li.bg_right2{ left:50%; bottom:0px; width:400px; height:450px; margin-left:520px; background-image:url(images/dept7_bg_r2.png); z-index:10}
.dept7 .box .w_560{ display:none}
@media only screen and (max-width:1200px) {
.dept7 h4{font-size:44px; line-height:58px;}
.dept7 h4 strong{ margin-top:8px; }
.dept7 .box .txt_box .p_txt1{ font-size:22px; line-height:40px; }
.dept7 .box .txt_box .p_txt2{ padding-top:30px; font-size:20px; line-height:40px; }
.dept7 ul.bg li.bg_left1{  margin-left:-520px; }
.dept7 ul.bg li.bg_right1{ margin-left:250px;}
.dept7 ul.bg li.bg_right2{ margin-left:620px}
}
@media only screen and (max-width:900px) {
.dept7{ padding:90px 0 90px 0; }
.dept7 h4{padding-bottom:25px;font-size:26px; line-height:34px;}
.dept7 h4 strong{ margin-top:5px; }
.dept7 .box{ margin-top:12px; border-radius:23px; padding:18px; }
.dept7 .box .img{ width:25%; border-radius:15px; }
.dept7 .box .txt_box{ padding:8px 2.5% 8px 4.4%; }
.dept7 .box2 .txt_box{ padding:8px 4.4% 8px 2.5%;}
.dept7 .box .txt_box .p_txt1{ font-size:14px; line-height:22px;}
.dept7 .box .txt_box .p_txt2{ padding-top:14px; font-size:12px; line-height:22px; }
.dept7 .purme_btn{ margin:25px auto 0 auto;  }

.dept7 ul.bg li.bg_left1{ top:85px; width:150px; height:355px; margin-left:-300px;}
.dept7 ul.bg li.bg_left2{ left:50%; top:750px; width:140px; height:140px; margin-left:-260px; z-index:10}
.dept7 ul.bg li.bg_right1{ top:105px; width:170px; height:170px; margin-left:190px;}
.dept7 ul.bg li.bg_right2{  bottom:0px; width:200px; height:225px; margin-left:230px; }
}
@media only screen and (max-width:670px) {
.dept7 ul.bg li.bg_right1{ margin-left:160px;}
.dept7 ul.bg li.bg_right2{ margin-left:620px}
}
@media only screen and (max-width:560px) {
.dept7 ul.bg li.bg_right1{ margin-left:160px;}
.dept7 ul.bg li.bg_right2{ margin-left:620px}
.dept7 .box .w_560{ display:block}
.dept7 .box .w_all{ display:none}
.dept7 .box{ display:block}
.dept7 .box .img{ width:80%; margin:5% 10%; height:200px;}
.dept7 .box .txt_box{ padding:15px5%; width:100%;}
.dept7 ul.bg li.bg_left1{ display:none}
.dept7 ul.bg li.bg_left2{ top:700px; margin-left:-240px; }
.dept7 ul.bg li.bg_right1{ top:235px; margin-left:60px;}
.dept7 ul.bg li.bg_right2{  margin-left:80px; }
}
@media only screen and (max-width:420px) {
.dept7 h4{padding-bottom:23px;font-size:24px; line-height:32px;}
.dept7 ul.bg li.bg_right2{ display:none}
}

/*dept8 ----------------*/ 
.dept8{ position:relative; width:100%; padding:150px 0 190px 0; background:url(images/dept8_bg.jpg) center top no-repeat; background-size:cover; box-sizing:border-box; word-break:keep-all; text-align:center}
.dept8 h4{ padding-bottom:86px; text-align:center; font-family: 'NanumSquareNeoExtraBold'; font-size:48px; line-height:65px; letter-spacing:-0.05em; }
.dept8 h4 strong{ display:block; color:var(--txt-color2);}
.dept8 h5{ padding:72px 0 0px 0; text-align:center; font-family: 'NanumSquareNeoExtraBold'; font-size:45px; line-height:65px; letter-spacing:-0.05em; }
.dept8 .logo{ width:270px; height:270px; margin:0 auto; background:url(images/dept8_logo.png) center no-repeat; background-size:100% auto; text-indent:-9999px}
.dept8 p span{ display:block}
.dept8 .p_txt3{ padding:11px 0 0 0; font-size:23px; line-height:40px; letter-spacing:-0.05em; font-weight:400; }
.dept8 .p_txt4{ padding-top:18px; font-size:30px; line-height:45px; letter-spacing:-0.05em; font-weight:700; }
.dept8 .p_txt5{ font-size:20px; line-height:43px; letter-spacing:-0.05em; font-weight:400; }
.dept8 .p_txt6{ padding:18px 0 41px 0; font-size:25px; line-height:40px; letter-spacing:-0.03em; font-weight:400; }
.dept8 .p_txt6 span{ display:inline-block; padding:2px 10px 0 8px;  margin:1px 3px; height:35px; font-size:30px; line-height:30px; box-sizing:border-box;  font-family: 'Ownglyph_corncorn-Rg'; background-color:#fcff19; border-radius:5px}
.dept8 .p_txt7{  font-family: 'NanumSquareNeoHeavy'; font-size:42px; line-height:60px; letter-spacing:-0.05em; color:var(--txt-color2);}
.dept8 a{ margin-top:82px;}
.dept8 ul.bg li{ position:absolute; width:370px; height:370px; left:50%; background-position:center center; background-repeat:no-repeat; background-size:100% auto; border:10px solid #fff; border-radius:100%;}
.dept8 ul.bg li.bg_img1{ background-image:url(images/dept8_img1.jpg); top:360px; margin-left:-800px}
.dept8 ul.bg li.bg_img2{ background-image:url(images/dept8_img2.jpg); top:520px; margin-left:380px}
.dept8 ul.bg li.bg_img3{ background-image:url(images/dept8_img3.jpg); bottom:370px; margin-left:305px}
.dept8 ul.bg li.bg_img4{ background-image:url(images/dept8_img4.jpg); bottom:138px; margin-left:-670px}
@media only screen and (max-width:1400px) {
.dept8 ul.bg li{ width:270px; height:270px}
.dept8 ul.bg li.bg_img1{ top:318px; margin-left:-620px}
.dept8 ul.bg li.bg_img2{ top:520px; margin-left:300px}
.dept8 ul.bg li.bg_img3{ bottom:370px; margin-left:285px}
.dept8 ul.bg li.bg_img4{ bottom:138px; margin-left:-570px}
}
@media only screen and (max-width:1200px) {
.dept8 h4{font-size:44px; line-height:58px;}
.dept8 .logo{ width:260px; height:260px;}
}
@media only screen and (max-width:1040px) {
.dept8 ul.bg li{ width:200px; height:200px}
.dept8 ul.bg li.bg_img1{ top:280px; margin-left:-495px}
.dept8 ul.bg li.bg_img2{ top:550px; margin-left:270px}
.dept8 ul.bg li.bg_img3{ bottom:500px; margin-left:235px}
.dept8 ul.bg li.bg_img4{ bottom:138px; margin-left:-500px}
}

@media only screen and (max-width:900px) {
.dept8{ padding:90px 0 90px 0; }
.dept8 h4{padding-bottom:45px;font-size:26px; line-height:34px;}

.dept8 h5{ padding:37px 0 0px 0; font-size:24px; line-height:32px }
.dept8 .logo{ width:140px; height:140px;}
.dept8 .p_txt3{ padding:8px 0 0 0; font-size:16px; line-height:24px; }
.dept8 .p_txt4{ padding-top:10px; font-size:18px; line-height:26px; }
.dept8 .p_txt5{ font-size:13px; line-height:22px;  }
.dept8 .p_txt6{ padding:6px 0 22px 0; font-size:15px; line-height:24px; }
.dept8 .p_txt6 span{ padding:2px 6px 0 4px; font-size:18px; margin:1px 0 1px 2px; height:24px; line-height:20px;}
.dept8 .p_txt7{  font-size:22px; line-height:31px;}
.dept8 a{ margin-top:40px;}
.dept8 ul.bg li{ width:140px; height:140px; border:5px solid #fff}
.dept8 ul.bg li.bg_img1{ top:156px; margin-left:-305px}
.dept8 ul.bg li.bg_img2{ top:380px; margin-left:160px}
.dept8 ul.bg li.bg_img3{ bottom:200px; margin-left:145px}
.dept8 ul.bg li.bg_img4{ bottom:65px; margin-left:-300px}
}
@media only screen and (max-width:560px) {
.dept8 ul.bg li{ width:140px; height:140px}
.dept8 ul.bg li.bg_img1{ top:160px; margin-left:-255px}
.dept8 ul.bg li.bg_img2{ top:160px; margin-left:115px}
.dept8 ul.bg li.bg_img3{ bottom:270px; margin-left:130px}
.dept8 ul.bg li.bg_img4{ bottom:80px; margin-left:-280px}
}
@media only screen and (max-width:420px) {
.dept8 h4{padding-bottom:42px;font-size:24px; line-height:32px;}
.dept8 ul.bg li{ width:120px; height:120px;}
.dept8 ul.bg li.bg_img1{ top:356px; margin-left:-230px}
.dept8 ul.bg li.bg_img2{ top:490px; margin-left:110px}
.dept8 ul.bg li.bg_img3{ bottom:-35px; margin-left:85px}
.dept8 ul.bg li.bg_img4{ bottom:-55px; margin-left:-180px}
}


.dept8_1{ width:100%; background-color:#f2f2f2; padding:120px  0 110px 0; text-align:center}
.dept8_1 h4{font-family: 'NanumSquareNeoBold'; font-size:35px; line-height:50px; letter-spacing:-0.05em; }
.dept8_1 h4 strong{font-family: 'NanumSquareNeoHeavy'; color:var(--txt-color2);}
.dept8_1 p{ font-size:21px; font-weight:600; color:#5a5959; padding-top:14px}
@media only screen and (max-width:900px) {
.dept8_1{  padding:60px  0 50px 0;}
.dept8_1 h4{ font-size:18px; line-height:26px;}
.dept8_1 p{ font-size:13px; font-weight:500; padding-top:8px}
}

.dept8_2{ width:100%; background-color:var(--txt-color2); padding:150px  0 190px 0; text-align:center;}
.dept8_2 h4{ color:#fff; padding-bottom:86px; text-align:center; font-family: 'NanumSquareNeoExtraBold'; font-size:48px; line-height:65px; letter-spacing:-0.05em; }
.dept8_2 .p_txt1{ display:none; padding:0; font-size:26px; line-height:40px; letter-spacing:-0.03em; color:#fff;}
.dept8_2 .p_txt2{  font-family: 'NanumSquareNeoBold'; font-size:38px; line-height:64px; letter-spacing:-0.05em; color:#fff;}
.dept8_2 .p_txt3{  font-family: 'NanumSquareNeoHeavy'; font-size:42px; line-height:60px; letter-spacing:-0.05em; color:#fff;}
.dept8_2 a{ margin-top:82px; background-color:#fcff19; color:#000 }
.dept8_2 a.purme_btn span{ background-image:url(images/dept_arrow_b.png);}
.dept8_2 .purme_btn:hover{ background-color:#000; color:#fff}
.dept8_2 .purme_btn:hover span{ background-image:url(images/dept_arrow_w.png);}
.dept8_2 .img_box { padding-bottom:75px}
.dept8_2 .img_box ul { display: flex; width:100%;}
.dept8_2 .img_box ul li{ text-align:left; margin-left:2.543%; position:relative}
.dept8_2 .img_box ul li:frist-child{ margin-left:0}
.dept8_2 .img_box ul span{ display:block}
.dept8_2 .img_box ul span.txt{ padding:20px 0 0 20px; font-size:26px; line-height:40px; letter-spacing:-0.03em; color:#fff;}
.dept8_2 ul span.img{ width:100%; padding-top:75.324%; border-radius:40px; background-position:center center; background-repeat:no-repeat; background-size:cover}
.dept8_2 ul li.img1 span.img{ background-image:url(images/n_dept8_img1.jpg)}
.dept8_2 ul li.img2 span.img{ background-image:url(images/n_dept8_img2.jpg)}
.dept8_2 ul li.img3 span.img{ background-image:url(images/n_dept8_img3.jpg)}
.dept8_2 ul li.img4 span.img{ background-image:url(images/n_dept8_img4.jpg)}
.dept8_2 ul li.img5 span.img{ background-image:url(images/n_dept8_img5.jpg)}
.dept8_2 .img_box ul li.img4 span.img{ margin-top: 57.5%;}
.dept8_2 .img_box ul li.img4 span.tit{ margin-top:57.5%;}
.dept8_2 .img_box ul.box1 li.img1{ width:55.959%}
.dept8_2 .img_box ul.box1 li.img2{ width:41.862%}
.dept8_2 .img_box ul.box2{ margin-top:2.543%}
.dept8_2 .img_box ul.box2 li{ width:26.708%}
.dept8_2 .img_box ul.box2 li.img5{ width:41.862%}
.dept8_2 .img_box ul.box2 span.img{padding-top:100%;}
.dept8_2 .img_box ul li span.tit{ position:absolute; left:10px; top:10px; font-size:24px; font-weight:700; color:#000; background-color:#fff; line-height:34px; padding:12px 30px 12px 30px; border-radius:50px }
.dept8_2 .m56 ul li. span.tit{ margin-top:0%;}
.dept8_2 .img_box_m560{ width:100%;:} 

.dept8_2 .p_txt3 span{ display:inline-block; padding:2px 12px 0 12px; height:55px; margin:1px 3px; box-sizing:border-box;  font-family: 'Ownglyph_corncorn-Rg'; background-color:#fff; border-radius:5px; color:#000}

.dept8_2 #slidekit{ display:none; overflow:hidden;position:relative;width:100%;  z-index:10;}
.dept8_2 #slidekit > ul{position:relative; padding-top:75.324%;}
.dept8_2 #slidekit > ul > li{position:absolute;left:0;top:0;width:100%; margin:0; background-position:center; background-repeat:no-repeat; background-size:cover; box-sizing:border-box; text-align:center}
.dept8_2 #slidekit > ul > li span.img{ padding-top:75.324% }
.dept8_2 #slidekit ul li.img4 span.img{ margin-top: 0%;}
.dept8_2 #slidekit ul li.img4 span.tit{ margin-top:0%;}



@media only screen and (max-width:1200px) {
.dept8_2 .img_box ul span.txt{ font-size:22px; line-height:36px;}
}
@media only screen and (max-width:900px) {
.dept8_2{ padding:90px 0 90px 0; }
.dept8_2 h4{padding-bottom:30px;font-size:26px; line-height:34px;}
.dept8_2 .p_txt1{  font-size:15px; line-height:22px;}
.dept8_2 .p_txt2{  font-size:18px; line-height:30px;}
.dept8_2 .p_txt3{  font-size:22px; line-height:31px;}
.dept8_2 a{ margin-top:25px }

.dept8_2 .p_txt3 span{ padding:2px 8px 0 8px; height:31px; margin-top:0 } 
.dept8_2 .img_box { padding-bottom:37px}
.dept8_2 .img_box ul span.txt{ font-size:14px; line-height:20px; padding:10px 0 0 10px}
.dept8_2 .img_box ul span.img{ border-radius:25px; }
.dept8_2 .img_box ul li span.tit{ left:5px; top:5px; font-size:14px; line-height:20px; padding:6px 18px 6px 18px; border-radius:30px }
}
@media only screen and (max-width:560px) {
.dept8_2 .img_box { display:none}
.dept8_2 #slidekit{ display:block}
}


/*dept9 ----------------*/
.dept9{ width:100%; padding:150px 0 190px 0; background:url(images/dept9_bg.jpg) center top no-repeat; background-size:cover; box-sizing:border-box; word-break:keep-all;}
.dept9 h4{ padding-bottom:27px; text-align:center; font-family: 'NanumSquareNeoExtraBold'; font-size:40px; line-height:60px; letter-spacing:-0.05em; color:#fff;}
.dept9 .dept9_list{ display: flex;}
.dept9 .dept9_t_box{ display: flex; width:49.055%; margin:1.889% 0 0 1.889%; background-color:#fff; box-sizing:border-box} 
.dept9 .dept9_t_box .img{ width:40.929%; background-position:center; background-repeat:no-repeat; background-size:cover}
.dept9 .dept9_t_box .img1{ background-image:url(images/dept9_img1.jpg)}
.dept9 .dept9_t_box .img2{ background-image:url(images/dept9_img2.jpg)}
.dept9 .dept9_t_box .img3{ background-image:url(images/dept9_img3.jpg)}
.dept9 .dept9_t_box .img4{ background-image:url(images/dept9_img4.jpg)}
.dept9 .dept9_t_box .txt_box{ width:59.071%; padding:45px 3.5% 30px 6.74%; min-height:260px; box-sizing:border-box}
.dept9 .dept9_t_box .txt_box span{ display:block}
.dept9 .dept9_t_box .txt_box .tit{  font-family: 'NanumSquareNeoExtraBold'; font-size:28px; line-height:40px; letter-spacing:-0.05em; color:#090909;}
.dept9 .dept9_t_box .txt_box .txt{ padding-top:15px; font-size:20px; line-height:33px; letter-spacing:-0.04em; font-weight:400; color:#282828}
.dept9 .dept9_t_box:first-child{ margin-left:0}
.dept9 .purme_btn{ margin:50px auto 0 auto;  background-color:#fcff19; color:#000 }
.dept9 .purme_btn span{ background-image:url(images/dept_arrow_b.png);}
.dept9 .purme_btn:hover{ background-color:#000; color:#fff}
.dept9 .purme_btn:hover span{ background-image:url(images/dept_arrow_w.png);}
.dept9 .btn_box{ text-align:center}
@media only screen and (max-width:900px) {
.dept9{ padding:90px 0 90px 0; }
.dept9 h4{ padding-bottom:15px; font-size:20px; line-height:30px;}
.dept9 .dept9_t_box .txt_box{ padding:20px 2% 10px 6.74%; min-height:160px;}
.dept9 .dept9_t_box .txt_box .tit{ font-size:17px; line-height:30px;}
.dept9 .dept9_t_box .txt_box .txt{ padding-top:8px; font-size:13px; line-height:20px}
.dept9 .purme_btn{ margin:25px auto 0 auto;  }

}
@media only screen and (max-width:560px) {
.dept9 .dept9_list{ display: block;}
.dept9 .dept9_t_box{ display: flex; width:100%; margin:2% 0 0 0%; } 
.dept9 .dept9_t_box .txt_box{ padding:20px 3% 16px 5%; min-height:150px;}
}


/*footer*/
.footer{ position:relative; width:100%; padding:25px 0; background-color:#363636; text-align:center; z-index:2}
.footer ul{ font-size:0px}
.footer li{ display:inline-block; margin:5px 22px; font-size:18px; line-height:40px; color:#ffffff;} 
.footer li.logo{ width:127px; height:40px; background:url(images/footer_logo.png) left top no-repeat; background-size:100% auto; text-indent:-999999px}
.footer li span{ display:inline-block; height:40px;}
.footer li span.kakao{ width:40px; height:40px; background:url(images/f_kakao.png) center no-repeat; background-size:100% auto; text-indent:-999999px}
.footer li span.txt{ padding:0 30px 0 52px; margin-left:12px; border-radius:21px; background:#fff url(images/f_icon.jpg) 19px center no-repeat; background-size:28px auto; color:#363636;}
@media only screen and (max-width:1130px) {
.footer li{ margin:13px 15px 0 15px; font-size:18px; line-height:41px;} 
}
@media only screen and (max-width:900px) {
.footer{ padding:15px 0;}
.footer li{ margin:3px 12px; font-size:13px; line-height:22px;} 
.footer li.logo{ width:100%; height:30px; margin:0 0 10px 0; background-position:center; background-size:auto 100%;}
.footer li span{ height:22px;}
.footer li span.kakao{ width:22px; height:22px;}
.footer li span.txt{ padding:0 12px 0 25px; margin-left:6px; border-radius:6px; background-position:6px center; background-size:16px auto;}
}
@media only screen and (max-width:650px) {
.footer{ padding:25px 0 60px 0}
.footer li{ margin:3px 8px; font-size:12px;;} 

}