/* font */

@import url("http://fonts.googleapis.com/earlyaccess/notosanskr.css");
@import url('https://fonts.googleapis.com/css?family=Titillium+Web');
@import url('font.css');

* {box-sizing:border-box;}
body {font-family:Gmarket Sans;  font-weight:300; font-size:1em; line-height:160%; color:#000; -webkit-text-size-adjust:none; box-sizing:border-box;}
.en {font-family: 'Titillium Web', sans-serif;}


/* background */

.bg_yellow {background-color:#f9b400 !important;}
.bg_blue {background-color:#3970c1 !important;}
.bg_green {background-color:#28a178 !important;}
.bg_gray_dark {background-color:#4d4d4d !important;}
.bg_01 {background:url(../img/top.jpg) no-repeat; background-size:cover;}
.bg_02 {background-color:#14457a;}

/* margin */

.margin_t30 {margin-top:30px;}

/* layout */

#wrap {position:relative; overflow:hidden;}

section, footer {position:relative; width:100%; overflow:hidden;}
.container {margin:80px auto; width:98%; }
.container:after {content:""; display:block; clear:both;}

.row {position:relative; width:100%;}

div:after {content:""; clear:both;}
.content_wrap {position:relative; margin:0 auto; width:100%; max-width:1920px; overflow:hidden;}
.content_wrap * {-webkit-box-sizing:border-box; box-sizing:border-box;  -webkit-transition:all 0.45s ease-in-out;  transition:all 0.45s ease-in-out;}

a {color:#000;}

.line1 {border-top: 1px solid #ccc; border-bottom:1px solid #fff;}

/*/.bt_tit_wrap {position:relative; margin-top:30px; width:100%;}
.bt_tit_wrap div {margin:0 5px; width:100px; text-align:center; height:30px; line-height:30px; background-color:#ddd; font-size:0.8em; font-weight:bold; border-radius:7px;}
.bt_tit_wrap div.active {background-color: #3367d6;}
.bt_tit_wrap div.active a {color:#fff;}*/

.bt_tit_wrap {position:relative; margin-top:30px; width:100%; text-align:center;}
.bt_tit_wrap a {display:inline-block; width:200px; text-align:center; height:30px; line-height:30px; background-color:#ddd; font-size:0.8em; font-weight:bold; border-radius:7px;}
.bt_tit_wrap a.active {background-color: #3367d6;}
.bt_tit_wrap a.active {color:#fff;}

header {position:relative; margin:0 auto; width:100%;}
header .content_wrap {padding:2%;}
header .logo {float:left; width:6%;}
header .top_tit {float:left; width:100%; text-align:center;}
.top_tit {font-size:3em; color:#fff; font-weight:700; line-height:120%;}
.top_tit a {color:#fff;}
/*header .logo a {display:block; width:10%;}
header .logo a img {width:100px;}*/

#header_wrap {position:relative; margin:0 auto 28px; width:1180px; padding:28px 0; vertical-align:middle;}
#header_wrap .header_left {float:left; width:33%;}
#header_wrap .header_right {float:right; width:33%; text-align:right;}
#header_wrap .header_right .top_tel {display:inline-block; width:100px; font-size:13px; text-align:left; vertical-align:top;}
#header_wrap .header_right .top_tel a img {margin-right:5px;}
#header_wrap h1{/*position:absolute; top:30px; left:0;*/ float:left; width:34%; text-align:center; z-index:999}
#header_wrap h1 a {font-size:20px; font-weight:400; color:#4d4d4d; text-align:center;}
/*#header_wrap h1 a span {font-weight:700;}*/

.gnb{position:absolute; top:2%; right:2%;}
.gnb a{display:inline-block;color:#fff;font-size:13px; font-weight:500;height:30px; line-height:30px; padding:0 10px;vertical-align:middle; border:1px solid #fff; border-radius:3px }

ul.tabs {width:100%;}
ul.tabs li {position:relative; float:left; width:50%; font-size:2.308em; border-bottom:1px solid #ccc; text-align:center; box-sizing:border-box;}
/*ul.tabs li:before {position: absolute; right:0; height:12px; width:1px; background-color: #bababa; content: '';}
ul.tabs li:last-child:before {display:none;}*/
ul.tabs li.current {background:none; font-weight:500; border-bottom:1px solid #000;}
.tab-content {float:left; padding:15px 0; width:100%; color:#bababa; box-sizing:border-box;}
.tab-content ul {width:100%;}
.tab-content ul li {position:relative; width:100%; line-height:200%; box-sizing: border-box;}
/*.tab-content ul li:before {position: absolute; left:0; top:10px; height:2px; width:2px; background-color: #bababa; content: '';}*/
.tab-content ul li a {padding-left:10px; font-size:1.5em; color:#000;}
.tab-content ul li span:nth-child(1) {display:inline-block; width:75%;}
.tab-content ul li span:nth-child(2) {display:inline-block; width:22%; text-align:right;}
.tab-content.current {background:none;}

.sticky {position:fixed; margin:0 auto; left:0; right:0; top:0; width:100%; background-color:#fff; z-index:99;}

.arrow_bt_wrap {display:flex; padding:20px 0; margin:0 auto; width:100%;/*width:calc(100% - 30px);*/}
.arrow_bt_wrap div {float:left; margin:0 10px; width:50%; height:47px; line-height:48px; background-color:#ddd; text-align:center; border-radius:7px;}
.arrow_bt_wrap div a {display:block; float:left; width:100%; height:100%; color:#000;}
.arrow_bt_wrap div.active {background-color:#3367d6;}
.arrow_bt_wrap div.active a {color:#fff;}
.arrow_bt_wrap div.nav_pop_bt a {line-height:25px;}

.cate-slid_wrap{position:relative; width:100%;}
.cate-slid{overflow:hidden; padding:25px 5px; width: calc(100% - 30px); margin:0 auto;}
.cate-slid .swiper-slide a{display:inline-block; padding:0 5px; width:100%; border:1px solid #000; text-align:center; height:47px;border-radius:7px; line-height:47px;font-size:1em; font-weight:bold; /*text-overflow:ellipsis;white-space:nowrap;word-wrap:normal*/;overflow:hidden;}
.cate-slid .swiper-button-next,.cate-slid .swiper-container-rtl .swiper-button-prev{background:url(../img/cateslid-next.png); width:45%; height:47px;right:0;}
.cate-slid .swiper-button-prev,.cate-slid .swiper-container-rtl .swiper-button-next{background:url(../img/cateslid-prev.png); width:45%; height:47px; left:0;}
.cate-slid .swiper-button-prev.swiper-button-disabled,.cate-slid .swiper-button-next.swiper-button-disabled{opacity:1}
.cate-slid .swiper-button-prev,.cate-slid .swiper-button-next{top:25px;margin-top:0px}
.cate-slid .active {height:47px; background:#3367d6; color:#fff; border-radius:7px; color:#fff;}
.cate-slid .active a {color:#fff;}
/*.swiper-wrapper {width:90%; overflow:hidden;}*/
.swiper-slide {width:auto !important;}/* width 동일하게 할시 삭제 */
/*.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {display:none;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {display:none;}*/
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {display:none;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {display:none;}

.pt_list {position:relative; width:100%; display: flex; border-bottom:1px solid #ccc;}
.pt_list div {float:left; padding:1%;}
.pt_list .pt_con {width:100%;}
.pt_con h3 {font-size:1em; font-weight:600; line-height:160%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.pt_con p {margin:5px 0; font-size:1em; color:#e20000; font-weight:500; line-height:160%; /*text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;*/}
.pt_con .price {float:none;color:#e20000;width:100%;padding:0}
.pt_con .txt{float:none;width:100%;padding:0}
.pt_list .pt_img {width:20%;}
.pt_list .pt_img img {width:100%;}

/*.nav_pop_bt {padding:2%; width:100%; background-color:#3367d6; text-align:center;}
.nav_pop_bt a {font-size:1.3em; color:#fff; font-weight:bold;}*/
.nav_pop_bt {position:relative; margin-top:20px; width:40%; margin:0 auto; border-radius:7px; background-color:#3367d6; text-align:center;}
.nav_pop_bt a {display:inline-block; padding:2%; width:100%; height:100%; line-height:160%; /*font-size:1.3em; color:#fff; font-weight:bold;*/ cursor:pointer;}
/*.bt_sticky {position:fixed; bottom:0; left:0; right:0; z-index:9999;}*/

/* modal menu */
.nav_list {width:1100px;}
.all_nav_tit {width:100%;text-align:center; color:#000;font-size:1.3em; font-weight:500;}
.nav_list {display:flex; flex-wrap:wrap; width:100%; /*border-right:1px solid #ddd*/ border-bottom:1px solid #ddd; box-sizing: border-box;}
.nav_list li{width:25%; border-left:1px solid #ddd; margin-top:10px; padding-bottom:20px; box-sizing: border-box;}
.nav_list li:first-child {border-left:1px solid #ddd;}
.nav_list li:last-child {border-right:1px solid #ddd;}
.nav_list li dt{font-size:0.8em; padding:10px 20px; font-weight:bold; text-align:center;color:#fff;background:#3367d6; margin-bottom:10px; }
.nav_list li dt a {color:#fff;}
.nav_list li dd{font-size:0.75em; font-weight:100; padding:0 20px;line-height:200%;}
.nav_list li dd:before{content:'- ';}
.popup {width:80%; max-width:1200px;}

footer {width:100%; text-align:center;}
.sns {padding:2% 0 0; text-align:center;}
.sns a {display:inline-block; /*width:80px; height:80px;*/}
.sns a img {width:100%;}
.copy {padding:2% 0 3%; text-align:center; font-size:1.3em; font-weight:500; color:#fff;}
.sns .pc_ver_none {display:none;}

/*이용약관*/
.use ul{display:inline-block; padding-bottom:1%;}
.use ul li{float:left; border-right:1px solid #fff; line-height:12px;}
.use ul li a{color:#fff; padding:0 15px; font-size:14px; line-height:14px;}
.use ul li:last-child{border-right:none;}
.use ul li:last-child a{padding-right:0;}

.member-wrap{width:90%; max-width:500px; margin:90px auto;}
.member-wrap h2{text-align:center;font-size:30px;font-weight:600;margin-bottom:25px}
.member-wrap h3{font-weight:400;font-family:'Gmarket Sans'; }
.member-wrap .member_type{display:none}
.btn-login input[type="submit"], .find_id input[type="submit"]{border:none; background:#14457a;font-family:'Gmarket Sans'; cursor:pointer}
.join_wrap .btn_wrap input{border:none; background:#14457a !important;font-family:'Gmarket Sans'; cursor:pointer}

.find_wrap{display:block}
.find_wrap > div{width:100%}
.find_id h3, .find_pw h3,.join-wrap h3{font-size:17px !important;margin-top:30px}
.find_id dd input[type="text"], .find_id dd select,.btn-login input[type="submit"], .find_id input[type="submit"]{height:40px; line-height:40px; border-radius:3px}

.join_wrap li input[type="text"], .join_wrap li input[type="password"], .user_info_detail dd input[type="text"], .user_info_detail dd input[type="password"], .contact_box dd input[type="text"], .contact_box dd input[type="password"]{height:50px; line-height:50px; border-radius:3px}

.tbl_join table colgroup{display:none}
.tbl_join table th{width:115px}
.tbl_join tbody td.input-email input[type="text"],.tbl_join tbody td.input-email select{width:calc(100%/4 - 5px) !important}
.tbl_join tbody td.input-tel input[type="text"],.tbl_join tbody td.input-tel select{width:calc(100%/3 - 10px)}
.tbl_join tbody td label input{vertical-align:middle}
.tbl_btn{line-height:40px}
.j_spam{display:none}
a.btn_agree, input.btn_agree{background:#14457a;font-weight:400}

.agree_check{font-size:12px; vertical-align:middle}
.agree_check input{vertical-align:middle}

.agree_box{padding:15px; font-size:14px;}

/*.qm_wrap {position:relative; width:1200px; margin:0 auto;}*/
.q_wrap {position:relative; width:100%; margin:0 auto;}
.qm_wrap {position:relative; width:100%; margin:0 auto;}
/*.qm {position:absolute; top:50%; right:10px; z-index:99999999999999;}*/
.qm {position:fixed; bottom:90px; right:10px; z-index:9999999999999999;}
.qm a {display:block; margin:10px 0; margin-right:20px; width:80px; height:80px; text-align:center; border-radius:100px; background-color:#fff; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.11);}
.qm a img {width:80%; margin-top: 8px; border-radius:100px;}
.qm .pc_ver_none {display:none;}
/*.qm a:nth-child(2) {margin-top:10px; background-color:#fee500;}*/
.qm a:nth-child(1) {margin-top:10px; background-color:#fee500;}
	
	/*220218안내문구*/
	.guide-box{width:90%; max-width:550px;margin:100px auto; border:1px solid #ddd; border-radius:15px; padding:50px 30px;text-align:center;font-size:20px;letter-spacing:-1px;word-break:keep-all; line-height:1.3}
	.guide-box .ico{font-size:60px; color:#14457a}
	.guide-box .tit{color:#14457a;font-size:30px; margin:15px auto; font-weight:300;}
	.guide-box .tit strong{font-weight:600}
	
	.blocker{z-index:9999 !important}
	.modal{ width:90%; max-width:1200px !important;}
	.modal2{height:70vh !important;padding:0 !important;font-size:13px; width:90%; max-width:700px !important;}
	.modal2 .agree-box{overflow-y:auto; height:100%;}
	.modal2 .agree-box > div{padding:30px}
	.modal2 .agree-box > div h2{font-size:23px; font-weight:600; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ddd}

	.nav_list li dd{text-align:left}

.notice_wrap {width:100%; position: relative;}
.notice_wrap h3 {font-size:2em; font-weight:bold; text-align:center;}
.ico_new {padding:3px; font-size:0.3em; background-color:red; color:#fff; border-radius:3px;}
.ico_notice {padding:3px; font-size:0.8em; background-color:#3367d6; color:#fff; border-radius:3px;}
.ico_notice img {vertical-align:middle;}

.notice_wrap .talkBtn {position: absolute;top:0;right:0; padding-bottom: 0;}

/* popup */
.popup_area form {font-size:12px;}
.popup_area form input {vertical-align:middle;}
.popup_area a {display:flex; height:100%;}
.popup_area a img {width:100%; height:100% !important;}
.popBtn_r a {color:#fff;}
/*#popup_1 a {display:flex; height:100%;}
#popup_1 a img {width:100%; height:100% !important;}
#popup_2 {margin-left:auto !important; margin-right:auto !important; right:0;}*/

#agree-modal, #privacy-modal {height: 90%; padding: 0;}
.m-tit {font-weight: 700; border-bottom: 2px solid; padding-bottom: 10px; margin-bottom: 30px; font-size:24px;}
.f-modal {height: 100%;overflow-x:hidden; overflow-y:auto; padding: 50px;}
.f-modal table {width: 100%;}
.f-modal table tr td, .f-modal tr th {padding: 5px;}

@media (max-width:1920px){
	
	.arrow_bt_wrap div.nav_pop_bt a {line-height:28px;}
	
}

/*@media (max-width:1399px){

 .container {width:100%;}

}*/

@media (max-width:1200px){
	
	.popup {width:80%;}
	.close {top:-40px; width:30px; height:30px; background-size:contain;}
	.nav_list {border-right:0;}
	.nav_list li {padding-bottom:0; width:100%; border-left:0;}
	.nav_list li:first-child {border-left:0;}
	.nav_list li:last-child {border-right:0;}
	.nav_list li dt {margin-bottom:0;}

	.accordion {background-color: #3367d6; color: #444; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; transition: 0.4s;}
	/*.active,*/ .accordion:hover {background-color: #3367d6;}
	.accordion:after {content: '\002B'; color: #fff; font-weight: bold; float: right; margin-left: 5px;}
	/*.active:after {content: "\2212";}*/
	.allpanel {padding: 0 18px; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;}
	
	.qm_wrap {width:100%;}	
	
	/*.pt_con h3 {font-size:2em;}*/
	
	.arrow_bt_wrap div.nav_pop_bt a {line-height: 36px;}
		
}

@media (max-width:900px){

	body {font-size:0.813em; line-height:160%;}
	.content_wrap {width:100%;}
	header .logo {width:15%;}
	.cate-slid .swiper-slide a {height: 40px; line-height: 40px;}
	.cate-slid .swiper-button-prev, .cate-slid .swiper-container-rtl .swiper-button-next,
	.cate-slid .swiper-button-prev, .cate-slid .swiper-button-next{width:40px; height:40px;background-size:cover}
	.cate-slid .active {height:40px;}

	.gnb{position:absolute; top:5%; right:2%;}
	.gnb a{font-size:11px}
	.nav_list li dd:first-child{padding-top:5px;}

	.bt_tit_wrap {margin-top:30px;}
	.bt_tit_wrap a {width:25%;}
}

@media (max-width:768px){
.tbl_join table, .tbl_join table td, .tbl_join table tr, .tbl_join table th{display:block}
.tbl_join table colgroup{display:none}
.tbl_join table tr{padding:10px 0;border-top:1px dashed #ddd}
.tbl_join table tr:first-child{border:0}
.tbl_join table th,.tbl_join table td{width:100%;padding:0;border:0}
	
	.arrow_bt_wrap div.nav_pop_bt a {line-height:43px;}

	/*220218안내문구*/
	.guide-box{font-size:15px;padding:30px 20px; margin:50px auto}
	.guide-box .ico{font-size:40px; color:#14457a}
	.guide-box .tit{font-size:24px; }

	.popup_area {position:absolute; top:80px;left:5% !important;width:90%;transform: translateX(0%) !important}

#agree-modal, #privacy-modal {height: 90%; width: 100%;}
.m-tit {padding-bottom: 10px; margin-bottom: 20px; font-size:16px;}
.f-modal {padding: 20px;}
.f-modal table tr td, .f-modal tr th {padding: 5px; font-size:10px; line-height: 1.3; letter-spacing: -0.02em;}

}

@media (max-width:500px){
	
	header .content_wrap {padding:2% 2% 7%;}
	.top_tit {font-size:3.077em;}
	ul.tabs li {padding:3% 1%;}
	.tab-content ul li span:nth-child(2) {display:none;}
	
	ul.tabs li, .pt_con h3, .copy {font-size:1em;}
	.tab-content ul li a, .pt_con p, .cate-slid .swiper-slide a, .all_nav_tit, .nav_list li dt, .nav_list li dd, .nav_pop_bt a {font-size:1em;}

	.pt_list {margin:3% auto; width:98%;}
	.cate-slid{/*width: calc(100% - 10px);*/ overflow:hidden; width:100%;}
	/*.cate-slid .swiper-button-prev, .cate-slid .swiper-container-rtl .swiper-button-next,
	.cate-slid .swiper-button-prev, .cate-slid .swiper-button-next{display:none;}*/
	.cate-slid .swiper-slide a {padding:0 5px;}
	
	.nav_pop_bt {padding:3%;}
	
	.sns {margin:0 auto; width:40%;}
	.sns a {display:block; float:left; width:50%;}
	.sns a img {width:100%;}
	.copy {float:left; width:100%;}	

	/*이용약관*/
	.use ul li{line-height:10px;}
	.use ul li a{font-size:12px; line-height:12px;}

	.qm {position:fixed; bottom:100px; right:10px; -webkit-transform: translateZ(0); z-index:9999;}
	.qm a {margin:0 auto; width:45px; height:45px; text-align:center;}
	.qm a img {margin-top:5px; vertical-align:middle;}
	.sns .pc_ver_none, .qm .pc_ver_none {display:inline-block;}
	.gvJyp {bottom:10px !important;}
	
	.arrow_bt_wrap div.nav_pop_bt a {line-height:18px;}


	/*220218안내문구*/
	.guide-box{font-size:13px;padding:25px 15px; margin:40px auto;}
	.guide-box .ico{font-size:45px;}
	.guide-box .tit{font-size:20px;margin-top:10px }

	.all_nav_tit > a{font-size:14px;}

	.bt_tit_wrap a {width:30%;}
}

@media(max-width:500px) {
.talkBtn {font-size:12px;padding: 3px 5px 0 5px; top:-8px}
}