@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable.css");
@font-face {/*G마켓 산스*/
font-family: 'GmarketSansLight';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face { 
font-family: 'GmarketSansMedium';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {
font-family: 'GmarketSansBold';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');font-weight: normal;font-style: normal;}

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;}
body{ width:100%;min-width:320px;margin:0px;padding:0px;font-family:'Pretendard Variable',sans-serif,'Noto Sans KR';font-weight:400;font-size:18px;color:#333333;line-height:1.4; word-break:keep-all; background: url(images/visual_bg.jpg) center -100px no-repeat;}
@media only screen and (max-width:1200px) {
body{ background-position:center -50px; background-size:2000px auto}
}
@media only screen and (max-width:1020px) {
body{ background-position:center -30px; background-size:1800px auto}
}
@media only screen and (max-width:900px) {
body{ background-position:center -50px; background-size:1500px auto}
}
@media only screen and (max-width:770px) {
body{background-position:center -10px; background-size:1200px auto}
}
@media only screen and (max-width:610px) {
body{ background:url(images/visual_bg_m.jpg) center top no-repeat; background-size:620px auto}
}
@media only screen and (max-width:560px) {
body{  background-size:110% auto}
}
@media only screen and (max-width:460px) {
body{ background-position:-40px 0px; background-size:480px auto}
}
@media only screen and (max-width:370px) {
body{ background-position:-50px 0px;}
}


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

h1, h2, h3, h4, h5, h6, em{margin:0;padding:0;font-weight:normal; font-style:normal; font-family: 'GmarketSansBold';}
p{margin:0;padding:0; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR';}
ol, ul, dl, li, dt, 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;}

a{color:inherit;text-decoration:none;outline:none;select-dummy:expression(this.hideFocus=true); font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR';}
a:hover{color:inherit;text-decoration:none}
a:active{color:inherit;text-decoration:none}
a:visited{color:inherit;text-decoration:none}
address, em, strong{font-weight:normal}




h1{ position:fixed; left:52px; top:38px; z-index:99999; width:170px; height:60px; background: url(images/logo.png) left top no-repeat; background-size:100% auto; text-indent:-999999px}
h2{ font-family: 'GmarketSansBold'; font-size:70px; letter-spacing:-0.03em; line-height:80px; color:#000}
h2 strong{ color:#0072bc;}
h3{ font-family: 'GmarketSansBold'; font-size:50px; letter-spacing:-0.03em; line-height:60px; color:#000}
h3 strong{ color:#0072bc;}
@media only screen and (max-width:1200px) {
h1{ left:30px; top:25px; }
}
@media only screen and (max-width:900px) {
h1{ left:20px; top:15px; width:90px; height:32px;}
h2{ font-size:35px;line-height:40px;}
h3{ font-size:25px;line-height:30px;}
}

.wrap{ width:100%; max-width:2500px; margin:0 auto}
.visual{ width:100%; height:930px; padding-top:220px; background:url(images/top_bg.png) left top no-repeat; background-size:400px auto; box-sizing:border-box}
.visual dl{ margin-left:53.424%}
.visual dl dd{ padding-left:13px; font-size:26px; line-height:38px; font-weight:500; color:#000}
.visual dl dd span{ display:inline-block; padding:4px 17px; font-weight:400;  background-color:#040404; color:#fff;}
.visual dl dt{ height:300px; background:url(images/visual_tit.png) left top no-repeat; background-size:auto 100%; text-indent:-999999px}
.visual dl dd.txt1{ padding-bottom:22px}
.visual dl dd.txt2{ padding-top:6px; padding-bottom:28px}
.visual dl dd a{ display:block; margin-left:-8px; width:280px; height:84px; line-height:80px; padding:5px 0 0 50px; font-family: 'GmarketSansBold'; font-size:35px; letter-spacing:-0.02em; color:#054975; border-radius:42px; background: #fff url(images/btn_arrow.png) right center no-repeat; background-size:60px auto; box-shadow: 5px 5px 0px 0px rgba(0, 114, 188, 1); box-sizing:border-box}
.visual dl dd a:hover{ margin-top:5px; box-shadow:0px 0px 0px 0px rgba(0, 114, 188, 1); transition:all 0.5s}

@media only screen and (max-width:1400px) {
.visual{background-size:300px auto;}
}
@media only screen and (max-width:1200px) {
.visual{ height:800px; padding-top:180px;}
.visual dl{ margin-left:48%}
.visual dl dd{ font-size:22px; line-height:36px;}
.visual dl dt{ height:250px; }
}
@media only screen and (max-width:900px) {
.visual{ height:550px; padding-top:150px; background-size:200px auto}
.visual dl{ margin-left:48%}
.visual dl dd{ padding-left:7px; font-size:16px; line-height:22px;}
.visual dl dd span{ padding:4px 10px;}
.visual dl dt{ height:180px;}
.visual dl dd.txt1{ padding-bottom:12px}
.visual dl dd.txt2{ padding-top:4px; padding-bottom:15px}
.visual dl dd a{ margin-left:-4px; width:150px; height:45px; line-height:40px; padding:5px 0 0 25px; font-size:20px; border-radius:23px; background-size:30px auto; box-shadow: 3px 3px 0px 0px rgba(0, 114, 188, 1); }
.visual dl dd a:hover{ margin-top:3px; }
}
@media only screen and (max-width:770px) {
.visual{ padding-top:130px;}
.visual dl{ margin-left:45%}
}
@media only screen and (max-width:610px) {
.visual{ height:650px; padding-top:210px;}
.visual dl{ margin-left:39%}
}
@media only screen and (max-width:560px) {
.visual{ height:auto; padding:35% 0;}
.visual dl dd{ font-size:14px; line-height:20px; letter-spacing:-0.05em}
.visual dl dt{ height:150px;}
}
@media only screen and (max-width:460px) {
.visual{ padding-top:170px;}
.visual dl{ margin-left:130px}
}
@media only screen and (max-width:430px) {
.visual{ padding-top:170px;}
.visual dl dd{ font-size:13px;letter-spacing:-0.06em}
.visual dl dt{ height:140px;}
}
@media only screen and (max-width:400px) {
.visual dl{ margin-left:130px}
.visual dl dd{ font-size:12px;letter-spacing:-0.07em}
.visual dl dd span{ padding:4px 6px;}
.visual dl dt{ height:130px;}
}
@media only screen and (max-width:370px) {
.visual dl{ margin-left:110px}
.visual dl dd{letter-spacing:-0.08em}
}
@media only screen and (max-width:350px) {
.visual dl dd{ font-size:11px; letter-spacing:-0.06em}
.visual dl dt{ height:120px;}
}






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

/*dept1*/
.dept1{ background:#fff; padding:108px 70px 125px 100px;}
.dept1:after{display:block;content:"";clear:both;}
.dept1_1:after{display:block;content:"";clear:both;}
.dept1_1 { margin-top:25px; background:url(images/dept1_img1.jpg) left bottom no-repeat; background-size:300px auto}
.dept1_1 p{ float:left; max-width:300px; font-size:20px; letter-spacing:-0.03em; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR'; line-height:30px; color:#000000; font-weight:500}
.dept1_1 p strong{color:#0072bc; font-weight:500}
.dept1_1 ul{ float:right; width:64.341%; display:table}
.dept1_1 ul > li{ display:table-row}
.dept1_1 ul > li > span{ display:table-cell; padding:7px 0 10px 0; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR'; letter-spacing:-0.03em }
.dept1_1 ul li span.tit{ width:120px; padding-right:25px; font-size:19px; line-height:38px; text-align:center; color:#fff;}
.dept1_1 ul li span.tit em{ display:block; width:100%; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR';  width:100%; border-radius:20px; background-color:#0072bc}
.dept1_1 ul li span.txt{ font-size:21px; padding:10px 0 13px 0; letter-spacing:-0.05em; line-height:32px; color:#101010}
.dept1_1 ol > li{ display:inline-block}
.dept1_1 ol > li:first-child{ padding-right:10px}
.dept1_1 ol > li strong{color:#0072bc; font-weight:600; padding-right:10px}
.dept1_1 ul li span.arrow{ padding-right:36px; background:url(images/dept1_arrow.jpg) right center no-repeat; background-size:22px auto}
.dept1_2{ margin-top:40px; padding-right:30px;} 
.dept1_2 .video_box{ position:relative; width:100%; padding-top:56.25%; background-color:#000}
.dept1_2 iframe{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:10}
.dept1_3{ margin-top:30px; float:left; width:25%}
.dept1_3 dt{ padding-bottom:15px}
.dept1_3 dt em{ display:inline-block; padding:0 30px; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR'; font-size:22px; border-radius:23px; line-height:45px; background-color:#000; color:#fff}
.dept1_3 dd{ font-size:22px; padding:4px 0 0 3px; line-height:31px; font-weight:700; color:#000}
.dept1_3 dd strong{ color:#0072bc; font-weight:700}
.dept1_4{ float:right; width:75%; margin-top:30px; padding-right:30px; box-sizing:border-box}
.dept1_4 li{ float:left; width:49.5%; height:150px; padding:15px 0 0 150px; border:3px solid #0072bc; background-position:25px center; background-repeat:no-repeat; background-size:110px auto; box-sizing:border-box; border-radius:75px}
.dept1_4 li:first-child{ margin-right:1%}
.dept1_4 li.icon1{ background-image:url(images/dept1_4icon1.jpg)}
.dept1_4 li.icon2{ background-image:url(images/dept1_4icon2.jpg)}
.dept1_4  span{ display:block}
.dept1_4  span.tit{line-height:54px; font-family: 'GmarketSansBold'; font-size:32px; letter-spacing:-0.02em; color:#0072bc; }
.dept1_4  span.txt{ font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR'; font-size:19px; line-height:28px; color:#4a4a4a; }
@media only screen and (max-width:1350px) {
.dept1_4 li{  padding:15px 0 0 140px; background-size:100px auto; }
.dept1_4  span.txt{ ffont-size:18px; line-height:26px; letter-spacing:-0.05em }
}
@media only screen and (max-width:1270px) {
.dept1_4 li{  padding:18px 0 0 8%;}
.dept1_4 li.icon1{ background-image:none}
.dept1_4 li.icon2{ background-image:none}
}
@media only screen and (max-width:1200px) {
.dept1{ padding:100px 20px 100px 50px;}
.dept1_1 ul{ width:60%;}
.dept1_1 ul li span.tit{ width:100px; padding-right:20px;}
}
@media only screen and (max-width:990px) {
.dept1_1 { background-size:280px auto}
.dept1_1 p{ font-size:18px;line-height:28px; }
.dept1_1 ul li span.tit{ width:90px; padding-right:15px;font-size:18px; line-height:36px;}
.dept1_1 ul li span.txt{ font-size:19px; line-height:30px;}
}
@media only screen and (max-width:900px) {
.dept1{ padding:50px 15px 55px 30px; max-width:650px;}

.dept1_1 { margin-top:15px; background-size:160px auto}
.dept1_1 p{ width:150px;font-size:12px; line-height:20px; letter-spacing:-0.05em}
.dept1_1 ul{ width:65%;}
.dept1_1 ul > li > span{ padding:3px 0 5px 0;}
.dept1_1 ul li span.tit{ width:65px; padding-right:10px; font-size:13px; line-height:24px;}
.dept1_1 ul li span.tit em{ display:block; width:100%; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR';  width:100%; border-radius:20px; background-color:#0072bc}
.dept1_1 ul li span.txt{ font-size:14px; padding:5px 0 7px 0; letter-spacing:-0.05em; line-height:20px; }
.dept1_1 ol > li:first-child{ padding-right:5px}
.dept1_1 ol > li strong{padding-right:3px}
.dept1_1 ul li span.arrow{ padding-right:22px; background-size:13px auto}
.dept1_2{ margin-top:15px; padding-right:15px;} 

.dept1_3{ margin-top:20px;}
.dept1_3 dt{ padding-bottom:7px}
.dept1_3 dt em{ padding:0 18px; font-size:14px; border-radius:17px; line-height:34px;}
.dept1_3 dd{ font-size:14px; padding:3px 0 0 1px; line-height:20px;}

.dept1_4{ width:75%; margin-top:20px; padding-right:15px;}
.dept1_4 li{  height:100px; padding:15px 0 0 57px; border:2px solid #0072bc; background-position:10px center;background-size:40px auto;border-radius:75px}
.dept1_4 li.icon1{ background-image:url(images/dept1_4icon1.jpg)}
.dept1_4 li.icon2{ background-image:url(images/dept1_4icon2.jpg)}
.dept1_4  span.tit{line-height:30px; font-size:20px; }
.dept1_4  span.txt{ font-size:12px; line-height:18px;}
}
@media only screen and (max-width:670px) {
.dept1_4 li{  padding:15px 0 0 8%;}
.dept1_4 li.icon1{ background-image:none}
.dept1_4 li.icon2{ background-image:none}
}
@media only screen and (max-width:600px) {
.dept1_3{ margin-top:20px; width:100%;}
.dept1_3 dt{ float:left;}
.dept1_3 dd{ float:left; padding:8px 0 0 10px}
.dept1_4 { width:100%}
.dept1_4 li.icon1{ background-image:none}
.dept1_4 li.icon2{ background-image:none}
}
@media only screen and (max-width:580px) {
.dept1{ padding:50px 30px 55px 30px; max-width:650px;}
.dept1_1 { background-position:right top; background-size:140px auto}
.dept1_1 p{ width:45%;}
.dept1_1 ul{ width:100%; margin-top:20px}
.dept1_2{ padding-right:0px;} 
.dept1_4 { padding-right:0px}
}
@media only screen and (max-width:440px) {
.dept1_4{ margin-top:15px}
.dept1_4 li { width:100%; padding:15px 0 0 33%; background-position:10% center;background-size:20% auto;}
.dept1_4 li:first-child{ margin-bottom:5px}
.dept1_4 li.icon1{ background-image:url(images/dept1_4icon1.jpg)}
.dept1_4 li.icon2{ background-image:url(images/dept1_4icon2.jpg)}
}
@media only screen and (max-width:370px) {
.dept1{ padding:50px 15px 55px 15px;}
.dept1_1{ background-position:left 72px; background-size:300px auto}
.dept1_1 p{ width:100%; padding-bottom:240px; line-height:18px}
}

/*box_back*/
.box1{ width:100%; padding:0 20px 0px 20px; background:url(images/dept2_1bg.png) center bottom no-repeat; background-size:2500 auto; box-sizing:border-box}
@media only screen and (max-width:1200px) {
.box1{ background-size:2000px auto; }
}
@media only screen and (max-width:900px) {
.box1{ padding:0 15px;  background-size:1400px auto;}
}
@media only screen and (max-width:650px) {
.box1{ background-size:140% auto; background-image:url(images/dept2_1bg_m.png)}
}
@media only screen and (max-width:550px) {
.box1{ padding:0 10px;}
}
@media only screen and (max-width:420px) {
.box1{ background-size:600px auto}
}




/*dept2*/
.dept2{ padding:217px 100px 534px 100px;}
dl.dept2_txt{ color:#fff}
dl.dept2_txt dt> span{ display:block; height:62px; margin-left:-3px; background-position:left top; text-indent:-999999px}
dl.dept2_txt dt.tit1{ background-image:url(images/dept2_tit1.png); background-repeat:no-repeat; background-size:auto 100%; }
dl.dept2_txt dt.tit2{ background-image:url(images/dept2_tit2.png); background-repeat:no-repeat; background-size:auto 100%; }
dl.dept2_txt dd.txt1{ margin-top:30px; font-family: 'GmarketSansBold'; font-size:100px; line-height:110px; letter-spacing:-0.04em}
dl.dept2_txt dd.txt2{  font-family: 'GmarketSansBold'; font-size:65px; line-height:84px; letter-spacing:-0.04em}
@media only screen and (max-width:1200px) {
.dept2{ padding:180px 50px 400px 50px;}
}
@media only screen and (max-width:900px) {
.dept2{ padding:100px 30px 250px 30px; max-width:650px;}
dl.dept2_txt dt> span{ height:32px; margin-left:-1px; }
dl.dept2_txt dd.txt1{ margin-top:15px; font-size:50px; line-height:60px;}
dl.dept2_txt dd.txt2{ font-size:32px; line-height:42px;}
}
@media only screen and (max-width:650px) {
.dept2{ padding:80px 30px 200px 30px; }
}
@media only screen and (max-width:460px) {
dl.dept2_txt dt> span{ height:28px;}
dl.dept2_txt dd.txt1{ margin-top:10px; font-size:40px; line-height:50px;}
dl.dept2_txt dd.txt2{ font-size:26px; line-height:36px;}
}
@media only screen and (max-width:370px) {
.dept2{ padding:80px 15px 180px 15px;}
}

/*dept3*/
.box2{ position:relative; width:100%; padding:0 20px 0px 20px; margin-top:-280px; background:url(images/dept2_2bg.png) center top no-repeat; background-size:2500 auto; box-sizing:border-box; z-index:1}
@media only screen and (max-width:1200px) {
.box2{ background-size:2000px auto; }
}
@media only screen and (max-width:900px) {
.box2{ padding:0 15px; margin-top:-150px;  background-size:1000px auto;}
}

.dept3{ padding:300px 0px 430px 100px;}
.dept3_btm:after{display:block;content:"";clear:both;}
.dept3_btm{ margin-top:530px}
.dept3_btm .left{ float:left; width:170px}
.dept3_btm .right{ float:right; width:79.117%}
.dept3_btm .left dt{ padding:18px 0 16px 0; font-family: 'GmarketSansBold'; font-size:35px; line-height:50px; letter-spacing:-0.04em; color:#fff}
.dept3_btm .left dt span{ display:block; font-size:60px; line-height:74px}
.dept3_btm .left dd{ font-size:18px; line-height:24px; letter-spacing:-0.04em; color:#b6b6b6}
.dept3_btm .right li{ position:relative; float:left; width:26.27%; margin-right:7.063%}
.dept3_btm .right li span{ display:block; }
.dept3_btm .right li span.img{ width:100%; padding-top:100%; background-position:center center; background-repeat:no-repeat; background-size:100% 100%;  border-radius:100%;}
.dept3_btm .right li span.img1{ background-image:url(images/dept3_img1.jpg)}
.dept3_btm .right li span.img2{ background-image:url(images/dept3_img2.jpg)}
.dept3_btm .right li span.img3{ background-image:url(images/dept3_img3.jpg)}
.dept3_btm .right li span.tit{ position:absolute; right:0; bottom:0; display:inline-block; min-width:150px; padding:6px 25px 0 25px; font-family: 'GmarketSansBold'; font-size:34px; line-height:40px; transform: skew(-10deg) rotate(-8deg); background:#0072bc; color:#fff; letter-spacing:-0.06em; box-sizing:border-box; text-align:center}
@media only screen and (max-width:1200px) {
.dept3{ padding:280px 0px 330px 50px;}
.dept3_btm{margin-top:430px}
.dept3_btm .right li span.tit{ padding:6px 20px 0 20px;  font-size:26px; line-height:40px;}
}
@media only screen and (max-width:1050px) {
.dept3_btm{margin-top:300px}
.dept3_btm .left{ width:100%}
.dept3_btm .left dt{ padding:0; font-size:50px; line-height:70px;}
.dept3_btm .left dt span{ display:inline-block; padding-left:10px; font-size:50px; line-height:70px}
.dept3_btm .left dd{ font-size:18px; line-height:24px; }
.dept3_btm .right{ width:100%; margin-top:30px}
}
@media only screen and (max-width:900px) {
.dept3{ padding:180px 0px 250px 30px; max-width:650px;}
.dept3_btm{ margin-top:130px}
.dept3_btm .left{width:110px}
.dept3_btm .right{width:79.117%}
.dept3_btm .left dt{ padding:9px 0 8px 0; font-size:20px; line-height:30px;}
.dept3_btm .left dt span{ display:block; padding-left:0; font-size:30px; line-height:40px}
.dept3_btm .left dd{ font-size:13px; line-height:18px;}
.dept3_btm .right{ margin-top:0}
.dept3_btm .right li span.tit{ min-width:80px; padding:4px 10px 0 10px; font-size:16px; line-height:20px; }
}
@media only screen and (max-width:650px) {
.dept3{ padding:150px 0px 200px 30px; }
}
@media only screen and (max-width:610px) {
.dept3_btm .left{ width:100%}
.dept3_btm .left dt{ padding:0; font-size:25px; line-height:30px;}
.dept3_btm .left dt span{ display:inline-block; padding-left:6px; font-size:25px; line-height:30px}
.dept3_btm .left dd{ font-size:13px; line-height:18px; }
.dept3_btm .right{ width:100%; margin-top:20px}
}
@media only screen and (max-width:450px) {
.dept3_btm .right li span.tit{ width:60px; min-width:60px; font-size:14px; line-height:18px;}
.dept3_btm .right li:first-child span.tit{ bottom:-15px}

}
@media only screen and (max-width:370px) {
.dept3{ padding:80px 0px 180px 15px;}
}

/*dept4*/
.box3{position:relative; width:100%; margin-top:-380px; background:url(images/dept4_bg.png) center top no-repeat; background-size:2500 auto; box-sizing:border-box; z-index:2}
.dept4{ padding:300px 0px 150px 0px; text-align:center}
.dept4_reward_box:after{display:block;content:"";clear:both;}
.dept4_reward_box{ margin-top:45px}
.dept4_reward_box .left{ width:38.294%;}
.dept4_reward_box .left .tit{ padding-top:11px; text-align:center;  font-family: 'GmarketSansBold'; font-size:34px; line-height:57px; letter-spacing:-0.05em; color:#0072bc}
.dept4_reward_box .left .txt{ min-height:115px; text-align:center;  font-size:20px; line-height:30px; letter-spacing:-0.06em; color:#5f5f5f;}
.dept4_reward_box .right{ width:58.322%;}
.dept4_reward_box span{ display:block}
.dept4_reward_box span.img{ width:100%; position:relative}
.dept4_reward_box span.img a{ position:absolute; right:8px; bottom:8px; display:block; width:40px; height:40px; background:#000 url(images/icon_view.png) center no-repeat; background-size:30px auto; border-radius:100%; text-indent:-999999px}
.dept4_reward_box span.img img{ width:100%; height:auto}
.dept4_reward_box .right li{ float:left; margin-left:1.392%; width:23.608%; text-align:center}
.dept4_reward_box .right .tit{ padding-top:15px; text-align:center;  font-family: 'GmarketSansBold'; font-size:23px; line-height:36px; letter-spacing:-0.05em; color:#0072bc}
.dept4_reward_box .right .txt{ min-height:115px; text-align:center;  font-size:20px; line-height:30px; letter-spacing:-0.06em; color:#5f5f5f;}
.dept4_reward_box .right .txt span{ display:inline-block; }
.dept4_reward_box .right .txt em{ display:block; font-size:18px; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR'; }
.dept4 p{ padding:23px 0 60px 0; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR'; font-size:20px; line-height:30px; letter-spacing:-0.05em; color:#353434;}
.box_btm{ width:100%; max-width:1460px; padding:0 100px; margin:0 auto; box-sizing:border-box}
.box_btm ul:after{display:block;content:"";clear:both;}
.box_btm ul li{ float:left; width:49.206%; margin-bottom:5px; padding-left:5%; border:3px solid #0072bc; border-radius:30px; background:#fff url(images/dept4_arrow.jpg) right center no-repeat; background-size:94px auto;  font-family: 'GmarketSansBold'; font-size:42px; line-height:130px; letter-spacing:-0.05em; color:#000000; box-sizing:border-box; text-align:left; box-shadow: 0px 5px 0px 0px rgba(0, 114, 188, 1); cursor:pointer }
.box_btm ul li.off{padding-left:0;color:#ffffff;text-align:center;background:#000000;}
.box_btm ul li:hover{ margin-top:5px; margin-bottom:0; box-shadow:0px 0px 0px 0px rgba(0, 114, 188, 1); transition:all 0.3s}
.box_btm ul li strong{ color:#0072bc;}
.box_btm ul li:first-child{ margin-right:1.588%}
@media only screen and (max-width:1465px) {
.dept4_reward_box .right .tit{ font-size:21px; line-height:28px; letter-spacing:-0.06em;}
.dept4_reward_box .right .txt{ min-height:115px; font-size:19px; line-height:26px; }
.box_btm ul li{ background-image:none; padding-left:0; text-align:center}
}
@media only screen and (max-width:1200px) {
.box_btm{  padding:0 50px; }
}
@media only screen and (max-width:1100px) {
.box_btm ul li{ font-size:35px; }
}
@media only screen and (max-width:900px) {
.box3{margin-top:-300px; background-size:1500 auto; }
.dept4{ padding:230px 0px 70px 0px; max-width:650px; margin:0 auto}
.dept4_reward_box{ margin-top:25px}
.dept4_reward_box .left .tit{ padding-top:7px; font-size:20px; line-height:35px;}
.dept4_reward_box .left .txt{ font-size:13px; line-height:20px; }
.dept4_reward_box span.img a{ right:4px; bottom:4px; width:25px; height:25px; background-size:18px auto;}

.dept4_reward_box .right .tit{ padding-top:7px; font-size:14px; line-height:20px; }
.dept4_reward_box .right .txt{ min-height:80px; font-size:13px; line-height:18px; }
.dept4_reward_box .right .txt em{ font-size:12px; }
.dept4 p{ padding:5px 0px 30px 0px; font-size:14px; line-height:20px;}

.box_btm{ padding:0 30px; max-width:640px }
.box_btm ul li{ padding-left:4%; margin-bottom:3px; margin-top:0; padding-top:3px; border:2px solid #0072bc; border-radius:15px; background:#fff url(images/dept4_arrow.jpg) right center no-repeat; background-size:40px auto; font-size:22px; line-height:70px; text-align:left; box-shadow: 0px 3px 0px 0px rgba(0, 114, 188, 1); }
.box_btm ul li:hover{ margin-top:3px; margin-bottom:0}
}
@media only screen and (max-width:650px) {

.box_btm ul li{ background-image:none; padding-left:0; text-align:center}
}
@media only screen and (max-width:580px) {
.dept4{ padding:230px 15px 70px 15px; }
.dept4_reward_box{ max-width:380px; margin:25px auto 0 auto}
.dept4_reward_box .left{ width:100%;}
.dept4_reward_box .left .txt{ min-height:50px }
.dept4_reward_box .right{ width:100%;}
.box_btm{ padding:0 15px;}
.box_btm ul li{ padding:15px 0; font-size:18px; line-height:24px; }
.box_btm ul li strong{ display:block}
.box_btm ul li:nth-child(4n+1){clear:left}
}
@media only screen and (max-width:370px) {
.box3{margin-top:-250px; background-size:1000 auto; }
.box_btm{ padding:0 0px;}
}

/*dept5*/
.dept5{ padding:150px 0px 170px 0px; background-color:#f3f5f7; text-align:center}
.dept5 ul{ margin-top:30px; padding:0 100px; box-sizing:border-box}
.dept5 ul:after{display:block;content:"";clear:both;}
.dept5 ul li{ float:left; width:23%; margin:2% 1% 0 1%;}
.dept5 ul li span{ position:relative; display:block; width:100%; padding-top:32.183%; background-color:#fff;}
.dept5 ul li span img{ position:absolute; left:0; top:0; width:100%; height:100%}
@media only screen and (max-width:1200px) {
.dept5 ul{  padding:0 50px; }
}
@media only screen and (max-width:900px) {
.dept5{ padding:80px 0px; }
.dept5 ul{  padding:0 30px; max-width:650px; margin:15px auto}
}
@media only screen and (max-width:600px) {
.dept5 ul li{ width:31.333%;}
}
@media only screen and (max-width:400px) {
.dept5 ul li{ width:48%;}
}
@media only screen and (max-width:370px) {
.dept5 ul{  padding:0 15px; }
}

/*dept6*/
.dept6{ padding:150px 0; background:#1a1f21 url(images/dept6_bg.jpg) right bottom no-repeat; background-size:cover}
.dept6 h2{ text-align:center; color:#0072bc;}
.dept6 h2 strong{ color:#fff;}
.dept6 .cont{ padding:0 100px;}
.dept6 ul{ margin-top:30px}
.dept6 ul:after{display:block;content:"";clear:both;}
.dept6 ul li{ float:left; width:11.644%; margin-left:3.082%;}
.dept6 ul li:first-child{ margin-left:0}
.dept6 ul li span{ display:block; text-align:center}
.dept6 ul li span.img{ background-color:#000; border-radius:100%; }
.dept6 ul li span.img img{ width:100%; height:auto}
.dept6 ul li span.txt{ padding:17px 0 45px 0; text-align:center; font-family: 'GmarketSansBold'; font-size:22px; line-height:26px; letter-spacing:-0.05em; color:#fff}
.dept6 p{ text-align:center; padding-top:30px; background:url(images/dept6_line.jpg) center top no-repeat; background-size:120px 1px; font-size:19px; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR'; font-weight:400; letter-spacing:-0.05em; line-height:32px; color:#c7c7c7;}
.dept6 p strong{ font-weight:600; color:#fff}
.dept6 p span{ display:inline-block}
@media only screen and (max-width:1200px) {
.dept6 .cont{ padding:0 50px; }
}
@media only screen and (max-width:900px) {
.dept6{ padding:80px 0px; }
.dept6 .cont{ padding:0 30px; max-width:650px; margin:15px auto}
.dept6 ul li span.txt{ padding:8px 0 30px 0; font-size:14px; line-height:20px; }
.dept6 p{ padding-top:20px; background-size:60px 1px; font-size:12px; line-height:18px;}
}
@media only screen and (max-width:580px) {
.dept6 ul li{ width:21.25%; margin-left:5%;}
.dept6 ul li:nth-child(5){ margin-left:12%;clear:left}
}
@media only screen and (max-width:400px) {
}
@media only screen and (max-width:370px) {
.dept6 .cont{  padding:0 15px; }
}
/*dept7*/
.dept7{ background:#7ed3d7 url(images/dept7_bg.jpg) center bottom no-repeat; background-size:2500px auto}
.dept7 .cont{ padding:167px 100px 430px 100px; }
.dept7 .cont dl{ margin-left:51.746%}
.dept7 .cont dl dt{ padding-bottom:7px; font-size:70px; line-height:85px; font-family: 'GmarketSansBold'; letter-spacing:-0.05em; color:#fff}
.dept7 .cont dl span{ display: inline-block}
.dept7 .cont dl dd{ max-width:430px; padding:14px 0; font-size:22px; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR'; font-weight:500; letter-spacing:-0.05em; line-height:34px; color:#222121;}
.dept7_img{ position:absolute; width:540px; left:51%; top:-40px; background-color:#fff; box-shadow: 3px 3px 8px 2px rgba(0, 0, 0, 0.2); }
.dept7_img ul.img{ margin:1.851% 0 0 0%; width:98.149%;}
.dept7_img ul:after{display:block;content:"";clear:both;}
.dept7_img ul li{ float:left; width:48.057%; margin-left:1.886%;}
.dept7_img ul li img{ width:100%; height:auto}
.dept7_img p{ padding:13px 0 16px 0; text-align:center; font-size:18px; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR'; font-weight:500; letter-spacing:-0.05em; line-height:23px; color:#525254;}
@media only screen and (max-width:1350px) {
.dept7 .cont{ padding:167px 50px 430px 50px; }
}
@media only screen and (max-width:1230px) {
.dept7 .cont dl{ margin-left:45%}
.dept7_img{ left:45%;}
}
@media only screen and (max-width:1100px) {
.dept7{ background:#7ed3d7 url(images/dept7_bg_m.jpg) center bottom no-repeat; background-size:1200px auto}
.dept7 .cont{ padding:167px 50px 730px 50px; }
.dept7 .cont dl{ margin-left:0%; text-align:center}
.dept7 .cont dl dd{ max-width:900px; margin:0 auto}
.dept7_img{ left:inherit; right:50px; top:-180px; }
}
@media only screen and (max-width:900px) {
.dept7{ background:#7ed3d7 url(images/dept7_bg.jpg) center bottom no-repeat; background-size:1200px auto}
.dept7 .cont{ padding:80px 30px 250px 30px; max-width:650px }
.dept7 .cont dl{ margin-left:50%}
.dept7 .cont dl dt{ padding-bottom:7px; font-size:35px; line-height:40px; text-align:left }
.dept7 .cont dl dd{ max-width:340px; padding:7px 0; font-size:14px;line-height:19px; text-align:left}
.dept7_img{ width:350px; left:50%; top:-60px; }
.dept7_img p{ padding:7px 0 8px 0; font-size:12px;line-height:16px; letter-spacing:-0.05em}
}
@media only screen and (max-width:730px) {
.dept7{ background:#7ed3d7 url(images/dept7_bg_m.jpg) center bottom no-repeat; background-size:750px auto}
.dept7 .cont{ padding:80px 30px 450px 30px; }
.dept7 .cont dl{ margin-left:0%; text-align:center}
.dept7 .cont dl dt{ text-align:center}
.dept7 .cont dl dt span{ display:block}
.dept7 .cont dl dd{ max-width:400px; margin:0 auto; text-align:center}
.dept7_img{ left:inherit; right:30px; top:-80px; }
}
@media only screen and (max-width:430px) {
.dept7_img{ right:15px; top:-50px; width:280px }
} 
@media only screen and (max-width:370px) {
.dept7 .cont{ padding:80px 15px 450px 15px; }
} 
/*dept8*/
.dept8{ position:relative; margin-top:-170px; background:url(images/dept8_bg.png) center top no-repeat; background-size:2500px auto}
.dept8 .cont{ padding:334px 100px 140px 100px; }
.dept8 .cont dl{ width:50%}
.dept8 .cont dl dt{ padding-bottom:7px; font-size:70px; line-height:85px; font-family: 'GmarketSansBold'; letter-spacing:-0.05em; color:#fff}
.dept8 .cont dl span{ display: inline-block}
.dept8 .cont dl dd{ max-width:380px; padding:14px 0; font-size:22px; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR'; font-weight:500; letter-spacing:-0.05em; line-height:34px; color:#222121;}
.dept8 .cont dl dd.txt{ font-size:18px; line-height:30px; font-weight:400; color:#e3f4ff; opacity: 0.6; filter: alpha(opacity=60);}
@media only screen and (max-width:1460px) {
.dept8{ background-size:2100px auto}
}
@media only screen and (max-width:1200px) {
.dept8{ background-size:1900px auto}
.dept8 .cont{ padding:334px 50px 140px 50px; }
.dept8 .cont dl{ width:80%}
}
@media only screen and (max-width:1100px) {
.dept8{ background:url(images/dept8_bg_m.png) right top no-repeat; background-size:1200px auto}
.dept8 .cont{ padding:290px 50px 140px 50px; }
}
@media only screen and (max-width:900px) {
.dept8{ background:url(images/dept8_bg.png) center top no-repeat; background-size:1200px auto}
.dept8 .cont{ padding:174px 30px 70px 30px; max-width:650px}
.dept8 .cont dl dt{ max-width:300px; padding-bottom:7px; font-size:35px; line-height:40px; text-align:left }
.dept8 .cont dl dd{ max-width:250px; padding:7px 0; font-size:14px;line-height:19px; text-align:left}
.dept8 .cont dl dd.txt{ font-size:12px; line-height:18px; }
}
@media only screen and (max-width:730px) {
.dept8{ margin-top:-270px; background:url(images/dept8_bg_m.png) right top no-repeat; background-size:800px auto}
.dept8 .cont{ padding:150px 30px 70px 30px; }
}
@media only screen and (max-width:560px) {
.dept8{ margin-top:-290px; background:url(images/dept8_bg_m1.png) right top no-repeat; background-size:560px auto}
.dept8 .cont{ padding:150px 30px 170px 30px; }
.dept8 .cont dl{ margin:0 auto; width:100%}
.dept8 .cont dl dt{ margin:0 auto; text-align:center}
.dept8 .cont dl dd{ max-width:560px; text-align:center}
.dept8 .cont dl dd.txt{ color:#333; opacity: 0.8; filter: alpha(opacity=80);}
}
@media only screen and (max-width:370px) {
.dept8 .cont{ padding:150px 15x 170px 15px; }
}

/*dept9*/
.box4{ width:100%; background:#e9e4e1 url(images/dept9_bg.jpg) center top no-repeat; background-size:2500px auto; box-sizing:border-box}
.dept9{ padding:0 20px; background:url(images/dept10_bg.png) center bottom no-repeat; background-size:2500px auto}
@media only screen and (max-width:1200px) {
.box4{ background-size:2000px auto; }
.dept9{ background-size:2000px auto}
}
@media only screen and (max-width:900px) {
.box4{ background-size:1400px auto;}
.dept9{ padding:0 15px;  background-size:1400px auto;}
}
@media only screen and (max-width:590px) {
.box4{ background-size:1200px auto;}
.dept9{ background-size:1200px auto;}
}
@media only screen and (max-width:480px) {
.box4{ background-size:800px auto;}
.dept9{ background-size:900px auto;}
}

.dept9 .dept9_top:after{display:block;content:"";clear:both;}
.dept9 .dept9_top{ max-width:1460px; margin:0 auto; padding:230px 0 200px 0}
.dept9 .dept9_top dl{ float:right; width:670px; margin-right:20px; text-align:center}
.dept9 .dept9_top dd{font-size:38px; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR'; font-weight:600; letter-spacing:-0.04em; line-height:50px; color:#fff;}
.dept9 .dept9_top dt{ padding:22px 0 60px 0;font-size:55px; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR'; font-weight:700; letter-spacing:-0.05em; line-height:64px; color:#fff;}
.dept9 .dept9_top strong{ display:inline-block; padding:0 4px; background-color:#0072bc; font-weight:700}
.dept9 .dept9_top dd:after{display:block;content:"";clear:both;}
.dept9 .dept9_top dd a { display:block; float:left; width:48%; margin:0 1% 5px 1%;padding:35px 0 40px 4%; border:3px solid #0072bc; border-radius:30px; font-family: 'GmarketSansBold'; font-size:42px; background-color:#fff; line-height:48px; letter-spacing:-0.05em; color:#0072bc; box-sizing:border-box; text-align:left; box-shadow: 0px 5px 0px 0px rgba(0, 114, 188, 1); cursor:pointer }
.dept9 .dept9_top dd a.off{padding-left:0;text-align:center;color:#ffffff;background:#000000;}
.dept9 .dept9_top dd a span{ display:inline-block; color:#000; padding-right:60px; background:url(images/dept9_arrow.jpg) right center no-repeat; background-size:46px auto;}
.dept9 .dept9_top dd a.off span{display:block;padding-right:0;color:#ffffff;background:url();}

.dept9 .dept9_top dd a:hover{ margin-top:5px; margin-bottom:0; box-shadow:0px 0px 0px 0px rgba(0, 114, 188, 1); transition:all 0.3s}
.dept9 > .cont{ background:#fff; padding:108px 100px 125px 100px; }
.dept9 > .cont > p{ padding-top:25px; text-align:right; font-size:18px;}
.dept9 ul:after{display:block;content:"";clear:both;}
.dept9 > .cont ul{ margin-top:35px}
.dept9 > .cont ul li{ float:left; position:relative; width:19.68%; margin-left:0.4%; padding:50px 0; background-color:#eceff1; box-sizing:border-box}
.dept9 > .cont ul li:first-child{ margin-left:0}
.dept9 > .cont ul li span{ display:block}
.dept9 > .cont ul li span img{ width:100%; height:auto}
.dept9 > .cont ul li span.txt{ padding:0 14px; position:absolute; left:0px; top:0; transform: skew(-8deg) rotate(-8deg);background: #0072bc; color: #fff; letter-spacing: -0.06em; font-size:22px; font-weight:600; line-height:50px; letter-spacing:-0.06em; z-index:1}
.dept9 > .cont ul li span.tit{ left:inherit; right:0; bottom:0; top:inherit; background-color:#000}

.dept9 ol:after{display:block;content:"";clear:both;}
.dept9 > .cont ol{ margin-top:35px; border-top:3px solid #0072bc; border-left:3px solid #0072bc; box-sizing:border-box}
.dept9 > .cont ol li{ float:left; position:relative; width:25%; background-color:#fff; border-right:3px solid #0072bc; border-bottom:3px solid #0072bc; box-sizing:border-box}
.dept9 > .cont ol li span{ display:block; text-align:center}
.dept9 > .cont ol li span img{ width:auto; height:100%}
.dept9 > .cont ol li span.txt{ padding:0 14px; position:absolute; left:0px; top:0; transform: skew(-8deg) rotate(-8deg);background: #0072bc; color: #fff; letter-spacing: -0.06em; font-size:22px; font-weight:600; line-height:50px; letter-spacing:-0.06em; z-index:1}
.dept9 > .cont ol li span.tit{ left:inherit; right:-1px; bottom:0; top:inherit; background-color:#0072bc}

.dept9 > .cont .mt40{ margin-top:40px}
.dept10{ text-align:center; padding:150px 0; }
.dept10 .cont{ }
.dept10 .cont h2 > span{ display:inline-block}
.dept10 .cont p{padding:28px 0 0px 0;font-size:22px; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR'; font-weight:400; letter-spacing:-0.03em; line-height:34px; color:#0a0a0a;}
.dept10 .cont p strong{ color:#0072bc; font-weight:400}
.dept10 .cont .img{ position:relative; width:100%; height:420px; margin:73px 0 110px 0; background:url(images/dept10_txt_bg.png) center 0 no-repeat; background-size:auto 100%}
.dept10 .cont .img .photo{ position:absolute; left:50%; top:-129px; width:700px; height:680px; background:url(images/dept10_img_bg.png) center no-repeat; background-size:100% auto; transform: translate(-50%, 0%);}
.dept10 .cont .img .photo span{ display:block; width:357px; margin:119px auto 0 auto; }
.dept10 .cont .img .photo span img{ width:100%; height:auto}
.dept10 .dept10_btm:after{display:block;content:"";clear:both;}
.dept10 .dept10_btm{ padding:0 100px;text-align:left}
.dept10 .dept10_btm ul{ display:table}
.dept10 .dept10_btm ul.left{ float:left; width:52%; max-width:610px;}
.dept10 .dept10_btm ul.right{ float:right; width:44%;}
.dept10 .dept10_btm ul > li{ display:table-row}
.dept10 .dept10_btm ul > li > span{ display:table-cell; padding:7px 0 10px 0; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR'; letter-spacing:-0.03em }
.dept10 .dept10_btm ul li span.tit{ width:120px; padding-right:25px; font-size:19px; line-height:38px; text-align:center; vertical-align:top; color:#fff;}
.dept10 .dept10_btm ul li span.tit em{ display:block; width:100%; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR';  width:100%; border-radius:20px; background-color:#0072bc}
.dept10 .dept10_btm ul li span.txt{ font-size:21px; padding:10px 0 13px 0; letter-spacing:-0.05em; line-height:32px; color:#101010}

.dept10 .dept10_btm ul li span.txt em{ display:block; width:100%; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR'; font-size:18px; padding-bottom:10px; color:#636363}
.dept10 .dept10_btm ul li span.txt .tag{ display:block; width:100%; border:3px solid #8f898d; padding:14px 10px 14px 18px; box-sizing:border-box}
.dept10 .dept10_btm ul li span.txt .tag:after{display:block;content:"";clear:both;}
.dept10 .dept10_btm ul li span.txt dl:after{display:block;content:"";clear:both;}
.dept10 .dept10_btm ul li span.txt dl dt{ float:left; width:100%; padding-bottom:4px; font-size:20px; line-height:30px; color:#0c558a; font-weight:700;}
.dept10 .dept10_btm ul li span.txt dl dd{ float:left; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR'; font-size:18px; padding-right:10px; line-height:26px; color:#636363}
.dept10 .dept10_btm ul li span.txt a{ display:inline-block; margin-top:15px; padding:0 34px 0 15px; line-height:42px; font-size:20px; color:#fff; font-weight:600;background:#000 url(images/dept10_btn_p.png) right center no-repeat; background-size:29px auto }
.dept10 .dept10_btm ul li span.txt a:hover{ background-color:#0c558a;}

.dept10 .dept10_btm .right span.txt dl{ max-width:500px}
.dept10 .dept10_btm .right span.txt dl dd{ display:block; float:left; width:48%; margin-right:2%; padding:0  }
.dept10 .dept10_btm .right span.txt dl dd span{ display:block}
.dept10 .dept10_btm .right span.txt dl dd span.img{ height:auto; padding:0; margin:0}
.dept10 .dept10_btm .right span.txt dl dd span.img img{ width:100%; height:auto; border-radius:10px }
.dept10 .dept10_btm .right span.txt dl dd span.txt{ padding:10px 0; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR'; font-size:20px; line-height:26px; color:#333; font-weight:500; text-align:center}
.dept10 .dept10_btm .right span.txt dl dd span.txt em{ font-size:18px;color:#636363;}

@media only screen and (max-width:1400px) {
.dept10 .cont .img{ position:relative; width:100%; height:420px; margin:73px 0 110px 0; background:url(images/dept10_txt_bg.png) center 0 no-repeat; background-size:1357px auto}
.dept10 .cont .img .photo{ position:absolute; left:50%; top:-129px; width:700px; height:680px; background:url(images/dept10_img_bg.png) center no-repeat; background-size:100% auto; transform: translate(-50%, 0%);}
.dept10 .cont .img .photo span{ display:block; width:357px; margin:119px auto 0 auto; }
.dept10 .dept10_btm ul.left{ width:48%; }
.dept10 .dept10_btm ul.right{ width:50%;}
}
@media only screen and (max-width:1350px) {
.dept10 .cont .img{ height:300px; margin:73px 0 110px 0; background-size:auto 100% }
.dept10 .cont .img .photo{top:-130px; width:597px; height:580px;}
.dept10 .cont .img .photo span{ width:300px; margin:100px auto 0 auto; }
}

@media only screen and (max-width:1250px) {
.dept9 > .cont ol li span img{ width:auto; height:220px}
.dept10 .dept10_btm ul.left{ width:100%; max-width:1200px}
.dept10 .dept10_btm ul.right{ width:100%;}
}
@media only screen and (max-width:1200px) {
.dept9 > .cont{ padding:108px 50px 125px 50px;}
.dept9 > .cont ul li span.tit{ font-size:20px}
.dept9 > .cont ol li span img{ height:190px}
.dept10 .dept10_btm{ padding:0 50px;}
}
@media only screen and (max-width:990px) {
.dept10 .cont .img{ height:250px; margin:73px 0 110px 0; background-size:auto 100% }
.dept10 .cont .img .photo{top:-100px; width:463px; height:450px;}
.dept10 .cont .img .photo span{ width:240px; margin:75px auto 0 auto; }
}
@media only screen and (max-width:970px) {
.dept9 > .cont ul li span.tit{ font-size:18px; padding:0 10px}
}
@media only screen and (max-width:900px) {
.dept9 .dept9_top{ max-width:650px;  padding:120px 0 100px 0}
.dept9 .dept9_top dl{ width:330px; margin-right:10px; }
.dept9 .dept9_top dd{font-size:19px; line-height:24px;}
.dept9 .dept9_top dt{ padding:10px 0 30px 0;font-size:27px; line-height:32px;}
.dept9 .dept9_top strong{ padding:0 2px;}
.dept9 .dept9_top dd a { margin:0 1% 3px 1%;padding:17px 0 20px 4%; border:2px solid #0072bc; border-radius:15px; font-size:20px;line-height:24px; }
.dept9 .dept9_top dd a span{ padding-right:30px; background-size:24px auto;}

.dept9 .dept9_top dd a:hover{ margin-top:3px; margin-bottom:0;}
.dept9 > .cont > p{ padding-top:15px; font-size:12px;}
.dept9 > .cont ul li{ padding:30px 0}
.dept9 > .cont ul li span.txt{ padding:0 7px; font-size:14px; line-height:30px;}
.dept9 > .cont .mt30{ margin-top:20px}
.dept9 > .cont{ padding:54px 30px 60px 30px; max-width:650px}
.dept9 .cont ul{ margin-top:20px}

.dept9 .cont ol{ margin-top:20px; border-top:2px solid #0072bc; border-left:2px solid #0072bc; }
.dept9 > .cont ol li{ border-bottom:2px solid #0072bc; border-right:2px solid #0072bc; }
.dept9 > .cont ol li span img{ height:120px}
.dept9 > .cont ol li span.txt{ padding:0 7px; font-size:14px; line-height:30px;}

.dept10{ padding:70px 30px; }

.dept10 .cont p{padding:14px 0 0px 0;font-size:13px; line-height:20px;}
.dept10 .dept10_btm{ padding:0 0px; max-width:590px; margin:0 auto; box-sizing:border-box}
.dept10 .dept10_btm ul li span.tit{ width:65px; padding-right:10px; font-size:13px; line-height:24px;}
.dept10 .dept10_btm ul li span.tit em{ display:block; width:100%; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR';  width:100%; border-radius:20px; background-color:#0072bc}
.dept10 .dept10_btm ul li span.txt{ font-size:14px; padding:5px 0 7px 0; letter-spacing:-0.05em; line-height:20px; }
.dept10 .dept10_btm ul.left{ width:48%;}
.dept10 .dept10_btm ul.right{ width:48%;}


.dept10 .dept10_btm ul li span.txt em{ font-size:12px; padding-bottom:5px; }
.dept10 .dept10_btm ul li span.txt .tag{border:2px solid #8f898d; padding:7px 2px 7px 8px;}
.dept10 .dept10_btm ul li span.txt dl dt{ padding-bottom:3px; font-size:14px; line-height:20px;}
.dept10 .dept10_btm ul li span.txt dl dd{ font-size:12px; padding-right:5px; line-height:18px;}
.dept10 .dept10_btm ul li span.txt a{ margin-top:8px; padding:0 20px 0 7px; line-height:32px; font-size:13px; background-size:18px auto}

.dept10 .dept10_btm .right span.txt dl{ max-width:300px}
.dept10 .dept10_btm .right span.txt dl dd span.txt{ padding:5px 0; font-size:14px; line-height:18px; color:#333;}
.dept10 .dept10_btm .right span.txt dl dd span.txt em{ font-size:12px;}

.dept10 .cont .img{ height:200px; margin:20px 0 20px 0;} 
.dept10 .cont .img .photo{top:-90px; width:300px; height:388px;}
.dept10 .cont .img .photo span{ width:150px; margin:100px auto 0 auto; }
}
@media only screen and (max-width:730px) {
.dept10 .dept10_btm ul.left{ width:100%; }
.dept10 .dept10_btm ul.right{ width:100%;}
.dept10{ padding:70px 15px; }
.dept10 .cont .img{ height:150px; margin:50px 0 30px 0;}
.dept10 .cont .img .photo{top:-120px; }
}

@media only screen and (max-width:640px) {
.dept9 > .cont ul li span.tit{ font-size:13px; padding:0 3px; letter-spacing:-0.09em}
.dept9 > .cont ol li span img{ height:100px}
}
@media only screen and (max-width:580px) {
.dept9 > .cont ul li{ width:32.666%; margin:0 0 15px 1%;}
.dept9 > .cont ul li:nth-child(3n+1){ margin-left:0%}
.dept9 > .cont ul li:nth-child(4){ margin-left:16.3%}
}
@media only screen and (max-width:510px) {
.dept10 .cont .img{ height:120px;margin:60px 0 60px 0; background-image:url(images/dept10_txt_bg_m.png)}
.dept9 > .cont ol li{ width:50%;}
.dept9 > .cont ol li span img{ height:120px}
}
@media only screen and (max-width:490px) {
.dept9 .dept9_top{ max-width:650px;  padding:120px 0 60px 0}
.dept9 .dept9_top dl{ width:330px; margin-right:0; }
.dept9 > .cont ul li span.tit{ padding:0 3px; font-size:12px; letter-spacing:-0.09em}
}
@media only screen and (max-width:380px) {
.dept10 .cont .img{ height:100px;margin:60px 0 60px 0; }
.dept10 .cont .img .photo{top:-90px; width:232px; height:300px;}
.dept10 .cont .img .photo span{ width:120px; margin:75px auto 0 auto; }

}
@media only screen and (max-width:370px) {
.dept9 .cont{ padding:54px 15px 60px 15px;}
.dept10 .dept10_btm{ padding:0 0px;}
.dept10 .dept10_btm ul{ display:block}
.dept10 .dept10_btm ul li{ display:block}
.dept10 .dept10_btm ul li span{ display:block}
.dept10 .dept10_btm ul li span.tit{ width:70px;}
.dept10 .dept10_btm ul li span.tit em{ display:block; }
}







/*dept11*/
.dept11{ background-color:#fff; }
.dept11 .cont{ padding:140px 100px 120px 100px; }
.dept11 .left{ width:265px;}
.dept11 .left strong{ display:inline-block}
.dept11 .right{ width:68.3%; margin-top:-33px}
.dept11 .right li{ padding:36px 0 35px 55px; border-top:1px solid #dedede; background:url(images/dept11_icon.jpg) left 36px no-repeat; background-size:40px auto}
.dept11 .right li span{ display:block;}
.dept11 .right li span.tit{ padding:3px 0; font-size:22px; font-weight:700; line-height:34px; color:#0072bc}
.dept11 .right li span.txt{ padding-top:5px; font-size:19px; line-height:30px; font-weight:500; letter-spacing:-0.06em; color:#333333;}
.dept11 .right li:first-child{ border-top:none}
@media only screen and (max-width:1200px) {
.dept11 .cont{ padding:140px 50px 120px 50px; }
.dept11 .left{ width:100%;}
.dept11 .right{ width:100%; margin-top:10px}
}

@media only screen and (max-width:900px) {
.dept11 .cont{ padding:70px 30px 60px 30px; max-width:650px;}
.dept11 .left{ width:130px;}
.dept11 .right{ width:70%; margin-top:-20px}
.dept11 .right li{ padding:20px 0 20px 34px; background-position: left 20px ; background-size:28px auto}
.dept11 .right li span.tit{ padding:2px 0; font-size:16px; line-height:24px;}
.dept11 .right li span.txt{ padding-top:3px; font-size:13px; line-height:18px;}
}
@media only screen and (max-width:580px) {
.dept11 .left{ width:100%;}
.dept11 .right{ width:100%; margin-top:0px}
}
@media only screen and (max-width:370px) {
.dept11 .cont{ padding:70px 15px 60px 15px; }
}
/*footer*/
.footer{ width:100%; padding:25px 0; background-color:#363636; text-align:center}
.footer ul{ font-size:0px}
.footer li{ display:inline-block; margin:13px 25px 0 25px; font-size:20px; line-height:41px; color:#ffffff;} 
.footer li.logo{ width:127px; height:60px; margin-top:0; background:url(images/f_logo.png) left top no-repeat; background-size:100% auto; text-indent:-999999px}
.footer li span{ display:inline-block; height:41px;}
.footer li span.kakao{ width:41px; height:41px; 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:7px 12px 0 12px; font-size:13px; line-height:22px;} 
.footer li.logo{ width:64px; height:30px; background-size:auto 100%; margin-top:0}
.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 li{ margin:7px 8px 0 8px; font-size:12px;;} 
.footer li.logo{ width:100%; margin:5px 0 0 0; background-position:center}
}

.hashtagText{position:absolute;left:-200%;top:-200%}