/*전체 공통 10-11추가*/
.lang ul {max-height:485px; overflow-y:scroll; overflow-x:hidden}

.scroll::-webkit-scrollbar{width:10px;height:5px;background:#eee;}
.scroll::-webkit-scrollbar-track {width:10px;height:10px;background:#eee;}
.scroll::-webkit-scrollbar-thumb {width:9px;height:9px;background:#27c7df;  border-radius:10px}
/* main css*/
*{outline:none !important;}
/*.main_contents {display:flex; width:100%; height:calc(100vh - 200px); max-height:900px; min-height:850px; align-items:center;}*/
.main_contents {display:flex; width:100%; min-height: calc(100vh - 200px); box-sizing: border-box; padding: 3rem 0 5rem; align-items:center;}
.main_contents .searchDiv input{outline:none;}
.main_contents > .inner {width: 100%; padding-bottom:20px;}
.main_contents .inner > * {max-width: 1180px; margin-left: auto !important; margin-right: auto !important;}
.main_contents .main_tit {display:block; margin:0 0 30px 0; font-size:32px;font-weight:900; color:#86949f; text-align:center;}
.main_contents .main_tit em {font-style:normal; color:#333; font-size:32px;}

.main_grid:after {display:block; clear:both; *zoom:1; content:'';}
.main_grid li {float:left; overflow:hidden; margin:0 0 0 4px; height:260px; transition:all 0.3s ease-in-out;}
.main_grid li:first-child {margin:0;}
.main_grid li a {display:block; position:relative; width:100%; height:100%; background-repeat:no-repeat; background-position:0 0; background-size:contain; box-sizing:border-box;}
.main_grid li a:before {position:absolute; top:0; bottom:0; width:50%; transition:all 0.3s ease-in-out; content:'';}

.main_grid01 li a:before {right:0;}
.main_grid02 {margin-top:4px;}
.main_grid02 li {width:calc((100% - 8.1px)/3)}
.main_grid02 li a {background-position:right 0}
.main_grid02 li a:before {left:0;}

.main_grid .txt_box {display:flex; align-items:center; position:absolute; top:0; bottom:0; left:0; width:100%; padding:0 40px; transition:all 0.3s ease-in-out; z-index:1; box-sizing:border-box;}
.main_grid .txt_box > div {width:100%;}
.main_grid .txt_box strong,
.main_grid .txt_box h2 {display:block; font-size:24px; font-weight:900; line-height:1.3; color:#fff;}
.main_grid .txt_box p {margin:10px 0 0 0; font-size:16px; line-height:1.6; color:#fff;}
.main_grid .txt_box h3 {color:#fff; font-weight:normal}
.main_grid .txt_box .more {display:block; height:0; opacity:0; font-size:0.875rem; font-weight:600; color:#fff; transition:all 0.3s ease-in-out; overflow:hidden;}

.main_grid .grid_con01 {width:calc((((100% - 8px)/3) * 2) + 4px); border-radius:10px 0 0 0;}
.main_grid .grid_con01 a {background-image:url(/common/images/main/main_bg01.png);}
.main_grid .grid_con01 a:before {width:75%; background:#ec4c70;}
.main_grid .grid_con01 a .txt_box {padding-left:calc(25% + 60px)}
.main_grid .grid_con02 {width:calc((100% - 8px)/3); border-radius:0 10px 0 0}
.main_grid .grid_con02 a {background-image:url(/common/images/main/main_bg02.png);}
.main_grid .grid_con02 a:before {background:#565cde;}
.main_grid .grid_con02 a .txt_box {padding-left:calc(50% + 30px)}
.main_grid .grid_con03 {border-radius:0 0 0 10px;}
.main_grid .grid_con03 a {background-image:url(/common/images/main/main_bg03.png);}
.main_grid .grid_con03 a:before {background:#8f45e3;}
.main_grid .grid_con04 a {background-image:url(/common/images/main/main_bg04.png);}
.main_grid .grid_con04 a:before {background:#e448c2;}
.main_grid .grid_con05 {border-radius:0 0 10px 0;}
.main_grid .grid_con05 a {background-image:url(/common/images/main/main_bg05.png);}
.main_grid .grid_con05 a:before {background:#ffbd3f;}


body.align_right .main_grid {text-align:right; }
body.align_right .main_grid02 li .txt_box {padding-right:calc(50% + 20px); justify-content:flex-end;}

/*.main_grid .grid_con05:hover .txt_box > div {left:50px; width:calc(100% - 50px);}*/
.main_contents .searchDiv {position:relative; width:100%; max-width:540px; margin:40px auto 0; z-index:2;}
.main_contents .searchDiv .inp {box-sizing:border-box; width:100%; height:60px; padding:0 58px 0 20px; font-size:15px; color:#111; border-radius:60px; background:#f3f7fa; border:none; outline:none; box-shadow:20px 20px 20px rgba(0,0,0,0.1)}
.main_contents .searchDiv .btn_sch {position:absolute; top:0; right:5px; width:60px; height:60px; background:url(/common/images/common/ico_sch.png) no-repeat center / 24px; filter:invert(85%) sepia(90%) saturate(6166%) hue-rotate(312deg); font-size:0;}

body.align_right .main_contents .searchDiv .inp {text-align:right; direction:rtl;}

@media screen and (min-width:1024px){
	.main_grid li:hover {position:relative;}
	.main_grid li a:hover:before {width:100%;}
	.main_grid a:hover .txt_box .more {height:20px; margin-top:20px; line-height:20px; opacity:1;}
	.main_grid .grid_con01:hover {box-shadow:20px 20px 40px rgba(236,76,112,0.6)}
	.main_grid .grid_con01 a:hover .txt_box {padding-left:60px;}
	.main_grid .grid_con02:hover {box-shadow:20px 20px 40px rgba(86,92,222,0.6);}
	.main_grid .grid_con02 a:hover .txt_box {padding-left:30px;}
	.main_grid .grid_con03:hover {box-shadow:20px 20px 40px rgba(143,69,227,0.6);}
	.main_grid .grid_con04:hover {box-shadow:20px 20px 40px rgba(143,69,227,0.6);}
	.main_grid .grid_con05:hover {box-shadow:20px 20px 40px rgba(255,189,63,0.6);}
	body.align_right .main_grid02 li a:hover .txt_box {padding-right:40px;}
}


/* tablet */
@media screen and (max-width:1024px) {
	#A_Container_Wrap {max-height:none; height:auto; min-height:0; padding:20px 0 40px;}
	.main_contents > .inner {padding:5rem 30px;}
	.main_contents .main_tit {margin-top:30px;}

	.main_grid .grid_con01 a .txt_box {padding-left:calc(25% + 30px)}
	.main_grid .grid_con02 a .txt_box {padding-left:30px; padding-right:30px; text-align:right}
	.main_grid02 li a .txt_box {padding-left:30px;}

	.main_contents .searchDiv {display:block; margin:36px auto 10px;  }
	.main_contents .searchDiv .btn_sch {background-size:20px;}
	.align_right .main_contents .searchDiv .inp {text-align:right; direction:rtl !important;}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.main_contents > .inner {padding:3rem 0.9375rem}
	.main_grid .txt_box strong,.main_grid .txt_box h2 {font-size:1.5rem;}
	.main_grid .txt_box p,.main_grid .txt_box h3 {display:none;}
	.main_grid .txt_box .more {display:none;}
}


@media screen and (min-width:481px) and (max-width:767px) {
	.main_contents {padding:5rem 0;}
	.main_contents .inner {padding:3rem 0.9375rem;}
	.main_contents .main_tit {box-sizing:border-box; padding:0 30px; font-size:1.5rem;}
	.main_contents .main_tit em{font-size:1.5rem;}
}

@media screen and (max-width:767px){
	body {padding-top:50px;}
	#A_Container_Wrap {padding-top:15px;}
	#A_Header.ver2 .tgl_menu {top:0;}
	#A_Header.ver2 .wrap_menu {display:none;}
	.main_grid {width:100%; max-width:30rem !important; margin:0 auto;}
	.main_grid li {margin:4px 0 0 0; height:150px;}
	.main_grid li a:before {width:60% !important; left:auto !important; right:0 !important; border-radius:150px 0 0 150px;}
	.main_grid .txt_box {border-radius:72.5px 0 0 72.5px;}
	.main_grid .txt_box strong,.main_grid .txt_box h2 {font-size:1rem;}
	.main_grid .txt_box p,.main_grid .txt_box h3 {display:none;}
	.main_grid .txt_box .more {display:none;}

	.main_grid li {width:100% !important; border-radius:0 !important;}
	.main_grid .grid_con01 {border-radius:10px 10px 0 0 !important;}
	.main_grid .grid_con05 {border-radius:0 0 10px 10px !important;}

	.main_grid .grid_con01 a {background-image:url(/common/images/main/m_main_bg01.png);}
	.main_grid .grid_con02 a {background-image:url(/common/images/main/m_main_bg02.png);}
	.main_grid .grid_con03 a {background-image:url(/common/images/main/m_main_bg03.png);}
	.main_grid .grid_con04 a {background-image:url(/common/images/main/m_main_bg04.png);}
	.main_grid .grid_con05 a {background-image:url(/common/images/main/m_main_bg05.png);}

	.main_grid li .txt_box {left:auto !important; right:0 !important; width:60% !important; padding:0 30px !important; text-align:left !important}
	.main_grid02 {margin:4px auto 0;}
	.main_grid02 > li a {background-position:0 0;}

	body.align_right .main_grid li .txt_box {text-align:right !important; direction:rtl;}
}

/* mobile */
@media screen and (max-width:480px) {
	.main_contents .searchDiv .inp {height:50px; padding-right:50px; border-radius:50px;}
	.main_contents .searchDiv .btn_sch {width:50px; height:50px;}
	.main_contents .inner {padding:0;}
	.main_contents .inner > * {margin-left: 1rem; margin-right: 1rem; box-sizing: border-box; width: calc(100% - 2rem);}

	.main_contents .main_tit {box-sizing:border-box; padding:0 0.9375rem; font-size:1.25rem;}
	.main_contents .main_tit em{font-size:1.25rem;}

	.main_grid li {height:110px;}
	.main_grid li a:before {width:70% !important; border-radius:55px 0 0 55px;}
	.main_grid li .txt_box {width:70% !important;}

	.main_contents .searchDiv {width:100%;}
	.main_contents .searchDiv input {height:50px; padding:0 80px 0 60px; font-size:0.875rem; border-radius:25px; background-position:20px center;}
	.main_contents .searchDiv button {right:20px; height:50px; line-height:50px; font-size:0.75rem;}

}



.modal_covid2 { position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.8); top:0; left:0; display:none;z-index:100}
/*.modal_covid_cont{
  max-width:950px; height:auto;
  width:95%;
  background:#fff; border-radius:10px;
  position:relative;
  margin:0 auto;
  transform:translateY(65%);
  text-align:center;
  box-sizing:border-box; padding:30px 15px 45px;
  line-height:23px; cursor:pointer;
}*/
.modal_covid_cont2{
	max-width:950px; height:auto;
	width:95%;
	background:#fff; border-radius:10px;
	position:fixed; top:50%;left:50%;
	margin:0 auto;
	transform:translate(-50%, -50%);
	text-align:center;
	box-sizing:border-box; padding:30px 15px 45px;
	line-height:23px; cursor:pointer;
}


.modal_covid_top_txt2 {padding-top:110px;font-family:'TAHOMA','SansSerif';line-height:1.7;background:url(/common/images/sub/join_icon.png)no-repeat center top; font-size:23px; padding-bottom:40px}
.modal_covid_btm_txt2 {font-size:20px;font-family:'TAHOMA','SansSerif'; line-height:1.7;}
.modal_covid_close2 {width:71px; height:69px; background:red; position:absolute; bottom:-35px; left:50%; margin-left:-35px;background:url(/common/images/sub/cart_close.png)no-repeat center top; }







@media screen and (min-width:768px) and (max-width:1200px) {
	.modal_covid_top_txt2 {font-size:20px;}
	.modal_covid_btm_txt2 {font-size:18px; }
}
@media screen and (min-width:481px) and (max-width:767px) {
	.modal_covid_top_txt2 {font-size:17px;padding-top:70px;background-size:37px;}
	.modal_covid_btm_txt2 {font-size:15px; }

}
@media screen and (max-width:480px) {
	.modal_covid_top_txt2 {font-size:16px;padding-top:60px; background-size:30px;padding-bottom:30px}
	.modal_covid_btm_txt2 {font-size:13px; }
}