@charset "UTF-8";

html { background:none; }
body { width:100%; background:#fff; word-break:keep-all; }

/* [old] Header pc ****************************/
#header_pc {  }
#header_pc .header_wrap { background-color:#fff; transition: padding-left 200ms linear; -webkit-transition:padding-left 200ms linear;-moz-transition:padding-left 200ms linear;-ms-transition:padding-left 200ms linear;-o-transition:padding-left 200ms linear; }
#header_pc .header_wrap.fixed { position:fixed; width:100%; height: 80px; z-index:9999; background:#fff; /* -webkit-box-shadow:0 1px 5px 1px rgba(0,0,0,0.2); box-shadow:0 1px 5px 1px rgba(0,0,0,0.2);  */ }
#header_pc section.s1 { height: 80px; }
#header_pc section.s1 article {  }
.container1600 { max-width: 1600px !important; }
#header_pc .logo       { float:left; display:inline-block; width:102px; height:50px; }
#header_pc .logo img   { width:100%; margin-top:29px }
#header_pc .logo_main  { display:none; }
#header_pc .top_notice { display:none; }
#header_pc .right_menu { float:right; text-align:right; height:45px; margin-top:16px }
#header_pc .right_menu > ul { position:absolute; display:flex; height:45px; z-index:100; background-color:white;
	-moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%);
}
#header_pc .right_menu > ul > li {  display:block; letter-spacing:-1px; height:45px;  }
#header_pc .right_menu > ul > li a {  display:block; height:39px; line-height:39px; font-size:14px; font-weight:400; margin-top:3px; }
#header_pc .right_menu > ul > li.search_btn   { width:45px; height:45px; margin-right:45px; }
#header_pc .right_menu > ul > li.login  a { background-color:#000; color:white; white-space:nowrap; border-radius:20px; padding:0px 20px }
#header_pc .right_menu > ul > li.user     { cursor:pointer }

.search_btn       { background:url('/img/icon/icon_search.svg') no-repeat center center; cursor:pointer }
.search_btn.search_close { background:url('/img/icon/icon_search_close.svg') no-repeat center center; }
.mobile_nav_btn       { background:url('/img/icon/icon_mobile_nav_btn.svg') no-repeat center center; cursor:pointer }

/* main 일때 주메뉴 */  
#header_pc { height:80px; }
section.nav              { position:relative; clear:both; }
section.nav nav          { width:auto; position:absolute; margin-left:130px; margin-top:calc(-80px + 16px); z-index:99;  }
section.nav nav ul       { float:left; margin-right:5px;  }
section.nav nav ul:hover li { display:block; }
section.nav nav ul li         { display:none; }
section.nav nav ul li a       { display:block; color:#222222; height:48px; min-width:85px; text-align:center; line-height:47px; opacity:initial !important; text-shadow:initial !important}
section.nav nav ul li.title   { display:block; }
section.nav nav ul li.title a { padding:0px 20px; height:48px; border:0px; font-size:17px; font-weight:500; line-height:47px }
section.nav nav ul li.title a:hover,
section.nav nav ul li.title a.active { color:#FF9000; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; transition: all .2s; }
section.nav nav ul li.title a label { font-size:11px; color:#E66016; text-align:center; width:100%; display:block; position:relative; margin-top:-32px;  cursor:pointer  }
section.nav nav ul li:hover   { color:#FF9000; }
section.nav nav ul li.title.titleBox { position: relative; }
section.nav nav ul li.title.title_status{ position: absolute; right: 45%; top: 9% }

#header_nav_more       { background:url('/img/icon/icon_nav_more_open.svg')  no-repeat center right  }
#header_nav_more.close { background:url('/img/icon/icon_nav_more_close.svg') no-repeat center right; margin-left: 12px; }
section.nav nav ul li a i     { float:right; padding-left:5px; margin-top:16px; }
@media screen and (max-width: 1000px) {
	section.nav nav ul li.title a { padding:0px 5px; }
	section.nav nav ul li a { min-width:60px; }
	#header_pc .right_menu ul li.mypr a{ width:70px; background:#ff9000 url('/img/icon/icon_mypr.png') no-repeat 8px center; text-indent:28px; }
}


/* 서브메뉴 */
section.sub_nav        { position:relative; display:none; border-top:1px solid #FF8F00; overflow:hidden; padding:35px 0px 50px 0px; z-index:999; background-color:#fff; }
section.sub_nav article{ display:flex; padding-left:165px; }
section.sub_nav nav    { width:60%; }
section.sub_nav nav ul { float:left; width:auto; margin-left:18%; display:block; }
section.sub_nav nav ul:nth-child(1) { margin-left:0px }   
section.sub_nav nav ul li { clear:both; float:none; display:block; }
section.sub_nav nav ul li a { display:block; font-size:16px; width:100%; padding:10px 0px; color:#222 }
section.sub_nav nav ul li a:hover  { color:#FF9000; }
section.sub_nav nav ul li a.active { color:#FF9000; } 
section.sub_nav nav ul li.title a { font-size:14px; color:#999 }
section.sub_nav nav ul li.title a:hover { color:#999 }
section.sub_nav div.nav_img { width:40% }
section.sub_nav div.nav_img ul { display:flex;  }
section.sub_nav div.nav_img ul li { width:172px; height:50px; margin-left:30px; border-radius:20px; background-color:#FFF9F0; border-radius:10px; text-align:center; }
section.sub_nav div.nav_img ul li:first-child { margin-left:0px; }
section.sub_nav div.nav_img a   { display:block; color:#222; font-size:14px; line-height:50px; font-weight:bold }
section.sub_nav div.nav_img img { width:30px; padding-bottom: 6px; }
section.sub_nav_mask { display:none; position:fixed; top:0px; left:0px; width:100%; height:100vh; background-color:rgba(0,0,0,0);   }


/* 검색 박스 */
section.search_box        { position:relative; display:none; overflow:hidden; padding:42px 0px 50px 0px; z-index:999; background-color:#fff; }
section.search_box article{ }
section.search_box h3     { display:block; text-align:center; font-size:28px; }
section.search_box form   { display:flex; margin:0 auto; margin-top:41px; margin-bottom:70px; width:100%; max-width:980px; }
section.search_box form input  { width:calc(100% - 80px); height:60px; font-size:18px; padding:0px 10px 0px 30px; background-color:#F6F7F8; border:0px; border-radius:50px 0px 0px 50px; outline: 0; }
section.search_box form button { width:80px; height:60px; background-color:#F6F7F8; border:0px; border-radius:0px 50px 50px 0px; background-image:url('/img/icon/icon_search.svg'); background-repeat: no-repeat; background-position: center; }


#user_popup_box { display:none; position:absolute; width:340px; margin-left:-345px; margin-top:60px; min-height:200px; text-align:left; border-radius:15px; box-shadow: 0 0 3px 3px rgba(0,0,0,.10); overflow: hidden; background-color:#fff; }
#user_popup_box .linfoTop { width:100%; padding:0px; }

#user_popup_box .linfoTop .photo_name { clear:both; width:100%; display:block; padding:30px 30px 20px 30px; color:#999999; }
#user_popup_box .linfoTop .photo_name .profile_img.w70 { display:block; margin:0 auto }
#user_popup_box .linfoTop .photo_name .name_info { text-align:center; display:block; }
#user_popup_box .linfoTop .photo_name .name_info .user_type_name{ width:100%; font-size:12px; font-weight:300; margin-top:21px;}
#user_popup_box .linfoTop .photo_name .name_info .name{ width:100%; font-size:20px; font-weight:600; color:#222; }
#user_popup_box .linfoTop .photo_name .name_info .email{ width:100%; font-size:14px; font-weight:300; margin-top:2px; letter-spacing: normal; }

#user_popup_box .linfoTop ul.btn_wrap { width:calc(100% - 60px); margin:0px auto; margin:0px 30px 0px 30px; padding:10px 0px 31px 0px; border-top:1px solid #DDDDDD  }
#user_popup_box .linfoTop ul.btn_wrap li a { display:block; width:100%; height:50px; line-height:50px; text-align:center; font-size:16px; color:#222; border-radius:10px; }
#user_popup_box .linfoTop ul.btn_wrap li a:hover { background-color:#F6F7F8 }
#user_popup_box .linfoTop ul.btn_wrap li button.logout { width:100%; height:50px; margin-top:20px; font-size:16px; border:1px solid #DDDDDD; border-radius:25px; background-color:#fff; color:#999; outline:0 }
#user_popup_box .linfoTop ul.btn_wrap li button.logout:hover { background-color:#F6F7F8 }

#user_popup_box .linfoSubscription { width:100%; background:#f6f6f6; padding:20px;  display:inline-block; }
#user_popup_box .linfoSubscription .tit{width:100%; margin-top:4px; display:inline-block; text-align:left}
#user_popup_box .linfoSubscription .tit .left{float:left; width:70%; color:#000; font-weight:700;}
#user_popup_box .linfoSubscription .tit .right{float:right; width:15px; height:15px; background:url('/img/icon/icon_arrow_right.png') no-repeat center center; margin-top:0px; cursor:pointer;}
#user_popup_box .linfoSubscription .txt   { width:100%; color:#999; font-size:13px; margin-top:4px; text-align:left }
#user_popup_box .linfoSubscription .txt b { color:#000; font-weight:bold }
#user_popup_box .linfoSubscription .price { position:relative; width:100%; color:#67af0a; font-size:20px; text-align:right; letter-spacing:-1px; display:inline-block;}
#user_popup_box .linfoSubscription .price span { position:absolute; right:21px; top:-2px; font-size:25px; font-family:'Oxygen',sans-serif; font-weight:700; display:inline-block; letter-spacing:0;}
#user_popup_box .linfoSubscription .bgicon_idcard { text-align:left; background:url(/img/icon/icon_idcard.png) no-repeat 0px 2px; padding-left:40px; margin-top:10px; line-height:150%; color:#67af0a; font-size:13px; letter-spacing:-1px; }

#user_popup_box .linfoSubscription .btn_wrap{width:100%; height:36px; display:inline-block; text-align:center; margin-top:18px;}
#user_popup_box .linfoSubscription .btn_wrap .button { display:inline-block; width:calc(50% - 5px); min-height:36px; margin-left:3px; margin-right:0px !important; background:#fff; border:1px solid #d7d7d7;  line-height:33px; text-align:center; color:#666; cursor:pointer;}
#user_popup_box .linfoSubscription .btn_wrap .button:hover{background:#ff9000; border:1px solid #ff9000;  color:#fff;}
#user_popup_box .linfoSubscription .btn_wrap .button:first-child{  margin-left:0px !important; margin-right:3px; }
#user_popup_box .linfoSubscription .btn_wrap .button:first-child:hover{background:#ff9000; border:1px solid #ff9000;  color:#fff;}
#user_popup_box .linfoAlarm { width:100%; background:#fff; border:1px solid #dddddd; border-top:0; padding:20px;  display:inline-block;}
#user_popup_box .linfoAlarm .tit { width:100%; color:#000; font-weight:700; height:30px; }
#user_popup_box .linfoAlarm .tit .left { float:left; width:50%; color:#000; font-weight:700; margin-top:4px;}
#user_popup_box .linfoAlarm .tit .left .alarm_cnt { display:inline-block; width:21px !important; height:21px; border-radius:21px; background:#ff0680; font-size:12px; color:#fff; text-align:center; padding-top:2px; letter-spacing:-.8px; margin-left:4px; line-height:17px; }
#user_popup_box .linfoAlarm .tit .right { float:right; width:15px; height:15px; background:url('/img/icon/icon_arrow_right.png') no-repeat center center; margin-top:8px; cursor:pointer;}
#user_popup_box .linfoAlarm ul { clear:both; width:100%; display:block; margin-top:10px; max-height:280px; overflow-y:auto; border-top:1px solid #f2f2f2; }
#user_popup_box .linfoAlarm ul li { display:inline-block; width:100%; line-height:20px; border-bottom:1px solid #f2f2f2; padding:14px 0 8px 0; }
#user_popup_box .linfoAlarm ul .photo   { float:left; width:32px; height:32px; border-radius:32px; background:#bfbfbf url('/img/icon/icon_photoBg.png') no-repeat center center;}
#user_popup_box .linfoAlarm ul .news    { float:left; width:calc(100% - 42px); margin-left:10px;}
#user_popup_box .linfoAlarm ul .news .date { color:#999; font-size:12px; letter-spacing:-.4px;}


@media screen and (max-width: 1000px) {
	nav section.s1         {  }
	nav section.s1 article {  }
}

#bottom_menu_warp { display:none }
#bottom_menu_warp ul { display:none }


/* Footer */
footer { }
section.footer1 {  }
section.footer1 article { display:flex; padding-top:50px; padding-bottom:50px; }
section.footer1 article div.left { width:calc(100% - 530px) }
section.footer1 article div.left div.txt1 { font-size:14px; }
section.footer1 article div.left div.txt2 { font-size:14px; margin-top:20px }
section.footer1 article div.left div.txt1 a:hover { text-decoration: underline !important; text-decoration-color: #222; }
section.footer1 article div.left div.txt2 a:hover { text-decoration: underline !important; text-decoration-color: #222; }
section.footer1 article div.left ul.sns { margin-top:30px; height:25px; }
section.footer1 article div.left ul.sns li { float:left; margin-left:30px; }
section.footer1 article div.left ul.sns li:first-child { margin-left:-5px }
section.footer1 article div.left ul.sns li a { display:block; width:25px; height:25px; filter:brightness(0%) }
section.footer1 article div.nav  { width:480px; padding-right:50px }
section.footer1 article div.nav  { display:flex }
section.footer1 article div.nav ul { display:block }
section.footer1 article div.nav ul:nth-child(1) { width:30%; }
section.footer1 article div.nav ul:nth-child(2) { width:36%; }
section.footer1 article div.nav ul:nth-child(3) { width:34%; }
section.footer1 article div.nav ul li { width:100%; display:block; font-size:14px; font-weight:normal; color:#222222; padding:8px 0px }
section.footer1 article div.nav ul li.title { font-weight:bold; }
section.footer1 article div.nav ul li a { display:block; width:100%; }
section.footer1 article div.nav ul li a:hover  span { border-bottom:1px solid #222 }
section.footer1 article div.nav ul li a.active span { border-bottom:1px solid #222 }
section.footer2 article { border-top:1px solid #efefef; font-size:14px; padding-top:40px; padding-bottom:40px; color:#999 }

/* color define */
.G_6 { color:#b3b3b3 }
.G_8 { color:#424242 }



/* Header mo ****************************/

/* 모바일 메뉴/상단 */
#header_mo { display: none; }

/* 모바일 메뉴 */
@media (max-width: 992px) {

	#header_mo { display:block; height:99px; /* #header_pc 내부 객체의 높이 합을 기록해야 함 */ }
	
    /* Header */
    #header_pc { display: none; }

    /* Off-Canvas Navigation */
    #page-wrapper {
        padding-bottom: 1px;
        -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden;
        -moz-transition: -moz-transform 0.5s ease; -webkit-transition: -webkit-transform 0.5s ease; -ms-transition: -ms-transform 0.5s ease; transition: transform 0.5s ease;
    }

    #titleBar {
        display: block; position: fixed; top: 0px;  left: 0; width: 100%; height:99px; z-index: 10001;
        -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden;
        -moz-transition: -moz-transform 0.5s ease; -webkit-transition: -webkit-transform 0.5s ease; -ms-transition: -ms-transform 0.5s ease; transition: transform 0.5s ease;
         background-color: #fff; /* border-bottom: 1px solid #f2f2f2; */
	}

	#titleBar article.title     { width:100%; height:59px; }
	#titleBar article.title img { float:left; width:100px; margin-left:30px; margin-top:26px}
    #titleBar article.title div.tool { float:right; padding-top:15px; padding-right:30px }
    #titleBar article.title div.tool button { width:40px; height:40px; background-color:#fff; border:0px; font-size:20px; outline:0 }

	#titleBar ul.nav      { width:100%; height:40px; padding-left:15px; overflow:hidden; }
	#titleBar ul.nav li   { display:inline-block; }
	#titleBar ul.nav li a { display:block; height:40px; line-height:40px; padding:0px 10px; margin:0 5px; color:#222; font-size:16px }
	#titleBar ul.nav li a.active { border-bottom:2px solid #222222 }

	#panelWrap {
		position:fixed; left:0; top:0; width:100%; height:100%;
		transition:left 0s linear 0s,z-index 0s ease-out 0s;
	}

    #backPanel {
		opacity:0.5; z-index:9998; right:-100%; transition:opacity .4s ease-out, z-index 0s ease-out 0s, left 0s ease-out 0s;
	    position:absolute; top:0; height:100%; width:100%; background:#000; -webkit-tap-highlight-color: transparent; cursor:pointer;
    }

	#closeBtn { position:fixed; cursor:pointer; display:block; width:15px; height:15px; right:30px; top:30px; z-index:9999999; background:url('/img/icon/icon_navPanel_close.svg') no-repeat; }

	#navPanel {
		position:absolute; display:block; top: 0; right: 0; width: 280px; height: 100%; z-index: 99999;
		-moz-transform: translateX(275px); -webkit-transform: translateX(275px); -ms-transform: translateX(275px); transform: translateX(275px);
		-moz-transition: -moz-transform 0.5s ease; -webkit-transition: -webkit-transform 0.5s ease; -ms-transition: -ms-transform 0.5s ease;
		background:#fff;
		/* border-radius:20px 0px 0px 20px; */
	}

	/* 내정보 */
	#navPanel .myinfo { margin:0px 30px; padding-top:60px; height:131px; border-bottom:0px solid #DDDDDD; text-align:center }
	#navPanel .myinfo button.login { width:116px; height:39px; background-color:#222; color:#fff; font-size:14px; border-radius:20px; font-weight:bold; outline:0 }
	#navPanel .user_profile { width:100%; text-align:left; }
	#navPanel .user_profile .name { padding-left:15px; height:50px; line-height:50px; display: inline-block; vertical-align: top; }
	#navPanel  .tool { margin-top:-20px; width:100%; text-align:right; color:#ccc }
	
	/* 모바일네비 */
	#navPanel div.mobile_nav {
		padding:20px 30px; 	
		overflow-y: auto;
		height:calc(100% - 131px);
		-ms-overflow-style: -ms-autohiding-scrollbar;
		-moz-backface-visibility: hidden;  -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden;
	}
	#navPanel div.mobile_nav ul      { margin-bottom:25px }
	#navPanel div.mobile_nav ul li   { display:none; display:block; width:100%; }
    #navPanel div.mobile_nav ul li a { padding-left:10px; width:100%; height:40px; line-height:40px; display:inline-block; color:#222; border-radius:5px; }
    #navPanel div.mobile_nav ul li i { position:absolute; float:right; margin-top:8px; margin-left:-20px }
    #navPanel div.mobile_nav ul li a.hover,
    #navPanel div.mobile_nav ul li a.active { background-color:#F6F7F8; }
	#navPanel div.mobile_nav ul li.title a { color:#999999; font-size:14px; }
	#navPanel div.mobile_nav ul li.title a label { margin-left:10px; color:#E66016; cursor:pointer }
	#navPanel div.mobile_nav .bottom { padding:30px 20px 25px 20px; border-top:1px solid #ddd }
	#navPanel div.mobile_nav .bottom button { width:100%; height:50px; background-color:#FFF9F0; border-radius:10px; border:0px; outline:0px; font-size:14px; font-weight:bold; color:#000 }
	
	#navPanel div.mobile_nav .logout { padding-top:20px; text-align:center; }
	#navPanel div.mobile_nav .logout a { border-bottom:1px solid #999; font-size:16px; color:#999999; }

	body.navPanel-visible #page-wrapper { -moz-transform: translateX(-275px); -webkit-transform: translateX(-275px); -ms-transform: translateX(-275px);  transform: translateX(-275px); }
	body.navPanel-visible #page-wrapper:after { background-color:rgba(0,0,0,0.5); }
	body.navPanel-visible #titleBar     { -moz-transform: translateX(-275px); -webkit-transform: translateX(-275px); -ms-transform: translateX(-275px); transform: translateX(-275px);  }
	body.navPanel-visible #navPanel     { -moz-transform: translateX(0);    -webkit-transform: translateX(0);  -ms-transform: translateX(0);   transform: translateX(0);  }

	#bottom_menu_warp { display:block; position:fixed; bottom:0px; width:100%; height:52px; background-color:#fff; z-index:999; justify-content: space-between; box-shadow: 0 0 10px 2px rgba(0,0,0,.15); padding: 0 0 max(8px,env(safe-area-inset-bottom)); }
	#bottom_menu_warp ul { display:flex; width:100%; height:52px; }
	#bottom_menu_warp ul li { width:20%; text-align:center; font-size:11px; cursor:pointer }
	#bottom_menu_warp ul li a   { display:block; width:100%; height:52px; padding:8px; color:#888; }
	#bottom_menu_warp ul li a.active,
	#bottom_menu_warp ul li a:hover { color:#333 }
	#bottom_menu_warp ul li a i { font-size:24px }
	
	section.search_box { position:fixed; width:100%; height:calc(100% - 50px); top:50px; z-index:99999 }
	
	section.footer1 article { display:block }
	section.footer1 article div.left  { clear:both; width:100% }
	section.footer1 article div.nav   { clear:both; width:100%; margin-top:71px }
	section.footer1 article div.nav ul:nth-child(1) { width:33%; }
	section.footer1 article div.nav ul:nth-child(2) { width:34%; }
	section.footer1 article div.nav ul:nth-child(3) { width:33%; }

}


/****[ 심플모드 ]*************************/
.simple header .nav { display:none }
.simple footer section.s1 { display:none }
/*****************************************/

section { clear:both; min-width:320px }
section.bg { background-color:#f8f8f8 }
.section_group { clear:both; }
.section_group > section:nth-child(even) { background-color:#f8f8f8 } /* 배경 bg */

/* container */
.container {
	clear:both; 
    width:100%; min-width:320px; max-width:1280px;
}

/* 감추기 */
.OnlyMo { display:none !important;  }
.OnlyTa { display:none !important;  }
.OnlyPc { display:inherit !important; }
.HideMo { display:inherit !important; }
.HideTa { display:inherit !important; }
.HidePc { display:none !important;  }
.Hidden { display:none !important; }
.TopHidden { position:absolute; top:-2000px }
@media (min-width:769px) and (max-width:1000px){
	.OnlyMo { display:none  !important; }
	.OnlyTa { display:inherit !important; }
	.OnlyPc { display:none  !important; }
	.HideMo { display:inherit !important; }
	.HideTa { display:none  !important; }
	.HidePc { display:inherit !important; }
}
@media (max-width:768px){
	.OnlyMo { display:inherit !important; }
	.OnlyTa { display:none  !important;  }
	.OnlyPc { display:none  !important;  }
	.HideMo { display:none  !important;  }
	.HideTa { display:inherit !important; }
	.HidePc { display:inherit !important; }
}


@media print {
	.no_print { display:none }
}