@charset "utf-8";

/* 공통 */
	body { width: 100%; height: 100%; font-family:'Spoqa Han Sans Neo', 'sans-serif'; font-size:16px; font-weight: 400; line-height: 1.7em; word-break: break-all; word-wrap: break-word; color: #222; }
	.mob { display:none; }
	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ font-weight: 400; }

/* 16px 기준 */
	h1, .h1{ margin: 0; padding: 0; font-size: 1.75em; } /* 28px */
	h2, .h2{ margin: 0; padding: 0; font-size: 1.63em; } /* 26px */
	h3, .h3{ margin: 0; padding: 0; font-size: 1.50em; } /* 24px */
	h4, .h4{ margin: 0; padding: 0; font-size: 1.25em; } /* 20px */
	h5, .h5{ margin: 0; padding: 0; font-size: 1.12em; } /* 18px */
	h6, .h6{ margin: 0; padding: 0; font-size: 0.87em; } /* 14px */

/* 기준 패딩 */
	.con-pd{ min-height: 650px; padding: 0 0 3em 0; }
	@media (max-width:991px) {
		html,body{height:100%; font-size:14px;}
		.web { display:none; }
		.mob { display:block; }
		.con-pd{ min-height: 450px; padding: 0 0 2em 0; }
	}
	@media (max-width:767px) {
		html,body{font-size:12px;}
	}

/*기준색*/
	.tt01 { color: #151515 !important; }
	.tt02 { color: #666 !important; }
	.tt03 { color: #999 !important; }
	.tt04 { color: #ff3838 !important; }	

	.line01 { border: 1px solid #ebebeb; }
	.line02 { border: 1px solid #cccccc; }
	.line03 { border: 1px solid #ebf0f7; }

	.blue_co { color: #3a5896; }
	.green_co { color: #07bf8b; }
	.red_co { color: #e94c57; }
	.pink_co { color: #d64576; }
	.yellow_co { color: #f7bd1e; }

	.blue_bg { color: #fff !important; background: #3a5896 !important; }
	.blue02_bg { color: #fff !important; background: #3a5896 !important; }
	.green_bg { color: #fff !important; background: #07bf8b !important; }
	.red_bg { color: #fff !important; background: #e94c57 !important; }
	.pink_bg { color: #fff !important; background: #d64576 !important; }
	.yellow_bg { color: #fff !important; background: #f7bd1e !important; }
	.gray_bg { color: #fff !important; background: #757575 !important; }
	.gray01_bg { background: #ebf0f7 !important; }

	.naver { color:#fff; padding:3px; font-size: 27px; border-radius: 10px; background: #00C300; }
	.face { padding:6px 1px 0 1px; font-size: 31px; color:#fff; border-radius: 10px; background: #3a5896; }
	.kakao { color:#361d1d; padding:3px; font-size: 27px; border-radius: 10px; background: #f9e000; }

	@media (max-width:991px) {
		.naver { color:#fff; padding:5px 3px; font-size: 27px; border-radius: 10px; background: #00C300; }
		.face { padding:10px 1px 0 1px; font-size: 31px; color:#fff; border-radius: 10px; background: #3a5896; }
		.kakao { color:#361d1d; padding:5px 3px; font-size: 27px; border-radius: 10px; background: #f9e000; }
	}

	.naver_bg a{ color: #fff; background: #1ec800; }
	.face_bg a{ color: #fff; background: #3a5896; }
	.kakao_bg a{ color: #fff; background: #ffcb01; }
	.kakao_bg a i{ color: #361d1d; }

/*상단 배너*/
	.top_ban { position: relative; }
	.top_ban div{ position: absolute; top: 10px; left: 0; right: 0; text-align: right; color: #fff; }
	.top_ban label { display: inline-block; }
	.top_ban button { display: inline-block; width: 25px; height: 25px; vertical-align: middle; border: 1px solid #fff; background: rgba(0,0,0,0); }
	.top_ban button i{ display: block; line-height: 23px; }

/* 서브타이틀 */
	.hero { padding: 10px 0; text-align: left; background: #ebf0f7; }
	.hero a{ display: inline-block; vertical-align: middle; }
	@media (max-width:991px) {
		.hero { padding: 2em 0; text-align: center; background: #ebf0f7; }
		.hero > div > div{ padding: 5px 0 0 0; }		
	}

/* 로케이션 */
	.location{ padding: 0 0 20px 0; }
	.location h1 { padding: 0 0 5px 0; }
	.location h1 span { display: inline-block; padding: 0 0 0 5px; font-size: 0.7em; color: red; font-weight: 800; }
	@media (max-width:991px) {
		.location{ padding: 0; border-bottom: solid 1px #ebf0f7; }
		.location .menu:before { content: " "; display: table; }
		.location .menu:after { content: " "; display: table; clear: both; }
		    
		.location .menu > li{ position: relative; float: left; width: 50%; padding: 0; vertical-align: middle; }
		.location .menu > li:nth-child(2){ border-left: 1px solid #ebf0f7; }
		.location .menu > li:nth-child(1) > p{ display: block; padding: 10px; background: none; cursor: pointer; }
		.location .menu > li > p{ display: block; padding: 10px; background: url(../../img/common/location_bg.png) right -70px no-repeat; cursor: pointer; }
		
/* 		.location .menu > li:hover .sub{ display: block; }
		.location .menu > li:hover > p{ background: url(../../img/common/location_bg.png) right -70px no-repeat, #f7f7f7; } */

		.location .menu > li.on .sub{ display: block; }
		.location .menu .on a { border-bottom: 0; }
		.location .menu > li.on > p{ background: url(../../img/common/location_bg.png) right -70px no-repeat, #f7f7f7; }

		
		.location .sub{ display: none; position: absolute; top:40px; left: -1px; right: -1px; z-index: 10; border: 1px solid #ebf0f7; border-top: 0; background: #fff; }
		.location .sub a{ display: block; padding: 10px 20px; }
		.location .sub a:hover{ background: #f7f7f7; }

		.location .depth3 { clear: both; position: relative; overflow: hidden; }
		.location .depth3 ul { overflow-x: auto; overflow-y: hidden; white-space: nowrap; border-top: solid 1px #ebf0f7;}
		.location .depth3 li { display: inline-block; }
		.location .depth3 li.on { background: #ebf0f7; }
		.location .depth3 li a{ display: block; padding: 10px; }
	}

/* 왼쪽메뉴 */
	.left_menu h1 { font-weight: 500; }
	.left_menu h1 span { display: inline-block; padding: 0 0 0 5px; font-size: 0.7em; color: red; font-weight: 800; }
	.left_menu ul { border-top: 2px solid #8085ed; }
	.left_menu li p{ position: relative; padding: 10px; border-bottom: 1px solid #ebf0f7; }
	.left_menu li a{ display: block; padding: 10px; border-bottom: 1px solid #ebf0f7; }
	.left_menu li p:before{ content: "\e914"; font-family: xeicon; position: absolute; right: 10px; }
	.left_menu li .active:before{ content: "\e91b"; font-family: xeicon; position: absolute; right: 10px; }
	.left_menu li div{ display: none; }
	.left_menu li .on{ display: block; }
	.left_menu div a{ padding: 10px 20px; background: #ebf0f7; border-bottom: 0; transition: all 0.3s ease 0.2s; }
	.left_menu div a:hover{ background: #d5dde8; }

/*탭메뉴*/
	.tab { overflow: hidden; }
	.tab ul li{ float: left;padding: 12px 0; text-align: center; border: 1px solid #ebf0f7; border-left: 0; cursor: pointer; }
	.tab ul li:first-child{ border-left: 1px solid #ebf0f7; }
	/*.tab ul li{ display: block;    }
	.tab ul li:first-child a{  }*/
	.tab ul .on{ color: #fff; background: #8085ed; border-color: #8085ed; }
	.tab ul li:hover{ color: #fff; background: #8085ed; border-color: #8085ed; }

	.tab .tab_02 li{ width: 50%; }
	.tab .tab_03 li{ width: 33.3%; }
	.tab .tab_04 li{ width: 25%; }
	.tab .tab_05 li{ width: 33%; padding: 0 }
	.tab .tab_06 li{ width: 16.6%; }

/* 모달 약관보기 */
	.modal-body .scroll{ height: 450px; overflow-y: scroll; }

/* 이용약관 */
	.terms > div{ padding:15px 10px; border-bottom: 1px solid #e5e5e5; }
	.terms h1{ padding: 0 0 10px 0; font-size: 1.2em; font-weight: 800; }
	.terms .small{ padding: 0; font-size:12px; text-align: right; line-height: 1em; }

	.terms ul li{ position: relative; }
	.terms .list01 > li{ padding:0 0 0 25px; }
	.terms .list01 i { position: absolute; left: 10px; }
	.terms .list02 > li{ padding:0 0 0 35px; }
	.terms .list02 i { position: absolute; left: 10px; }

	.terms table{ border-top: 2px solid #15aae8; }
	.terms table th{ font-weight: 300; background: #eee; }
	.terms table th, .terms table td{ padding:10px; border-top: 1px solid #ddd; }

	/* -- 약관 -- */
	.terms h4{ padding: 15px 0 5px 5px; font-size: 1.1em; font-weight: 800; }
	.terms .agree_box { padding: 10px; overflow-y: scroll; width: 100%; height: 150px; border: 1px solid #ddd;}
	.terms p{ padding: 0 5px 5px 5px; }

	.terms .circle > li:nth-child(1) > i:before{ content: "①"; }
	.terms .circle > li:nth-child(2) > i:before{ content: "②"; }
	.terms .circle > li:nth-child(3) > i:before{ content: "③"; }
	.terms .circle > li:nth-child(4) > i:before{ content: "④"; }
	.terms .circle > li:nth-child(5) > i:before{ content: "⑤"; }
	.terms .circle > li:nth-child(6) > i:before{ content: "⑥"; }
	.terms .circle > li:nth-child(7) > i:before{ content: "⑦"; }
	.terms .circle > li:nth-child(8) > i:before{ content: "⑧"; }
	.terms .circle > li:nth-child(9) > i:before{ content: "⑨"; }
	.terms .circle > li:nth-child(10) > i:before{ content: "⑩"; }
	.terms .circle > li:nth-child(11) > i:before{ content: "⑪"; }

	.terms .num > li:nth-child(1) > i:before{ content: "1."; }
	.terms .num > li:nth-child(2) > i:before{ content: "2."; }
	.terms .num > li:nth-child(3) > i:before{ content: "3."; }
	.terms .num > li:nth-child(4) > i:before{ content: "4."; }
	.terms .num > li:nth-child(5) > i:before{ content: "5."; }
	.terms .num > li:nth-child(6) > i:before{ content: "6."; }
	.terms .num > li:nth-child(7) > i:before{ content: "7."; }
	.terms .num > li:nth-child(8) > i:before{ content: "8."; }
	.terms .num > li:nth-child(9) > i:before{ content: "9."; }
	.terms .num > li:nth-child(10) > i:before{ content: "10."; }
	.terms .num > li:nth-child(11) > i:before{ content: "11."; }
	.terms .num > li:nth-child(12) > i:before{ content: "12."; }
	.terms .num > li:nth-child(13) > i:before{ content: "13."; }
	.terms .num > li:nth-child(14) > i:before{ content: "14."; }
	.terms .num > li:nth-child(15) > i:before{ content: "15."; }

	.terms .brac > li:nth-child(1) > i:before{ content: "(1)"; }
	.terms .brac > li:nth-child(2) > i:before{ content: "(2)"; }
	.terms .brac > li:nth-child(3) > i:before{ content: "(3)"; }
	.terms .brac > li:nth-child(4) > i:before{ content: "(4)"; }
	.terms .brac > li:nth-child(5) > i:before{ content: "(5)"; }
	.terms .brac > li:nth-child(6) > i:before{ content: "(6)"; }
	.terms .brac > li:nth-child(7) > i:before{ content: "(7)"; }
	.terms .brac > li:nth-child(8) > i:before{ content: "(8)"; }
	.terms .brac > li:nth-child(9) > i:before{ content: "(9)"; }
	.terms .brac > li:nth-child(10) > i:before{ content: "(10)"; }
	.terms .brac > li:nth-child(11) > i:before{ content: "(11)"; }
	.terms .brac > li:nth-child(12) > i:before{ content: "(12)"; }
	.terms .brac > li:nth-child(13) > i:before{ content: "(13)"; }
	.terms .brac > li:nth-child(14) > i:before{ content: "(14)"; }
	.terms .brac > li:nth-child(15) > i:before{ content: "(15)"; }
	.terms .brac > li:nth-child(16) > i:before{ content: "(16)"; }
	.terms .brac > li:nth-child(17) > i:before{ content: "(17)"; }
	.terms .brac > li:nth-child(18) > i:before{ content: "(18)"; }
	.terms .brac > li:nth-child(19) > i:before{ content: "(19)"; }
	.terms .brac > li:nth-child(20) > i:before{ content: "(20)"; }
	.terms .brac > li:nth-child(21) > i:before{ content: "(21)"; }
	.terms .brac > li:nth-child(22) > i:before{ content: "(22)"; }
	.terms .brac > li:nth-child(23) > i:before{ content: "(23)"; }
	.terms .brac > li:nth-child(24) > i:before{ content: "(24)"; }
	.terms .brac > li:nth-child(25) > i:before{ content: "(25)"; }

	.terms .han > li:nth-child(1) > i:before{ content: "가."; }
	.terms .han > li:nth-child(2) > i:before{ content: "나."; }
	.terms .han > li:nth-child(3) > i:before{ content: "다."; }
	.terms .han > li:nth-child(4) > i:before{ content: "라."; }
	.terms .han > li:nth-child(5) > i:before{ content: "마."; }
	.terms .han > li:nth-child(6) > i:before{ content: "바."; }
	.terms .han > li:nth-child(7) > i:before{ content: "사."; }

	.terms .hyphen > li > i:before{ content: "-"; }
	.terms .squ > li > i:before{ content: "•"; }
	.terms .title:before{ content: "■"; }

/* 모달 */
	.modal-content{ border-radius: 0; }
	/*.modal .modal-content{ padding: 1em; border:5px solid #51ac17; }
	.modal .modal-header{ text-align: center; border-bottom: 0; }
	.modal h5{ line-height: 1.5em; }
	.modal a{ display: block; line-height: 40px; text-align: center; color: #fff; background: #aaaaaa; }*/


/* 퀵메뉴 */
	.quick { position: fixed; right: 1%; top: 530px; z-index: 100; width: 100px; text-align: center; }
	.quick a { display: block; padding: 0 0 0 0; }
	.quick.on{ top: 100px; }