@import url('common.css');
@import url('reset.css');
.wrap{width: 1360px;max-width:100%;margin:auto;padding-top: 130px;}
.pc {display:block}
header .wrap {position: absolute;top: 0;width:100%;}
header .logo a{background:url(../img/common/logo_w.png)center no-repeat; background-size: 100%;}
header .gnb .menu a{background: url(../img/common/menu_w.png) no-repeat 50% 50%;background-size: 100%;}
header .gnb span {color: #fff}
/*visual*/
#visual {position: relative; height:100vh;max-height: 1050px;background-size: cover;z-index: -1;overflow:hidden;background-color:#000 }
#visual .video {position: relative; z-index: -2; width:100%;}
.video-background { opacity:0.8;/*  making the video fullscreen */position: fixed;right: 0;top: -7%;min-width: 100%;min-height: 100%;width: auto;height: auto;z-index: -100;background-color:#fff}
#visual .center {padding-top: 25vh}
#visual .center .capsule{margin-bottom:1%;font-family:'Open Sans', sans-serif;font-size: 18px;font-weight: 500;}
#visual span {color: #fff;font-size: 30px;padding:15px;text-align: center;font-family: 'Noto Serif KR', serif;font-weight: 300;}
#visual span {font-family: 'Noto Serif KR', serif; display: inline-block;padding:3px 20px; background:#fff; border-radius: 50px; font-size: 22px; text-align:center; color: #666;}
#visual p {font-family: 'Noto Serif KR', serif;text-align:center;color: #fff;letter-spacing: -0.045em;}
#visual h2 {font-family: 'IBM Plex Sans KR', sans-serif; font-size: 84px; letter-spacing: -0.05em; line-height: 1.15; font-weight: 600;}
#visual .cir_text_a  { position: absolute; bottom: 8vh; left: 5vw; width:213px; height: 213px; background:url(../img/main/cir_text_a.png) no-repeat 57% 50%;
}
#visual .cir_text_a img {animation: rotate 7s ease-in-out; animation-fill-mode: both; animation-iteration-count: infinite;}
@keyframes rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(-360deg); }
}
/*Contents*/
.mobile{display:none}
.mobile02{display:none}
.wrap {position: relative;}
.tit{line-height:1.4;}
a.tit {display: inline-block; margin: 0;color: #333; }
a.tit:hover {text-decoration: none; color: #009944; /*transition: 0.3s;*/}
.wrap .tit{font-size: 34px;line-height: 1.4;letter-spacing: -0.05em;font-weight: 500;}
.wrap .tit.noto_serif {font-size: 34px;line-height: 1.4;letter-spacing: -0.05em;font-weight: 500;}
.wrap .tit.ibm {font-size: 38px; line-height: 1.4; letter-spacing: -0.05em; font-weight: 600;}
.wrap .tit2{font-size: 24px;line-height: 1.3;letter-spacing: -0.05em;color: #000;font-weight: 500; padding-bottom: 30px;}
.wrap .tit2.noto_serif {font-size: 24px;line-height: 1.3;letter-spacing: -0.05em;color: #000;font-weight: 500; padding-bottom: 30px;}
.wrap .tit2.ibm {font-size: 30px;line-height: 1.3;letter-spacing: -0.05em;color: #000;font-weight: 500; padding-bottom: 30px;}
.capsule{margin:2% 0;}
#cont01 {background:#fff; padding:0 0 7% 0;}
#cont01 .info01{width:70%;}
#cont01 .info01_01 {position: absolute; width:40%;z-index: 2;margin:0 30%;}
#cont01 .info01_01 .capsule{margin:0 32% 5% 32%;font-size: 18px;}
#cont01 .info01_02 .capsule{margin:5% 0;}
#cont01 .info01_02 {position: absolute; margin-top: 25%;}
#cont01 .info01_03 {margin-top: 40%; }
#cont01 .info01_02 .capsule{margin:5% 0;}
#cont01 .KNCO {margin-left:-160px;}
#cont01 .info02 {width:67%;}
#cont01 .info02_01 {margin-top: -10px;}
#cont01 .info02 .text {padding: 10% 0 0 3%;}
#cont01 .info02_01 .txt_name{font-size: 24px;line-height: 1.3;letter-spacing: -0.05em;color: #707070;font-weight: 500;margin:4% 0}
#cont01 .info02 .text_p {width:500px; max-width:100%;color: #707070;}
#cont01 .info01_01 .tit, #cont01 .info01_02 .tit, #cont01 .info01_03 .tit, #cont01 .info02_01 .tit, #cont01 .info03_01 .tit {font-weight:600;line-height:1.4;letter-spacing: -0.05em;color:#000}
#cont01 .info01_01 .tit:hover, #cont01 .info01_02 .tit:hover, #cont01 .info01_03 .tit:hover, #cont01 .info02_01 .tit:hover, #cont01 .info03_01 .tit:hover {color:#009944}
#cont01 .info03 .text {padding-top: 10%; width:560px}
#cont01 .info03 .dot_list { padding-left: 20px; margin-bottom: 40px;}
#cont01 .info03 .dot_list a {position: relative; }
#cont01 .info03 .dot_list a:first-child:after {position: absolute;display: block;content: ".";font-size: 50px;clear: both;width: 10px;height: 10px;color: #009944;border-radius: 10px;left: -20px;top: -25px;}
#cont01 .info03 .img .info03_02_img{position: absolute;right: -100px;top: -20px;}
#cont01 .info03 .txt_name{font-size: 20px;line-height: 1.3;letter-spacing: -0.05em;color: #707070;font-weight: 500;margin:4% 0}
#cont01 .info02_01 .capsule, #cont01 .info03_01 .capsule{margin:5% 0}
#cont02 {background:#063533;}
#cont02 .capsule {color: #fff;margin:3% 0}
#cont02 .wrap {width: 1500px;max-width: 100%;margin:auto;overflow:hidden;}
#cont02 .wrap .info04 {position: relative;width: 1540px;max-width: 100%;}
#cont02 .wrap .info04 .text {position: absolute;right: 10%;bottom: 10%;}
#cont02 .wrap .info04 .text .txt_name{font-size: 24px;line-height: 1.3;letter-spacing: -0.05em;color: #fff;font-weight: 500;margin:8% 0;}
#cont02 p,
#cont02 a {color: #fff;}
#cont01 a:hover, #cont02 a:hover {color: #009944;}
#cont02 .wrap .info05 {position: relative;width: 1600px;padding: 10% 0 45%;margin-left: 0px;}
#cont02 .wrap .info05 .text {padding-left: 60px;}
#cont02 .wrap .info06 {position: absolute; margin-top:-60%; right: 0; width:750px; margin-right: 70px;}
#cont02 .wrap .info06 img { right: 0}
#cont02 .wrap .info06 .text  {padding-top: 30px;width: 100%;text-align: right !important;}
#cont03 {background:#fff3d6;padding:5% 6%;}
#cont03 .capsule {margin:5% 0; font-size:16px}
#cont03 .wrap {width: 86%;margin:auto;padding-bottom:5%;}
#cont03 .col li {margin:0 20px 15px;}
#cont03 .info07 .center{width:38%;}
#cont03 .info07 .left{width:58%}
#cont03 .news {width: 1240px;max-width: 92%;margin: auto;margin-top: 80px;border-bottom: 1px solid #333;}
#cont03 .news ul{ padding: 20px; border-top: 1px solid #333; }
#cont03 .news li.item {width: 35%;font-size:48px;font-family: 'Times New Roman', serif;font-weight:bold;color:#000}
#cont03 .news li {font-size: 22px; margin: 10px 0; line-height:48px}
@media screen and (max-width: 1800px) {
	#cont03 .col li {margin:0 15px 15px;}
}
@media screen and (max-width: 1680px) {
	/*visual*/
    #visual {height: 800px;}
    #visual .center {padding-top: 15vh;}
    #visual h2 {font-size: 6vw;}
    #visual .video {position: absolute; z-index: -2; width:100%;}
	/*Contents*/
    #cont01 .info02 .text_p {max-width: 100%;width: 100%;}
	#cont01 .info01_03 img{width:36%;}
	#cont01 .info01_02 img{width:90%;}
	#cont01 .info02 {width:75%;}
	.wrap .tit.ibm{font-size: 34px;}
	.wrap .tit2.ibm{font-size: 28px;}
	#cont02 .wrap{width:80%;padding-bottom:5%}
	#cont02 .wrap .info04 .img{width:55%}
	#cont02 .wrap .info05 img{width:81%}
	#cont02 .wrap .info05 .text {padding-left:0%;margin-left:-1%}
	#cont03 .news{width: 80%}
	#cont03 {padding:5% 3%;}
	#cont03 .wrap{width:94%}
	.capsule{font-size:16px}
	#cont01 .info01_01 .capsule{margin:0 29% 5% 29%;}
}
@media screen and (max-width: 1600px) {
	#cont01 .info01_01 .capsule{margin:0 27% 5% 27%;}
}
@media screen and (max-width: 1440px) {
	/*visual*/
    #visual {height: 750px;}
	.video-background {left:-2%;top:-10%}
    #visual .center {padding-top: 18vh;}
    #visual h2 {font-size: 6vw;}
	#cont01 .info01{width:75%;}
	#cont01 .info01_02 img{width:80%;}
	#cont01 .info01_03 {margin-top: 35%; }
	/*Add Css*/
	#cont01 .info03 {width:80%;padding:10% 0 6% 0;overflow:hidden}
	#cont01 .info03 .text {padding:0 3%}
    /*#cont01 .info03 {width: 80%;padding-left: 5vw;}
    #cont01 .info03 .text {padding-top: 20px; padding: 0 5vw;}*/
    #cont01 .info03 .img img{width: 300px;}
    #cont01 .info03 .img .info03_01_img{position:absolute;right: 25%;top: -15px;}
    #cont01 .info03 .img .info03_02_img{width: 320px;position:absolute;right: 0;}
	.wrap .tit.noto_serif, .wrap .tit {font-size: 24px;}
   	.wrap .tit2.noto_serif, .wrap .tit2 {font-size: 20px;}
	.wrap .tit.ibm{font-size: 30px;}
	.wrap .tit2.ibm{font-size: 24px;}
	.capsule{font-size:16px}
	#cont01 .info02_01 .txt_name, #cont01 .info03_01 .txt_name, #cont02 .wrap .info04 .text .txt_name{font-size: 18px;}
	#cont01 .info02 .text_p {font-size: 16px;}
	#cont02 .wrap{padding-bottom:0%}
	#cont02 .wrap .info04 .text {right:10%;bottom:0}
	#cont02 .wrap .info05{width:100%;padding: 10% 0 55% 0;}
	#cont02 .wrap .info05 .text {padding-left:0%;margin-left:-2%}
	#cont02 .wrap .info06{width:60%;margin-top:-70%;margin-right: 30px;}
	#cont03 .col li {margin:0 10px 15px;}
	#cont03 .news li.item {font-size:42px;}
	#cont03 .news li {font-size: 20px;  line-height:42px}
}
@media screen and (max-width: 1366px) {
	/*visual*/
    #visual .center {padding-top: 15vh;}
    #visual h2 {font-size: 6vw;}
	#cont01 .info02_01 .txt_name, #cont01 .info03_01 .txt_name, #cont02 .wrap .info04 .text .txt_name{font-size: 16px;}
	.wrap .tit.noto_serif, .wrap .tit  {font-size: 20px;}
   	.wrap .tit2.noto_serif, .wrap .tit2 {font-size: 18px;}
	.wrap .tit.ibm{font-size: 26px;}
	.wrap .tit2.ibm{font-size: 20px;}
	#cont03 .col li {margin:0 7px 15px;}
	#cont03 .col > li.col_right ul li{width:42%;}
	#cont03 .info07 .center{width:35%;}
	#cont01 .info01_01 .capsule{margin:0 25% 5% 25%;}
}
@media screen and (max-width: 1280px) {
	.video-background {left:-30%}
	#cont03 .info07 .center{width:32%;}
	#cont03 {padding:5% 2%;}
	#cont03 .wrap{width:96%}
	#cont03 .col > li.col_right{width:57%;}
	#cont03 .col > li.col_left{width:40%;}
}
/*�꾩씠�⑤뱶 �꾨줈 11�몄튂 媛�濡�*/
@media screen and (max-width: 1194px) {
	#cont01 .info01_01 .capsule{margin:0 20% 5% 20%;}
	.mobile02{display:block}
}
/*�꾩씠�⑤뱶 �꾨줈 10.5�몄튂 媛�濡�*/
@media screen and (max-width: 1112px) {
    .wrap {padding-top: 10vw;}
    /*.wrap .tit.noto_serif, .wrap .tit  {font-size: 24px;}*/
    #cont01 .info03 .dot_list a:first-child:after {top: -35px;}
    #cont03 .news li.item img{height: 20px;}
}
@media screen and (max-width: 1024px) {
	#visual {height:80vh;}
	.video-background {left:-50%}
	#visual .center {padding-top: 20vh;}
	#visual .center .capsule {font-size:12px;padding:0.2% 2%}
	.capsule {font-size:12px;}
	/*Contents*/
	.col2 > li{overflow: hidden;}
    .col2 > li img {width:100%;}
	#cont01 .info01_01 {width:50%;margin:0 25%}
	#cont01 .info01_01 .capsule {font-size:12px;}
    #cont01 .info01_01 img {width: 100%;}
    #cont01 .info01_02 {margin-top: 250px;margin-left: -5vw;width: 50%;}
    #cont01 .info01_02 img {width: 70%;}
    #cont01 .info01_03 {margin-top: 350px;margin-right: -5vw;}
    #cont01 .info01_03 img {width: 35%;}
    #cont01 .info02 {width: 80%;}
    #cont01 .info02 .KNCO {width: 50vw;margin-left: 0;margin-top:10%}
    #cont01 .info02_01 {padding: 0 0vw;}
    #cont01 .info02 .text {padding-top: 5%;}
	#cont01 .info03 .text {padding:0}
	#cont01 .info03 .img .info03_01_img {right:20%;}
	#cont01 .info03 .img img {width:250px}
	#cont01 .info03 .img .info03_02_img {width:270px;right:0%}
	#cont02 .wrap .info04 .img {width:60%}
	#cont02 .wrap .info04 .text {right:11%;}
	#cont02 .wrap .info05 {width:50%;padding:10% 20% 10% 0;margin-left:0px}
	#cont02 .wrap .info05 img {width:100%;}
	#cont02 .wrap .info05 .text {margin-left:0;padding-top:10%}
	#cont02 .wrap .info06 img {width:80%;float:right;margin-top:20%}
	#cont02 .wrap .info06 .text {padding-top:3%}
	#cont03 .wrap {padding-bottom:10%}
	#cont03 .info07 .tit.noto_serif {font-size:14px}
    #cont03 .col .col_left {margin:0;width:40%}
    #cont03 .col .col_left img{ max-width:100%; }
	#cont03 .col .col_right {width:52%} 
	#cont03 .info07 .capsule {margin:5% 0;font-size:12px;}
    #cont03 .news {margin-top: 50px}
    #cont03 .news ul {padding: 20px 5px;}
    #cont03 .news li.item {font-size:36px}
    #cont03 .news li {font-size: 15px;}
}
/*�꾩씠�⑤뱶 �꾨줈11 �몃줈*/
@media screen and (max-width: 897px) {
	#cont01 .info01_01 .capsule, #cont01 .info01_02 .capsule {width:45%;padding:5px 0;text-align:center;font-size: 12px;}
	#cont01 .info01_03 .capsule{text-align:center;width:20%;padding:5px 0;font-size: 12px;}
	#cont02 .info04 .capsule{text-align:center;width:55%;padding:5px 0;font-size: 12px;}
	#cont02 .info06 .capsule{text-align:center;width:35%;padding:5px 0;font-size: 12px;}
	#cont03 .info07 .capsule{text-align:center;width:50%;padding:5px 0;font-size: 12px;}
	#cont03 .info07 .center .capsule{text-align:center;width:40%;padding:5px 0;font-size: 12px;}
	#cont03 .info07 .col_right .capsule.longtitle{text-align:center;width:70%;padding:5px 0;font-size: 12px;}
}
@media screen and (max-width: 834px) {
	.video-background {left:-70%;}
	#visual .center .capsule {font-size:14px;margin:2% 0}
	/*.cir_text_a {display:none}*/
	.capsule {font-size:12px;padding:4px 10px;}
	#cont01 .info01_01 .capsule, #cont01 .info01_02 .capsule {font-size: 12px;}
	#cont01 .info01_03 .capsule{font-size: 12px;}
	.wrap .tit.noto_serif, .wrap .tit {font-size:20px}
	.wrap .tit.ibm{font-size: 20px;}
	.wrap .tit2.ibm{font-size: 18px;}
	#cont01 .info02 {width:85%}
	#cont01 .info02 .KNCO {margin-top:15%}
	#cont01 .info02 .text {padding-top: 15%;}
	.col2 > li {width:50%}
	#cont01 .info02 .text_p {font-size:14px;line-height:1.5}
	#cont01 .info03 {width:100%;margin:0 0 0 7%;padding:10% 0 0 0}
	#cont01 .info03 .img .info03_01_img {right:30%}
	#cont01 .info03 .img .info03_02_img {right:7%}
	#cont01 .info01_02 {margin-top: 200px;margin-left: -5vw;width: 50%;}
    #cont01 .info01_03 {margin-top:300px;margin-right: -5vw;}
	#cont02 .wrap .info04 .text {right:0%}
	#cont03 .news li.item {font-size:30px}
}
@media screen and (max-width: 768px) {
	#cont01 .info03 .img img{width:30%;}
}
@media screen and (max-width: 600px) {
	.pc {display:none}
	.video-background {left:-100%;}
	.mobile{display:block}
	#visual .center {padding-top:19vh}
	#visual h2 {font-size:8vw}
	#visual .center .capsule {font-size:14px;}
	.cir_text_a {display:none}
	#cont01{width:100%;}
	#cont01 .info01{position: relative;padding:5% 0 0 0;text-align:center;}
	#cont01 .info02, #cont01 .info03{padding:0 5%}
	#cont01 .info01_01 {position: relative; width:100%;padding:0;margin:0 0;}
	#cont01 .info01_02 {position: relative; width:100%;margin:10% 0;text-align:center;}
	#cont01 .info01_02 img, #cont01 .info01_03 img{width:100%;}
	#cont01 .info01_03 {position: relative; width:100%;margin:10% 0;text-align:center;}
	#cont01 .info01_01 .capsule{margin:5% auto;}
	#cont01 .info01_03 .capsule{width:50%;margin:5% auto;}
	#cont01 .info01_03 p{width:100%;text-align:center;}
	#cont01 .info02 .KNCO {margin-top:0}
	#cont01 .info02 .text {padding: 0%;}
	#cont01 .info03 li {width: 92%;}
	#cont01 .info03 .txt_name {margin:3% 0}
    #cont01 .info03 .img {position: relative;height: 70vw;overflow: visible;}
	#cont01 .info03 .img .info03_01_img {position: absolute;width: 50%;right: 50%;top: 0;}
    #cont01 .info03 .img .info03_02_img {position: absolute;width: 54%;right: 5%;top: 0;}
	#cont02, #cont03 {width:100%;padding:0 5%}
	#cont02 .info04 .capsule, #cont02 .info05 .capsule, #cont02 .info06 .capsule{text-align:center;width:27%;padding:5px 0;}
	#cont03 .info07 .capsule{text-align:center;width:25%;padding:5px 0;}
	#cont03 .info07 .center .capsule{text-align:center;width:25%;padding:5px 0;}
	#cont03 .info07 .col_right .capsule.longtitle{text-align:center;width:24%;padding:5px 0;}
	.col2 > li {width:100%}
	#cont02 .wrap {width:85%}
    #cont02 .wrap .info04 .img {width: 100%; padding:0;}
    #cont02 .wrap .info04 .text {position:static;width:100%;text-align:left;padding:20% auto;margin-top:2%}
	#cont02 .wrap .info04 .text .txt_name {margin:3% 0}
    #cont02 .wrap .info05 {text-align: center;padding:0;width:100%;}
    #cont02 .wrap .info05 li {position: static; width: 100%;}
    #cont02 .wrap .info05 img {width: 100%;margin:10% 0 0 0 ;}
	#cont02 .wrap .info05 .text {width: 100%;text-align:left;padding-top:2%}
	#cont02 .wrap .info06 img {width:100%; margin:10% 0 0 0}
    #cont02 .wrap .info06 {position: static; width: 100%; text-align: center;margin:0 0 10% 0}
    #cont02 .wrap .info06 .text {width: 100%;text-align:left !important;padding-top:2%}
	#cont03 .wrap .info07 li{width:100%;padding:3%; text-align:left}
	#cont03 .col .col_right .col > li{width:100%;padding:3%;}
	#cont03 .col .col_right .col > li img{width:100%}
	#cont03 .col > li.col_left{width:100%;padding:5%;}
	#cont03 .info07 .tit.noto_serif {font-size:20px;}
	#cont03 .info07 .capsule {margin:5% 0}
	#cont03 .news li.item {width:100%;}
	#cont03 .news {width:100%;margin:7% 0;max-width:100%}
	#cont03 .info07 .col_left{text-align:left !important;}
	#cont03 .wrap .info07 li img{width:100%;}
}
@media screen and (max-width: 428px) {
	#visual {height:90vh;}
	#visual .center {padding-top:30vh;}
	#visual h2 {font-size:9vw;line-height:1.5}
	.video-background {left:-120%;}
	#cont03 .col .col_left {width:100%;border-radius:0;margin:0}
	#cont03 .col .col_right .col > li  {width:100%}
	#cont03 .col .col_right .col > li a img{display:block;width:100%}
	#cont02 .info04 .capsule, #cont02 .info05 .capsule, #cont02 .info06 .capsule{text-align:center;width:35%;padding:5px 0;}
}
@media screen and (max-width: 414px) {
	.gnb .menu{width:35%;}
	.gnb .menu span{width:100%;}
}
@media screen and (max-width: 390px) {
	.gnb .menu span{font-size:11px;}
}
@media screen and (max-width: 375px) {
}
@media screen and (max-width: 360px) {
}