@import url("https://cdn.jsdelivr.net/gh/moonspam/NanumBarunGothic@latest/nanumbarungothicsubset.css");
@font-face {
	font-family: 'NanumBarunGothic';
	font-style: normal;
	font-weight: 400;
	src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
	src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
	font-family: 'NanumBarunGothic';
	font-style: normal;
	font-weight: 700;
	src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
	src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

@font-face {
	font-family: 'NanumBarunGothic';
	font-style: normal;
	font-weight: 300;
	src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
	src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}

/*
Author : 김진태
Version : 1.0
*/
body,input,select{color:#666666;font-family:NanumBarunGothic,'나눔바른고딕',Nanum Gothic,"나눔고딕",Malgun Gothic,"맑은 고딕","돋움",Dotum,"굴림",Arial,AppleGothic,"애플고딕",sans-serif;font-size:12px;line-height:1.5em;}
.gnbList{padding-top:15px;padding-bottom:22px;overflow:hidden;height:13px;}
ul.gnbLink1 li{float:left;}
ul.gnbLink1 li a{font-size:13px;color:#555555;}
ul.gnbLink2{float:right;}
ul.gnbLink2 li{float:left;}
ul.gnbLink2 li a{color:#000000;}
ul.gnbLink2 li a.clsHeadMem{color:#1e7ed9;font-weight:bold;}

/* 헤더 스타일 변경 2020-06-04 hmh */
#gnb h1{position:absolute;left:0;z-index:1;}
#gnb h1 span{position:absolute;top:30px;left:0;font-size:12px;color:#2e3192;z-index:1;}
.gnbBanner1{position:absolute;top:52px;right:340px;z-index:1;}
.gnbBanner2{position:absolute;top:62px;right:330px;z-index:1;}
.searchArea{text-align:right;margin:0 auto 0 auto;}
.searchArea p{font-size:11px;color:#898989;}
.searchBar a{float:left;}
.searchBarBtn{position:absolute;top:60px;right:10px;z-index:1;}
.inputSearch{border:none;width:233px;font-family:Nanum Gothic,"나눔고딕",Malgun Gothic,"맑은 고딕","돋움",Dotum,"굴림",Arial,AppleGothic,"애플고딕",sans-serif;color:#5B5B5B;height:26px;line-height:1.8em;padding:7px 0 5px 15px;background:url('../../images/common/gnb_search_bar.gif') no-repeat 0 0;}
.inputSearch_new{border:1.5px solid #0666ba;width:260px;font-family:Nanum Gothic,"나눔고딕",Malgun Gothic,"맑은 고딕","돋움",Dotum,"굴림",Arial,AppleGothic,"애플고딕",sans-serif;font-size:15px;color:#777777;padding:0 40px 0 10px;height:38px;}
#footer{border-top:2px solid #1ab2f9;text-align:center;}
#subNavigation ul.subNaviList1{margin-top:25px;}
#subNavigation ul.info{margin-top:10px;}
#subNavigation ul.info img{float:left;padding:0 2px 12px 0;}
#subNavigation ul.boardLink{margin-top:15px;}
#subNavigation ul.bannerList1{margin-top:20px;}
#subNavigation ul.bannerList2{margin-top:15px;}
#subNavigation ul.bannerList2 li{margin-bottom:5px;}


#subNavigation ul.subNaviList5{margin-top:25px;position:relative;border-radius: 5px; border: solid 1px #2fa4dd; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);}
#subNavigation ul.subNaviList5 li{box-sizing: border-box; background: #ffffff; background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 100%);}
#subNavigation ul.subNaviList5 li a{display:block;width:166px;height:34px;padding: 0 0 0 10px; line-height: 34px;}
#subNavigation ul.subNaviList5 li.on {background: linear-gradient(180deg,rgba(69, 189, 241, 1) 0%, rgba(58, 177, 232, 1) 50%, rgba(44, 158, 212, 1) 100%); color: #fff;}
#subNavigation ul.subNaviList5 li.lastOn {border-radius: 0 0 3px 3px; background: linear-gradient(180deg,rgba(69, 189, 241, 1) 0%, rgba(58, 177, 232, 1) 50%, rgba(44, 158, 212, 1) 100%); color: #fff;}
#subNavigation ul.subNaviList5 li.on > a.subNavi2depth{color:#fff; background: #215890;background: linear-gradient(180deg,rgba(33, 88, 144, 1) 0%, rgba(33, 88, 144, 1) 50%, rgba(27, 56, 124, 1) 100%);}
#subNavigation ul.subNaviList5 li.on > a {color: #fff;}
#subNavigation ul.subNaviList5 li.first {border-radius: 3px 3px 0 0;}
#subNavigation ul.subNaviList5 li.firstOn{border-radius: 3px 3px 0 0;background: linear-gradient(180deg,rgba(69, 189, 241, 1) 0%, rgba(58, 177, 232, 1) 50%, rgba(44, 158, 212, 1) 100%); color: #fff;}
#subNavigation ul.subNaviList5 li.firstOn a{display:block;width:166px;height:34px;padding:0px 0 0 10px; line-height: 34px; color: #fff;}
#subNavigation ul.subNaviList5 li.last {border-radius: 0 0 3px 3px;}
#subNavigation ul.subNaviList5 li.lastOn {border-radius: 0 0 3px 3px; background: linear-gradient(180deg,rgba(69, 189, 241, 1) 0%, rgba(58, 177, 232, 1) 50%, rgba(44, 158, 212, 1) 100%); color: #fff;}
#subNavigation ul.subNaviList5 li.lastOn a{color:#fff;}
#subNavigation ul.subNaviList5>li {position: relative;}
#subNavigation ul.subNaviList5 .subNavi2depth .subTitle {font-size: 12px; color: #666; border-bottom: 1px solid #888; padding-bottom: 4px; font-weight: normal; margin: 10px 10px 0 10px; box-sizing: border-box;}
#subNavigation ul.subNaviList5 .subNavi2depth::after {z-index:-2;content: "";position: absolute; margin-top: 15px;  top: -4px; left: -4px; width: 5px; height: 6px;  background: white; border-left: 1px solid #00a3e0; border-bottom: 1px solid #00a3e0; transform: rotate(45deg);}
#subNavigation ul.subNaviList5 .subNavi2depth {position:absolute;z-index:5;left:95px;top:0  !important;width:150px;padding:0px; background: #fff; border-radius: 5px; border: solid 1px #2fa4dd;}
#subNavigation ul.subNaviList5 .subNavi2depth>ul:nth-child(2) {margin-top: 25px;}
#subNavigation ul.subNaviList5 .subNavi2depth li{background:none;color:#888;height:23px;padding:0;line-height:23px; position: relative;}
#subNavigation ul.subNaviList5 .subNavi2depth li a{box-sizing: border-box; font-size:11px;color:#888;padding:3px 0 0 10px;height:23px; line-height: 23px !important; width:100%;}
#subNavigation ul.subNaviList5 .subNavi2depth li.on a{color:#fff; }
#subNavigation ul.subNaviList5 .subNavi2depth li:last-child {border-radius: 0 0 3px 3px;}
#subNavigation ul.subNaviList5 .subNavi2depth li.on a.subNavi2depthTxt {color:#fff; background: #215890;background: linear-gradient(180deg,rgba(33, 88, 144, 1) 0%, rgba(33, 88, 144, 1) 50%, rgba(27, 56, 124, 1) 100%);}
#subNavigation ul.subNaviList5 .subNavi2depth li ul.subNavi3depth::after {z-index:-2; content: "";position: absolute; margin-top: 15px;  top: -4px; left: -4px; width: 5px; height: 6px;  background: white; border-left: 1px solid #00a3e0; border-bottom: 1px solid #00a3e0; transform: rotate(45deg);}
#subNavigation ul.subNaviList5 .subNavi2depth li ul.subNavi3depth{position:absolute;z-index:10;left:95px;top:0 !important;width:150px;padding:0px; background: #fff; border-radius: 5px; border: solid 1px #2fa4dd;}
#subNavigation ul.subNaviList5 .subNavi2depth li ul.subNavi3depth li{background:none;color:#888;height:23px;padding:0;line-height: 23px;}
#subNavigation ul.subNaviList5 .subNavi2depth li ul.subNavi3depth li a{background:none;font-size:11px;font-weight:normal;color:#666; padding:3px 0 0 10px;height:23px;width:150px;}
#subNavigation ul.subNaviList5 .subNavi2depth li ul.subNavi3depth li.on a{color:#fff; background: #215890; background: linear-gradient(180deg, rgba(33, 88, 144, 1) 0%, rgba(33, 88, 144, 1) 50%, rgba(27, 56, 124, 1) 100%);}
#subNavigation ul.subNaviList5 .subNavi2depth li ul.subNavi3depth li:last-child {border-radius: 0 0 3px 3px;} 

#subNavigation ul.subNaviList6{margin-top:25px;position:relative;border-radius: 5px; border: solid 1px #2fa4dd; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);}
#subNavigation ul.subNaviList6 li{box-sizing: border-box; background: #ffffff; background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 100%);}
#subNavigation ul.subNaviList6 li a{display:block;width:166px;height:34px !important;padding: 0 0 0 10px !important; line-height: 34px;}
#subNavigation ul.subNaviList6 li.on {background: linear-gradient(180deg,rgba(69, 189, 241, 1) 0%, rgba(58, 177, 232, 1) 50%, rgba(44, 158, 212, 1) 100%); color: #fff;}
#subNavigation ul.subNaviList6 li.lastOn {border-radius: 0 0 3px 3px; background: linear-gradient(180deg,rgba(69, 189, 241, 1) 0%, rgba(58, 177, 232, 1) 50%, rgba(44, 158, 212, 1) 100%); color: #fff;}
#subNavigation ul.subNaviList6 li.on > a.subNavi2depth{color:#fff; background: #215890;background: linear-gradient(180deg,rgba(33, 88, 144, 1) 0%, rgba(33, 88, 144, 1) 50%, rgba(27, 56, 124, 1) 100%);}
#subNavigation ul.subNaviList6 li.on > a {color: #fff;}
#subNavigation ul.subNaviList6 li.first {border-radius: 3px 3px 0 0;}
#subNavigation ul.subNaviList6 li.firstOn{border-radius: 3px 3px 0 0;background: linear-gradient(180deg,rgba(69, 189, 241, 1) 0%, rgba(58, 177, 232, 1) 50%, rgba(44, 158, 212, 1) 100%); color: #fff;}
#subNavigation ul.subNaviList6 li.firstOn a{display:block;width:166px;height:34px;padding:0px 0 0 10px; line-height: 34px; color: #fff;}
#subNavigation ul.subNaviList6 li.last {border-radius: 0 0 3px 3px;}
#subNavigation ul.subNaviList6 li.lastOn {border-radius: 0 0 3px 3px; background: linear-gradient(180deg,rgba(69, 189, 241, 1) 0%, rgba(58, 177, 232, 1) 50%, rgba(44, 158, 212, 1) 100%);}
#subNavigation ul.subNaviList6 li.lastOn a{color:#fff;}
#subNavigation ul.subNaviList6>li {position: relative;}
#subNavigation ul.subNaviList6 .subNavi2depth .subTitle {font-size: 12px; color: #666; border-bottom: 1px solid #888; padding-bottom: 4px; font-weight: normal; margin: 5px 10px 0 15px; box-sizing: border-box;}
#subNavigation ul.subNaviList6 .subNavi2depth {position:absolute;z-index:5;left:95px;top:0  !important;width:150px;}
#subNavigation ul.subNaviList6 .subNavi2depth li{background:none;color:#888;height:23px;padding:0;line-height:23px;}
#subNavigation ul.subNaviList6 .subNavi2depth li a{box-sizing: border-box; font-size:11px;color:#888;margin-left:5px;padding:3px 0 0 10px;height:23px; line-height: 23px !important; width:145px;}
#subNavigation ul.subNaviList6 .subNavi2depth li.on a{color:#fff; }
#subNavigation ul.subNaviList6 .subNavi2depth li.on a.subNavi2depthTxt {color:#fff; background: #215890;background: linear-gradient(180deg,rgba(33, 88, 144, 1) 0%, rgba(33, 88, 144, 1) 50%, rgba(27, 56, 124, 1) 100%);}
#subNavigation ul.subNaviList6 .subNavi2depth li ul.subNavi3depth{position:absolute;z-index:10;left:95px;top:0;width:135px;padding:2px 0 0 0;background:url('/images/submain/depth3_bg_01.gif') no-repeat 0 0;}
#subNavigation ul.subNaviList6 .subNavi2depth li ul.subNavi3depth li{background:none;color:#888;height:23px;padding:0;line-height: 23px;}
#subNavigation ul.subNaviList6 .subNavi2depth li ul.subNavi3depth li a{background:none;font-size:11px;font-weight:normal;color:#666;margin-left:5px;padding:3px 0 0 10px;height:23px;width:150px;}
#subNavigation ul.subNaviList6 .subNavi2depth li ul.subNavi3depth li.on a{color:#fff;background:url('/images/submain/tab_bg_2depth_on.gif') no-repeat 0 0;}

#subNavigation ul.subNaviList7{margin-top:25px;position:relative;border-radius: 5px; border: solid 1px #2fa4dd; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);}
#subNavigation ul.subNaviList7 li{box-sizing: border-box; background: #ffffff; background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 100%);}
#subNavigation ul.subNaviList7 li a{display:block;width:166px;height:34px;padding: 0 0 0 10px; line-height: 34px;}
#subNavigation ul.subNaviList7 li.on {background: linear-gradient(180deg,rgba(69, 189, 241, 1) 0%, rgba(58, 177, 232, 1) 50%, rgba(44, 158, 212, 1) 100%); color: #fff;}
#subNavigation ul.subNaviList7 li.lastOn {border-radius: 0 0 3px 3px; background: linear-gradient(180deg,rgba(69, 189, 241, 1) 0%, rgba(58, 177, 232, 1) 50%, rgba(44, 158, 212, 1) 100%); color: #fff;}
#subNavigation ul.subNaviList7 li.on > a.subNavi2depth{color:#fff; background: #215890;background: linear-gradient(180deg,rgba(33, 88, 144, 1) 0%, rgba(33, 88, 144, 1) 50%, rgba(27, 56, 124, 1) 100%);}
#subNavigation ul.subNaviList7 li.on > a {color: #fff;}
#subNavigation ul.subNaviList7 li.first {border-radius: 3px 3px 0 0;}
#subNavigation ul.subNaviList7 li.firstOn{border-radius: 3px 3px 0 0;background: linear-gradient(180deg,rgba(69, 189, 241, 1) 0%, rgba(58, 177, 232, 1) 50%, rgba(44, 158, 212, 1) 100%); color: #fff;}
#subNavigation ul.subNaviList7 li.firstOn a{display:block;width:166px;height:34px;padding:0px 0 0 10px; line-height: 34px; color: #fff;}
#subNavigation ul.subNaviList7 li.last {border-radius: 0 0 3px 3px;}
#subNavigation ul.subNaviList7 li.lastOn {border-radius: 0 0 3px 3px; background: linear-gradient(180deg,rgba(69, 189, 241, 1) 0%, rgba(58, 177, 232, 1) 50%, rgba(44, 158, 212, 1) 100%);}
#subNavigation ul.subNaviList7 li.lastOn a{color:#fff;}
#subNavigation ul.subNaviList7>li {position: relative;}
#subNavigation ul.subNaviList7 .subNavi2depth>ul:nth-child(2) {margin-top: 25px;}
#subNavigation ul.subNaviList7 .subNavi2depth .subTitle {font-size: 12px; color: #666; border-bottom: 1px solid #888; padding-bottom: 4px; font-weight: normal; margin: 10px 10px 0 10px; box-sizing: border-box;}
#subNavigation ul.subNaviList7 .subNavi2depth::after {z-index:-2;content: "";position: absolute; margin-top: 15px;  top: -4px; left: -4px; width: 5px; height: 6px;  background: white; border-left: 1px solid #00a3e0; border-bottom: 1px solid #00a3e0; transform: rotate(45deg);}
#subNavigation ul.subNaviList7 .subNavi2depth {position:absolute;z-index:5;left:95px;top:0  !important;width:150px;padding:0px; background: #fff; border-radius: 5px; border: solid 1px #2fa4dd;}
#subNavigation ul.subNaviList7 .subNavi2depth li{background:none;color:#888;height:23px;padding:0;line-height:23px;}
#subNavigation ul.subNaviList7 .subNavi2depth li a{box-sizing: border-box; font-size:11px;color:#888;padding:3px 0 0 10px;height:23px; line-height: 23px !important; width:100%;}
#subNavigation ul.subNaviList7 .subNavi2depth li.on a{color:#fff; }
#subNavigation ul.subNaviList7 .subNavi2depth li:last-child {border-radius: 0 0 3px 3px;}
#subNavigation ul.subNaviList7 .subNavi2depth li.on a.subNavi2depthTxt {color:#fff; background: #215890;background: linear-gradient(180deg,rgba(33, 88, 144, 1) 0%, rgba(33, 88, 144, 1) 50%, rgba(27, 56, 124, 1) 100%);}
#subNavigation ul.subNaviList7 .subNavi2depth li ul.subNavi3depth::after {z-index:-2; content: "";position: absolute; margin-top: 15px;  top: -4px; left: -4px; width: 5px; height: 6px;  background: white; border-left: 1px solid #00a3e0; border-bottom: 1px solid #00a3e0; transform: rotate(45deg);}
#subNavigation ul.subNaviList7 .subNavi2depth li ul.subNavi3depth{position:absolute;z-index:10;left:95px;top:0;width:150px;padding:0px; background: #fff; border-radius: 5px; border: solid 1px #2fa4dd;}
#subNavigation ul.subNaviList7 .subNavi2depth li ul.subNavi3depth li{background:none;color:#888;height:23px;padding:0;line-height: 23px;}
#subNavigation ul.subNaviList7 .subNavi2depth li ul.subNavi3depth li a{background:none;font-size:11px;font-weight:normal;color:#666; padding:3px 0 0 10px;height:23px;width:150px;}
#subNavigation ul.subNaviList7 .subNavi2depth li ul.subNavi3depth li.on a{color:#fff; background: #215890; background: linear-gradient(180deg, rgba(33, 88, 144, 1) 0%, rgba(33, 88, 144, 1) 50%, rgba(27, 56, 124, 1) 100%);}
#subNavigation ul.subNaviList7 .subNavi2depth li ul.subNavi3depth li:last-child {border-radius: 0 0 3px 3px;}


/*1023추가*/
#subNavigation .no_member {padding-top:5px;}
#subNavigation .banner_member {padding-top:22px;}

/* 회사소개 */
.companyLeftMenu_wrap {margin-top: 45px; display: inline-block; }
.companyLeftMenu_wrap .companyLeftMenu {margin-top: 30px; width: 140px; border-radius: 5px; border: 1px solid #2fa4dd;}
.companyLeftMenu_wrap .companyLeftMenu li {text-align: center; height: 35px; line-height:35px; border-bottom: 1px solid #2fa4dd; font-size: 13px; color: #666;}
.companyLeftMenu_wrap .companyLeftMenu li:first-child {border-radius: 3px 3px 0 0;}
.companyLeftMenu_wrap .companyLeftMenu li:last-child {border-radius:  0 0 3px 3px;}
.companyLeftMenu_wrap .companyLeftMenu li.active {background: #2fa4dd; color: #fff;}
.companyLeftMenu_wrap .companyLeftMenu li.active a {color: #fff;}
.companyLeftMenu_wrap .companyLeftMenu li:last-child {border-bottom: none;}
.companyLeftMenu_wrap .companyLeftMenu li a {display:inline-block; width: 100%; height: 35px;}

.companyLeftMenu_wrap .companyLeftMenu2 {margin: 30px 0; width: 180px; border-radius: 5px; border: 1px solid #2fa4dd; box-sizing:border-box;}
.companyLeftMenu_wrap .companyLeftMenu2 li {text-align: center; height: 35px; line-height:35px; border-bottom: 1px solid #2fa4dd; font-size: 13px; color: #666;}
.companyLeftMenu_wrap .companyLeftMenu2 li:first-child {border-radius: 3px 3px 0 0;}
.companyLeftMenu_wrap .companyLeftMenu2 li:last-child {border-radius:  0 0 3px 3px;}
.companyLeftMenu_wrap .companyLeftMenu2 li.active {background: #2fa4dd; color: #fff;}
.companyLeftMenu_wrap .companyLeftMenu2 li.active a {color: #fff;}
.companyLeftMenu_wrap .companyLeftMenu2 li:last-child {border-bottom: none;}
.companyLeftMenu_wrap .companyLeftMenu2 li a {display:inline-block; width: 100%; height: 35px;}
.companyLeftMenu_wrap .boardLink {margin-top: 20px;}

.hanjinPeople {margin-bottom: 30px; padding: 20px 15px; border-radius: 5px; border: solid 1px #dadada; background-color: #fbfbfb; font-size: 12px; letter-spacing: -0.6px; color: #666; font-family: '나눔바른고딕', 'NanumBarunGothic';}
.hanjinPeople strong {font-size: 13px; display:block; padding-bottom: 8px; letter-spacing: 0;}
.noticeApply strong {padding-bottom: 0;}
.companyRule ul {display:flex; justify-content:space-between; padding: 20px 30px 50px 30px;}
.companyRule ul li {position: relative;}
.companyRule ul li.companyRule01 .num {border: solid 1px #2fa4dd; color: #5ac5f9; }
.companyRule ul li.companyRule01 .ruleTxt {background: #5ac5f9; line-height: 100px;}
.companyRule ul li.companyRule02 .num {border: solid 1px #ff6d00; color: #ff6d00; }
.companyRule ul li.companyRule02 .ruleTxt {background: #fe8724; padding-top: 33px; line-height: 19px;}
.companyRule ul li.companyRule03 .num {border: solid 1px #2c4d8f; color: #2c4d8f; }
.companyRule ul li.companyRule03 .ruleTxt {background: #354fa6; padding-top: 33px; line-height: 19px;}
.companyRule ul li.companyRule04 .num {border: solid 1px #33abae; color: #33abae; }
.companyRule ul li.companyRule04 .ruleTxt {background: #42b2bc; padding-top: 33px; line-height: 19px;}
.companyRule ul li .num {width: 30px; height: 30px; position:absolute; z-index:1; left: -5px; top: 5px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); font-weight: bold;line-height: 32px; border-radius: 50px; text-align:center; background: #fff;}
.companyRule ul li .ruleTxt {position:relative; width: 100px; height: 100px; text-align:center; color: #fff; border-radius: 100%; font-size: 15px; font-weight: 400; box-sizing: border-box;}

.recruitWrap {margin-top: 50px;}
.recruitWrap h4 {color: #000; font-size: 24px; font-weight: bold; letter-spacing: 2.4px; padding-bottom: 10px;}
.recruitWrap .subTit {font-size: 12px; color: #666; display: block; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 2px solid #666;}
.recruitWrap ul {display: flex; justify-content: space-between;}
.recruitWrap ul li .num {position:relative; border-radius: 5px; background-color: #7ebde6; color: #fff; text-align:center; width: 30px; height: 30px; line-height: 30px; font-size: 14px;}
.recruitWrap ul li .num::after { border-top:5px solid #7ebde6; border-left: 3px solid transparent; border-right: 3px solid transparent; border-bottom: 0px solid transparent; content:""; position:absolute; bottom:-4px; left: 41%;}
.recruitWrap ul li p {font-size: 14px; color: #666; margin-top: 15px; line-height:18px;}
.companyRuleNotice::before {content:''; width:4px; height:4px; position:relative; font-size: 15px; background: #48b4ec; border-radius: 30px; display: inline-block; margin-right: 5px; top: -4px;}
.companyRuleNotice {font-size: 15px; color: #666; margin-bottom: 30px;}
.companyRuleTable {width: 100%; table-layout: fixed; border-top: 1px solid #51c3f8; font-size: 12px; text-align: center; border-right: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4;}
.companyRuleTable thead {border-bottom: 1px solid #e4e4e4;}
.companyRuleTable thead td {background: #f2f8fc; padding: 8px;}
.companyRuleTable th {color: #666; background: #f6f6f6; font-weight: normal; padding: 8px; border-right: 1px solid #e4e4e4;}
.companyRuleTable td {color: #666;border-right: 1px solid #e4e4e4;}

.companyTabNav {display: flex; margin-top: 10px;}
.companyTabNav li {width: calc(100%/3); text-align:center;}
.companyTabNav li a {font-size: 14px; color: #666; padding: 15px 0; display:inline-block; width: 100%; border-bottom: 1px solid #b5b4b4;}
.companyTabNav li a.active {border-bottom: 2px solid #2fa4dd;font-weight: bold; position: relative; top: -1px;}
.companytitleArea {padding: 30px 0; overflow: hidden;}
.companytitleArea .h3_title {background: url(/images/package/bg_package_title1.gif) no-repeat left; padding-left: 10px; font-size: 21px; letter-spacing: -1px; font-family: '나눔바른고딕','NanumBarunGothic'; color: #18337e;}
.companytitleArea .h3_title span {color: #3fb8f1;}
.companyHistory {width: 100%; border-top: solid 0.5px #aeaeae;}
.companyHistory li {border-bottom: solid 0.5px #aeaeae; padding: 20px 10px;}
.companyHistory li span {font-size: 14px; color: #18337e; font-weight: bold; font-family: '나눔바른고딕','NanumBarunGothic'; vertical-align: top; display: inline-block; line-height: 25px;}
.companyHistory li p {display:inline-block; font-size: 14px; color: #666; padding-left: 50px; font-family: '나눔바른고딕','NanumBarunGothic'; line-height: 25px; box-sizing: border-box; vertical-align: top;}
.companyBusiness li {border-bottom: solid 0.5px #aeaeae; padding-bottom: 20px; margin-bottom: 20px;}
.companyBusiness li:last-child {border-bottom: none;}
.companyBusiness li span {font-size: 14px; color: #666; display: block; padding-bottom: 15px;}
.companyBusiness li:last-child {padding-bottom: 0; margin-bottom: 0;}
.companyBusiness li p {font-size: 14px; color: #666;line-height: 25px;}
.companySummary img {width: 100%;}
.companySummaryTable {width: 100%; border-top: solid 3px #51c3f8; margin-top: 45px;}
.companySummaryTable li {border-bottom: solid 0.5px #aeaeae; padding: 20px 0px;}
.companySummaryTable li span {font-size: 13px; color: #666; font-family: '나눔바른고딕','NanumBarunGothic'; vertical-align: top; display: inline-block; line-height: 18px; width: 130px; text-align:center; padding-right: 30px;}
.companySummaryTable li p {display:inline-block; font-size: 13px; color: #666; font-family: '나눔바른고딕','NanumBarunGothic'; line-height: 18px; box-sizing: border-box; vertical-align: top; }
.companySummaryTxt {color: #666; font-size: 13px; line-height: 18px; margin-top: 30px;}


/* Contents Style */
.titleArea {padding-top: 10px;overflow: hidden;}
.titleArea2{overflow:hidden;zoom:1;position:relative;}
.titleArea3{padding-top:10px;padding-bottom:38px;overflow:hidden;zoom:1;}
.companyLocation {padding-top: 20px; float: none; text-align: right; color: #a5a5a5;}
.companyLocation a {color: #a5a5a5;}
.companyLocation b {color: #666;}
.companyLocation > a >img {vertical-align: text-top;}
.location{float:right;padding-top:9px;}
.location a{color:#A5A5A5;}
.location b{color:#666;}
.location img{vertical-align:baseline;margin-top:-2px;}
.titleArea h3{float:left;padding-top:10px;padding-left:9px;font-size:20px;color:#18337e;background:url('/images/package/bg_package_title1.gif') no-repeat left 12px;}
.titleArea3 h3{float:left;padding-top:10px;padding-left:9px;font-size:20px;color:#18337e;background:url('/images/package/bg_package_title1.gif') no-repeat left 12px;}
.titleArea .h3_title {background: url(/images/package/bg_package_title1.gif) no-repeat left 16px;padding-left: 7px;font-size: 25px; letter-spacing: -1px;  font-family: '나눔바른고딕',NanumBarunGothic;}
.titleArea .h3_title span {color: #3fb8f1;}

/* 2012-01-09 추가 */
.titleArea h3 span.visualImg img{margin:-25px 0 0 20px;}
.titleArea h3 span.visualImg2 img{margin:-25px 0 0 0;}
.titleArea2 div.select{position:absolute;bottom:5px;right:0;}
.titleArea2 h3{float:left;padding:22px 0 8px 0;}
.titleArea2 h3 span.visualImg img{margin:-25px 0 0 20px;}
.titleArea2 h3 span.visualImg2 img{margin:-25px 0 0 0;}
.titleArea4{padding-top:10px;padding-bottom:28px;_margin-bottom:39px;overflow:hidden;}
.titleArea4 h3{float:left;padding-top:12px;}
.titleArea div.titleSubText{color:#000000;font-size:13px;}
.privacySeletWrap{position:relative;float:right;width:290px;height:55px; z-index: 1;}
.privacySeletWrap:after{content:'';display:block;clear:both;}
.privacySeletWrap .selectBtn{overflow:hidden;border-radius:30px;border:1px solid #999999;}
.privacySeletWrap .selectBtn a{position:relative;display:block;width:100%;height:100%;padding:10px;box-sizing:border-box;}
.privacySeletWrap .selectBtn a:after{content:'';position:absolute;right:15px;top:14px;width:14px;height:10px;transform:rotate(0deg);background:url(/images/common/icon_select_arr.png)no-repeat 50% 50%;}
.privacySeletWrap ul{display:none;position:absolute;top:26px;right:0;width:100%;padding:20px 10px 20px;border:1px solid #999999;border-top:0;box-sizing:border-box;border-radius:0 0 20px 20px;background:#fff;}
.privacySeletWrap ul li{  margin-bottom: 10px;}
.privacySeletWrap ul li:last-of-type{margin-bottom:0;}
.privacySeletWrap.pr_open .selectBtn a{padding-bottom: 15px;}
.privacySeletWrap.pr_open ul{display:block;}
.privacySeletWrap.pr_open .selectBtn a:after{transform: rotate(-180deg);}


/* 페이지영역 */
.pageNotice{position:relative;width:100%;margin-top:10px;z-index:0;}
.page{position:absolute;top:0;left:0;font-size:11px;color:#898989;padding-top:5px;}
.paging{height:20px;padding:5px 0 0 0;text-align:center;}
.paging img{vertical-align:middle;}
.btnAreaR{position:absolute;top:0;right:0;}
ul.numberBox {overflow:hidden; }
.paging a{display:inline-block;border:1px solid #DEDEDE;padding:2px 6px 0 5px;font-weight:bold;vertical-align:middle;color:#969696;line-height:1.4em;text-decoration:none;}
.paging a:hover{background:#2F98D2;color:#FFFFFF;border-color:#2F98D2;text-decoration:none;}
.paging a.on{padding:2px 6px 0 5px;background:#2F98D2;border-color:#2F98D2;color:#fff;}
.paging a.btn {border:none; padding:3px 0 3px 0; background:#FFFFFF;}
.paging a.prev {padding:3px 6px 3px 0;}
.paging a.next {padding:3px 0 3px 6px;}
.paging a.btn:hover {background:#FFFFFF;}

/* 검색박스 */
.searchBox{clear:both;margin-top:25px;text-align:center;padding:9px 0 9px 0;height:22px;border:1px solid #DADADA;background:#F8F8F8;}
.searchBox img{vertical-align:middle;}
.searchOption{width:670px;height:113px;margin-bottom:15px;padding:8px 15px 0 15px;background:url('/images/mypage/bg_search_opt_box.gif') no-repeat left top;}
.searchOption table th{padding:10px 0 10px 10px;text-align:left;border-top:1px solid #e7e7e7;}
.searchOption table td{border-top:1px solid #e7e7e7;padding-left:4px;}


/**/
body .searchOption table td{padding-top:1px;}
.searchOption table tr.first th,.searchOption table tr.first td{border-top:none;}
.searchOption table td.travelArea ul li{float:left;}
.searchOption table td.travelArea ul li *{vertical-align:middle;}
.searchOption table td.travelArea ul li span{display:inline-block;padding-left:6px;margin:0 11px 0 7px;background:url('/images/mypage/bg_area_input1.gif') no-repeat left top;}
.searchOption table td.travelArea ul li span input{vertical-align:top;}
.searchOption table td.travelArea ul li span input.area{width:90px;padding-left:0;margin-top:3px;border:1px solid #FFFFFF;font-weight:bold;font-size:12px;color:#ff5800;}
.searchOption table td select{width:115px;font-weight:bold;font-size:12px;color:#ff5800;}
.searchOption table td input.type_checkbox{margin-left:12px;}
.searchOption table td input.first{margin-left:0;}
.priceSliderBar{float:left;display:block;font-size:0;height:16px;line-height:0;margin:7px 0 0 0;position:relative;width:124px;background:url("/images/common/bg_slider_bar.gif") no-repeat scroll 0 3px transparent;}
.priceSliderBar .arr1{background:url("/images/common/bg_bar.gif") repeat-x scroll 0 3px transparent;display:block;height:11px;left:0;position:absolute;top:0;}
.priceSliderBar .arr2{background:url("/images/common/bg_bar.gif") repeat-x scroll 0 3px transparent;display:block;height:11px;position:absolute;right:0;top:0;}
.priceSliderBar .arr{background:url("/images/common/bg_price_bar1.gif") no-repeat 0 0 transparent;cursor:pointer;display:block;height:11px;position:absolute;text-indent:-9000px;width:15px;}
.priceSliderBar .arr1 .arr{right:-7px;top:0;}
.priceSliderBar .arr2 .arr{left:-7px;top:0;}
.priceInput{float:left;margin:0 0 0 0;padding-left:18px;}
.priceInput span{display:inline-block;vertical-align:middle;width:86px;height:25px;background:url('/images/mypage/bg_input1.gif') no-repeat left top;}
.priceInput span input.rpice_input{width:76px;margin:2px 0 0 2px;border:1px solid #FFFFFF;}
ul.leftMenu{margin-top:25px;}
ul.compulsory{margin-top:10px;overflow:hidden;}
ul.compulsory li{float:left;margin-left:4px;}
ul.compulsory li.first{margin-left:0;}
ul.questionInfo{margin:4px 0 7px 0;}
ul.questionInfo li{padding:11px 0 13px 0;}
ul.questionInfo li.first{border-bottom:1px solid #EFEFEF;}

/* 푸터 */
.footerLink{padding:12px 0 11px 0;border-bottom:1px solid #ddd;overflow:hidden;width:100%;}

/* [start] 한진관광 메인페이지 푸터 네비게이터 */

/* Added: 2021-06-08 KJH */
.footerLink .linkArea_new{width:900px;margin:0 auto;display:flex;justify-content:space-between;}
.footerLink .linkArea_new a{color:#2c2c2c;font-size:14px;}

/* [ end ] 한진관광 메인페이지 푸터 네비게이터 */

/* [start] 이전 버전 (네이버, 쿨스쿨, 특수판매그룹, 현대자동차 복지몰에서 사용) */
ul.linkArea{width:900px;margin:0 auto;}
ul.linkArea li{float:left;padding:0 26px 0 28px;}

/* [ end ] 이전 버전 (네이버, 쿨스쿨, 특수판매그룹, 현대자동차 복지몰에서 사용) */
#footer address{width:900px;margin:0 auto 0 auto;padding-top:20px;text-align:left;}
#footer .footerArea{width:750px;margin:0 auto 0 auto;padding-top:25px;padding-left:150px;text-align:right;}
#footer .footerArea .copy{float:left;}
#footer .footerArea select{width:125px;height:20px;font-size:11px;color:#757a7e;}
#footer .footerArea *{vertical-align:middle;}
.reviewBody{padding:25px 20px 30px 20px;border-bottom:1px solid #BFC1C4;}
.reviewText{margin-top:20px;}
.btnType1{margin-top:10px;}
.btnType1 span.right{float:right;}

/* Promotion */
#promotion{margin:0 0 0 0;}
#promotion ul.opener{position:absolute;right:0;}
#promotion .promtArea{height:100px;background:#000;}

/*********** Main ***********/
.totalSeachArea{clear:both;  /*** 2011-12-30 추가 ****/background:url('/images/common/bg_totalSeachArea.gif') repeat-x 0 0;border-bottom:1px solid #D9DBDC;}
.totalSeach{overflow:hidden;width:900px;height:165px;margin:0 auto;}
.sliding_banner{height:84px;position:relative;z-index:100;width:100%;background:url('/images/common/bg_sliding_banner.gif') repeat-x left top;}
.sliding_banner .visual{margin:0 auto;width:900px;position:relative;}
.sliding_banner .button{position:absolute;right:5px;}
.sliding_btn{position:absolute;right:5px;}
#Maincontents{margin:0 auto;width:900px;padding:15px 0 60px 0;}

/* 파격특가 */
.specialPrice{padding:0 0 0 0;float:left;width:223px;}
.specialPrice h3{padding:15px 0 0px 0;position:relative;height:23px;}
.specialPrice h3 span{position:absolute;right:0px;top:17px;font-size:11px;color:#898989;font-weight:normal;}
.specialPrice h3 span img{margin:0px 0px 2px 4px;vertical-align:middle;}
.specialPrice h3 span a{color:#898989;}
.specialPrice .blowout_price{height:28px;width:203px;padding:8px 11px;letter-spacing:-1px;line-height:1.2em;background:url('/images/common/bg_special_price.gif') no-repeat 0 0;}
.specialPrice .blowout_price .price{color:#DE2667;}
.specialPrice ul{margin:0 5px 0 4px;}
.specialPrice ul li{padding-left:7px;margin-top:10px;background:url('/images/icon/bul_black_dot.gif') no-repeat 0 4px;}
.specialPrice ul li .right{float:right;}

/* TV홈쇼핑 */
.tv_shopping{float:right;width:220px;margin-right:2px;}
.tv_shopping h3{padding:15px 0 4px 0;font-size:0;}
.tv_goods{overflow:hidden;height:81px;}
.tv_shopping .tv_visual{float:left;padding-right:7px;position:relative;width:106px;}
.tv_shopping .tv_visual img{width:94px;height:69px;padding:6px 0 0 6px;}
.tv_shopping .tv_visual .frame{background:url('/images/common/frame_tv.png') no-repeat 0 0;display:block;height:81px;position:absolute;width:106px;z-index:20;}
.tv_shopping .tv_visual .subject{position:absolute;background:#000;opacity:0.5;filter:alpha(opacity=50);width:94px;height:17px;left:6px;bottom:0;_bottom:-1px;}
.tv_shopping .tv_visual .text{position:absolute;left:6px;bottom:-3px;color:#fff;width:94px;height:17px;text-align:center;}
.tv_shopping .title{float:left;margin-top:3px;}
.tv_shopping .title dt{margin-top:6px;}
.tv_shopping .title .price{color:#DE2667;font-weight:bold;}
.tv_shopping ul{overflow:hidden;clear:both;padding-top:2px;}
.tv_shopping ul li{padding-left:7px;margin-top:5px;letter-spacing:-1px;background:url('/images/icon/bul_black_dot.gif') no-repeat 0 4px;}

/* 검색영역 */
.main_seach_box{float:left;margin-top:-1px;height:166px;width:432px;margin-left:8px;_margin-left:0;padding:0 0 0 12px;background:url('/images/common/bg_search_box.gif') no-repeat 0 0;}
.main_seach_box img{vertical-align:;}
.main_seach_box ul.tab_search_list{width:420px;overflow:hidden;}
.main_seach_box ul.tab_search_list li{float:left;}
.main_seach_box .search{padding:0 8px 0 15px;}
.main_seach_box .search .choice{padding:3px 0 4px 0;font-weight:bold;}
.main_seach_box table.tb_search th{text-align:right;padding-right:4px;}
.main_seach_box table.tb_search td{padding:3px 0 4px 0;}
.palce_list{width:900px;height:48px;background:url('/images/common/bg_goods_kind_list.gif') no-repeat 0 0;}
.palce_list li{float:left;}
.palce_list li.spread1{width:700px;}
.palce_list li.spread1 img{float:left;}
.palce_list .second_list{float:right;width:560px;margin-top:15px;}
.palce_list .second_list a{display:block;}
.palce_list .second_list img{padding:0 0 0 17px;}
.palce_list li.spread2{width:700px;float:right;}
.palce_list li.spread2 img{float:right;}
.palce_list .second_list2{float:left;width:480px;margin-top:15px;}
.palce_list .second_list2 a{display:block;}
.palce_list .second_list2 img{padding:0  0 0 17px;float:left!important;}
.best_goods_list{height:192px;}
ul.represent{float:left;width:518px;}
ul.represent li{border:2px solid #434B5C;float:left;margin-right:5px;position:relative;}
ul.represent li img{width:250px;height:188px;}
ul.represent li.last{margin-right:0;}
ul.represent li .subject{position:absolute;background:#000;opacity:0.5;filter:alpha(opacity=50);width:250px;height:44px;left:0;bottom:0;}
ul.represent li .text{position:absolute;left:0px;bottom:-2px;color:#ddd;width:250px;line-height:1.3em;height:36px;text-align:center;}
ul.represent li .text a{color:#ddd;}
ul.represent li .text .price{font-weight:bold;color:#86BDEA;}
ul.other{float:left;width:382px;overflow:hidden;}
ul.other li{border:2px solid #434B5C;float:left;margin-left:4px;position:relative;}
ul.other li.first{margin-left:0;}
ul.other li img{width:120px;height:90px;}
ul.other li .subject{position:absolute;background:#000;opacity:0.5;filter:alpha(opacity=50);width:120px;height:22px;left:0;bottom:0;}
ul.other li .text{position:absolute;left:0px;bottom:-5px;font-size:11px;color:#ddd;width:120px;line-height:1.3em;height:22px;text-align:center;}
ul.other li .text a{color:#ddd;}
ul.other2{float:left;width:382px;overflow:hidden;}
ul.other2 li{border:2px solid #434B5C;float:left;margin-left:4px;margin-top:4px;position:relative;}
ul.other2 li.first{margin-left:0;}
ul.other2 li img{width:120px;height:90px;}
ul.other2 li .subject{position:absolute;background:#000;opacity:0.5;filter:alpha(opacity=50);width:120px;height:22px;left:0;bottom:0;}
ul.other2 li .text{position:absolute;left:0px;bottom:-5px;font-size:11px;color:#ddd;width:120px;line-height:1.3em;height:22px;text-align:center;}
ul.other2 li .text a{color:#ddd;}
.main_banner{overflow:hidden;margin-top:20px;}
.main_banner ul{border:1px solid #ccc;overflow:hidden;border-left:none;width:690px;float:left;}
.main_banner ul li{float:left;border-left:1px solid #ccc;}
.main_banner .event_banner{border:1px solid #d7d7d7;float:right;position:relative;width:198px;}
.main_banner .event_banner .rolling{position:absolute;right:6px;top:10px;}
.main_banner .event_banner .rolling ul{border:none;width:75px;}
.main_banner .event_banner .rolling ul li{padding-right:5px;border:none;float:right;}
.spnNoticeReport{}
.spnNoticeReport ul li{border-bottom:1px solid #EBEBEB;padding:8px 0 6px 20px;background:url('/images/icon/bul_right_gray_square.gif') no-repeat 10px 10px;}
.diverse_part{margin-top:20px;overflow:hidden;zoom:1;}
.diverse_part .link_area{float:left;width:233px;}
.diverse_part .write_view_list{float:left;margin-right:5px;width:225px;}
.diverse_part .write_view_list h3.travel_review{height:31px;background:url('/images/common/h3_travel_review.gif') no-repeat 0 0;}
.diverse_part .write_view_list h3.travel_review .more{padding:10px 0 0 170px;display:block;}
.diverse_part .write_view_list ul li{border-top:1px solid #EBEBEB;padding:6px 0 6px 20px;background:url('/images/icon/bul_right_gray_square.gif') no-repeat 10px 10px;}
.diverse_part .write_view_list ul li.first{margin-top:3px;border:none;}
.diverse_part .write_view_list h3.kaltolk{height:31px;width:225px;background:url('/images/common/h3_kaltolk.gif') no-repeat 0 0;}
.diverse_part .write_view_list h3.kaltolk .more{padding:10px 0 0 170px;display:block;}
.diverse_part .write_view_list .alim{padding:7px 0;border-bottom:1px solid #EBEBEB;}
.diverse_part .write_view_list .alim a{font-weight:bold;text-decoration:underline;}
.diverse_part .write_view_list .sns{padding-top:6px;}
.diverse_part .write_view_list .sns strong{float:left;}
.diverse_part .write_view_list .sns span{float:right;padding-right:9px;}
.diverse_part .stats_best{float:right;}
.diverse_part .stats_best h3{margin:10px 0 8px 0;}
.info_area{clear:both;margin-top:18px;overflow:hidden;}
.info_area .info_link{float:left;}
.info_area .kaltour_corporate{float:left;border:1px solid #DFE2E5;}
.center_notice{margin-top:20px;overflow:hidden;}
.center_notice .center_guide{border-top:1px solid #DFE2E5;width:679px;font-size:0;float:left;}
.center_notice .notice_report{float:right;}
.center_notice .notice_report .tab{overflow:hidden;padding-bottom:7px;}
.center_notice .notice_report .tab li{float:left;}
.center_notice .notice_report .list{clear:both;}
.center_notice .notice_report .list li{padding:9px 0 0 8px;background:url('/images/icon/bul_blue_square2.gif') no-repeat 0 13px;}
.center_notice .notice_banner{margin-top:15px;border:1px solid #E0E0E0;width:198px;position:relative;}
.center_notice .notice_banner .page_move{border-bottom:1px solid #D7D7D7;position:absolute;right:0;top:0;}
.center_notice .notice_banner .page_move ul li{color:#3384C6;border-left:1px solid #D7D7D7;text-align:center;background:#fff;font-family:'verdana';font-size:11px;width:12px;float:left;height:12px;}
.center_notice .notice_banner .page_move ul li a{color:#3384C6;}
.center_notice .notice_banner .page_move ul li.on{background:#37ADE6;color:#fff;}
.center_notice .notice_banner .page_move ul li.on a{color:#fff;}
.longdesc{visibility:hidden;position:absolute;top:-10000px;left:0;overflow:hidden;height:0;width:0;font-size:0;margin:0;padding:0;}


/* 2012-02-06 추가 */
.detail01{font-family:"돋움,Arial";font-size:9pt;line-height:11pt;font-weight:bold;font-variant:normal;text-transform:none;color:#456fa9}
.detail02{font-family:"돋움,Arial";font-size:9pt;line-height:11pt;font-weight:bold;font-variant:normal;text-transform:none;color:#fe7474}
.detail03{font-family:"돋움,Arial";font-size:9pt;line-height:11pt;font-weight:bold;font-variant:normal;text-transform:none;color:#ec22c4}
.AgcPopupLayer{border:0px red solid;width:400px;height:600px;position:absolute;background-color:Black;margin-top:0px;z-index:10;display:none;}
.AgcPopupLayer .PopLayA{height:570px;width:400px;overflow:hidden;float:left;}
.AgcPopupLayer .PopLayB{height:30px;line-height:15px;width:400px;float:left;}
.AgcPopupLayer .PopLayB .agcpDl{float:left;margin-left:10px;width:80px;color:#FFFFFF;cursor:pointer;background-color:#18327D;letter-spacing:1px;}
.AgcPopupLayer .PopLayB .agcpDr{float:right;margin-right:10px;width:40px;color:#FFFFFF;cursor:pointer;}
.cls_ex1spr_b{font-weight:bold;/*color:#f6420f;*/}
.cls_ex1spr{font-weight:bold;/*color:#f6420f;*/}
.cls_txt{font-weight:normal;}
.productPL .pt2_proint{/*HEIGHT: 33px;*/ WIDTH:100%;COLOR:#717171;MARGIN-LEFT:75px; /* MARGIN-TOP: -62px;*/font-size:13px;font-weight:normal;DISPLAY:block;font-family:Nanum Gothic,"나눔고딕",Malgun Gothic,"맑은 고딕",'돋움',Dotum,'굴림',Gulim,Arial,AppleGothic,'애플고딕',sans-serif;word-wrap:break-word;white-space:pre-wrap;}
.productPL .pt2_proint_new {display: inline-block; box-sizing: border-box; float: left; width: 270px; word-wrap: break-word; white-space: pre-wrap;}
.TlistA{width:15px;padding-top:8px;padding-left:5px;padding-right:5px;}
.TlistB{width:15px;padding-top:8px;padding-left:5px;padding-right:5px;}
.fMeetimg{width:385px;}
.fMeettae{width:55%;padding-left:5px;}
.fMeettd{vertical-align:top;padding-right:5px;}
.schDayctn{TEXT-ALIGN:left;PADDING-BOTTOM:8px;PADDING-LEFT:15px;PADDING-RIGHT:15px;BORDER-TOP:#cdcdcd 1px solid;PADDING-TOP:8px;}

/* kst : 일정 상세 우측 신라아이파크 배너 */
#ulAsideBanner{display:block;}

/* kst 180917 : 일정표 하단 일정 변경 시 동의 절차, 쇼핑관광 방문 횟수 안내 문구 강조 */
.clsItiNote{color:#ff593b;font-weight:bold;}

/* kst 200629 : 일정표 모임장소 안내 수정 */
.divMeetInfoBox{border:5px solid #5594dc;width:720px;margin:0 auto;margin-top:30px;}
.divMeetInfoBox .divMeetInfoBoxSub{padding:25px 0px;display:flex;justify-content:center;}
.divMeetInfoBox .divMeetInfoBoxSub .divMeetInfoTxt{display:inline-block;font-size:16px;line-height:32px;color:#000;margin-left:60px;margin-right:60px;}
.divMeetInfoBox .divMeetInfoBoxSub .divMeetInfoTxt b{color:#2571c6;}
.divMeetInfoBox .divMeetInfoBoxSub .divMeetInfoTxt ul li{list-style-type:circle;line-height:32px;}

/* [start] 툴팁 */
/** 사용 방법 : 마우스오버 대상 이미지 태그 또는 텍스트의 상위에 div 태그 및 속성 추가 (class="tooltip" data-tooltip="{툴팁 내용}")
 *  사용처 : PC 상품명 옆 아이콘 태그 마우스오버 시 툴팁 추가 (Health & Safety)
 *  사용 경로 : /Content/Product/OverseasList.xslt
 *  Added: 2021-05-21 KJH
 */
#divDisplay .tooltip {display:inline; cursor:pointer;} /* /ProductOverseas/OverseasList */
#productGrade .tooltip {cursor:pointer;}
.overseasdeps .tooltip {display:inline; cursor:pointer; position: relative; top: -1px;} 
[data-tooltip]:hover {position: relative;}
[data-tooltip]:after {
	-webkit-transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
	-moz-transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
	transition: bottom .3s ease-in-out, opacity .3s ease-in-out; /* 나타나는 시간 */
	background-color: rgba(256, 256, 256, 1); /* 툴팁의 바탕색 및 투명도 */
    -webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4); /* 툴팁 가장자리 그림자 처리 */
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; /* 툴팁 모서리 곡선 처리 */	
    color: #000000;
	font-size: 12px;
	line-height: 1.5em;
	padding: 8px 8px 8px 12px;
	position: absolute;
	width: auto;
	min-width: 296px; /* 툴팁 길이 */
	word-wrap: break-word;
	z-index: 9999;
	top: 90%;
	left: -9999px;
	opacity: 0;
	content: attr(data-tooltip); /* div 태그에 선언한 속성을 가져옴 */
}
[data-tooltip]:hover:after {
	top: 200%; /* 툴팁 위치 */
	left: 0;
	opacity: 1;
}
.overseasdeps [data-tooltip]:hover:after {
	top: -50%; /* 툴팁 위치 */
	left: 110px;
	opacity: 1;
}
/* 상단 상품 등급 툴팁 */
#productGrade [data-tooltip]:hover:after {
	top: 200%; /* 툴팁 위치 */
	left: -350px;
	opacity: 1;
	white-space:pre-line;
}
#contents #productGrade {float:right;margin:-15px 0px 0 0; font-size: 11px; padding-right: 3px; cursor: pointer; position: relative; color: #666; display:inline-block; top: 30px; font-weight: normal;}
#contents #productGrade div .tooltip {width:49px; height:17px; position:relative; display:inline-block;}
#contents #productGrade div .tooltip img {width:100%; height:100%; border:0px; display:block; position:absolute; top:0px; left:0px; /*transition:opacity 1s;*/}
#contents .productGrade:hover span {font-weight: bold;}
#contents #productGrade .productTxt img { vertical-align: text-top;}
.productGrade_tooltip {
	position: absolute;
	width: 480px;
	top: 30px;
	right: 0;
	background: #fff;
	z-index: 1;
	-webkit-transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
	-moz-transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
	transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
	background-color: rgba(256, 256, 256, 1);
	-webkit-box-shadow: 0px 0px 8px 4px rgba(50, 50, 50, 0.2);
	-moz-box-shadow: 0px 0px 8px 4px rgba(50, 50, 50, 0.2);
	box-shadow: 0px 0px 8px 4px rgba(50, 50, 50, 0.2);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #000000;
	font-size: 12px;
	line-height: 1.5em;
	padding: 15px 15px 10px 15px;
	display: none;
}

.productGrade_tooltip p {text-align:right; margin-top: 10px; color: #666;}
.productGrade_tooltip table {table-layout:fixed; width: 100%;}
.productGrade_tooltip table thead tr {background:#d3efff;}
.productGrade_tooltip table thead tr th {padding: 5px; font-size:12px; color: #236083;}
.productGrade_tooltip table tbody tr {border-bottom: 1px solid #ddd;}
.productGrade_tooltip table tbody tr th {padding: 5px; font-size:12px;}
.productGrade_tooltip table tbody tr td {padding: 5px; text-align:center; font-size:12px; line-height:16px;}
.productGrade_tooltip table tbody tr td strong {font-weight: bold;}

/* [ end ] 툴팁 */

/* [ start ] 플로팅 버튼 */
.float_btn_wrap {display: inline-block;position: fixed; right: 20px; bottom: 20px;}
.float_btn_wrap a {background:#000dfd; border-radius:200px; font-size: 14px; color: #fff; text-align:center; display: flex; justify-content:center; width: 130px; height: 50px; box-sizing:border-box;}
.float_btn_wrap a img {vertical-align: middle; width: 30px; margin-left: 10px;}
.float_btn_wrap a span {display:inline-block; width: 50px; text-align:center; padding-top: 7px;}
/* [ end ] 플로팅 버튼 */