@font-face {
	font-family: 'gmarkeSans_m';
	src: url('../fonts/GmarketSansMedium.otf') format('truetype');
}
@font-face {
	font-family: 'gmarkeSans_l';
	src: url('../fonts/GmarketSansLight.otf') format('truetype');
}
@font-face {
	font-family: 'gmarkeSans_b';
	src: url('../fonts/GmarketSansBold.otf') format('truetype');
}
@font-face {
	font-family: 'NotoSans_T'; /* 아주 얇은 */
	src: url('../fonts/NotoSansLight/otf/NotoSansKR-Light-Hestia.otf') format('truetype');
}
@font-face {
	font-family: 'NotoSans_L'; /* 표준 */
	src: url('../fonts/NotoSansLight/otf/NotoSansKR-Regular-Hestia.otf') format('truetype');
}
@font-face {
	font-family: 'NotoSans_M'; /* 굵게 */
	src: url('../fonts/NotoSansLight/otf/NotoSansKR-Medium-Hestia.otf') format('truetype');
}
@font-face {
	font-family: 'NotoSans_B'; /* 아주 굵게 */
	src: url('../fonts/NotoSansLight/otf/NotoSansKR-Bold-Hestia.otf') format('truetype');
}

body {
	font-family: 'gmarkeSans_l';
	font-weight: 900;
	color:#000;
	overflow-x:hidden;
}

a {text-decoration: none;}
ul {list-style: none; padding:0; margin:0;}
dl,dt,dd {margin:0;}
select {-webkit-appearance: none; -moz-appearance: none;}

.pr-0 {padding-right:0;}
.pl-0 {padding-left:0;}

body {font-size:13px;}
.f_s0 {font-size:10px;}
.f_s1 {font-size:12px;}
.f_s2 {font-size:13px;}
.f_s3 {font-size:14px;}
.f_s4 {font-size:15px;}
.f_s5 {font-size:17.5px;}
.f_s6 {font-size:20px;}

.ft_s0 {font-size:16px;}
.ft_s1 {font-size:17px;}
.ft_s2 {font-size:18px;}
.ft_s3 {font-size:20px;}
.ft_s4 {font-size:22.5px; letter-spacing: -1px;}

.fw_l {font-weight:100;}
.fw_r {font-weight:400;}
.fw_m {font-weight:500;}
.fw_db {font-weight:600;}
.fw_b {font-weight:700;}
.fw_ub {font-weight:800;}
.fw_bl {font-weight:900;}

.fw_gm {font-family: 'gmarkeSans_m'; font-weight:300;}
.fw_gb {font-family: 'gmarkeSans_m'; font-weight:900;}
.fw_n {font-family: 'NotoSans_L';}
.fw_nb {font-family: 'NotoSans_B';}

.f_c_b {color:#000000;}
.f_c_w {color:#ffffff;}
.f_c_g1 {color:#3d3d3d;} 
.f_c_g2 {color:#666666;}
.f_c_g3 {color:#a3a3a3;}
.f_c_g4 {color:#999999;}
.f_c_g5 {color:#aeaeae;}
.f_c_g6 {color:#333333;}
.f_c_active {color:#e5005a;}
.f_c_active2 {color:#16c15e}
.f_c_active3 {color:#0599d9;}

.le_s1 {letter-spacing: -1px;}
.le_s2 {letter-spacing: -2px;}
.le_s3 {letter-spacing: -3px;}

.border-dbdbdb {border-color:#dbdbdb;}
.border-e0e0e0 {border-color:#e0e0e0;}
.border-3d3d3d {border-color:#3d3d3d;}

.background-ffffff {background-color:#fff;}
.background-f2f2f2 {background-color:#f2f2f2;}
.background-f8f8f8 {background-color:#f8f8f8;}
.background-ssb {background-color:#259b56; color:#fff;}

.rounded_10 {border-radius:10px;}
.rounded_15 {border-radius:15px;}
.rounded_30 {border-radius:30px;}
.rounded_50 {border-radius:50px;}

.fl_end {align-items: flex-end; display: flex;}
.jc_end {justify-content: flex-end;}
.jc_c {justify-content: center;}

.text-right {text-align:right;}

.float-right {float:right;}

.text-over-h {white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.ml_5 {margin-left:5px;}
.ml_10 {margin-left:10px;}
.ml_15 {margin-left:15px;}

.mr_10 {margin-right:10px;}
.mr_15 {margin-right:15px;}

.mb_5 {margin-bottom:5px;}
.mb_10 {margin-bottom:10px;}
.mb_15 {margin-bottom:15px;}
.mb_20 {margin-bottom:20px;}
.mb_25 {margin-bottom:25px;}
.mb_30 {margin-bottom:30px;}
.mb_35 {margin-bottom:35px;}
.mb_40 {margin-bottom:40px;}
.mb_50 {margin-bottom:50px;}
.mb_60 {margin-bottom:60px;}
.mb_70 {margin-bottom:70px;}
.mb_80 {margin-bottom:80px;}
.mb_100 {margin-bottom:100px;}

.mt_0 {margin-top:0px;}
.mt_5 {margin-top:5px;}
.mt_10 {margin-top:10px;}
.mt_15 {margin-top:15px;}
.mt_20 {margin-top:20px;}
.mt_25 {margin-top:25px;}
.mt_30 {margin-top:30px;}
.mt_35 {margin-top:35px;}
.mt_40 {margin-top:40px;}
.mt_50 {margin-top:50px;}
.mt_60 {margin-top:60px;}
.mt_70 {margin-top:70px;}
.mt_80 {margin-top:80px;}
.mt_100 {margin-top:100px;}
.mt_130 {margin-top:130px;}

.pt_10 {padding-top:10px;}
.pt_20 {padding-top:20px;}
.pt_30 {padding-top:30px;}
.pt_50 {padding-top:50px;}

.pb_20 {padding-bottom:20px;}
.pb_30 {padding-bottom:30px;}
.pb_40 {padding-bottom:40px;}
.pb_50 {padding-bottom:50px;}

.m_w-100 {max-width:100%;}

.lh_25  {line-height:25px;}

@media (min-width: 1600px){
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1600px;}
}

@media (min-width: 1400px){
	#main_area .container, #sub_area .container, footer .container {width:1280px;}
}

@media (min-width: 768px){
	.mb_md-20 {margin-bottom:20px;}
	.mb_md-25 {margin-bottom:25px;}
}

body {margin:0 auto;}

a {color:#000;}
a:hover {color:#e5005a;}
p {margin:0;}

#gmhwc_head, #gmhwc_head h1 {line-height:60px; margin:0;}
#gmhwc_head h1 img {width:110px;}
#gmhwc_head nav .col {position:relative; padding:0;}
#gmhwc_head nav .col > a {position:relative; display:block; padding:0 15px;}
#gmhwc_head nav .col > a:hover:after {content:''; width:100%; height:3px; position:absolute; left:0; bottom:0px; background-color:#e5005a;}
#gmhwc_head nav ul {display:none; position:absolute; top:100px; left:0; width:100%; line-height:normal; padding-top:20px; text-align:center; z-index:3; font-size:0.8em; letter-spacing: -0.5px;}
#gmhwc_head nav ul li {padding:10px 0;}
#gmhwc_head nav:hover ul {display:block;}

#gmhwc_head nav ul, #sub_menu_bg {height:320px;}
#sub_menu_bg {display:none; position:absolute; top:100px; left:0; width:100%; background-color:#f6f6f6; z-index:2;}

.top_btn {display:inline-block; width:90px; line-height: 36px; padding-top: 2px; border:1px solid #e4e4e4; border-radius:20px; text-align:center; margin-left:3px;}
.top_btn.type2 {background-color:#666666; border-color:#666666; color:#fff;}
.top_btn.type2:hover {background-color:#e5005a; border-color:#e5005a;}

.sum_menu_tab {display:none;}
.sum_menu_tab.active {display:block;}


footer {background:#23262f; color:#fff;}
#footer_top {line-height:70px; border-bottom:1px solid #393c44;}
#footer_top a {position:relative; margin-right:35px; color:#fff;}
#footer_top a:after {content: ''; position: absolute; right: -22px; top: 1px; width: 1px; height: 15px; background-color: #999999;}
#footer_top a:nth-last-child(1):after {display:none;}

#footer_bottom {padding:45px 0;}
#footer_bottom .left_box {width:270px;}
#footer_bottom .right_box span {margin:0 5px;}

#m_menu {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7); z-index:999; opacity:0; transition: all .35s linear; -webkit-transition: all .35s linear;}
#m_menu.show {opacity:1;}
#m_menu .container {position:absolute; top:0; right:-320px; width:320px; height:100%; background-color:#fff; padding-right: var(--bs-gutter-x,.75rem); padding-left: var(--bs-gutter-x,.75rem); transition: all .35s linear; -webkit-transition: all .35s linear;}
#m_menu.show .container {right:0;}
#m_menu .m_menu_top {background-color:#0599d9; color:#fff; }
#m_menu .m_menu_top a {color:#fff;}
#m_menu .m_menu_top .col-12 {line-height:75px; border-bottom:1px solid rgba(255,255,255,0.5);}
#m_menu .m_menu_close {float:right;}
#m_menu .m_menu_top .col-6 {line-height:40px; text-align:center; border-right:1px solid rgba(255,255,255,0.5);}
#m_menu .m_menu_content {border-bottom:1px solid #e4e4e4; height: calc(100% - 142px);}
#m_menu .m_menu_content .col-4{border-right:1px solid #e4e4e4; padding:0;}
#m_menu .m_menu_content .col-4 li {display:flex; align-items: center; justify-content: center; height:60px; border-bottom:1px solid #e4e4e4; line-height: 17px; text-align:center;}
#m_menu .m_menu_content .col-4 li.active {color:#0599d9;}

#m_menu .m_menu_content .col-12 {height:100%; overflow-y:auto;}
#m_menu .m_menu_content .col-12 p {position:relative; line-height:50px; padding:0 15px; color:#3d3d3d;}
#m_menu .m_menu_content .col-12 p a {color:#3d3d3d;}
#m_menu .m_menu_content .col-12 p.on_more:after {content:''; position:absolute; top:calc(50% - 10px); right:20px; display:block; width:20px; height:20px; background:url(../img/m_menu_arrow1.png) no-repeat right; background-size:9px;}			
#m_menu .m_menu_content .col-12 p.active a {color:#0599d9;}
#m_menu .m_menu_content .col-12 p.on_more.active:after {background-image:url(../img/m_menu_arrow2.png)}
#m_menu .m_menu_content .col-12 ul {display:none; padding:25px 0 5px; background-color:#f8f8f8;}
#m_menu .m_menu_content .col-12 ul li {padding:0 15px; margin-bottom:20px; color:#666666;     letter-spacing: -0.5px;}
#m_menu .m_menu_content .col-12 ul li.active a {color:#0599d9;}

.m_menu_footer {padding:16px 0; background-color:#f8f8f8; position:relative; z-index:5;}
.m_menu_footer .col {padding:0; padding-left:55px; border-right:2px solid #efefef;}
.m_menu_footer .col:nth-child(1) {background:url(../img/m_menu_footer_img1.png) 20px center no-repeat;}
.m_menu_footer .col:nth-child(2) {background:url(../img/m_menu_footer_img2.png) 20px center no-repeat;}

#gmhwc_head nav .col > a {padding:0 5px; letter-spacing: -1px;}

#footer_bottom .left_box h2 {margin-bottom:30px;}

.container {padding-left:20px; padding-right:20px;}

.btn_type1 {line-height:45px;}

#footer_top {line-height:60px; text-align:center;}
#footer_top a {margin-right:15px;}
#footer_top a:after {right: -12px; top: 1px; width: 1px; height: 10px;}
#footer_bottom {padding:25px 0 50px; text-align:center;}
#footer_bottom .left_box, #footer_bottom .right_box {width:100%;}
#footer_bottom .left_box img {width:110px;}
	

#gmhwc_head {border-bottom:1px solid #ececec;}

.gn2_box_style1 {padding:20px; background-color:#fff; border-radius:10px; box-shadow: 0px 15px 20px 0px rgb(0 0 0 / 10%)}

.box_list_text {display:flex;}
.box_list_text dt {width:20px; height:20px; line-height:19px; background-color:#e5005a; color:#fff; border-radius:100%; text-align:center;}
.box_list_text dd {width:calc(100% - 20px); padding-left:10px;}
.box_check_list {display:flex; flex-flow: wrap; position:relative; left:-5px; width:calc(100% + 10px); margin-bottom:-10px;}
.box_check_list input {display:none;}
.box_check_list .box{border:1px solid #dbdbdb; width:calc(50% - 10px); margin:0 5px; margin-bottom:10px; padding:10px; border-radius:5px; text-align:center; line-height:120%;}
.box_check_list input:checked + .box {border:2px solid #e5005a; color:#e5005a; padding:9px;}

.gn2_btn_style1 {display:block; line-height:55px; border-radius:28px; width:100%; background-color:#313a56; color:#fff; text-align:center;}
.gn2_btn_style1:hover {color:#fff;}
.gn2_btn_style1.type2 {width:200px; background-color:#fff; color:#765232; margin:0 auto;}
.gn2_btn_style1.type3 {background-color:#666666;}
.gn2_btn_style1.type4 {color:#000; background-color:#fff;}
.gn2_btn_style1.type4:hover {color:#fff;}

#page01_area {width:100%; height:100vh; background:url('../img/page01_bg1.jpg') no-repeat top; background-size:cover; padding-top: 40%;}

.page01_text_box {text-align:center;}

.gn2_bg_type2 .container {position: relative; min-height: calc(100vh - 61px); background:url('../img/page02_bg1.jpg') no-repeat top; background-size:cover; padding-bottom:120px;}
.gn2_bg_type2 .gn2_btn_style1 {
    position: static; 
    width: 100%;
    margin:0 auto;
    margin-top:2.0em;
}
#content_area_age .gn2_btn_style1 {
    width: calc(100% - 100px);
}

.gn2_bg_type3 {position: relative; min-height: calc(100vh - 61px); background:url('../img/page03_bg1.jpg') no-repeat bottom; background-size:cover;}

.box_check_list2 {display:flex; flex-flow: wrap; width:calc(100% - 100px); margin:0 auto; }
.box_check_list2 input {display:none;}			
.box_check_list2 .box {background-color:#fff; padding:10px; border-radius:10px; text-align:center; width:calc(50% - 20px); margin:0 10px; margin-bottom:20px;}
.box_check_list2 input:checked + .box {border:2px solid #e5005a; color:#e5005a; padding:8px;}
.box_check_list2 .box img {width:100%; border-radius:10px;}
.box_check_list2 .box div {margin-bottom:12px;}
@media (min-width: 992px){
    .box_check_list2 .box .f_s5 { font-size:20px; }
}
@media (max-width: 768px){
    .box_check_list2 {display:flex; flex-flow: wrap; position:relative; left:-10px; width:calc(100% + 20px); margin:0 auto; }
}

.box_check_list3 input {display:none;}
.box_check_list3 .box {display:flex; width:100%;  border-radius:10px; padding:10px; background-color:#fff; margin-bottom: 20px; align-items: center;}
.box_check_list3 input:checked + .box {border:2px solid #e5005a; color:#e5005a; padding:8px;}
.box_check_list3 .box img {width:60px; height:60px; border-radius:10px;}
.box_check_list3 .box p {padding-left:15px;}

.box_check_list4 input {display:none;}
.box_check_list4 .box {width:100%; padding:15px; padding-left:55px; background:#fff url(../img/check_icon1.png) 20px center no-repeat; border:1px solid #dbdbdb; border-radius:10px; margin-bottom:10px;}
.box_check_list4 input:checked + .box {background-color:#0599d9; color:#fff; font-weight:600; background-image:url(../img/check_icon2.png)}

.page_text {width:60px; height:30px; line-height:30px; color:#fff; border-radius:15px; background-color:#a3a3a3; margin:0 auto; margin-bottom:10px;}

.pageing_box {display:flex; position:relative; left:-5px; width:calc(100% + 10px);}
.pageing_box .gn2_btn_style1{width:50%; margin:0 5px;}

.gn2_input_box dl {margin-bottom:30px;}
.gn2_input_box dt {margin-bottom:10px;}
.gn2_input_box dd{display:flex; position:relative; left:-5px; width:calc(100% + 10px);}
.gn2_input_box dd .input1 {width:100%; line-height:30px; margin:0 5px; border:1px solid #eaeaea; background-color:#fff; border-radius:5px; padding:10px; color:#3d3d3d;}
.gn2_input_box dd input:checked + .input1 {background-color:#0599d9; color:#fff; border-color:#0599d9;}
.gn2_input_box dd.tab2 .input1{width:calc(100% / 2);}
.gn2_input_box dd.tab3 .input1{width:clac(100% / 3);}
.gn2_input_box select {background:url(../img/select_icon1.png) right 10px center no-repeat;}

.checkbox_style1 {padding-left:25px; line-height:20px; background:url(../img/checkbox_icon1.png) left center no-repeat; background-size:20px; letter-spacing: -1px;}
.checkbox_style1 a {color:#0599d9; text-decoration: underline;}
input:checked + .checkbox_style1 {background-image:url(../img/checkbox_icon2.png);}
