/* 와이드 pc  */

.sub_t{color: deeppink;}
.nav_bottombox{width:100%;backgound:#009FDB;hegiht:54px;}

/* visual img */
div.visual{width:100%;max-height:600px;position: relative;overflow: hidden;margin: 0 auto;}
div.visual>div{text-align: center;font-family: 'futura'}
div.visual>div>p{position: absolute;left:50%;top: 50%;color: #fff;font-size:3em;font-weight: bold;margin-left: -336px;margin-top: -72px;text-shadow: 0 0 1em #000}
div.visual>div>p>span{display: block;color: #fff;font-size:1.4em;font-weight: bolder;}
div.visual>a.home{position: absolute;display: block;color: #fff;font-size:.9em;right:10px;bottom:10px;border: 1px solid rgba(255,255,255,.8);font-family: 'futura';text-transform: uppercase;padding: 10px}

div.visual>.slider{width: 100%}
div.visual>.slider>div{width: 100%;height:100%;margin: 0 auto;}
div.visual>.slider>div>img{width: 100%;height: 100%;}

.slick-slide img{width: 100%;height: 100%;}
.slick-dots{bottom: 15px!important}
.slick-dotted.slick-slider{margin-bottom: 0!important}
.slick-dots li button:before{font-size: 2.5rem!important;}

.boxing{position:absolute;left:0;top:150px;width:100%;height:55px;background:#009FDB;z-index:1;display:none;}

/* contents */

.container{max-width: 1200px;width: 100%;margin: 0 auto;}
.main{margin-bottom:40px}
.main h3{margin: 0 auto;padding:30px 0;font-size: 2rem;background: url(/images/2020/img/shape_new.png) no-repeat center}
.tie{background:#0F0E3C;color: #fff;padding:30px;text-align: center;text-transform: uppercase;font-weight: bold;}
.intro{}
.intro>div{text-align: center;}
.intro>div>span{display: block;font-weight: bold;font-size: 2rem;padding-top: 30px;}
.intro>div>p{width: 90%;margin:30px auto;text-align: justify;line-height: 1.8rem;}

a.more{display: block;text-align: center;width: 80px; padding: 10px;position: relative;left: 50%;margin-left: -40px;border-radius: 3px;position: relative;font-size:.85rem;color:#009FDB;border:1px solid #009FDB;box-sizing:border-box;}
a.more>span{display:inline-block;position: relative;top: 5px;left: 5px;transition: all .35s ease;animation:arrow 1s infinite  alternate;}
@keyframes arrow {
   0% { transform:scale(.9); opacity:1; color:#0F0E3C;}
   100% {transform:scale(1);opacity:0.8;color:#009FDB;}
}

/* 퀵메뉴 */
.quick{text-align: center;overflow: hidden;width: 100%;margin: 0 auto;padding-bottom: 30px;}
.quick>li{width: 49%;margin: 0 .5%;float: left;border-radius: 3px;border: 1px solid #F7F7F9;box-sizing: border-box;overflow: hidden}
.quick>li:nth-of-type(1){background: #fff url(/images/2020/img/enter.png) no-repeat right;}
.quick>li:nth-of-type(2){background:  #fff url(/images/2020/img/attend.png) no-repeat left;}
.quick>li>a{display: block;padding:34px;font-size: 1.6rem;font-weight: bold;}
.quick>li>a>span{display: block;font-size: .8rem;font-weight: bold;color: #009FDB;transition: all .35s ease;animation:arrow 1s infinite  alternate;}
.quick>li:hover>a,.quick>li:focus>a,.quick>li:active>a{transform: scale(1.1);transition: all .5s;color: #009FDB}
.quick>li:hover>a>span,.quick>li:focus>a>span,.quick>li:active>a>span{color:#0F0E3C}

/* 칸라이언즈소식_뉴스 */
.main2{text-align: center;background: #f7faff;padding:10px 0}
.main2>div>div{width:100%;}
#mainnews{overflow:hidden;margin:40px auto;}
#mainnews>a{display: block;float: left;width: 23%;margin: 0 1%;border: 1px solid #F7F7F9; box-sizing: border-box; box-shadow:0 4px 15px 2px rgba(65,77,84,.12);overflow: hidden;padding:1%;border-radius:3px;background:#fff;}
#mainnews>a>div{width:100%;height:160px;overflow:hidden;}
#mainnews>a>div>img{width:100%;height:100%;border-radius:3px;opacity:.9;object-position: 40% 50%;object-fit: cover;}
#mainnews>a:hover div>img,#mainnews>a:active div>img,#mainnews>a:focus div>img{transform:scale(1.1);transition:all .5s;opacity:1}
#mainnews>a>dl{margin:10px 1%;width: 98%;}
#mainnews>a>dl>dt{font-weight:bold;font-size:.925rem;padding-top: 5px;padding-bottom: 3px;border-bottom: 1px solid #F7F7F9;font-size: 1em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;letter-spacing:-1px;}
#mainnews>a:hover dl>dt,#mainnews>a:active dl>dt,#mainnews>a:focus dl>dt{color: #009FDB}
#mainnews>a>dl>dd{margin: 10px 0;font-size: .895em;letter-spacing:-1px;}
#mainnews>a>dl>dd:nth-of-type(1){width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#mainnews>a>dl>dd:nth-of-type(2){float: right;font-size: .785em;color:#666;}

/* 영라이언즈컴피티션 및 칸x서울 */
.main3{width: 100%;overflow: hidden;}
.main3>div{height:100%;height: 300px;position: relative;overflow: hidden;}
.main3>div>.i_box{width:400px;float: left;height: 100%;border-radius: 3px;overflow: hidden;}
.main3>div>.i_box>img{width: 100%;height: 100%;border-radius: 3px;opacity: .8;object-position: 40% 50%;object-fit: cover;}
.main3>div:focus .i_box>img,.main3>div:active .i_box>img,.main3>div:hover .i_box>img{transform: scale(1.1);transition: all .5s;opacity: 1;}
.main3>div>.m3_txt{text-align: justify;width: 800px;float: right;height: 100%;border: 1px solid #F7F7F9;box-sizing: border-box;}
.m3_txt>p{line-height: 1.8rem;padding-left: 20px;font-size: .95rem;width: 92%;}
.m3_txt>p:first-child{padding:40px 20px 20px 20px;font-size: 1.8rem;font-weight: bold;letter-spacing:-1px;}
.m3_txt>p>span{display: block;font-size: .85rem;font-weight: bold;padding:5px 0;}
.m3_txt>p:last-child>span{padding-top: 15px;}
.main3>.ylc_wrap{}
.main3>.cxs_wrap>.i_box{float: right;}
.main3>.cxs_wrap>.m3_txt{float: left;}
.point_txt{color: #009FDB}

/* 수상작 및 트렌드 */
.main4{overflow: hidden;text-align: center;}
.main4>div{width: 50%;float: left;height:350px;position: relative;}
.main4>div>a{display: block;width: 100%;height: 100%;position: relative;background: rgba(0,0,0,.5)}
.main4>div>a>span{display: block;position: absolute;left: 50%;top: 50%;color: rgba(255,255,255,.0);font-size: 1.4rem;margin-left: -64px;margin-top: 50px;font-weight: bold;}
.main4>div:focus>a>span,.main4>div:active>a>span,.main4>div:hover>a>span{color: #fff;}
.main4>div>a>img{width:300px;position:absolute;left: 50%;top: 50%;margin-left: -150px;margin-top: -34px;opacity: .3;}
.main4>div:focus>a>img,.main4>div:active>a>img,.main4>div:hover>a>img{transform: scale(1.1);transition: all .5s;opacity: 1;}
.main4>div:focus a,.main4>div:active>a,.main4>div:hover>a{background: rgba(0,0,0,.2)}
.main4>.work{background:#009FDB url(/images/2020/img/work_1200.jpg)no-repeat center}
.main4>.warc{background:#f7faff url(/images/2020/img/warc_1200.jpg)no-repeat left center}


/* 일반 pc */
@media screen and (max-width:1280px) {
    div.visual>a{right:100px;}
    .quick{width: 92%;margin: 0 auto;}
    .intro>div>span{font-size: 1.8rem;}
    .main h3{font-size:1.8rem;}
    .m3_txt>p:first-child{font-size: 1.6rem;padding:20px;}
    .main3>div>.i_box{width: 50%;}
    .main3>div>.m3_txt{width: 50%;text-align: center;}
    .m3_txt>p{font-size: .925rem;padding-left: 0;margin: 0 auto;width: 85%;}
    .m3_txt>p:nth-of-type(2){text-align: justify;}
    .m3_txt>p:nth-of-type(2)>span{font-size: .8rem;color: #fff;padding: 0;}
    a.more{padding: 5px;top: 20px;}

}

/* 테블릿 */
@media screen and (max-width:1024px) {
	h3{color:#0F0E3C}
    .container{max-width:1024px}
    div.visual>a{display:none;}
    div.visual>div>p{margin-left: -248px;font-size: 3rem;}
    div.visual>div>p>span{font-size:3.1rem;}
    div.visual>a{}
    .tie{font-size: .9rem;font-weight: normal;}
    .main{margin-bottom:40px;}
	#mainnews>a{padding:2% 1% 0 1%}
	#mainnews>a>div{width:100%;height:140px;overflow:hidden;}
	#mainnews>a>dl{font-size: .85em;}
	#mainnews>a>dl>dt{font-size: .9rem}
	#mainnews>a>dl>dd{margin: 5px 0}
	#mainnews>a>dl>dd:nth-of-type(2){font-size: .75rem}
    .m3_txt>p:first-child{font-size: 1.2rem;}
    .m3_txt>p{font-size: .85rem;}
    a.more{top: 10px;font-size: .85rem;}
    .slick-dots{display: none!important;}
    div.visual>a.home{display: none;}
    }

/* 소형 테블릿 */
@media screen and (max-width:768px) {
	.container{max-width:768px}
    div.visual>div>p>span{font-size:2.2rem;}
    div.visual>div>p{font-size:2rem;margin-left: -176px;margin-top: -30px;}
    div.visual>a{}
    .tie{font-size: .85rem;padding: 10px;}
    div.visual>a.home{display: none}
    .intro>div>span{font-size:1.6rem;}
    .quick>li>a>span{font-size:.85rem;}
    .quick>li>a{padding:20px;font-size:1.4rem;}
    .quick>li:nth-of-type(1){background:#fff url(/images/2020/img/enter_640.jpg) no-repeat right}
    .quick>li:nth-of-type(2){background:#fff url(/images/2020/img/attend_640.jpg) no-repeat left}
    .main{margin-bottom:0;}
    .main h3{font-size:1.6rem;}
	#mainnews>a{float: none;width: 98%;margin-bottom: 10px;padding:2% 1%;background: #fff;height:135px;}
	#mainnews>a>div{float:left;width: 28%;margin: 0 1%;height:110px;}
	#mainnews>a>dl{float: right;width:68%;margin: 1%;text-align:justify}
	#mainnews>a>dl>dt{padding-top: 10px;font-size: .9rem}
	#mainnews>a>dl>dd{font-size: .895rem;margin:0;padding:8px 0;}
	.main2{padding:20px 0 0 0;}
	.m3_txt>p{line-height:1.6rem;}
    .m3_txt>p:nth-of-type(2)>span{display: none;}
    .main4>div{width: 100%;float: none;margin-bottom: 40px;}
    .main4>div:nth-of-type(2){margin-bottom: 0;}
    .main4>div>a>img{width: 250px;margin-left:-125px;opacity:1}
    .main4>div>a>span{font-size: 1.2rem;margin-left: -46px;top: 50px;color:rgba(255,255,255,.8)}
}

/* 모바일 */
@media screen and (max-width:640px) {

    .container{max-width:640px}
    .tie{font-size: .8rem;}
    div.visual>div>p{font-size: 1.4rem;margin-left:-128px;}
    div.visual>div>p>span{font-size: 1.6rem;}
    .intro>div>span{font-size: 1.3rem;}
    .quick{padding-bottom:40px;}
    .main h3{font-size: 1.3rem;}
    .main3>div{max-height: 250px;}
    .m3_txt>p:nth-of-type(2){display: none;}
    .m3_txt>p:first-child{padding:60px 0 5px 0;}
    .m3_txt>p>span{font-size: .85rem;}
    .main4>.work{background:#f7faff url(/images/2020/img/work.jpg)no-repeat center}
    .main4>.warc{background:#f7faff url(/images/2020/img/warc.jpg)no-repeat left center}
    a.more{boreder:1px solid #009FDB;box-sizing:border-box;background: #009FDB;color:#fff;}
	a.more>span{position: relative;top: 4px;left: 5px;}
	.gotoylc{margin-left:-58px!important;}
	.main4>div>a{background:none;}
	.main4>div>a>span{display:none;}
}

/* 최소 사이즈 처리 */
@media screen and (max-width:480px) {

    .tie{padding: 5px;}
    .main h3{background: url(/images/2020/img/shape_new_640.png) no-repeat center}
    .container{max-width:480px}
    .intro>div>span{font-size: 1.2rem;width: 298px;margin: 0 auto;}
    .quick>li:nth-of-type(1){background:#fff;border:1px solid #009FDB;box-sizing:border-box;}
    .quick>li:nth-of-type(2){background:#fff;border:1px solid #009FDB;box-sizing:border-box;}
    #mainnews>a{float: none;width: 98%;margin-bottom: 10px;padding:2% 1%;background: #fff;height:100px;}
	#mainnews>a>div{float:left;width: 28%;margin: 0 1%;height:80px;}
	#mainnews>a>dl{float: right;width:68%;margin: 1%;text-align:justify}
	#mainnews>a>dl>dt{padding-top:5px;font-size:.85rem;}
	#mainnews>a>dl>dd{font-size:.8rem;margin:5px 0;}
    #mainnews>a>dl>dd:nth-of-type(2){display:none;}
    .main3>div>.i_box{float: none;width:100%;position: absolute;left: 0;top:0;z-index: -1;}
    .main3>div>.m3_txt{float: none;width:100%;}
    .main3>div{min-height:350px;}
    .main3>.ylc_wrap>.m3_txt{background: rgba(0,0,0,.6)}
    .main3>.cxs_wrap>.m3_txt{background: rgba(0,0,0,.6)}
    .main3>.ylc_wrap{margin-bottom: 40px;}
    .m3_txt>p:first-child{color:#fff;}
    .m3_txt>p:nth-of-type(2){display: block;padding: 1% 2%;border-radius: 3px;border:1px solid rgba(255,255,255,.1);box-sizing: border-box;color:#fff;margin:10px auto 5px auto;}
}