@charset "utf-8";
@import url('/gn_css/common.css');
@import url('/gn_css/layout.css');
@import url('/gn_css/SpoqaHanSans-kr.css');

ol {padding:0 20px 0}

.mb0 {margin-bottom:0 !important}
.mt10 {margin-top:10px}
.mt60 {margin-top:60px}


.main_container {text-align:center; position:relative; max-width:1080px; margin:0 auto}
.main_container .M_img {display:none}
.main_banner {position:absolute; right:-150px; top:10px; display:block; z-index:10}
.main_banner .bnnn { position:relative; padding:1px; }
.main_banner .bn_img { display:block; margin:0 20px 0 0; }
#popplay { margin-top:20px; }


#header div.tm { background:#ededed; }
#header div.tm p{ width:1080px; margin:0 auto; padding:5px 0; overflow:hidden; text-align:right; font-size:11px; }
#header div.tm span{ display:inline-block; padding:0 7px; color:#ccc; }

#header ul.top { position:relative; width:1080px; margin:0 auto; padding:20px 0; overflow:hidden; }
#header ul.top li { }
#header ul.top li.logo { float:left; } 
#header ul.top li.logo a {display:block}
#header ul.top li.logo img {}
#header ul.top li.btns { float:right; text-align:right; padding-top:25px; margin:0}
#header ul.top li.btns a{ display:inline-block; margin:0px; padding:0px;}

.mobile_menu {display:none}
.mobile_menu_btn {position:absolute; top:0; right:0; bottom:0;}
.mobile_menu_btn button {width:80px; background-color: #bda366; height: 100%; border: 0;}
.mobile_menu_btn button img {width:40px}
.mobile_menu_list {display:none}

#banner { position:relative; width:1080px; margin:0 auto; height:0; }
#banner div.l_banner { position:absolute; width:100px; left:-120px; top:30px; z-index:99; }
#banner div.l_banner a { display:block; margin-bottom:10px; }
#banner div.r_banner { position:absolute; width:100px; left:1100px; top:30px; z-index:99; }
#banner div.r_banner a { display:block; margin-bottom:10px; }

#menu { background:#b99c59; overflow:hidden} 
#menu ul { width:1080px; overflow:hidden; margin:0 auto; }
#menu ul li{position:relative; width:20%; float:left; text-align:center; }
#menu ul li.m_black_bg {background-color:#362e2b; color:white}
#menu ul li.b_right {border-right:1px solid #4c4542; top:0; right:0; bottom:0;}
#menu ul li a{ display:block; width:100%; padding:15px 0;  color:#fff; font-size:18px; }
#menu ul li a:hover{ background:#926f1f; }

#main_img { overflow:hidden; width:100%; height:400px; background:#c8c8c8; background:url("/img/record/main_bg.png") repeat; }
#main_img p { width:1080px; overflow:hidden; margin:0 auto; }
#main_img .container {max-width:1080px; margin:0 auto; position:relative; height:400px; padding: 0;}


.M_left_img {padding:86px 0 0}
.M_right_img {height:400px}


.top_txt {font-size:16px; float:left; margin: 30px 0 0 40px; line-height: 1.2; font-weight:bold}
.top_txt .txt_orange {color:#fc7e3f}
.top_txt .txt_gold {color:#a75d01}
.top_txt.mobile {display:none}


/*

.M_right_img {position:absolute; top:0; right:60px; width:720px}     

*/


#main_con { width:100%; background:#f3f3f3; padding:50px 0; box-sizing: border-box;}
#main_con div.tit { text-align:center;  font-weight:bold; font-size:22px; padding-bottom:40px; }
#main_con div.tit span{ color:#9f4f69; }
#main_con ul { width:1080px; overflow:hidden; margin:0 auto; }
#main_con ul li{ width:20%; height:220px; float:left; text-align:center; position:relative}
#main_con ul li:after {content: ""; position: absolute; top: 50%; left:-5px; width: 10px; height: 20px; margin: -50px 0 0;  background: url(/img/record/marr.png) no-repeat 0px 0;}
#main_con ul li:first-child:after {display:none}
#main_con ul li.arr{ width:10px; background:url(/img/record/marr.png) no-repeat center 60px; }
#main_con ul li.arr2{ width:10px; }
#main_con ul li p{ padding:20px 0 10px 0;  font-size:18px; font-weight:400; text-align:center; }


#main_cli { width:100%; padding:50px 0; }
#main_cli div.tit { text-align:center;  font-weight:500; font-size:22px; padding-bottom:40px; }
#main_cli div.tit span{ color:#9f4f69; }
#main_cli.type02 {background-color:#d5d5d5;}
#main_cli  .container {max-width:1080px; margin:0 auto}

.radio_container {width:1080px; margin:0 auto; overflow:hidden}
.radio_container ul li {float:left; width:25%; position:relative;}
.radio_container ul li:before {content:""; border-left:1px solid #bbbbbb; position:absolute; top:0; bottom:0; left:0;}
.radio_container ul li:first-child:before {display:none}

#main_cus { width:100%; padding:0; background:#f3f3f3; background-position:center; }
#main_cus ul { width:1080px; overflow:hidden; margin:0 auto; }
#main_cus ul li { width:32%; float:left; padding:50px 0; box-sizing: border-box}
#main_cus ul li.faq { width:36%; background:#fcf2d2; padding:50px 30px; }
#main_cus ul li.cus { padding:50px 0 0 30px; }

#main_cus ul li p.tit{  font-weight:bold; font-size:22px; padding-bottom:20px }
#main_cus ul li.notice p.tit{ color:#9f4f69; }

#main_cus ul li ul.notice { width:auto; }
#main_cus ul li ul.notice li{ width:auto; height:30px; float:none; margin:0; padding:0; font-size:13px}
#main_cus ul li ul.notice li.mtel{ position:relative; height:90px; }
.mtel_txt { position:absolute; top:-2px; left:45px; height:35px; padding:1px 5px; line-height:35px; font-size:35px; color:#000; letter-spacing:-0.05em; white-space:nowrap; font-weight:800; background-color:#F3F3F3; }

#bottom_menu { width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
#bottom_menu:after { content:''; clear:both; display:block; visibility:hidden; }
#bottom_menu ul { width:1080px; overflow:hidden; margin:0 auto; }
#bottom_menu li { width:180px; float:left; text-align:center; ; }
#bottom_menu li a {display:block; padding: 15px 0;}

#copyright { width:1080px; overflow:hidden; padding:20px 0; margin:0 auto; box-sizing: border-box;}
#copyright ul { overflow:hidden; }
#copyright ul li{ float:left; padding:5px 20px; }
#copyright ul:not(.dpt_box) li { background:url(/img/record/line.png) no-repeat left center; }
#copyright ul li.first{ padding-left:0; background:none; }
#copyright ul li b.point { color:#6699ff; }
#copyright ul li b span { font-size:14px; }
#copyright ul li b span.c1 { color:#ef736b; }
#copyright ul li b span.c2 { color:#0061ae; }
#copyright ul li b span.c3 { color:#1fa652; }
#copyright ul li a { color:#6699ff; }
#copyright p{ padding:5px 0px; }


.footer_logoBg {background-color:#fbfcfc; overflow:auto; border-top:1px solid #c5c6c6; padding-bottom:10px}
  .footer_logo {width: 1080px; margin: 0 auto;}
  .footer_logo ul {border-top:1px solid #dce0e0; overflow: auto; margin:0; padding: 0;}
  .footer_logo ul.border0 {border-top:0}
  .footer_logo ul li {float:left; list-style:none}


#sub_page { clear:both; width:1080px; overflow:hidden; padding:30px 0 0; margin:0 auto; line-height:200%; font-size: 13px;}
#sub_page div.s_bn { padding-bottom:30px; }
#sub_page div.con { padding-bottom:30px; font-size:13px}
#sub_page div.bline { border:1px solid #ddd; padding:30px; }
#sub_page p.mt {  font-size:22px; padding-bottom:25px; }
#sub_page p.st {  font-size:22px; padding-bottom:15px; }
#sub_page p.st span{ font-weight:400; }
#sub_page p.bst {  font-weight:bold; font-size:22px; padding-bottom:15px; color:#9f4f69; }
#sub_page p.box { background:#f3f3f3; border:1px solid #ddd; padding:25px; }
div.ntable table{ border:1px solid #ddd; border-top:3px solid #333; border-collapse:collapse; }
div.ntable table th{ border:1px solid #ddd; padding:10px; background:#f3f3f3; font-size:14px; font-weight:bold; text-align:center; }
div.ntable table td{ border:1px solid #ddd; padding:10px; }
div.ntable table td.tit { font-weight:bold; text-align:center; }
div.ntable table td label { padding-right:10px;}
#sub_page p.btns { text-align:center; padding-top:30px; font-weight:bold; }
#sub_page p.tel { height:26px; background:url(/img/record/stel.png) no-repeat left center; padding:0 0 0 28px; margin:10px 0; font-size:22px;  font-weight:bold;}
#sub_page p.tel b { font-size:22px;  font-weight:bold; }
#sub_page p.tel b.c { color:#ff6600; }
#sub_page p.line_st {  font-weight:bold; font-size:16px; padding-bottom:7px; border-bottom:2px solid #666; margin-bottom:20px; }
#sub_page p.img_st { padding-bottom:20px; border-bottom:3px solid #666; margin-bottom:50px; }
#sub_page ul.sitemap { overflow:hidden; padding-bottom:20px; }
#sub_page ul.sitemap li { float:left; width:20%;  font-size:13px; }\
.containter {max-width: 1080px;}

.telBox {display: inline-block; width: 100%;}
.telBox .tel {display:inline-block; float:right;}
.telBox .tel span {font-size:16px}

.con_img img {width:100%}

#left p {font-size:20px; border-bottom:3px solid #ff9900; padding-bottom:7px; margin-bottom:20px; }
#left ul { margin-bottom:20px; }
#left ul li{  font-weight:bold; font-size:13px; }
#left ul li a{ display:block; padding:3px 0; }

#right td.c_year { border-top:2px solid #9e9c9d; height:30px; }
#right td.c_year1 { height:50px; }
#right td.dates { font-weight:bold;color:#3c3b39;padding:5px }
#right td.subject { padding:5px; }
#right div.b_point {  font-size:20px; color:#0179c3;  }
#right ul.logos li.als-item { padding:0 5px; }
#right ul.logos li.als-item img { max-width:200px; max-height:80px; }


.map_con {width:100%}
.map_con > .root_daum_roughmap {width:100%}



.menuAllBox {display:block; width:250px; position:fixed; top:0; right:0; height:100%; max-height:100%; background:#fff; z-index:1001; right:-250px; text-align: left;}
	.mob_menuBg {display:none; position: fixed; left:100%; width: 100%; bottom: 0; top: 0; left: 0; z-index:1000; background-color:rgba(0,0,0,0.7)} 
	.menuAllBox.on {right:0; transition:all 0.33s;}
	.menuAllBoxIn { overflow-y: auto; height: 100%;}
		.mobAll_title { display:block; line-height:50px; border-bottom:1px solid black; overflow:hidden}

        .mobAll_title_left {float:left; font-size: 14px; font-weight: bold;text-indent: 15px; color: black;}
		.mobAll_title_left .txt_yellow {color:#996c33; margin: 0 3px 0 0;}
        .mobAll_title_right {float:right; margin:12px 15px 0 0}
		.mobAll_title_right li {float:left; margin:0 0 0 5px}
        .mobAll_title_right li a {font-size: 12px; display: block; border-radius: 5px; border: 1px solid #555; text-align: center; line-height: 1;  padding: 5px;}
 
		.menuAllClose { bottom:inherit; top:0; right:3px; font-size:23px; }
		.menuAllClose span { color:#fff; position:relative; top:0px; right:8px; }
				
.mobAll_list {}
.mobAll_list > ul > li {width:100%; height:auto; border-bottom: 1px solid #ececec;}
.mobAll_list > ul > li .icon-k-down {display:block}
.mobAll_list > ul > li > a {display:block; text-align:left; text-indent:15px; font-weight:600; background-color:white; border-left:0; line-height:48px; font-size:18px;}
.mobAll_list > ul > li > a.on , .mobAll_list > ul > li.on > a {background: #3e3e3e;}
.mobAll_list > ul > li > a span {right:19px}

.mobAll_list .dep2 > li {line-height:42px; display:block; transition: all 0.3s ease 0s; padding: 0 15px;  border-bottom: 1px solid #d7d7d7;}
.mobAll_list .dep2 > li > a {padding:0; margin:0; text-align:left; color:#000; font-weight:500; font-size:16px; display:block; width:100%; position:relative;}
.mobAll_list .dep2 > li > a:hover {color:#3077c7;}
.mobAll_list .dep2 > li:hover > a:after { display:none; }

.mobAll_btn {position:absolute; left:5%; bottom:15px; text-align:center; width:90%; background-color:black; }
.mobAll_btn a {display:block; color:#ff5a5a; padding:15px 0; font-size:14px}

/* ���� */

.c_history .year {font-size:24px; margin:0 10px 0 0}


.page_txt {font-size:14px}
.page_select {overflow: auto; margin:0 0 5px}
.page_select li {float:left; margin:0 20px 0 0;}
.page_select li label {font-size:14px}
.page_select .red {color:#d00000}

.color_red {color:#d00000}

.mobile_img {display:none}

.youtubeWrap {position: relative; width: 100%; padding-bottom: 56.25%;}
.youtubeWrap iframe {position: absolute; width: 100%; height: 100%;}

.blue_area {background-color: #0079c2; width: 100%; margin: 10px auto; padding: 5px; text-align: center; color: white;}

.txt_h1 {font-size:26px; font-weight:bold; margin:0 0 20px}
.txt_h2 {font-size:24px; line-height:1.2; margin:0 0 10px}
.txt_default {font-size:16px; line-height:1.4; margin:0 0 10px; font-weight:300}

.NoticeBox {overflow:auto; border:1px solid #333333}
.NoticeBoxIn {padding:30px}
.NoticeBoxIn p {font-size:18px; color:black; font-weight: bold; margin: 0 0 10px;}
.NoticeBoxIn ul li {color:#666}

.NoticeBox.type02 {}
.NoticeBox.type02 .NoticeBoxIn {padding:20px 30px 10px}

/* ���ô±� */

.txt_blue01 {color:#007ac3}
.txt_blue02 {color:#00479d}

.con_company {overflow:hidden}
.con_company .txt_h2 {font-size: 21px; font-weight: 600;}
.con_company .txt_default {font-weight:400}

.company_info {overflow:hidden}
.company_info li {float:left; margin:0 20px 0 0; font-size:15px; font-weight:600}

.list_type {margin:10px 0 0}
.list_type li {float:left; width:33.33%}
  .list_type_label {margin:0 10px 0 0; font-weight:bold}

/* ȸ������ */

.T_header {overflow:hidden; line-height: 65px; max-width:800px; margin:30px auto 20px; padding-bottom:20px; border-bottom: 3px solid #666;}
.T_header.type02 {border-bottom:3px solid #007ac3}
.T_header_left {float:left}
.T_header_right {float:right}

.join_table {margin-bottom: 80px;}
.join_table table {width:100%; margin-bottom:10px}
.join_table table tbody p {margin:10px 0}
.join_table table tbody input {width:100%; height:46px; border-radius:0}
.join_table table tbody select {width:100%; height:46px; border-radius:0}
.join_tableIn {width:600px; margin:0 auto}
.join_tableIn.type02 {width:320px}
.join_tableIn.type03 {width:400px}

.join_Route ul li {float:left; margin:0 10px 10px 0}
.join_Route ul li input[type="radio"] {width:18px; height:18px; margin:0 5px 0 0; vertical-align:middle}
.join_Route ul li label {font-size:12px}

.join_table table tbody .w33 {width:33.33% !important; float:left}


.mobile_dep2 {display:none}

.searchBox {border: 1px solid #dadada; background-color: #f9f9f9;}
.searchBox > ul {padding:10px}
.searchBox > ul > li {margin:5px 0; display: inline-block;  width: 100%; position:relative}
.searchBox .data_input {width: 50%; margin: 0 25%; height: 30px; border:1px solid #dadada}
.data_label {position: absolute; top: 0; left: 0;}
.data_label > li {float:left; margin: 0 5px}
.data_label input[type=checkbox] {width:16px; height:16px; vertical-align:middle; margin:0 5px 0 0}
.data_label label {font-size:14px; margin:0; vertical-align:middle}
.data_button {color: white; background-color: #1478d6; transition:0.3 all ease; border: 0; font-size: 12px; padding:9px !important; line-height: 1; position: absolute;  top: 0; right:52px;  margin: 0;}
.data_button:hover {background-color:#f26522;}
.list_button {color: white; background-color:#666; transition:0.3 all ease; border: 0; font-size: 12px; padding:10px 10px 9px; line-height: 1; position: absolute;  top: 0; right:10px;  margin: 0;}
.list_button:hover {background-color:#333;}


.termsDiv {border: 1px solid #cccccc; overflow: auto; padding: 20px;}
  .terms_left {float: left; font-size: 14px; margin: 30px 0 0 10%;}
  .terms_right {float:right; margin:0 10% 0 0;}

.join_link li {float:left; margin:5px 0}

.join_addressBox {position:relative}
.join_addressBoxIn {padding-right: 100px; width: 100%; box-sizing: border-box;  overflow: hidden;}
.join_addressBox button {position: absolute; top: 0; right: 0; width: 100px; background-color: #007ac3;  color: white;  border: 0;  height: 46px;}

.mb_global {position:relative;}
.mb_global select {width:150px !important; position:absolute; top:0; left:0;}
.mb_global .mb_global_input {width:100%; display: inline-block; padding-left:149px;  box-sizing: border-box;}

.daum_api {position: absolute; top: 45px; width: 100%; left: 0;}

.join_footer ul {overflow:auto}
.join_footer ul li {float:left; width: 46%; margin: 0 2%;}

.buttonBox {text-align:center; margin:10px 0}

.btn {border: 0; text-align: center;  padding:10px 20px;  border-radius: 5px;  font-size: 20px; transition:0.3s all ease; font-family:'NanumBarunGothic','sans-serif'}

.green_btn {background-color:#5cb85c; border:1px solid #5cb85c; margin:5px; color: white; cursor:pointer}
.green_btn:hover {background-color:white; color:#5cb85c; border:1px solid #5cb85c}

.blue_btn {background-color:#007ac3; border:1px solid #007ac3;  margin:5px; color: white;  cursor:pointer}
.blue_btn:hover {background-color:white !important; color:#007ac3 !important; border:1px solid #007ac3 !important}

.red_btn {background-color: #a94442; border:1px solid #a94442;  margin:5px;  color: white;  cursor:pointer}
.red_btn:hover {background-color:white; color:#a94442; border:1px solid #a94442}

.gray_btn {background-color:#999; border:1px solid #999;  margin:5px;  color: white;  cursor:pointer}
.gray_btn:hover {background-color:white; color:#999}

.bu_l {width:100%; height:46px; margin: 0;}


/* table */

.tableTopBox {display:inline-block; width:100%; margin:0 0 10px}
.tableTopBoxL {float:left; position:relative}
.tableTopBoxL > p {padding:0 !important; font-size:22px;}
.tableTopBoxL > p span {vertical-align: middle; margin: 0 10px 0 0;}
.tableTopBoxR {float:right}

.tableS {margin: 0 0 20px;}
.tableS_In {max-width:1080px}

.table_normal {margin-bottom:20px; border-top:2px solid #000; border-bottom:2px solid #000}
.table_normal thead tr th {color: black; background-color:#dcdad2; border-bottom: 1px solid #716d5d; border-left:1px solid #716d5d; font-weight:400; padding:7px 5px; line-height:1.2; text-align:center}
.table_normal thead tr th:first-child {border-left:0}
.table_normal thead tr td {padding: 10px; text-align:center}
.table_normal thead tr th .small {font-size:12px}
.table_normal tbody tr th {text-align:center; border-bottom: 1px solid #716d5d; background-color:#e5e5e5; padding:7px 5px; line-height: 1.2;}
.table_normal tbody tr td {padding: 10px; border-left:1px solid #716d5d; border-bottom: 1px solid #716d5d; color:#717171; text-align:center; line-height: 1.2;}
.table_normal tbody tr th .small {font-size:12px}
.table_normal tbody tr td ul {display:inline-block; text-align:left; width: 150px; margin: 0 40%;}
.table_normal tbody tr td strong {color:#333; font-weight: 500;}
.table_normal tbody tr td p {margin:5px 0 0}
.table_normal tbody tr.notice a {color:#000}
.table_normal tbody a:hover {color:#0e62c1}
.down_icon{height:18px; background:url(/img/record/img_down.png) no-repeat left center; padding:0 0 0 28px; margin:0 7px; font-size:14px;}

.table_normal.type02 tbody tr:nth-child(even) {background-color:#f0f0f0}
.table_normal .bl { border-left:1px solid #eee !important; }
.table_normal .bl0 { border-left:none !important; }
.table_normal .br { border-right:1px solid #eee !important; }
.table_normal .br0 { border-right:none !important; }

.table_normal .double_bl {border-left:3px double #716d5d !important;}
.table_normal .solid_bl {border-left:2px double #716d5d !important;}

.table_padding {padding:0 !important}

.table_normal tbody tr td ul.file_list {width:100%; margin:0; display:inline}
.table_normal tbody tr td ul.file_list li {float:left; margin:3px 5px; color:#717171}

.table_price { padding: 0; margin: 0; width: 100%; border:0; border-top:2px solid #000; border-bottom:2px solid #000; }
.table_price th,.table_price td{ padding: 2px; border-top:1px solid #666; border-bottom:1px solid #666; border-left:1px solid #666; border-collapse: collapse; text-align: center }
.table_price th:first-child,.table_price td:fitst-child{ border-right:0; }
.table_price th { font-size:16px; padding: 12px; background: #dcdad2; }
.table_price td.div_t { font-weight: bold; font-size:14px; padding: 5px; }
.table_price td.b { font-weight: bold; }
.table_price td.t1 { background: #fff9b4; }
.table_price td.t2 { background: #e2efda; }
.table_price td.t3 { background: #ddebf7; }
.table_price td.t1_1 { background: #fdf9cd; }
.table_price td.t2_1 { background: #f6fef1; }
.table_price td.t3_1 { background: #f0f8fe; }
.table_price td.desc { text-align: left; padding: 10px; }

.orange {color:#ff4923;}
.PdB5 {padding-bottom:5opx;}




ul.left_list {display: inline-block; width: 100%;}
ul.left_list li {float: left; margin:2px 5px;}
ul.left_list li:first-child {margin-left:0}
.NoticeBox.type02 ul.left_list li {font-size:16px}


.bg_gray {background-color:#eae8e4 !important}

.bg_blue {background-color:#ddebf7 !important}
.bg_s_blue {background-color:#c3dbef !important}
.bg_green {background-color:#e2efda !important}
.bg_s_green {background-color:#d0efbd  !important}
.bg_yellow {background-color:#fcf8e3 !important}
.bg_r_yellow {background-color:#fff9b4 !important}


.txt_red {color:#e80d0d}

.tel2 {font-size:22px; color:black; text-align:left}
.tel3 {font-size:18px; color:black; text-align:right; margin:0 0 20px}

.join_tableIn.modify .input {width:50%; height: 40px; border: 1px solid #d2d2d2;  padding: 5px;}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {display:none !important}


/* ����� ��ũ�� */


.form-control {
  display: block;
  width: 100%;
  height: @input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border)
  padding: @padding-base-vertical @padding-base-horizontal;
  font-size: @font-size-base;
  line-height: @line-height-base;
  color: @input-color;
  background-color: @input-bg;
  background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
  border: 1px solid @input-border;
  border-radius: @input-border-radius;
  .box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
  .transition(~"border-color ease-in-out .15s, box-shadow ease-in-out .15s");

  // Customize the `:focus` state to imitate native WebKit styles.
  .form-control-focus();

  // Placeholder
  .placeholder();

  // Disabled and read-only inputs
  //
  // HTML5 says that controls under a fieldset > legend:first-child won't be
  // disabled if the fieldset is disabled. Due to implementation difficulty, we
  // don't honor that edge case; we style them as disabled anyway.
  &[disabled],
  &[readonly],
  fieldset[disabled] & {
    cursor: not-allowed;
    background-color: @input-bg-disabled;
    opacity: 1; // iOS fix for unreadable disabled content
  }

  // Reset height for `textarea`s
  textarea& {
    height: auto;
  }
}


/* �˾� */

.pc_display {display:block}
.mob_display {display:none}
.mob_display_type02 {display:none}

.pop_layer {display: none; position: absolute; top: 50%; left: 50%; right: 50%; width:838px; height: auto; overflow:auto; z-index: 10; cursor:pointer}
.pop_layer p.ctxt {color: #666; line-height: 25px;}
.pop_layer .btn_r {width: 100%; margin: 10px 0 20px;  padding-top: 10px; border-top: 1px solid #DDD; text-align: right;}

.pop_header {position:fixed; background-color:white; height:50px; line-height:50px; font-size:18px; border-bottom:1px solid #959595; margin:0 0 10px; text-align:center; width:auto; left:30px; right:30px}
.pop_headerIn {position:relative;}
  .pop_close {position:absolute; top:3px; right:0; color:red}

.pop_con {padding:60px 0 0}
.pop_con p {font-size:14px; line-height: 1.8; margin:0 0 12px}
.pop_con strong {display:inline-block; margin:0 0 10px}
.pop_con > ul > li {font-size:14px; line-height:1.8}

.pop_con ul.dep2 li {font-size:13px}

.dim_layer {display: none; position: fixed;  _position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 10000;}
.dim_layer .dimBg {position: absolute; top: 0; left: 0;  width: 100%;  height: 100%;  background: #000;  opacity: .5;  filter: alpha(opacity=50);}
a.btn_layerClose {display: inline-block; height: 25px; padding: 0 14px 0; border: 1px solid #304a8a; background-color: #3f5a9d; font-size: 13px;  color: #fff; line-height: 25px;}


/* 19-06-26 ����� �Ҹ� */

.voiceBox {background-color:white; border-top:4px solid #333; padding:25px}
.voiceBox .main_txt {font-size:30px; margin:30px 0 25px; font-weight:bold; text-align:center} 
.voiceBox .sub_txt {color:#333; font-size:14px; margin:0; text-align:center}

.table_voice {width:100%; margin:35px 0 0; border:1px solid black}
.table_voice tbody tr th {background-color:#f3f4f8; border-bottom:1px solid #aaaaad; color:black; font-size:15px; text-align:center; font-weight:600; padding: 18px 5px;  white-space: nowrap;}
.table_voice tbody tr td {padding:18px 10px; border-bottom:1px solid #aaaaad;  border-left:1px solid #b2b2b2; color:black}

.textareaBox {margin:0 9px}
.textareaBox  textarea {width:100%; resize:none; border:1px solid #626262}


.vitem_list {padding:0; margin:0}
.vitem_list li {list-style:none}

.service_list {display:inline-block; width:100%;  padding: 0; margin:0}
.service_list li {float:left; margin:0 20px 0 0; list-style:none}
.service_list input[type="checkbox"]:not(old){width:0; height:0; margin:0; padding:0; opacity:0;}
.service_list input[type="checkbox"]:not(old) + span, .service_list input[type="checkbox"]:not(old) + label{height:22px; line-height:22px; color:black; font-weight: 400; cursor:pointer; display:inline-block; background:url('../img/voice/checkBox.png') no-repeat left center;  padding: 0 0 0 28px;  font-size: 15px;}
.service_list input[type="checkbox"]:not(old):checked + span, .service_list input[type="checkbox"]:not(old):checked + label {background:url('../img/voice/checkBox_on.png') no-repeat left center; }
 
.service_txt {font-size:14px; color:black; margin:0}

.starR {background: url("../img/voice/voice_star.png") no-repeat; width:28px; height:28px;display: inline-block; text-indent: -9999px; cursor: pointer;}
.starR.on {background: url("../img/voice/voice_star_on.png") no-repeat; }

.file_Con {border:1px dashed #aaaaaa; padding:20px}
.file_Con ul li {position:relative; margin:10px 0 0}
.file_Con ul li:first-child {margin:0}
.file_Con ul li span.label {position:absolute; left:0; top:10px; font-size:14px; color:black; font-weight:bold}
.file_Con .brown_ex {margin:10px 0 15px 120px}

.fileBox {position:relative;display:inline-block;}
.fileInput {display:inline-block;width:300px;height: 31px;border: 1px solid #626262;vertical-align: middle;}

.fileBox .upload_name {display:block; color:black; vertical-align: middle;  background-color: #f3f4f8; border: 0; padding:5px 5px 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none;  font-size: 14px; width: 100%; height:29px; line-height:29px}
.uploadBox input[type="file"] {position: absolute;	width: 1px;	height: 1px;	padding: 0;	margin: -1px;	overflow: hidden;	clip:rect(0,0,0,0);	border: 0;}
.uploadBox {display: inline-block;margin: 0 0 0 10px;vertical-align: middle;}
.uploadBox label {display: inline-block;margin: 0; vertical-align: middle;cursor: pointer;width: 130px;line-height:31px;text-align: center;background-color: #656565;font-size: 15px;color:white; transition:0.3s all ease; border-radius: 5px;border:1px solid #656565;font-weight: 400;}
.uploadBox label:hover {background-color:White; color:#656565}

.file_info_txt {color:black; font-size:13px; display:inline-block; vertical-align:middle; margin:5px 0 0}

.file_txt {color:#cc0000; font-size:13px; margin:5px 0 0}

.ser_ButtonBox {margin: 15px 0 0;text-align:center;}
.s_white_btn {width:128px;height:38px;line-height:38px;background-color:White;font-size:16px;font-weight:500;color:black;border:1px solid #818181;border-radius:5px;transition:0.3s all ease;margin: 4px;}
.s_white_btn:hover {background-color:black; color:white}
.s_blue_btn {width:128px; height:38px; line-height:38px; background-color:#0079c3;  font-size:16px; font-weight:500; color:white; border:1px solid #0079c3; border-radius:5px; transition:0.3s all ease}
.s_blue_btn:hover {background-color:white; color:#0079c3}

/* EOD : ����� �Ҹ�  */


/* 19-06-27 ������ �ȳ� */

.ac {text-align:center}

.parkBox {margin:10px 0; max-width: 800px;}
.park_main_txt {color:#333; font-size:30px; font-weight:bold; margin:0 0 20px}
.park_sub_txt {color:#222;font-size: 16px; margin: 0 0 20px;}
.park_fot_txt {color:#222; font-size:15px; margin: 0 0 20px;}
.parkBox img {width:100%}

.park_tableBox {width:100%}
.park_table {width:100%; margin-bottom:10px;border: 1px solid #646464;}
.park_table thead tr th {background-color: #e2e2e2;border-left: 1px solid #a3a3a3;font-weight:400;text-align: center;padding: 10px 0;color: #555;font-weight: 500;font-size: 14px;}
.park_table thead tr th:first-child {border-left:0}
.park_table thead tr td {padding: 10px; text-align:center; font-size:14px;}
.park_table tbody tr td {padding: 10px;border-left: 1px solid #a3a3a3;border-top: 1px solid #b1b1b1;color: #333;fot-size: 14px;}
.park_table tbody tr td:first-child {border-left:0}

/* EOD : ������ �ȳ� */


/* 19-08-22 ���� ���� �˾� */

.dim {display: none; position: fixed; _position: absolute;  top: 0;  left: 0; background: #000; width: 100%; height: 100%; filter: Alpha(opacity=40); opacity: 0.4; -moz-opacity: 0.4; z-index: 20;}
.video_layer {display: none; position: absolute; top: 188px; left: 50%; width: 100%;  margin: -188px 0 0 -540px;  background: #eee;  box-shadow: 1px 1px 10px rgba(0,0,0,0.3);  border: 1px solid #dadada; z-index: 21;}

.playerBox {width:1080px; height:600px; overflow: hidden;}


@media screen and (max-width:1410px) {
	.main_banner { right:-100px; }
}
@media screen and (max-width:1220px) {

  .main_banner,
  .pop_pos {display:none}
}


@media all and (min-width:640px) and (max-width:1220px) { /* tablet */

  /* main */
 
  .main_container {max-width:none; padding-top:71px}
  .main_container img {width:100%}
  
  #header ul.top {width:100%; padding: 0; height: 80px; line-height: 80px;}
  #header ul.top li.logo {padding:0 0 0 20px;}
  #header ul.top li.btns {padding:12px 20px 0 0;}
  #header div.tm {display:none}
  #header div.tm p {width:100%; padding:5px 20px}
  #header ul.top li.logo img {width:145px}

  .T_header {margin: 100px 12px 20px;}

  #menu ul {width:100%}
  #menu ul li a {font-weight:500; font-size:14px}
  
  #main_con ul {width:100%}
  #main_con ul li {width:33.3%; margin:0 0 20px}
  #main_con ul li.tablet:after {display:none}
  
  #main_cus ul {width:100%}
  #main_cus ul li.notice {padding:50px 20px; width:50%}
  #main_cus ul li.faq {width:50%}
  #main_cus ul li.cus {width:100%; padding:30px 0 0; background-color: #fcf8e3; text-align:center}
  .mtel_txt { position:absolute; left:calc(50% - 102px); padding:1px 20px 1px 10px; background-color:#FCF8E3; }

  #main_img {padding:86px 0 0; background: #c8c8c8;     height: auto;}
	
/*

  .M_left_img {padding:86px 20px 0}
  .M_right_img {right:0px; width:50%}

*/
     
  #header {position:fixed; background-color: white; border-bottom: 1px solid #bda366;}
  #header ul.top li.btns {display:none}
  #header div.tm {display:none}

  .top_txt {margin: 20px 0 0 40px;}

  
   #menu {display:none}
  .mobile_menu {display:block}
 
  .radio_container {width:100%}
  .radio_container ul li {width:50%; margin:0 0 30px; text-align:center}

  #lista1 {width:100%}


  #bottom_menu ul {width:100%}
  #bottom_menu li {width:16.66%}
  #bottom_menu li a {letter-spacing:-0.1em}

  #copyright {width:100%; padding:20px}

  
  #main_cus ul li ul.notice li {margin:0 0 10px}


  /* sub */

  #sub_page {width:100%; padding:0 0 20px}
  #sub_page div.con {padding:0 20px 20px !important}
  #sub_page .img_con img {width:100%}
  #sub_page p.img_st {padding:20px}
  #sub_page div.s_bn {overflow: hidden; padding-bottom: 0;  margin-top:81px;  margin-bottom: 30px;  height:auto;}
  #sub_page div.s_bn img {width:100%}


  #left {width:18%; margin:0 0 0 2%}
  #right {width:80%; padding:0 20px}
  #right div.con {padding:0 0 20px}
  #sub_page div.bline {padding:12px}

  #sub_page ul.sitemap li {width:33.3%; margin:0 0 10px}
  #sub_page p.btns {padding-top:20px}

  .btns .btn {font-size: 20px; font-weight: 500; padding: 10px 20px; margin: 0 10px;}

  .resize_img img {width:100%}

  .list_type li {width:50%}

  .txt_h1 {font-size:22px}
  .txt_h2 {font-size:18px}
  .txt_default {font-size:14px}
  
  .join_tableIn {width:100%; max-width: 600px;}

  .data_label {position:static; width:96%; margin:0 2%; margin: 0 2% 10px; overflow: hidden;}
  .searchBox .data_input {width:96%; margin:0 2%}
  .data_button {position:static; left:0; right:0; width:96%; margin:10px 2%; padding:9px 0;}
  .list_button {right:2%; top:-5px}

	
  .tableS_In {min-width:1080px}

  ul.left_list li:first-child {margin-left:5px}

  .mCSB_scrollTools.mCSB_scrollTools_horizontal {display:block !important}

  
  #main_img .container , .M_right_img {height:auto}
  .bx-wrapper {margin-bottom:0 !important}

  /* 19-04-25 �̺�Ʈ �˾� */

  .pc_display {display:none}
  .mob_display {display:inline-block; width:60%; max-width: 800px;}
  .mob_display_type02 {display:none}

  .pop_layer {left: 10px; right: 10px; text-align: center; width: auto; margin-left: 0 !important;}

  .footer_logoBg  {display:none}
	
  
}


@media all and (max-width:640px) { /* phones */

  .main_container {max-width:none; padding-top: 71px;}
  .main_container img {width:100%}
  
  #header {position:fixed; background-color: white; border-bottom: 1px solid #bda366;}
  #header ul.top {width:100%; height: 58px; line-height: 58px;  padding: 0;}
  #header ul.top li.logo {padding:0 0 0 10px;}
  #header ul.top li.btns {padding:12px 10px 0 0; display:none}
  #header ul.top li.logo img {width:100px}
  #header div.tm {display:none}
  #header div.tm p {width:100%; padding:5px 12px;}

   #main_img {padding:65px 0 0; background: #c8c8c8; height: auto;}
  .M_left_img {margin:20px 10px; padding:0}
  .M_left_img img {width:100%; max-width:430px;}

  #menu ul {width:100%}
  #menu ul li {width:50%}
  #menu ul li a {font-size:14px}
  .mobile_menu_btn button {width:58px}
  .mobile_menu_btn button img {width:30px}

  .bx-wrapper {margin-bottom:0 !important}
  
  #main_con {padding:50px 12px}
  #main_con ul {width:100%}
  #main_con ul li {width:48%; margin:0 1% 20px; height:auto; font-size:13px}
  #main_con ul li.re:after {display:none}
  #main_con ul li.mobile:after {display:none}  
  #main_con ul li img {width:50%}
  #main_con ul li p {font-size:16px}
  
  #main_cus ul {width:100%}
  #main_cus ul li.notice {padding:20px; width:100%}
  #main_cus ul li.faq {width:100%; padding:20px 20px 0}
  #main_cus ul li.cus {width:100%; padding:30px 0 0; background-color: #fcf8e3; text-align:center}
  .mtel_txt { position:absolute; left:calc(50% - 102px); padding:1px 20px 1px 10px; background-color:#FCF8E3; }

  #main_cli {padding:20px 0}
  #main_cli div.tit {padding-bottom:20px}
  .radio_container {width:100%}
  .radio_container ul li {width:100%; margin:10px 0; text-align:center}
  .radio_container ul li:before {content: ""; border-left:0; position: absolute;  top: -10px; left: 20%;  right: 20%;  bottom: auto;  border-bottom: 1px solid #bbb;}


  #bottom_menu ul {width:100%}
  #bottom_menu li {width:33.33%}
  #bottom_menu li a {letter-spacing:-0.1em}

  #copyright {width:100%; padding:20px; text-align:center; border-top:1px solid #bda366; box-sizing: border-box;}
  #copyright ul {display:none}


  .container {padding:0}
  .main_banner {right:10px; display:none}
  .M_hide_img {display:none}  
  .main_container .M_img {display:block}
  
  #main_cus ul li ul.notice li {margin:0 0 10px}

  /* mobile menu */

  #menu {display:none}
  .mobile_menu {display:block}

  
  /* sub */

  #sub_page {width:100%; padding:59px 0 0}
  #sub_page div.con {padding:0 12px 20px}
  .table_padding {padding:0 12px !important}
  #sub_page .img_con img {width:100%}
  #sub_page p.img_st {padding:20px; border-top: 1px solid #ededed;}
  #sub_page div.s_bn {overflow: hidden; padding-bottom: 0; margin-bottom: 30px;  height: 150px;}
  #sub_page div.s_bn img {height:100%}
  
  #sub_page ul.sitemap li {width:50%;}
  #sub_page ul.sitemap li a {display:block}
  #sub_page p.btns {padding-top:20px}
  #sub_page p.btns button {font-size:16px; font-weight:500; margin:0 10px}
  #sub_page p.st {font-size: 20px; line-height:1.4; text-align:center}
  #sub_page div.bline {border:0}
  #sub_page p.tel {text-align: center; background: none; padding: 0; height:auto; font-size:14px;}

  #left {display:none}
  #right {width:100%; padding:0 12px 20px} 
  #right div.con {padding:0 0 20px}

  #right ul.logos li.als-item {width:50%}
  #right ul.logos li.als-item a {display:block}
  #right ul.logos li.als-item img {width:100%}

  #bottom_menu {display:none}

  .btns .btn {font-weight:400; margin:5px; padding:10px; font-size: 16px;}

  #sub_page div.ntable table th {font-size:13px}

  .page_select li label {font-size:13px}

  div.bbs_list td {font-size:11px}


  .pc_img {display:none}
  .mobile_img {display:block}
  .resize_img img {width:100%}

  .txt_h1 {font-size:20px}
  .txt_h2 {font-size:18px}
  .txt_default {font-size:14px}

  .list_type li {width:100%}
  
  .mobile_dep2 {line-height:1; display:block; margin:0 0 30px; position:relative}
  .mobile_dep2 .active {background-color:#bda366;}
  .mobile_dep2 .active a {display:block; padding:15px 15px 15px 12px; text-decoration:none} 
  .mobile_dep2 .active a span {color:white; font-size:18px}
  .mobile_dep2 .active .fa-angle-down {float:right; color:white; font-size:18px; transition: 0.3s all ease;}
  .mobile_dep2_list {display:none; position:absolute; top:48px; left:0; width:100%; z-index:10}
  .mobile_dep2 li {background-color:#fff; border-bottom:solid 1px #ccc;}
  .mobile_dep2 ul li a {box-sizing:border-box; display:block; padding: 11px 15px; font-size:16px; font-weight:bold;}
   
  .data_label {position:static; width:96%; margin:0 2%; margin: 0 2% 10px; overflow: hidden;}
  .searchBox .data_input {width:96%; margin:0 2%}
  .data_button {position:static; left:0; right:0; width:96%; margin:10px 2%; padding:9px 0;}
  .list_button {right:2%; top:-5px}

  .T_header {margin:20px}
  .join_table {padding:0 12px}
  .join_tableIn {width:100%}
  .join_footer.type02 ul li {width:100%; margin:0}
  .join_footer.type02 ul li .gray_btn {width:182px}

  
   .join_tableIn.type02 {width:100%}
   .join_tableIn.type02 a img {width:100%; max-width:150px}

   .join_tableIn.type03 {width:100%}
  
   .join_tableIn.modify {text-align:center}
   .join_tableIn.modify .input {width:100%; height: 40px; border: 1px solid #d2d2d2;  padding: 5px;  margin: 0 0 20px;}

   .T_header_left img {width:100%}

  .join_addressBox button {position:static; margin:10px 0 0; width:100%}

  .mb_global select {width:150px;position: static;top:0;left:0;width: 100% !important;}
  .mb_global .mb_global_input {width:100%;display: inline-block;padding-left: 0;box-sizing: border-box;margin: 10px 0 0;}

  .terms_left {float:none; margin:10px auto}
 
  .daum_api #__daum__layer_1 , .daum_api #__daum__layer_2 {min-width:auto !important;}

  /* �Խ��� ���� */

    
  .table_normal thead tr th , .table_normal tbody tr th , .table_normal tbody tr td {line-height:1.3; font-size:12px}
  .table_normal tbody tr td ul {width: auto; margin: 0 10%;}
  .table_normal thead tr th span {display:block}

  .NoticeBoxIn {padding:20px}

  .tableS_In {min-width:1080px}

   ul.left_list li:first-child {margin-left:5px}

  .mCSB_scrollTools.mCSB_scrollTools_horizontal {display:block !important}

  #main_img .container , .M_right_img {height:auto;}

  .green_btn , .blue_btn {padding:10px 0;}

  .buttonBox .btn:only-child { width:100%;  }

  .termsDiv {text-align:center}
  .terms_right {float:none !important; margin:0 auto; width:220px; display:inline-block}

  .top_txt {font-size:13px; margin:15px 0 0 15px}
  .top_txt.pc {display:none}
  .top_txt.mobile {display:block}

  .resonsive_table tbody th {float:left; width:100%; font-size: 16px; font-weight: bold;  color: black;}
  .resonsive_table tbody td {float:left; width:100%}

  .join_table table tbody input {padding:0}


  /* 19-04-25 �̺�Ʈ �˾� */

  .pc_display {display:none}
  .pc_display_type02 {display:none}
  .mob_display {display:block; width:100%}
  .mob_display_type02 {display:block}

  .pop_layer {left: 10px; right: 10px; width: auto !important; margin-left: 0 !important;}

  .tableTopBoxL .popup_btn {position:absolute; left:0; bottom:-40px;}
  .tableTopBoxL .popup_btn img {width:160px}

  .footer_logoBg  {display:none}

  /* 19-06-26 ����� �Ҹ� */
  
 .fileInput {width:100%}
 .uploadBox {margin:10px 0 0}
 .textareaBox {margin:0}
 .table_voice tbody tr td {padding:10px}

  /* EOD : ����� �Ҹ� */

  /* 19-06-27 ������ �ȳ� */

  .park_table thead tr th , .park_table tbody tr td {padding:5px; font-size:12px}
  .parkBox img {display:none}

  /* EOD : ������ �ȳ� */

  
  .playerBox {width:100%; height:250px}

}


/* 개인정보보호책임보험 팝업 추가 2023-01-13 */
.insurance_open,
.insurance_close { cursor:pointer; }
.insurance_popup,
.insurance_dim { left:0; right:0; bottom:0; top:0; }
.insurance_close,
.insurance_dim { position:absolute; }
.insurance_popup { position:fixed;  z-index:100; }
.insurance_popup .insurance { position:absolute; top:calc(50% - 250px); left:calc(50% - 195px); }
.insurance_close { top:0; right:0; width:30px; height:30px; opacity:0; }
.insurance_dim { opacity:0; background-color:rgba(0,0,0,0.4); transition:opacity 0.6s; }

.insurance_popup.this_show .insurance { animation:0.3s fadeDown; }
.insurance_popup.this_hide .insurance { opacity:0; animation:0.3s fadeUp; }

.insurance_popup.this_show .insurance_dim { opacity:1; }
.insurance_popup.this_hide .insurance_dim { opacity:0; }

@keyframes fadeDown {
    from { opacity:0; transform:translate3d(0, -50px, 0); }
    to { opacity:1; transform:translate3d(0); }
}
@keyframes fadeUp {
	from { opacity:1; transform:translate3d(0); }
	to { opacity:0; transform:translate3d(0, -50px, 0); }
}

/* footer 패밀리사이트 추가 2023-09-14 */
.family_site { float:right; position:relative; width:200px; height:34px; margin-top:-9px; line-height:1; }
.family_site,
.family_site_box,
.family_site button { font-weight:300; background-color:#fff; }
.family_site_box,
.family_site button { width:100%; border:1px solid #888; }
.family_site button { text-align:left; }
.family_site button:after { content:''; position:absolute; right:12px; bottom:13px; border-style:solid; border-width:7px 7px 0 7px; border-color:#000 transparent transparent transparent; }
.family_site.on button:after { transform:rotate(180deg); }
.family_site { text-align:left; color:#333; }
.family_site button { padding:0 12px; height:34px; }
.family_site_box { display:none; position:absolute; left:0; bottom:33px; }
.family_site.on .family_site_box { display:block; }
.family_site a { display:block; margin:15px 10px; font-size:14px; color:#333; }
.family_site a:hover { font-weight:700; }

/* 메인 견적문의 팝업 추가 2024-01-18 */
.pop_pos { position:absolute; top:110px; left:50%; z-index:100; }
.pop_wrap { position:relative; padding:20px; border:1px solid #000; background-color:#fff; }
.pop_wrap > form { width:500px; }
.ttl_pop_iq { margin:0; padding:12px 0 8px 82px; font-weight:600; font-size:21px; line-height:1; color: #714dff; background:url(../main/img/icon_calc.png) 11px bottom no-repeat; }
table textarea { display:block; width:100%; padding:5px; resize:none; }
.pop_wrap th { white-space:nowrap; }
.pop_wrap .ntable :where(th, td) { padding:7px 10px; }

.pop_wrap .ntable th { text-align:left; padding-left:15px; letter-spacing:-0.05em; }

.agree {  }
.agree_ttl { margin:15px 0 0; line-height:1; font-size:14px; font-weight:600; }
.agree dl { display:flex; width:100%; line-height:1; margin:5px 0; border-radius:5px; background-color:#f4f4f4; }
.agree dl :where(dt, dd) { padding-top:7px; padding-right:2px; padding-bottom:4px; }
.agree dt { padding-left:13px; }
.agree dd { padding-left:2px; }
.agree dt:after { content:':'; margin-left:4px; }
.agree dd + dt { margin-left:10px; }
.agree label { margin: 0; cursor:pointer; }
.agree label * { vertical-align:middle; }
.agree label i { margin-left: 5px; font-style:normal; }

.pop_wrap .buttonBox { margin:10px 0 0; }
.pop_wrap .buttonBox .btn:only-child { width:220px; height:50px; border-radius:50px; color: #fff; border:1px solid #714dff; background-color:#714dff; }
.pop_wrap .buttonBox .btn:only-child:hover { color:#714dff; background-color:#fff; }

.pop_x { position: absolute; top:0; right:0; padding:10px; font-size:0; background-color:transparent; border:0; }
.pop_x:after { content:'\2715'; font-size:20px; font-weight:600; }

.bn_iqpop { position:relative; margin-top:20px; }
.bn_iqpop img { display:block; }
.bn_iqpop:not(.block) img { cursor:pointer; }
.bn_iqpop.block:after { content:''; position: absolute; top:0; bottom:0; left:0; right:0; }

.mo_link { display:none; }
@media all and (max-width:1220px){
	.mo_link,
	.mo_link a { display:block; }
	.mo_link a { height:55px; line-height:55px; text-align:center; font-size:20px; color:#fff; background-color:#a94442; }
}




/* 워크샵 안내 팝업 2024-10-23 */
.popup_holiday_wrap { position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: flex; align-items:center; justify-content:center; z-index:100; }
.popup_holiday { position: relative; width: 90%; border:1px solid #000; z-index: 1; }
.popup_holiday_thumb {  }
.popup_holiday_thumb img { display: block; width: 100%; }

.popup_holiday_btnbox { display: flex; gap:12px; padding:0 20px 38px; background-color: #e2e6f8; }
.popup_holiday_btnbox a { flex:1; max-width:224px; cursor:pointer; }
.popup_holiday_btnbox a img { display: block; width: 100%; height: auto; }

.popup_holiday_item { display: flex; justify-content:flex-end; gap:3px; align-items:center; padding:5px 10px; color: #fff; background-color:#000; }
.popup_holiday_item label { margin: 0; font-size: 14px; }
.popup_holiday_item [type="checkbox"] { margin: 0; }
.popup_holiday_item button { padding:2px 5px; margin-left: 10px; font-weight:700; color: #fff; border:1px solid rgba(256,256,256,0.2); border-radius:3px; background-color:rgba(256,256,256,0.2); }
.popup_holiday_dim { position: absolute; top: 0; left: 0; bottom: 0; width:100%; background-color:rgba(0,0,0,0.5); }