@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800&family=Noto+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

*, *::before, *::after {box-sizing: border-box; margin:0; padding:0}
* {
/* Prevent font scaling in landscape */
		-webkit-text-size-adjust: 100%; /*Chrome, Safari, newer versions of Opera*/
	-moz-text-size-adjust: 100%; /*Firefox*/
	-ms-text-size-adjust: 100%; /*Ie*/
	-o-text-size-adjust: 100%; /*old versions of Opera*/
	text-size-adjust: 100%;
box-sizing:border-box;
}
html {
/* Prevent font scaling in landscape */
-webkit-text-size-adjust: 100%; /*Chrome, Safari, newer versions of Opera*/
-moz-text-size-adjust: 100%; /*Firefox*/
-ms-text-size-adjust: 100%; /*Ie*/
-o-text-size-adjust: 100%; /*old versions of Opera*/
}

html {font-family: "Noto Sans KR","Apple SD Gothic Neo", sans-serif; line-height: 1.15; height:100%;}
body {margin:0; padding:0; height:100%; font-size: 16px; font-weight:400; font-family: "Noto Sans KR","Apple SD Gothic Neo", sans-serif; line-height:1.5; color:#232323; text-align:left;}

button, textarea, input {font-family: "Noto Sans KR","Apple SD Gothic Neo", sans-serif; }

table {border-collapse:collapse;}
img {border:none;}
ol, ul, li {list-style:none;}
div {display:block;}

a {text-decoration: none; color:inherit;}
a:link  {text-decoration: none; color:inherit;}
a:hover  {	text-decoration: none; color:inherit;}
a:visited {text-decoration:none; color:inherit;}

/* Top */
.app-header {width:100%; height:85px; border-bottom:1px solid #b8b5b4; background-color:#0f2491; position:fixed; top:0; left:0; z-index:100;}
.header {width:1200px; margin:0 auto; color:#ffffff;}
.header-top-box {width:100%; height:50px;}
.header-top-logo {width:50%; height:50px; padding-top:10px; float:left; text-align:left;}
.header-top-menu {width:50%; height:50px; padding-top:15px; color:#f0e124; float:right; text-align:right;}
.header-top-menu ul {float:right;}
.header-top-menu li {float:left; margin-left:20px; font-size:9.5pt !important;}

.header-menu {width:100%; height:35px; background-color:#f5f5f5;}
.header-top-menu-box {width:1200px; height:33px; margin:0 auto;}
.header-top-navi {width:70%; height:33px; padding:5px 0 0 0px; float:left; text-align:center;}
.header-top-navi-menu {width:100%; float:left; text-align:left;}
.header-top-navi-menu ul {height:54px; }
.header-top-navi-menu li {float:left; height:54px; padding-right:25px; font-size:13pt; font-weight:bold; cursor:pointer;}

.header-top-search {width:29%; height:33px; padding-top:5px; float:right; text-align:right;}
.header-top-search ul {float:right; width:220px; height:30px;}
.header-top-search li {float:left; height:24px; background-color:#ffffff;}
.header-top-search select {width:65px; height:24px; border:0; padding:3px 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.header-top-search input {width:70px; height:24px; border:0; outline:none; padding:0 5px;}
.header-top-search button {width:45px; height:24px; border:0; background-color:#e0072e; color:#ffffff; border-bottom-right-radius: 5px; border-top-right-radius: 5px;}

.navi_menu_off {color:#000;}
.navi_menu_on {color:#e0330e;}

/* loading image */
.progress_loading {width:128px; height:128px; top:50%; left:50%; margin-top:-64px; margin-left:-64px; position:absolute; z-index:2000;}

/* Top 서브메뉴 */
.header-navi-sub {position:absolute; width:100%; height:auto; min-height:150px; top:85px; left:0; border-top:1px solid #b8b5b4; border-bottom:1px solid #b8b5b4; background-color:#fff; padding:20px 0; display:none; z-index:1000;}
.sub-menu-box {position:relative; width:1200px; left:50%; margin-left:-600px; display:none;}
.sub-menu-area {float:left; width:282px; min-height:100px; padding-right:40px; font-size:11pt;}
.sub-menu-area-rborder {border-right:1px solid #c5c5c5;}
.sub-menu-area-lp {margin-left:40px;}
.sub-menu-area-title {height:25px; border-bottom:1px solid #c5c5c5; font-weight:bold;}
.sub-menu-area-cont {padding-top:15px; color:#0f2491;}
.sub-menu-area-cont p {height:25px; float:left; width:120px; text-align:left;}

.app-content {width:100%; height:100%; position:absolute; top:90px; z-index:2;}
.pop-app-content {width:100%; height:100%; position:absolute; z-index:2;}
.content {width:1200px; height:100%; position:relative; top:5px; margin:0 auto;}
.content-pop {width:100%; height:100%; position:relative; }

.cont-title {height:50px; font-size:17pt; font-weight:bold; color:#11538e;}
.cont-title-sub {height:50px; font-size:14pt; font-weight:normal;}

.none-print-area {display:none !important;}

/* cursor */
.csrP {cursor:pointer;}

/* 폰트 */
.fwBold {font-weight:bold !important;}
.fwNormal {font-weight:normal !important;}

.fcBlue {color:#0035ff !important}
.fcSky {color:#70b9e4 !important;}
.fcOrange {color:#f58507 !important;}
.fcYellow {color:#999909 !important;}
.fcPink {color:#e778ef !important;}
.fcRed {color:#f83e07 !important;}
.fcRed2 {color:#fc3c36 !important;}
.fcGray {color:#9c9c9c !important;}
.fcGreen {color:#4b984b !important;}
.fclistred {color:#f4511e !important}
/* 정렬 */
.alLeft {text-align:left !important;}
.alRight {text-align:right !important;}
.alCenter {text-align:center !important;}

/* margin */
.mgt5 {margin-top:5px;}
.mgt10 {margin-top:10px;}
.mgt20 {margin-top:20px;}
.mgb5 {margin-bottom:5px;}
.mgb10 {margin-bottom:10px;}
.mgb20 {margin-bottom:20px;}

.mgl5 {margin-left:5px;}

/* padding */
.pdt5 {padding-top:5px !important;}
.pdt10 {padding-top:10px !important;}
.pdb10 {padding-bottom:10px !important;}
.pdl10 {padding-left:10px !important;}
.pdl20 {padding-left:20px !important;}

/* button */
.btn-blue {height:22px; font-size:13px !important; border:0; background-color:#004daa !important; color:#ffffff; padding:3px 3px; border-radius:3px; cursor:pointer;}


/* select */
/* select {background: url('/common/image/arrow_down.png') no-repeat 100% 50%; -webkit-appearance:none; -moz-appearance:none; appearance:none; color:#232323;} */
select:-ms-expand {display:none;}
select:hover {border:1px solid #f83930;}

/* 페이지 버튼 */
#page {clear:both; margin-top:20px; text-align:center;}
#page ul {display:inline-block;}
.page-block {float:left; margin:0 5px; min-width:40px; height:30px; padding:3px 1px; border:1px solid #c5c5c5; text-align:center;}
.page-more {float:left; margin:0 5px; width:30px; height:30px; padding:3px 0; font-weight:bold;}
.page-btn, .page-pre-block, .page-next-block {cursor:pointer;}
.page-cur-block {background-color:#1858cf; color:#fff; font-weight:bold;}

#pre-page {margin-top:20px; text-align:center;}
#pre-page ul {display:inline-block;}

.btn-popup-print {
    color: #777;
    background-color: #fff;
    margin-left: auto;
    padding: 7px 8px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    line-height: 1;
    font-size: 14px;
    border-radius: 5px;
    border: solid 1px #c1c1c1;
    height: 32px;
}
.btn-popup-print:hover {
    background: #e97132;
    color: #fff;
    border: solid 1px #e97132;
}
/* @media print*/
@media print {
	.prt_hide,
	.btn_popprint,
	.bn_detail_aiprice,
	.popprint_none,
	.quickmenu_wrap,
	.title-sns-btn .print-btn { display: none !important; }
}