@charset "utf-8";
/* =================================================================================
* INFORMATION
* -----------------------------------------------------------------------
* @Author : Park, Hye Ryeon (nancy.park@think-tree.co.kr)
* @File Name: Responsive.css
* @Version: 1.0
* @Create Date: 2018-05-02
* @Update Date: N/A
* @History: N/A
* ================================================================================= */

.mr0{margin-right:0 !important;}

/*��ȣ�� 2018-06-26*/
.dArea {width:1200px; overflow:hidden; margin-bottom:120px; margin-top:80px;}
.dArea .dtext {width:500px; display:inline-block; float:left; margin-right:80px;}
.dArea .dimg {float:left;}
.dArea .dtext .dtitle{font-size:18px; margin-bottom:40px;}
.dArea .dtext p{line-height:25px; font-size:15px; margin-bottom:30px;}
#grad1 {background: #c32566; /* For browsers that do not support gradients */background: linear-gradient(to right, #c32566 , #25255b); /* Standard syntax (must be last) */}
#grad1 .back .d2Area {padding:130px 0;overflow:hidden;}
#grad1 .back .d2Area img{margin-right:110px;float:left;}
#grad1 .back .d2Area .dtext {float:left; margin-top:50px;}
#grad1 .back .d2Area .dtext .dtitle{font-size:18px; margin-bottom:40px; color:#fff;}
#grad1 .back .d2Area .dtext p{line-height:25px; font-size:15px; margin-bottom:30px; color:#fff;}
#grad1 .back .d2Area .dtext img{margin-top:30px;}
.back .d3Area {margin-top:170px;overflow:hidden;}
.back .d3Area .dtext {float:left; margin-right:35px; margin-top:40px;}
.back .d3Area .dtext .dtitle{font-size:18px; margin-bottom:40px;}
.back .d3Area .dtext p{line-height:25px; font-size:15px; margin-bottom:30px;}
.back .d3Area img{float:left;}
.clArea {width:1200px; overflow:hidden; margin-bottom:120px; margin-top:80px;}
.clArea .cltext {width:500px; display:inline-block; float:left; margin-right:80px;}
.clArea .cldimg {float:left;}
.clArea .cltext .cltitle{font-size:26px; margin-bottom:65px;}
.clArea .cltext .clsubtitle{font-size:15px; margin-bottom:25px;}
.clArea .cltext p{line-height:25px; font-size:15px; margin-bottom:30px;}
.cl2Area img {margin:130px 0;}
#grad2 {background: #34aedf; /* For browsers that do not support gradients */background: linear-gradient(to right, #34aedf , #08e4d5); /* Standard syntax (must be last) */}
.seArea {width:1200px; overflow:hidden; margin-bottom:120px; margin-top:80px;}
.seArea .setext {display:inline-block; float:left; margin-right:40px;}
.seArea .sedimg {float:left;}
.seArea .setext .setitle{font-size:18px; margin-bottom:40px; margin-top:55px;}
.seArea .setext p{line-height:25px; font-size:15px; margin-bottom:30px;}
#grad3 {background: #ebebeb;}
.se2Area {overflow:hidden;}
.se2Area .cirSet .circle{border:0px;}
.se2Area ul {overflow:hidden;padding-bottom:20px;width:46%;}
.se2Area ul.doList>li {float:left;height:160px;margin-top:-25px;width:100%;}
.se2Area ul.doList>li:first-child {margin-top:0;}
.se2Area ul.qaList>li {margin-bottom:2px;}
.se2Area .doList {float:left; margin-top:95px;margin-bottom:85px;}
.se2Area .doList dl dt.circle {float:left;}
.se2Area .doList dl dd {display:table-cell;height:160px;padding:0 0 0 55px;vertical-align:middle;}
.se2Area .doList dl dd p {line-height:22px;color:#555;word-break:keep-all;}
.se2Area .seimg {float:left; margin-top:70px;}
/*��ȣ�� 2018-06-27*/
.s2Area {width:1200px; overflow:hidden; margin-bottom:350px; margin-top:80px;}
.s2Area .s2text {display:inline-block; float:left; margin-right:220px;}
.s2Area .s2dimg {float:left;}
.s2Area .s2text .s2title{font-size:18px; margin-bottom:40px; margin-top:55px;}
.s2Area .s2text p{line-height:25px; font-size:15px; margin-bottom:30px;}
#grad4 {background: #ebebeb; padding:30px 0;}
.s22Area {padding-top:240px;overflow:hidden;}
#grad4 .back .s2subimg {position:absolute; margin-top:-135px;}
#grad4 .back .s22Area p {border-bottom:2px solid #555;width:100%;line-height:35px;font-weight:bold;font-size:17px;}
#grad4 .back .s22Area .s22p{float:left;width:48%;margin-right:2%;line-height:25px;}
#grad4 .back .s22Area .s22p ul {margin-left:20px;margin-top:37px;}
#grad4 .back .s22Area .s22p ul li{list-style-type: disc;}
.s2Area2 {text-align:center; margin-top:135px; margin-bottom:80px;}

.jArea {width:1200px; overflow:hidden; margin-top:80px; margin-bottom:150px;}
.jArea .jtext {display:inline-block; float:left; margin-right:150px;}
.jArea .jdimg {float:left;}
.jArea .jtext .jtitle{font-size:18px; margin-bottom:40px; margin-top:55px;}
.jArea .jtext p{line-height:25px; font-size:15px; margin-bottom:30px;}
#grad5 {background: url("../images/j_2.png")no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.j2Area {padding-top:120px;overflow:hidden;}
#grad5 .back .jsubimg {position:absolute; margin-top:-135px;}
.j2Area2 {text-align:center; margin-top:135px; margin-bottom:80px;}
.jArea .jimg{float:left;margin-top:0;}
.jArea .jimg img{position:absolute;}
#grad5 .back .j2Area .j2p {font-size:15px;}
#grad5 .back .j2Area .j2title p{color:#fff;font-size:17px;margin-bottom:45px;}
#grad5 .back .j2Area .j2p p{color:#fff;margin-top:70px;}
#grad5 .back .j2Area .j2p .jlist{color:#fff;overflow:hidden;margin-top:110px;margin-bottom:85px;}
#grad5 .back .j2Area .j2p .jlist > li{color:#fff;float:left; margin-right:65px;}
#grad5 .back .j2Area .j2p .jlist > li:last-child{margin-right:0px;}
#grad5 .back .j2Area .j2p .jlist li dl{color:#fff;font-size:26px;font-weight:bold;}
#grad5 .back .j2Area .j2p .jlist li dt{color:#fff;font-size:26px;font-weight:bold; margin-bottom:30px;}
#grad5 .back .j2Area .j2p .jlist > li > dd > ul > li{color:#fff;list-style-type: disc;margin-left:18px;}

@media (max-width: 1279px) {

}

@media screen and (max-width:1220px){
	.colorsyArea .colorwrap dl dd{width:48%;}
	.colorsyArea .colorwrap dl{width:calc(33.333% - 12px);}
	.rctArea .welfareList{margin-bottom:80px;}
	.explanSet .detail{margin-bottom:80px;}
	.dArea {width:100%;text-align:center;margin-top:40px;}
	.dArea .dtext{float:none; margin-right:0;}
	.dArea .dimg{float:none;}
	.dArea .dtext p {text-align:left;}
	.dArea .dtext p br{display:none;}
	.back .d3Area .dtext p br {display:none;}
	#grad1 .back .d2Area{width:100%; text-align:center;padding:60px 0;}
	#grad1 .back .d2Area img{margin-right:0; float:none;}
	#grad1 .back .d2Area .dtext{float:none;text-align:left;margin:0 auto; width:500px; padding-top:60px;}
	#grad1 .back .d2Area .dtext p br{display:none;}
	.back .d3Area{text-align:center;margin-top:80px;margin-bottom:80px;}
	.back .d3Area .dtext{float:none;width:500px;margin:0 auto;text-align:left;}
	.back .d3Area img{width:100%;float:none;}
	.clArea .cltext p br{display:none;}
	.clArea{width:100%;text-align:center;margin-top:40px;margin-bottom:60px;}
	.clArea .cltext{width:500px;float:none;text-align:left;margin-right:0;}
	.cl2Area img{width:90%;margin:60px 0;}

	.seArea{width:100%;text-align:center;margin: 0 0 60px;}
	.seArea .setext{width:500px;float:none;margin:0 auto;text-align:left;}
	.seArea .setext p br{display:none;}
	.seArea .setext .setitle {margin:0 0 55px;}

	.se2Area .doList{width:356px;margin:0 auto;float:none;}
	.se2Area .seimg{float:none;text-align:center;margin-top:35px;}
	.se2Area ul.doList>li:first-child{margin-top:50px;}
	.s2Area .s2text {display:inline-block; width:501px; margin-right:0; float:none; text-align:left;}
	.s2Area {text-align:center; width:100%; margin:0px 0 230px;}
	.s2Area .s2text p br{display:none;}
	.s2Area .s2text .s2title {margin:0 0 40px;}
	#grad4 .back .s2subimg {position:absolute; margin-top:-135px; text-align:center;}
	#grad4 .back .s2subimg img {margin-bottom:15px; margin-right:0px;}
	.s22Area {margin-top:370px;}
	.jArea {width:100%; overflow:hidden; margin-top:80px; margin-bottom:150px; text-align:center;}
	.jArea .jtext {display:inline-block;text-align:left;float:none;margin-right:0;}
	.jArea .jimg{margin-top:0; float:none;}
	.jArea .jimg img{position:relative;}
	.jArea .jtext p br{display:none;}
	#grad5 .back .j2Area .j2p .jlist > li{min-height:255px;margin-right:0;text-align:left;float:left;width:50%;}
	.j2Area {padding-top:120px;overflow:hidden;text-align:center;width:100%;}
	.j2Area .j2title {text-align:left;width:100%;margin:0 auto;}
	#grad5 .back .j2Area .j2p {font-size:15px;width:486px;margin:0 auto;}

}

@media screen and (max-width:980px){
	.rctArea .welfareList li {width:50%;border-bottom:1px solid #eee;}
	.se2Area ul.doList>li {height:130px;}
	.cirSet .circle strong {width:110px; height:110px;}
	.cirSet .circle strong img {width:100%;}

	.se2Area .doList dl dd {height:110px; padding:0 0 0 25px;}
	.explanSet .detail {width:100%; margin:0 auto;}
	.rctArea .cirSet:after {left:112px;}
	.rctArea .cirSet {padding-right:60px;}
}

@media screen and (max-width:940px){
	.rctArea .talentList dl dd{display:block;}
	.rctArea .talentList dl dt{display:block;}
	.ptnArea .tab-con .ptnline ul li div{display:table-cell;vertical-align:middle;}
	.ptnArea .tab-con .ptnline li{display:table;width:33.333%;float:left;}
	.ptnArea .tab-con .ptnline ul li:nth-child(4):before{border:0 none;}
	.idenBox .txtBox {display:block; width:100%;}
	.idenBox .imgBox{width:100%; margin-top:20px; display:block;}
	.idenBox{padding:30px;}
	.loBox .gmap{display:block;}
	.loBox .mapdetail{display:block;width:calc(100% - 45px);}
	.mapdetail p br{display:none;}
}

@media screen and (max-width:804px){
	.rctArea .jobList li dt{float:none;}
	.colorsyArea .colorwrap dl dd div p span{margin-left:5px;font-size:10px;}
	.colorsyArea .colorwrap dl dd div p{font-size:10px;}
	.back .s2Area2 img{width:100%;}
}

@media screen and (max-width:780px){
	.newslist li>div,
	.newslist li {height:170px;}
	.newslist li strong {font-size:15px;line-height:20px;}
	.newslist li.years strong {font-size:30px;}
	.newslist li .txtBox {left:20px; bottom:20px;}
	.newslist li .txtBox span {font-size:12px;}
	.newslist li>div {padding:20px;}
	.colorsyArea .colorwrap {width:50%;margin:0 auto;padding-top:40px;}
	.colorsyArea .colorwrap dl{float:none;width:100%;padding-top:30px;]
	.colorsyArea .colorwrap dl dd div p span{margin-left:10px;font-size:14px;}
	.colorsyArea .colorwrap dl dd div p{font-size:14px;}
}

/* �����̽�(iPhone 6 plue ���θ��� ����) ���� 736 ���� �� ���� */

@media screen and (max-width:736px){
	.newslist li {width:50%;}
	.explanSet:last-child{margin-bottom:80px;}
	.explanSet .tt {width:100%;}
	.explanSet .tt .detail {width:100%;}
	.explanSet .detail {display:block; border-top:none; width:100%;}
	.explanSet .detail .cirSet {padding-right:0; padding-bottom:60px; display:block;}
	.explanSet .detail .cirSet .circle {width:160px; margin: 0 auto; }
	.explanSet .detail .cirSet .circle strong {width:160px; height:160px;}
	.explanSet .detail .cirSet:after {-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); left:50%; margin-left:-22px; margin-top:71px;}
	.rctArea .cirSet:after {left:110px;}
	.rctArea .talentList dl dd{display:block;}
	.rctArea .talentList dl dt{display:block;}
	.clArea .cltext{width:100%;}
	.clArea .climg img{width:100%;}
	.se2Area .seimg img{width:100%;}

	.rctArea .talentList li:before {font-size:60px;}
	.rctArea .talentList dl {left:0;}
	.rctArea .welfareList li {height:158px;}


}

@media screen and (max-width:600px){
	.rctArea .welfareList li {padding:0px;}
	.rctArea .welfareList li dl{text-align:center;margin-top:85px;background:#fff; height:72px;}
	.rctArea .welfareList li dl dt{margin-bottom:0;font-size:15px;}
	.rctArea .welfareList li dl dd{line-height:15px;font-size:11px;}
	.rctArea .welfareList li:first-child {background-position:center -18px;}
	.rctArea .welfareList li:nth-child(2){background-position:center -136px;}
	.rctArea .welfareList li:nth-child(3){background-position:center -256px;}
	.rctArea .welfareList li:nth-child(4){background-position:center -375px;}
	.rctArea .welfareList li:nth-child(5){background-position:center -498px;}
	.rctArea .welfareList li:last-child{background-position:center -16px;}
	.rctArea .rctInfo .btnApply {float:none;}
	.rctArea .rctInfo dl{float:none;}
	.colorsyArea .txtBox {width:100%;}
	.colorsyArea .colorwrap{width:100%;}
	.dArea .dtext{width:100%;}
	#grad1 .back .d2Area .dtext{width:100%;}
	.back .d3Area .dtext{width:100%;}
	#grad1 .back .d2Area img{width:80%;}
	.dArea .dimg img{width:100%;}
	.seArea .setext{width:100%;}
	.seArea .seimg img{width:100%;}
	.s2Area .s2text .s2img img {width:80%;}
	.s2Area .s2text {width:100%;}
	.s2Area .s2img img{width:80%;}
	#grad4 .back .s2subimg {margin-right:15px;}
	#grad4 .back .s2subimg img{width:100%;}
	.s22Area {margin-top:0px; padding-top:80%;}
	#grad5 .back .j2Area {padding-top:80px;}
	#grad5 .back .j2Area .j2p .jlist {margin-top:50px;}
	#grad5 .back .j2Area .j2p .jlist > li{width:100%; height:auto; min-height:0; margin-right:0;text-align:left;float:none; margin-bottom:40px;}
	#grad5 .back .j2Area .j2p .jlist li dt {font-size:20px;}
	#grad5 .back .j2Area .j2p {width:100%;}

	.jArea .jimg img{width:90%;}

	#grad4 .back .s22Area .s22p {float:none; width:100%; margin-top:40px;}
	#grad4 .back .s22Area .s22p ul {margin-top:16; margin-left:0px;}
}

@media screen and (max-width:430px){
	.rctArea .talentList dl dd{display:block;}
	.rctArea .talentList dl dt{display:block;}
	.ptnArea .tab-con .ptnline ul li div{display:table-cell;vertical-align:middle;}
	.ptnArea .tab-con .ptnline li{display:table;width:50%;float:left;}
	.ptnArea .tab-con .ptnline ul li:nth-child(3):before,.ptnArea .tab-con .ptnline ul li:nth-child(5):before{border:0 none;}
	.ptnArea .tab-con .ptnline ul li:nth-child(4):before{content:'';position:absolute;top:20px;left:0;bottom:20px;display:inline-block;width:0;border-left:1px solid #cccdce;}
	.newslist li strong {font-size:15px;line-height:20px;}
	.s2Area {margin:0 0 190px;}
}