/*-----------------------------------------------------------------------------------------------*/
/*                                              FONT (210121)                                    */
/*-----------------------------------------------------------------------------------------------*/

@charset "euc-kr";

/* Korean */

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
    src: url(../font/notokr-regular.eot);
    src: url(../font/notokr-regular.eot?#iefix) format('embedded-opentype'),
         url(../font/notokr-regular.woff2) format('woff2'),
         url(../font/notokr-regular.woff) format('woff'),
		 url(../font/NotoSansKR-Light.otf) format('opentype'),
         url(../font/notokr-regular.svg#notokr-regular) format('svg');

}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 600;
    src: url(../font/notokr-medium.eot);
    src: url(../font/notokr-medium.eot?#iefix) format('embedded-opentype'),
         url(../font/notokr-medium.woff2) format('woff2'),
         url(../font/notokr-medium.woff) format('woff'),
		 url(../font/NotoSansKR-Regular.otf) format('opentype'),
         url(../font/notokr-medium.svg#notokr-medium) format('svg');

}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 900;
    src: url(../font/notokr-bold.eot);
    src: url(../font/notokr-bold.eot?#iefix) format('embedded-opentype'),
         url(../font/notokr-bold.woff2) format('woff2'),
         url(../font/notokr-bold.woff) format('woff'),
		 url(../font/NotoSansKR-Medium.otf) format('opentype'),
         url(../font/notokr-bold.svg#notokr-bold) format('svg');

}

body {font-family:'Noto Sans KR','Malgun Gothic','맑�?? 고딕','?��???',Dotum,'굴림',Gulim,Tahoma,Verdana,Geneva,sans-serif,Apple Gothic,AppleGothic;}

/*-----------------------------------------------------------------------------------------------*/
/*                                              LAYOUT                                           */
/*-----------------------------------------------------------------------------------------------*/
#wrap {width:930px; margin:0 auto;}
#header {float:left; width:930px; height:128px; /*background:url(../../images/test/head01.jpg) no-repeat;*/}
#contents {float:left; width:780px; border:1px solid #ece8e4; padding-bottom:50px; position:relative; }
#sidebar {float:right; width:130px;}
#footer {float:left; width:930px; height:80px;}
#footer01 {float:left; width:100%; height:80px; margin-top:60px; background-color:#e0e0e0; text-align:center;}
#footer02 {width:980px; height:80px; margin:0 auto;}


/*-----------------------------------------------------------------------------------------------*/
/*                                            CONTENTS LAYOUT                                    */
/*-----------------------------------------------------------------------------------------------*/

#contents h2 {float:left; width:720px; color:#878682; font-size:11px; font-weight:normal; text-align:right; padding:20px 30px;}
#contents_box {float:left; width:690px; padding:0 0 0 60px;;}
#contents_box h3 {padding-bottom:20px;}
#contents_box .sp01 img {margin-bottom:30px;}
#contents_box .tab {width:660px; height:50px;}
#contents_box .tab li {float:left; padding-right:2px; margin-top:15px;}
#contents_box .intro {float:left; width:660px; height:201px; background:url(../../images/asiana_club/intro_bg.gif) no-repeat top left; margin-top:50px;}
#contents_box .intro ul {width:635px; padding:40px 0 0 0;}
#contents_box .intro01 {float:left; width:660px; height:201px; background:url(../../images/asiana_club/intro_bg.gif) no-repeat top left; margin-top:10px;}
#contents_box .intro01 ul {width:635px; padding:40px 0 0 0;}
#contents_box .intro02 {float:left; width:690px; height:131px; background:url(../../images/common_sevice/common_bg01.gif) no-repeat 15px 0;}
#contents_box .intro02 ul {width:635px; padding:25px 0 0 0;}
#contents_box .intro02 p {padding:18px 0 0 20px; font-size:11px; color:#979797;}
#contents_box .intro03 {float:left; width:660px; height:201px; background:url(../../images/asiana_club/intro_bg.gif) no-repeat top left; margin-top:50px;}
#contents_box .intro03 ul {width:635px; padding:34px 0 0 0;}
#contents_box .box {float:left; width:690px;  } 
#contents_box .box_two {float:left; width:690px; }
#contents_box .box_two .box_two_img {float:left; width:160px; padding-left:17px;}
#contents_box .box_two .box_two_img li {padding-bottom:50px;}
#contents_box .box_two .box_two_txt {float:left; width:500px;}
#contents_box .btn {float:right; width:690px; text-align:right;} 
#contents_box01 {float:left; width:780px;}
#contents_box01 .img {float:left; width:780px;}
#contents_box01 .box {float:left; width:660px; padding:0 60px;} 
#contents_box01 .box h3 {padding-bottom:20px;}


/*-----------------------------------------------------------------------------------------------*/
/*                                            SIDEBAR LAYOUT                                     */
/*-----------------------------------------------------------------------------------------------*/

#sidebar li.si01 {float:left; width:119px; height:19px;}
#sidebar li.si02 {float:left; width:119px; height:94px;}
#sidebar li.si03 {float:left; width:119px; height:96px;}
#sidebar li.si04 {float:left; width:119px; height:92px;}
#sidebar li.si05 {float:left; width:119px; height:92px;}
#sidebar li.si06 {float:left; width:119px; height:88px;}
#sidebar li.si07 {float:left; width:119px; height:92px;}
#sidebar li.si08 {float:left; width:119px; height:93px; margin-bottom:30px;}


/*-----------------------------------------------------------------------------------------------*/
/*                                            FOOTER LAYOUT                                      */
/*-----------------------------------------------------------------------------------------------*/

.link {float:left; width:200px; height:55px; padding-top:25px; position:relative;}
.add {float:left; width:650px;  height:65px; padding-top:8px; text-align:right; }
.add_logo {float:left; width:100px;  height:50px; padding-top:30px;}
.show_select01 {position:absolute; left:30px; top:-300px;}


/*-----------------------------------------------------------------------------------------------*/
/*                                           POPUP LAYOUT                                        */
/*-----------------------------------------------------------------------------------------------*/

.popup_layer01 {background:url(../../images/popup/popup.png) no-repeat; width:700px; height:600px; position:absolute; z-index:70; top:1100px; left:30px; }
.popup_layer01 ul {padding:12px 0 0 30px;}
.popup_layer01 .close {text-align:right; padding:0 12px 30px 0;  }
.popup_layer02 {background:url(../../images/popup/popup.png) no-repeat; width:700px; height:600px; position:absolute; z-index:70; top:100px; left:30px; }
.popup_layer02 ul {padding:12px 0 0 30px;}
.popup_layer02 .close {text-align:right; padding:0 12px 30px 0;  }
.popup_layer03 {background:url(../../images/popup/popup04.png) no-repeat; width:700px; height:440px; position:absolute; z-index:70; top:100px; left:30px; }
.popup_layer03 ul {padding:12px 0 0 30px;}
.popup_layer03 .close {text-align:right; padding:0 12px 30px 0;  }


/*-----------------------------------------------------------------------------------------------*/
/*                                           MAIN LAYOUT                                         */
/*-----------------------------------------------------------------------------------------------*/

#wrapper {width:100%; height:100%; }
#mwrap {width:930px; margin:0 auto; }
#mheader {width:930px; height:132px;}
/* 210121 #mheader .gnb */
#mheader .logo {padding:26px 0 10px 10px; }
#mheader .logo a {display:inline-block; }
#mheader .gnb {width:930px; height:70px;/* background-color:#039680; border-top-left-radius:15px; border-top-right-radius:15px; border-bottom-right-radius:15px;*/ background:url(../../images/main/bg_gnb.png) no-repeat 0 0 ; background-size:100%; }
#mheader .gnb:after {content:''; display:block; clear:both; }
#mheader .gnb > li {float:left; position:relative; width:16.6666%; line-height:32px; text-align:center; }
/*#mheader .gnb > li:first-child { border-top-left-radius:15px;}
#mheader .gnb > li:last-child {border-top-right-radius:15px; border-bottom-right-radius:15px;}*/
#mheader .gnb > li > a {display:block; transition:all 0.3s; color:#fff; font-size:13px; font-weight:bold; opacity:0.7; }
#mheader .gnb > li:hover > a, #mheader .gnb > li.on > a {opacity:1; }
/*#mheader .gnb > li:last-child {background-color:#0f4838; }*/
#mheader .gnb li .dept2:after {content:''; display:block; clear:both; }
#mheader .gnb li.on .dept2 {display:block; }
#mheader .gnb li .dept2 {display:none; position:absolute; bottom:-33px; right:0; width:580px; }
#mheader .gnb li .dept2 li {float:left; padding-left:15px; }
#mheader .gnb li .dept2 li a {display:block; transition:all 0.3s; font-size:12px; color:#686868; font-weight:bold; border-bottom:3px solid transparent; line-height:24px;}
#mheader .gnb li .dept2 li a:hover, #mheader .gnb li .dept2 li.on a {color:#039680; border-bottom:3px solid #039680; }

#mcontent {width:930px; height:320px; margin:0 0 20px; }
#mad {width:930px; height:115px;}
#mad01 {float:left; width:430px; height:115px; padding-top:5px;/*210121*/ }
#mad01 a {display:block;}
#mad02 {float:left; width:380px; height:115px; } 
#mad02 h3 {padding:5px 0 5px 0; }
#mad02 li {float:left;}
#mad03 {float:right; width:110px; height:115px;}
#mad03 h3 {padding:5px 0 5px 0;  }
#mad03 .madd01 {float:left; padding:5px 5px 0 0;}
#mad03 .madd02 {float:left; width:93px; height:20px; }
#mad03 .madd03 {float:left; width:93px; height:20px; }
#mfooter {width:930px;  height:80px; background-color:#e0e0e0; margin-top:30px;} 
#mfooter .link01  {float:left; width:200px; height:55px; padding-top:25px;  }
#mfooter .link01  img {padding-left:15px;}
#mfooter .add01 {float:left; width:630px;  height:65px; padding-top:15px; }
#mfooter .add01 li {text-align:right; width:590px; padding-right:40px;}
#mfooter .add_logo01 {float:left; width:100px;  height:50px; padding-top:30px; }


/* 210121 #mcontent .mbanner */
#mcontent .mbanner:after {content:''; display:block; clear:both; }
#mcontent .mbanner li {float:left; width:202px; margin:0 15px; }
/* #mcontent .mbanner li:nth-child(2) {margin:0 64px; } */
#mcontent .mbanner li a {display:block;}
#mcontent .mbanner li a img {width:100%; }

/* 220823 ������ �Ͻ� �ѵ� ���� �ȳ� */
#contents_box h3.style01 {font-size:19px;color:#039680;}
#contents_box .box .qrlist{margin-top:30px;}
#contents_box .box .qrlist:after{content:''; display:block; clear:both;}
#contents_box .box .qrlist li{float:left;width:300px;text-align:center;}
#contents_box .box .qrlist li dl dd{margin-top:10px;}
#contents_box .box .qrlist li dl dd img{width:150px;border:1px solid #e0e0e0;}
#contents_box .box table{border-left:1px solid #ccc;}

/* [2024-11-15 �ڿ��� �м����� ���� �� �߰� : HDH] */
.page-tab-title {
    font-size: 20px;
    font-weight: bold;
}
.page-tab-title span {
    font-size: 15px;
    font-weight: 400;
}

/* 25.01.16 PC �˾�css ���� - sayho */
/*** Popup ***/
.popup_visible body {overflow:hidden;}
.popup_background {z-index:2000;width:100%;}
.popup_wrapper {width:100%;z-index:2001;display:none;position:fixed;inset:0px;text-align:center;max-height:100vh;overflow-y:auto;}
.popup_align, .popup_content bor {*display:inline;*zoom:1;*top:10px;}

/* .modal {display:none;position:relative;width:auto;background:#fff;} */
.modal {position:relative;width:auto;background:#fff;margin-top:120px;display:inline-block;z-index: 1;}
.modal.on {display:block;}
.modal_wrap #container {background:#fff;}
.modal_header {position:relative;padding:25px 40px;background:#00907f;}
.modal_header h2 {font-size:21px !important;font-weight:100;color:#fff !important;line-height:20px;text-align:left !important;float:none !important;width:auto !important;padding:0 !important}
.modal_header h2 em {font-size:17px;}
.md_h02 {padding:25px 40px 0;background:#fff;}
.md_h02 h2 , .pop_app_state .md_h02 .tit{color:#000;font-weight:100;font-family:'hanaB';font-size:21px;letter-spacing:-1px;}

.modal_body {position:relative;padding:30px 40px 40px;background:#fff;text-align:left;}
.modal_footer {margin-top:-10px;padding:15px 40px 20px;background:#fafafa;}
.modal_footer .pop_info {margin:0 !important;color:#000;}
.modal_btm {margin-top:40px;color:#000;text-align:center;}
.modal_btm span {font-size:19px;}

.modal_wrap .list {margin-top:12px;}
.modal_wrap .list:first-child {margin-top:0 !important;}
.modal_wrap .list:after {content:"";display:block;clear:both;}
.modal_wrap .pop_info.top {margin:10px 0 30px;}
.modal_wrap .pop_info {margin:0 0 30px;text-align:center;line-height:28px;}
.modal_wrap .pop_info > span {font-weight:600;color:#000;}
.modal_wrap .pop_info > p {margin-top:5px;font-size:14px;color:#666;line-height:24px;}
.modal_wrap .pop_info .htit {margin-bottom:10px;font-size:30px;font-weight:600;color:#000;line-height:38px;}
.modal_wrap .pop_info .b_txt {font-size:19px;}
.modal_wrap .pop_info .b_txt02 {font-size:17px;}
.modal_wrap .pop_info.left {text-align:left;}
.modal_wrap .pop_info_btm {margin:-10px 0 20px;padding:20px;text-align:center;background:#fafafa;}
.modal_wrap .pop_info_btm .b_txt {font-size:21px;font-weight:600;color:#000;}
.modal_wrap .pop_info_btm.ty02 {padding:20px 60px;text-align:left;}
.modal_wrap .pop_info_btm.ty03 {margin:0;padding:0 0 20px;background:#fff;border-bottom:solid 1px #e1e1e1;font-size:14px;text-align:left;}
.modal_wrap .table_scroll tfoot.visible {position:relative;left:0;top:0;border-top:solid 1px #e1e1e1;}
#wrap .modal.pop_app_state{display:none;width:455px;}
#wrap .modal.pop_app_state.on{display:block;}
.pop_app_state .modal_body.pop_ty{width:455px;box-sizing:border-box;}

/* Popup : width */
.modal_body.pop_ty {width:360px;}
.modal_body.pop_ty02 {width:580px;}
.modal.w660{width:660px;}
.modal_body.pop_ty03 {width:820px;}
.modal_body.pop_ty04 {width:950px;}
.modal_body.pop_ty05 {width:768px;}

.btn_pop_close {position:absolute;right:35px;top:20px;width:28px;height:28px;border:0;background:url(../../images/common/btn_pop_wclose.png) center no-repeat !important;text-indent:-9999px;overflow:hidden;transition:transform 0.4s;cursor:pointer;}
.btn_pop_close:hover, .btn_pop_close:focus {transform:rotate(90deg);-ms-transform:rotate(90deg)}
.dim_layer{position:fixed;inset:0px;background:#000;opacity:.25;}
.contents-checkbox{vertical-align:top;line-height:20px;}
.contents-checkbox .checkbox{appearance:auto;width:20px;height:20px;vertical-align:top;margin-top:0;}

/* 25.01.16 ���̾��˾� �������� css */
.notice_contents{color:#333;}
.notice_contents .top_desc{margin-bottom:20px;}
.notice_contents .t_tit{margin-bottom:12px;font-size:17px;line-height:21px;font-weight:bold;color:#000;}
.notice_contents .cont{margin-bottom:40px;}
.table-box{border-top:2px solid #333;}
.table-box th{padding:17px 20px 16px;background:#dae6eb;border-right:1px solid #bccdd4;text-align:center;font-size:15px;line-height:20px;font-weight:700;}
.table-box td{padding:17px 20px 16px;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}
.table-box th:last-child,.table-box td:last-child{border-right:0;}
.table-box td{line-height:25px;}
.notice_contents .margin-top-20{margin-top:20px !important;}
.notice_contents p{font-size:15px;line-height:24px;}
.notice_contents .l_graybox{padding:16px 20px 15px;background:#f4f4f4;}