/*==================================================================================
 UI & design consuting - FOR C&C (二�)�뿉�봽�삤�븣�뵪�븻�뵪 - UI Creative Team 
www.forcnc.co.kr  / (02)322-0637
==================================================================================*/

body{font-family:'Noto Sans KR','Roboto', Malgun Gothic, arial, dotum, gulim}

/*==================================
Modal window Common ---------------- �븫�쟾�뙘�뾽 紐⑤몢 怨듯넻
==================================*/
#mw {display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000;}
.pop_bg {position:fixed; width:100%; height:100%; opacity:0.7; background-color:#000000; }
.ie8 .pop_bg {filter:alpha(opacity=70); }


/*==================================
Alert Popup
==================================*/
.pop_alert {position:absolute; width:480px; top:50%; left:50%; margin-left:-240px; background-color:#FFF;}
.pop_alert .close_area {display:inline-block; width:30px; height:30px; position:absolute; top:10px; right:10px;}

.pop_alert .pop_con_area {font-size:13px; line-height:1.33em; text-align:left; padding:45px 35px 40px 35px; overflow:auto;}
.pop_alert .pop_con_area_noti_img {font-size:13px; line-height:1.33em; text-align:left; padding:0px 0px 0px 0px; overflow:auto;}
.pop_alert .ico_area {display:inline-block; vertical-align:middle; white-space:normal; margin-right:17px;}
.pop_alert .info_area {display:inline-block; vertical-align:middle; white-space:normal;}
.pop_alert .ico_area + .info_area {width:290px;}
.pop_alert .tit_area {font-weight:bold; color:#000000; margin-bottom:13px;}
.pop_alert .desc_area {font-weight:normal; color:#76787c;}

/* 以묒븰 �젙�젹 */
.pop_alert .pop_con_center {text-align:center;}
.pop_alert .pop_con_center .ico_area {margin:0 0 15px 0; display:block;}
.pop_alert .pop_con_center .info_area {width:auto;}

/* btn  */
.pop_alert .pop_btn {display:inline-block; vertical-align:middle; }
.pop_alert .pop_btn.pop_btn_close {width:12px; height:12px; background:url('../images/pop/pop_alert.png') -25px 0 no-repeat; margin:9px 0 0 9px;}

/* pop_ico */
.pop_alert .pop_ico {display:inline-block; vertical-align:middle; background:url('../images/pop/pop_alert.png'); }
.pop_alert .pop_ico_confirm_a {width:93px; height:93px;  background-position:0 -25px; }
.pop_alert .pop_ico_confirm_b {width:93px; height:93px;  background-position:-125px -25px; }
.pop_alert .pop_ico_info {width:93px; height:93px;  background-position:0 -150px; }
.pop_alert .pop_ico_alert {width:93px; height:93px;  background-position:-125px -150px; }
.pop_alert .pop_ico_cancel {width:93px; height:93px;  background-position:-250px -150px; }


/*==================================
Contents Popup
==================================*/
.pop_contents {position:absolute; width:900px; top:50%; left:50%; /*margin-left:-450px;*/ transform: translateX(-50%); background-color:#FFF; }

/* pop title �쁺�뿭 */
.pop_contents .pop_tit_wrap {position:relative; height:50px; padding:0 15px 0 20px; overflow:visible; background-color:#4747B3}
.pop_contents .pop_tit {font-size:18px; font-weight:bold; color:#ffffff; vertical-align:middle; display:block; line-height:50px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-right:50px;}
.pop_contents .close_area {display:inline-block; width:50px; height:50px; position:absolute; top:0; right:0;}

/* pop 而⑦뀗痢� �쁺�뿭 */
.pop_contents .pop_con_fix {font-size:13px; color:#000000; line-height:1.33em; max-height:600px; overflow:auto;}
.pop_contents .pop_con_fix01 {font-size:13px; color:#000000; line-height:1.33em; overflow:auto;}
.pop_contents .pop_con_area {padding:20px;}
.pop_contents .desc_area {font-size:13px; font-weight:normal; color:#76787c; line-height:1.33em; margin-top:13px;}
.pop_contents .btn_area {margin-top:30px;}

/* btn  */
.pop_contents .pop_btn {display:inline-block; vertical-align:middle; }
.pop_contents .pop_btn.pop_btn_close {width:12px; height:12px; background:url('../images/pop/pop_contents.png') 0 0 no-repeat; margin:19px 0 0 19px;}
.pop_contents .pop_close {position:absolute;  bottom:-30px; left:0; width:100%; text-align: center; padding: 10px 0; background-color:#f6f6f9;}

.pop_btn_close.win {display:inline-block; vertical-align:middle; width:12px; height:12px; background:url('../images/pop/pop_contents.png') 0 0 no-repeat; position: absolute; right: 17px; top: 17px;}

/* pop 而⑦뀗痢� �쁺�뿭 */
.pop_contents .lay_col2 {padding:20px 20px 20px 20px;}
.pop_contents .lay_col2 #pop_lnb {width:200px; float:left;}
.pop_contents #pop_lnb .temp {height:70px; padding:100px 0; background-color:#dadde3; }
.pop_contents .lay_col2 #pop_contents {margin-left:220px; }
.pop_contents #pop_contents .temp {height:70px; padding:100px 0; background-color:#dadde3; }

/*pop_contents pop bottom �쁺�뿭 */
.pop_today_close {position:absolute; width:100%; height:30px; bottom:-30px; left:0; background-color:#f6f6f9;}
.pop_today_close .pop_bot_left {padding:5px 10px;}
.pop_today_close input[type="text"],
.pop_today_close label {vertical-align:middle;}

/*pop_contents btn  */
.pop_layer_btn {display:inline-block; vertical-align:middle; }
.pop_layer_btn_close {width:12px; height:12px; margin:19px 0 0 19px; background:url('../images/pop/pop_layer.png') 0 0 no-repeat; }
.pop_layer_btn_close_today {width:12px; height:12px; position:absolute; top:50%; right:10px; margin-top:-6px; background:url('../images/pop/pop_layer.png') -25px 0 no-repeat; }
.pop_con_center {text-align:center;}


/*==================================
GNB Popup
==================================*/
.pop_gnb {width:100%; background-color:#f4f3f1; }
.pop_gnb_wrap {position:relative; height:110px; margin:0 auto; text-align:center;}
.pop_gnb_wrap .close_area {display:inline-block; width:30px; height:30px; position:absolute; top:10px; right:10px;}
.pop_gnb_wrap .pop_gnb_today {position:absolute; bottom:12px; right:6px; }
.pop_gnb_wrap .pop_gnb_today label,
.pop_gnb_wrap .pop_gnb_today input[type="checkbox"] {vertical-align:middle;}

/* btn  */
.pop_gnb_btn {display:inline-block; vertical-align:middle; }
.pop_gnb_btn.pop_gnb_btn_close {width:24px; height:24px; background:url('../images/pop/pop_gnb.png') 0 0 no-repeat; margin:3px 0 0 3px;}


/*==================================
Layer Popup
==================================*/
.pop_layer_s {position:absolute; width:480px; height:350px; top:50%; left:50%; margin-left:-240px; background-color:#FFF;}
.alert_pop_layer_s {position:absolute; width:350px; height:300px; top:50%; left:50%; margin-left:-240px; background-color:#FFF;}
.alert_pop_layer_m {position:absolute; width:420px; height:300px; top:50%; left:50%; margin-left:-240px; background-color:#FFF;}

/*pop_layer_s pop title �쁺�뿭 */
.pop_layer_s .pop_tit_wrap {position:relative; height:50px; padding:0 15px 0 20px; overflow:hidden; background-color:#4747B3;}
.pop_layer_s .pop_tit {font-size:18px; font-weight:bold; color:#ffffff; vertical-align:middle; display:block; line-height:50px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-right:50px;}
.pop_layer_s .close_area {display:inline-block; width:50px; height:50px; position:absolute; right:0; top:0;}

/*pop_layer_s pop 而⑦뀗痢� �쁺�뿭 */
.pop_layer_s .pop_con_fix {font-size:13px; font-weight:bold; color:#000000; line-height:1.33em; height:300px; overflow-y:auto;}
.pop_layer_s .pop_con_area {display:inline-block; padding:25px 20px 30px 20px; vertical-align:middle;box-sizing: border-box;}
.pop_layer_s .pop_con_area2 {padding:25px 20px 30px 20px; vertical-align:middle;}
.pop_layer_s .ico_area {margin-bottom:15px;}
.pop_layer_s .tit_area {font-weight:bold; color:#000000; margin-bottom:13px;}
.pop_layer_s .desc_area {font-size:14px; font-weight:normal; color:#333; line-height:1.33em; margin-bottom:15px;}
.pop_layer_s .btn_area {margin-bottom:15px;}

/*pop_layer_s 以묒븰�젙�젹 */
.pop_layer_s .pop_con_center {text-align:center;}

/*pop_layer_s pop bottom �쁺�뿭 */
.pop_layer_s .pop_today_close {position:absolute; width:100%; height:30px; bottom:-30px; left:0; background-color:#f6f6f9;}
.pop_layer_s .pop_today_close .pop_bot_left {padding:5px 10px;}
.pop_layer_s .pop_today_close input[type="text"],
.pop_layer_s .pop_today_close label {vertical-align:middle;}

/*pop_layer_s btn  */
.pop_layer_s .pop_layer_btn {display:inline-block; vertical-align:middle; }
.pop_layer_s .pop_layer_btn_close {width:12px; height:12px; margin:19px 0 0 19px; background:url('../images/pop/pop_layer.png') 0 0 no-repeat; }
.pop_layer_s .pop_layer_btn_close_today {width:12px; height:12px; position:absolute; top:50%; right:10px; margin-top:-6px; background:url('../images/pop/pop_layer.png') -25px 0 no-repeat; }

/*pop_layer_s pop_layer_ico */
.pop_layer_s .pop_layer_ico {display:inline-block; vertical-align:middle; background:url('../images/pop/pop_layer.png'); }
.pop_layer_s .pop_layer_ico_confirm_a {width:93px; height:93px;  background-position:0 -25px; }
.pop_layer_s .pop_layer_ico_confirm_b {width:93px; height:93px;  background-position:-125px -25px; }
.pop_layer_s .pop_layer_ico_info {width:93px; height:93px;  background-position:0 -150px; }
.pop_layer_s .pop_layer_ico_alert {width:93px; height:93px;  background-position:-125px -150px; }
.pop_layer_s .pop_layer_ico_cancel {width:93px; height:93px;  background-position:-250px -150px; }

/*alert_pop_layer_s pop title �쁺�뿭 */
.alert_pop_layer_m .pop_tit_wrap {position:relative; height:55px; padding:0 15px 0 20px; overflow:hidden; /*background-color:#4747B3;*/ background-color:#4747B3;}
.alert_pop_layer_m .pop_tit {font-size:20px; font-weight:bold; color:#ffffff; vertical-align:middle; display:block; line-height:50px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-right:50px;}
.alert_pop_layer_m .close_area {display:inline-block; width:50px; height:50px; position:absolute; right:0; top:0;}

/*alert_pop_layer_s pop 而⑦뀗痢� �쁺�뿭 */
.alert_pop_layer_m .pop_con_fix {font-size:13px; font-weight:bold; color:#000000; line-height:1.33em; height:300px; overflow-y:auto;}
.alert_pop_layer_m .pop_con_area {display:inline-block; padding:25px 20px 30px 20px; vertical-align:middle;}
.alert_pop_layer_m .pop_con_area2 {padding:10px 20px 30px 20px; vertical-align:middle;  height:135px; text-align:center;}
.alert_pop_layer_m .pop_con_area2 .alertText {font-size:14px; vertical-align:middle;}

.alert_pop_layer_m .ico_area {margin-bottom:15px;}
.alert_pop_layer_m .tit_area {font-weight:bold; color:#000000; margin-bottom:13px;}
.alert_pop_layer_m .desc_area {font-size:13px; font-weight:normal; color:#76787c; line-height:1.33em; margin-bottom:15px;}
.alert_pop_layer_m .btn_area {margin-bottom:15px;}

/*alert_pop_layer_m 以묒븰�젙�젹 */
.alert_pop_layer_m .pop_con_center {text-align:center;}

/*alert_pop_layer_m pop bottom �쁺�뿭 */
.alert_pop_layer_m .pop_today_close {position:absolute; width:100%; height:30px; bottom:-30px; left:0; background-color:#f6f6f9;}
.alert_pop_layer_m .pop_today_close .pop_bot_left {padding:5px 10px;}
.alert_pop_layer_m .pop_today_close input[type="text"],
.alert_pop_layer_m .pop_today_close label {vertical-align:middle;}

/*alert_pop_layer_m btn  */
.alert_pop_layer_m .pop_layer_btn {display:inline-block; vertical-align:middle; }
.alert_pop_layer_m .pop_layer_btn_close {width:12px; height:12px; margin:19px 0 0 19px; background:url('../images/pop/pop_layer.png') 0 0 no-repeat; }
.alert_pop_layer_m .pop_layer_btn_close_today {width:12px; height:12px; position:absolute; top:50%; right:10px; margin-top:-6px; background:url('../images/pop/pop_layer.png') -25px 0 no-repeat; }

/*alert_pop_layer_m pop_layer_ico */
.alert_pop_layer_m .pop_layer_ico {display:inline-block; vertical-align:middle; background:url('../images/pop/pop_layer.png'); }
.alert_pop_layer_m .pop_layer_ico_confirm_a {width:93px; height:93px;  background-position:0 -25px; }
.alert_pop_layer_m .pop_layer_ico_confirm_b {width:93px; height:93px;  background-position:-125px -25px; }
.alert_pop_layer_m .pop_layer_ico_info {width:93px; height:93px;  background-position:0 -150px; }
.alert_pop_layer_m .pop_layer_ico_alert {width:93px; height:93px;  background-position:-125px -150px; }
.alert_pop_layer_m .pop_layer_ico_cancel {width:93px; height:93px;  background-position:-250px -150px; }

.alert_area{height: 175px; width: 95%; display: table; overflow: auto; padding: 0px 0px 0px 10px;}
.alert_content {overflow: auto;font-size: 16px; font-weight: bold; color: #000000; line-height: 1.33em; height: 135px; text-align: center;  display: table-cell;  width: 100%; vertical-align: middle;}
/*==================================
Window Popup
==================================*/
.pop_window {position:relative; width:100%; height:100%; }

/* pop title �쁺�뿭 */
.pop_window .pop_tit_wrap {position:relative; height:50px; padding:0 15px 0 20px; background-color:#4747B3; overflow: visible;}
.pop_window .pop_tit {font-size:18px; font-weight:bold; color:#ffffff; vertical-align:middle; display:inline-block; line-height:50px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-right:50px;}

/* popup 而⑦뀗痢� �쁺�뿭 */
.pop_window .pop_con_area {max-height:800px; padding:20px 30px; overflow:auto; background-color:#ffffff; }
.pop_window .pop_con_area_image {padding:20px 30px; background-color:#ffffff; }
.pop_window .pop_con_center {text-align:center;}
.pop_window .pop_con_area .ico_area {margin-bottom:15px;}
.pop_window .pop_con_area .tit_area {font-size:13px; font-weight:bold; color:#000000; line-height:1.33em; margin-bottom:13px;}
.pop_window .pop_con_area .desc_area {font-size:13px; font-weight:normal; color:#76787c; line-height:1.33em; margin-bottom:15px; }
.pop_window .pop_con_area .btn_area {margin-top:5px; margin-bottom:15px;}
.pop_window .pop_con_area_no_scroll {max-height:800px; padding:20px 30px; background-color:#ffffff; }
.pop_window .pop_con_area_no_scroll .btn_area_right {margin-top:5px; margin-bottom:15px;float:right}
.pop_window .pop_con_area_no_scroll .btn_area_center {margin-top:5px; margin-bottom:15px;text-align:center}

/* popup bottom �쁺�뿭 */
.pop_window .pop_bot_wrap {position:relative; height:30px; background-color:#f6f6f9; }
.pop_window .pop_bot_left {padding:5px 10px;}
.pop_window .pop_bot_left input[type="checkbox"],
.pop_window .pop_bot_left label {vertical-align:middle;}

/* btn  */
.pop_window .pop_window_btn {display:inline-block; vertical-align:middle; background:url('../images/pop/pop_window.png') 0 0 no-repeat;}
.pop_window .pop_window_btn_close {position:absolute; width:12px; height:12px; top:50%; right:15px; margin-top:-6px; background-position:0 0; }
.pop_window .pop_window_btn_close_today {position:absolute; width:12px; height:12px; top:50%; right:15px; margin-top:-6px; background-position:-25px 0; }

/* pop_window_ico */
.pop_window .pop_window_ico {display:inline-block; vertical-align:middle; background:url('../images/pop/pop_window.png'); }
.pop_window .pop_window_ico_confirm_a {width:93px; height:93px;  background-position:0 -25px; }
.pop_window .pop_window_ico_confirm_b {width:93px; height:93px;  background-position:-125px -25px; }
.pop_window .pop_window_ico_info {width:10px; height:1px;  background-position:0 -150px; }
.pop_window .pop_window_ico_alert {width:10px; height:10px;  background-position:-125px -150px; }
.pop_window .pop_window_ico_cancel {width:93px; height:93px;  background-position:-250px -150px; }

.pop_status_area .pop_status_list {font-size:14px;color:#333;border-bottom:1px solid #dedede;line-height:22px;padding:10px 10px; background:url('../images/pop/bu01.png') no-repeat 0 18px}
.status_txt b {color:#FF6500}
.status_date {display: block; color:#6a6a6a}
.pop_status_list .in{display: block; font-size: 14px; color: #333; line-height: 22px; padding: 10px 10px;}

.pop_status_area .pop_status_list01 {font-size:14px;color:#333;line-height:22px;padding:10px 10px 0px 10px; background:url('../images/pop/bu01.png') no-repeat 0 18px}
.pop_status_area .pop_status_list01 .title{font-weight: bold; margin-right:15px;}

.pop_status_area .pop_status_list02 {border-top:1px solid #dedede; border-bottom:1px solid #dedede; padding:10px 25px;}
.pop_status_area .pop_status_list02 .list_table {width:100%; font-size:14px;color:#333; display:inline-block;  line-height:22px;}
.pop_status_area .pop_status_list02 .list_table .bullet {background:url('../images/pop/bu01.png') no-repeat 0 9px;background-size: 5px; line-height:22px; padding-left: 15px;}
.pop_status_area .pop_status_list02 .list_table td{padding:2px 10px; vertical-align: baseline; }
.f_tel {text-align: center; padding: 10px; font-size: 14px;  color: #666;}

.table_preview .preview{width: 100%; table-layout: fixed; border-top: none; background-color: #fff;}
.table_preview .preview .title{color: #fff; text-align: center; padding: 20px 0; font-size: 19px; line-height: 32px;}
.table_preview .preview .img{width:100%;  display: inline-block; background:#4747b3;}
.table_preview .preview .content_area{margin:20px; display: block;}
.table_preview .preview .content_area .content{color: #676767; padding: 25px 20px; border: 2px solid #4747b3; line-height: 24px; border-radius: 0; font-size: 14px; font-weight: bold; text-align: center; vertical-align: middle;}
.table_preview .preview .content_area .content img {width: 100%;}
.table_preview .preview .file{color: #333; padding: 10px 30px; background-color: #f0f0f0; font-weight: bold;}

.checkbox_area01 {padding: 10px 30px; background: #676767; text-align: right; font-weight: bold;}
.checkbox_area01 .text {color: #fff;}

.pop_sX .close_area{    
	display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    margin: 15px 0 0 15px;
    right: 15px;
    top: 0;
    outline-offset:1px;
    }
    
.pop_sX .close_btn{
	width: 16px;
    height: 16px;
    /* margin: 15px 0 0 15px; */
    background: url(../images/login/btn_bX.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
}


/*==================================
Layer Popup Manual
==================================*/
.pop_layer_mual {position:absolute; width:880px; height:600px; top:50%; left:50%; transform: translate(-50%,-50%); background-color:#FFF;}
.pop_layer_mual .pop_tit_wrap {position:relative; height:50px; padding:0 15px 0 20px; overflow:hidden; background-color:#4747B3;}
.pop_layer_mual .pop_tit {font-size:18px; font-weight:bold; color:#ffffff; vertical-align:middle; display:block; line-height:50px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-right:50px;}
.pop_layer_mual .close_area {display:inline-block; width:50px; height:50px; position:absolute; right:0; top:0;}
.pop_layer_mual .pop_con_fix {font-size:13px; font-weight:bold; color:#000000; line-height:1.33em; height:100%; overflow-y:auto; background-color:#FFF;}
.pop_layer_mual .pop_con_area {display:inline-block; padding:25px 20px 30px 20px; vertical-align:middle;box-sizing: border-box;}
.pop_layer_mual .pop_close {position:absolute; width:100%; height:30px; bottom:-50px; left:0; background-color:#f6f6f9;}
.pop_layer_mual .pop_con_area.center {width: 100%; display: inline-block; text-align: center;}
.pop_con_area .user_opt_tit{margin-top: 2.5rem !important; height: auto; display: inline-block; margin-bottom: 1rem;width: 100%;}
.pop_con_area .user_opt_tit .elmt .txt{font-size: 1.3rem;}
.pop_con_area .user_opt_tit .elmt:before {top: -15px;}


@media(max-width:820px){ 
    .pop_layer_mual, .pop_layer_mual img {width: 100%;}
  }