body {word-break:keep-all;}

/* 서브페이지 키비쥬얼 */
#SUB_KEYVISUAL .gu_sub_top .kv_img_area {background-image: url('../../../img/career/talent/KV_career_talent.jpg');}

#CAREER_TALENT {margin-bottom:0;}

#TALENT .gu_content .gu_sub_title{text-align:left;}
#TALENT .gu_content ul{margin-top:100px;}
#TALENT .gu_content ul li{margin-bottom:90px; }
#TALENT .gu_content ul li div{width:calc(50% - 35px); float:left; box-sizing:border-box;}
#TALENT .gu_content ul li div:nth-of-type(odd){margin-right:35px;}
#TALENT .gu_content ul li div:nth-of-type(even){margin-left:35px;}
#TALENT .gu_content ul li div .gu_text_en{color:#64b6c9; margin-bottom:16px;}
#TALENT .gu_content ul li div.inhwa .gu_text_en{font-style:italic;}
#TALENT .gu_content ul li div .gu_box_title{margin-bottom:36px; position:relative;}
#TALENT .gu_content ul li div .gu_box_title:after{content:''; display:inline-block; width:58px; height:58px;
background:url('../../../img/career/talent/ico_1.png') no-repeat center / cover; position:absolute; right:0; top:50%;
transform:translateY(-50%);}
#TALENT .gu_content ul li:nth-child(1) div:last-child .gu_box_title:after{background-image:url('../../../img/career/talent/ico_2.png');}
#TALENT .gu_content ul li:nth-child(2) div:first-child .gu_box_title:after{background-image:url('../../../img/career/talent/ico_3.png');}
#TALENT .gu_content ul li:nth-child(2) div:last-child .gu_box_title:after{background-image:url('../../../img/career/talent/ico_4.png');}
#TALENT .gu_content ul li:nth-child(3) div:first-child .gu_box_title:after{background-image:url('../../../img/career/talent/ico_5.png');}
#TALENT .gu_content ul li:nth-child(3) div:last-child .gu_box_title:after{background-image:url('../../../img/career/talent/ico_6.png');}
#TALENT .gu_content ul li:after{content:''; display:block; clear:both;}

#TALENT .grid_box2 {font-size:0;}
#TALENT .grid_box2 .box {display:inline-block;width:calc(50% - 12px); text-align:center; vertical-align:top;}
#TALENT .grid_box2 .box:first-child {margin-right:24px;}
#TALENT .grid_box2 .box .sub_title {font-size:27px; line-height:42px;color:#222; margin-bottom:20px;}
#TALENT .grid_box2 .box .gu_text {color:#222; min-height: 95px;}
#TALENT .grid_box2 .box img {margin:40px auto; width: 78px;}
#TALENT .grid_box2 .box br {display:none;}
#TALENT .grid_box2 .box br.line-enter {display:block;}
#TALENT .grid_box2 .box .process_box > div {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:25px 10px; margin-bottom:12px;}
#TALENT .grid_box2 .box .process_box > div:last-child {margin-bottom:0;}
#TALENT .grid_box2 .box.leadership .process_box > div:nth-child(1) {border:1px solid #64b6c9}
#TALENT .grid_box2 .box.leadership .process_box > div:nth-child(2) {background: #188aa4}
#TALENT .grid_box2 .box.leadership .process_box > div:nth-child(3) {background: #73bdce}
#TALENT .grid_box2 .box.leadership .process_box > div:nth-child(4) {background: #c1e2e9}
#TALENT .grid_box2 .box.leadership .process_box > div:nth-child(5) {background: #e0edf0}
#TALENT .grid_box2 .box.professional .process_box > div:nth-child(1) {border:1px solid #b9b9b9}
#TALENT .grid_box2 .box.professional .process_box > div:nth-child(2) {background: #656565}
#TALENT .grid_box2 .box.professional .process_box > div:nth-child(3) {background: #b2b2b2}
#TALENT .grid_box2 .box.professional .process_box > div:nth-child(4) {background: #dbdbdb}
#TALENT .grid_box2 .box.professional .process_box > div:nth-child(5) {background: #f2f2f2}
#TALENT .grid_box2 .box .process_box > div span {color:#222; margin-top:10px; display:block;}
#TALENT .grid_box2 .box .process_box > div:nth-child(2) p {color:#fff;}
#TALENT .grid_box2 .box .process_box > div:nth-child(2) span {color:#fff;}

#BANNER {position: relative; margin-top:220px; font-size:0;}
#BANNER > div {display:inline-block; vertical-align:top;width:50%; position:relative;overflow:hidden;}
#BANNER > div a {width:100%; display:inline-block;}
#BANNER > div a .bg {min-height:340px;-webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;}
#BANNER > div:nth-of-type(1) a .bg {background: url(../../../img/career/talent/banner_process.png) no-repeat 70% 50% / cover;}
#BANNER > div:nth-of-type(2) a .bg {background: url(../../../img/career/talent/banner_culture.png) no-repeat 70% 50% / cover;}
#BANNER > div a:hover .bg {transform:scale(1.1);}
#BANNER > div a span {position:absolute;top:50px;left:50px; font-size:32px;color:#fff}


/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) {
    #TALENT .gu_content ul {margin-top: 60px;}
    #TALENT .gu_content ul li {margin-bottom: 60px;}
    #TALENT .gu_content ul li div{width:calc(50% - 21px);}
    #TALENT .gu_content ul li div:nth-of-type(odd){margin-right:21px;}
    #TALENT .gu_content ul li div:nth-of-type(even){margin-left:21px;}
    #TALENT .gu_content ul li div .gu_box_title {margin-bottom: 30px;}
    #TALENT .gu_content ul li div .gu_text_en {margin-bottom: 12px;}
    #TALENT .grid_box2 .box {width:calc(50% - 6px);}
    #TALENT .grid_box2 .box br {display:block;}
    #TALENT .grid_box2 .box br.line-enter {display:none;}
    #TALENT .grid_box2 .box:first-child {margin-right:12px;}
    #TALENT .grid_box2 .box .process_box > div {padding:14px 10px;}
    #TALENT .grid_box2 .box .process_box > div span {margin-top:0;}
    #TALENT .grid_box2 .box.professional .process_box > div .gu_box_sub_title { font-size:15px;}
    #TALENT .gu_content .gu_box_sub_title {font-size: 15px;}
    #BANNER {margin-top:90px;}
    #BANNER > div a:hover .bg {transform:scale(1);}
    #BANNER > div a span {font-size:18px;top:32px;left:32px;}
    #BANNER > div a .bg {min-height:170px;}
}

/* ================================== Mobile css ================================== */
@media all and (max-width: 766px) {
    #TALENT .gu_content ul li {margin-bottom: 0px;}
    #TALENT .gu_content ul li div {width: 100%; margin-bottom:60px;}
    #TALENT .gu_content ul li div:nth-of-type(odd){margin-right:0;}
    #TALENT .gu_content ul li div:nth-of-type(even){margin-left:0;}
    #TALENT .grid_box2 .box {display: block; width: 100%;}
    #TALENT .gu_content .gu_sub_title {margin-bottom: 50px;}
    #TALENT .grid_box2 .box:first-child{margin-bottom:60px;}
    #TALENT .gu_content .gu_text {font-size: 14px;}
    #TALENT .grid_box2 .box .gu_text {min-height: auto;}
    #TALENT .grid_box2 .box br {display:none;}
    #TALENT .grid_box2 .box img {margin: 30px auto; max-width:58px;}
    #BANNER {margin-top:70px;}
    #BANNER > div {width:100%;}
}