@charset "utf-8";

/*****
* 팝업의 레이아웃 및 세부 스타일을 정의합니다.
* 최종 작업 이후인 2016년 12월 16일에 추가된 문서입니다.
*****/


/* Common */

.popup {display: none;position: absolute;top: 0;left: 0;/* min-width: 500px; */background: #fff;z-index: 2000;}
.popup h1 {display: none;}

.popup .head {height: 60px; background: url(/img/common/bgBlueBot.png) no-repeat 100% 100%;} 
.popup .recruit{height: 0!important}
.popup .head .close {display: block; position: absolute; top: 16px; right: 16px; width: 23px; height: 22px; background: url(/img/common/icnClose.png) no-repeat; line-height: 0; font-size: 0;}

.popup .tail {padding: 10px 30px; border-top: solid 1px #0c4da2; background: #0c4da2; text-align: right;}
.popup .tail .cookie {display: inline-block; padding-left: 30px; background: url(/img/common/objCheck.png) no-repeat 0 50%; line-height: 20px; color: #fff; *display: inline; *zoom: 1;}
.popup .tail .cookie.on {background-image: url(/img/common/objCheckOn.png);}

/*.mobileView .popup {display: none!important;}*/
 


/* Basic */

.popup.basic {width: 398px;font-size: 15px;border:2px solid #0c4da2;}

.popup.basic .primary {padding: 15px 35px;}
.popup.basic .primary h2 {padding-bottom: 20px; background: url(/img/common/objDivPopup01.png) no-repeat 50% 100%; line-height: 1.2; font-size: 24px; font-weight: normal; letter-spacing: -1px;}
.popup.basic .primary h2 em {color: #0c4da2;}
.popup.basic .primary h2 + p {margin-top: 15px;}
.popup.basic .primary p {margin-top: 20px; line-height: 1.4;}

.popup.basic .secondary {padding-top: 35px; background: #fff url(/img/common/bgBlueTop.png) no-repeat 0 0; text-align: left; color: #fff;}
.popup.basic .secondary .pack {padding: 0 35px 20px; background: #0c4da2;}
.popup.basic .secondary h3 {padding-bottom: 10px; background: url(/img/common/objDivPopup02.png) no-repeat 0 100%; font-size: 18px; font-weight: normal;}
.popup.basic .secondary dl {position: relative; margin-top: 10px; padding-left: 85px;}
.popup.basic .secondary dl + dl {margin-top: 5px;}
.popup.basic .secondary dt {position: absolute; top: 0; left: 0;}
.popup.basic .secondary dd a {color: #fff;}
.popup.basic .secondary dd a.call {padding-left: 30px; background: url(../img/common/icnCall.png) no-repeat 0 50%;}
.popup.basic .secondary dd a.email {padding-left: 30px; background: url(../img/common/icnEmail.png) no-repeat 0 50%; text-decoration: underline;}

.popup.basic.en .secondary dl {padding-left: 125px;}


/*****
* 채용 팝업의 레이아웃 및 세부 스타일을 정의합니다.
* 2017년 11월 20일에 추가된 문서입니다.
*****/
 
.popup .popup-img{
    height: 423px;
    width: 100%;
} 
.popup .popup-img img{
    width: 100%!important;
}
.popup .popup-cont{
    height: 106px;
}
.popup .popup-cont p{
    font-size: 14px;
    text-align: left;
    padding: 5px 28px;
    letter-spacing: -0.7px;
    line-height: 24px;
}
.popup .popup-cont div{
    font-size: 10px;
}