::selection{background:rgba(3,184,179,0.1);}
body{background:url("images_2021/bg.png") repeat fixed center; padding:0; margin:0; posoition:relative; font-family: 'Nanum Gothic', sans-serif; height:100%;}
.clearfix{margin:0; padding:0;}
.childdiv{background:#fff; border-radius:30px; box-shadow:2px 5px 15px #ddd; margin:15px; vertical-align:middle; }
#body_bg{background:#fff no-repeat center top; padding:0; margin:0 15% 3%; border-bottom-left-radius:30px; border-bottom-right-radius:30px; box-shadow:0px 5px 10px #ddd;}
#body_ct{padding:0; margin:0;}

.hide_clickview_box{position:absolute; background:rgba(0,0,0,0); width:100%; height:100%; text-align:center; display:none; z-index:1001; }
.hide_clickview_box .h_cv_btnbox{display:inline-block; background:#fff; width:700px; height:auto; border:1px solid #ddd; margin-top:15%;}
.hide_clickview_box .h_cv_btnbox div{display:block;}
.hide_clickview_box .h_cv_btnbox div.h_cv_title{padding-left:20px; background:#33485d; width:680px; height:60px; line-height: 60px;}
.hide_clickview_box .h_cv_btnbox div.h_cv_title b,
.hide_clickview_box .h_cv_btnbox div.h_cv_title a{display:inline-block;}
.hide_clickview_box .h_cv_btnbox div.h_cv_title b{float:left; color:#fff;}
.hide_clickview_box .h_cv_btnbox div.h_cv_title a{float:right; display:inline-block; background:url("images_2021/layer_close.png") no-repeat top right; width:60px; height:60px;}
.hide_clickview_box .h_cv_btnbox div.h_cv_cont{padding:30px; text-align:center;}
.hide_clickview_box .h_cv_btnbox div.h_cv_cont span{display:inline-block; width:100%; color:#888; font-size:15px; margin-bottom:20px;}
.hide_clickview_box .h_cv_btnbox div.h_cv_cont a{display:inline-block; width:300px; height:250px;  background:#fff; border:2px solid #ddd;}
.hide_clickview_box .h_cv_btnbox div.h_cv_cont .h_cv_btn_2{margin-left:20px;}
.hide_clickview_box .h_cv_btnbox div.h_cv_cont a:hover{border:2px solid #029189; margin-top:0;}
.hide_clickview_box .h_cv_btnbox div.h_cv_cont #h_cv_btn_ss{background:url("images_2021/popup-ss.png") no-repeat center center;}
.hide_clickview_box .h_cv_btnbox div.h_cv_cont #h_cv_btn_lg1{background:url("images_2021/popup-lg-1.png") no-repeat center center;}
.hide_clickview_box .h_cv_btnbox div.h_cv_cont #h_cv_btn_lg2{background:url("images_2021/popup-lg-2.png") no-repeat center center;}
.hide_clickview_box .h_cv_btnbox div.h_cv_cont #h_cv_btn_hw1{background:url("images_2021/popup-hw-1.png") no-repeat center center;}
.hide_clickview_box .h_cv_btnbox div.h_cv_cont #h_cv_btn_hw2{background:url("images_2021/popup-hw-2.png") no-repeat center center;}
.hide_clickview_box .h_cv_btnbox div.h_cv_cont #h_cv_btn_atc{background:url("images_2021/popup-atc.png") no-repeat center center;}
.hide_clickview_box .h_cv_btnbox div.h_cv_cont p{display:inline-block; width:100%; color:#888; font-size:15px; margin-top:20px; margin-bottom:0; line-height:25px;}

.main{display:block; text-align:center; padding:5% 0 2% 0 ; margin:0;}
.main #parent_1{display:inline-block; width:100%; text-align:center;}
.main .cdiv_1{display:inline-block; vertical-align:middle; padding:0;}
.main #main_1{width:43%; text-align:right; margin-right:1%;}
.main #main_2{width:53%; text-align:left; margin-left:1%;}
.main #main_1 #main_icon{display:inline-block; text-align:right; padding-bottom:10px;}
.main #main_1 #main_icon img{width:180px; height:180px;}
.main #main_2 #main_text{color:#029189;}
.main #main_2 #main_text b#mt_b1{font-size:40px; font-weight:700;}
.main #main_2 #main_text b#mt_b2{font-size:70px; font-weight:800;}
.main #main_2 #main_text span{font-size:30px; font-weight:700; }

.contents{display:block; padding:2% 0 5% 0; margin:0 auto; text-align:center; }
.contents #parent_2{display:inline-block; width:100%; margin:0; padding:0;}
.contents #parent_2 .cdiv_2{display:inline-block; width:550px; height:120px; padding:0;}
.contents #parent_2 #p2_hide{display:none; width:0; height:0; padding:0; margin:0;}
.contents #parent_2 #btn_m{width:400px; background:#fff6f6;}
.contents #parent_2 #btn_m a{display:inline-block; background:url("images_2021/btn_m.png") no-repeat center top; width:400px; height:120px; border-radius:30px;}
.contents #parent_2 #bg_btn_r{width:700px; background:url("images_2021/bg_btn_r.png") no-repeat center top;}
.contents #parent_2 #bg_btn_r .r_btn{display:inline-block; padding-top:65px; vertical-align:top;}
.contents #parent_2 #bg_btn_r .r_btn img{vertical-align:middle;}
.contents #parent_2 #bg_btn_r .r_btn .r_btn_hide{display:none;}
.contents #parent_2 #bg_btn_r .r_btn b{display:inline-block;  border-radius:50%; width:40px; height:40px; line-height:40px; font-size:20px; color:#fff;}
.contents #parent_2 #bg_btn_r #r_btn_w b{background:#00b4f1;}
.contents #parent_2 #bg_btn_r #r_btn_a{padding-left:20px;}
.contents #parent_2 #bg_btn_r #r_btn_a b{background:#94c248; border-radius:50px; width:auto; padding:0 15px 0 15px;}

.contents #parent_3{width:100%; height:auto;}
.contents #parent_3 .cdiv_3{display:inline-block; height:540px;}
.contents #parent_3 .d_btn_title{padding:185px 0 10px;}
.contents #parent_3 a{display:inline-block; border-radius:15px;}
.contents #parent_3 a div{border-radius:15px;}
.contents #parent_3 #bg_btn_t{width:400px; background:url("images_2021/bg_btn_t.png") no-repeat center top;}
.contents #parent_3 #bg_btn_t a{width:300px; height:260px; background-size:100%;}
.contents #parent_3 #bg_btn_t a div{width:300px; height:100%; background-size:100%; margin:0 auto;}
.contents #parent_3 #d_btn_t_1{background:#0067b8;}
.contents #parent_3 #d_btn_t_1 div{background:url("images_2021/btn_w_1_w1.png") no-repeat center center; width:400px; height:200px;}
.contents #parent_3 #bg_btn_s{width:700px; background:url("images_2021/bg_btn_s.png") no-repeat center top;}
.contents #parent_3 #bg_btn_s .d_btn_s_box{width:600px; margin:0 auto; margin-bottom:10px;}
.contents #parent_3 #bg_btn_s .d_btn_s_box a{display:inline-block; width:600px; height:60px;}
.contents #parent_3 #bg_btn_s .d_btn_s_box a .d_btn_s_img{width:100%; height:100%; margin:0 auto;}
.contents #parent_3 #bg_btn_s .d_btn_s_box .d_btn_s_st{height:20px; margin:15px 0 5px; text-align:left;}
.contents #parent_3 #bg_btn_s .d_btn_s_box .d_btn_s_st img{height:20px;}
.contents #parent_3 #d_btn_s_1{background:#1429a0;}
.contents #parent_3 #d_btn_s_1 div{background:url("images_2021/btn_a_1.png") no-repeat center center;}
.contents #parent_3 #d_btn_s_2{background:#9c1d34;}
.contents #parent_3 #d_btn_s_2 div{background:url("images_2021/btn_a_2.png") no-repeat center center;}
.contents #parent_3 #d_btn_s_3{background:#fd6d50;}
.contents #parent_3 #d_btn_s_3 div{background:url("images_2021/btn_a_3.png") no-repeat center center;}
.contents #parent_3 #d_btn_s_4{background:#00875c;}
.contents #parent_3 #d_btn_s_4 div{background:url("images_2021/btn_a_4.png") no-repeat center center;}

.contents #parent_4 .cdiv_4{display:inline-block; background:url("images_2021/bg_cs.png") no-repeat center top; width:1140px;}
.contents #parent_4 .cs_c{display:inline-block; padding:5px 0 10px 0; width:30%; height:50px; line-height:50px; margin-top:55px;}
.contents #parent_4 .cs_c img{vertical-align:middle; width:35px; height:35px; margin-right:10px;}
.contents #parent_4 .cs_c span{font-size:20px; line-height:50px; font-weight:bold; color:#fff;}

@media ( max-width: 1900px ) {
	.hide_clickview_box .h_cv_btnbox{margin-top:20%;}
}
@media ( max-width: 1700px ) {
	.hide_clickview_box .h_cv_btnbox{margin-top:25%;}
	#body_bg{margin:0 10% 5%;}
}
@media ( max-width: 1500px ) {
	#body_bg{margin:0 5% 3%;}
}
@media ( max-width: 1350px ) {
	.hide_clickview_box .h_cv_btnbox{margin-top:35%;}
	.childdiv{margin:10px;}
	.contents #parent_2 #btn_m{width:400px;}
	.contents #parent_2 #bg_btn_r{width:600px;}
	.contents #parent_3 #bg_btn_t{width:350px;}
	.contents #parent_3 #bg_btn_s{width:650px;}
	.contents #parent_4 .cdiv_4{width:1030px;}
	.contents #parent_4 .cs_c{width:49%;}
}
@media ( max-width: 1200px ) {
	.hide_clickview_box .h_cv_btnbox{margin-top:40%; width:70%;}
	.hide_clickview_box .h_cv_btnbox div.h_cv_title{padding-left:5%; width:95%;}
	.hide_clickview_box .h_cv_btnbox div.h_cv_cont{padding:5%; width:90%; text-align:center;}
	.contents #parent_2{text-align:center;}
	.contents #parent_2 .cdiv_2{padding:0; margin-top:5px;}
	.contents #parent_2 #p2_hide{display:block;}
	.contents #parent_3 .cdiv_3{width:85% !important; height:auto;}
	.contents #parent_3 #bg_btn_s .d_btn_s_box .d_btn_s_st{text-align:center; margin:20px 0 10px;}
	.contents #parent_2 #bg_btn_r{width:85%;} 
	.contents #parent_3 #bg_btn_t{height:320px;}
	.contents #parent_3 #bg_btn_t a{margin-top:0; height:60px; width:600px;}
	.contents #parent_3 #bg_btn_t a div{width:80%;}
	.contents #parent_3 #d_btn_t_1 div{background:url("images_2021/btn_w_2_w2.png") no-repeat center center;}
	.contents #parent_3 #bg_btn_s #d_btn_s_4_box{margin-bottom:30px;}
	.contents #parent_3 #bg_btn_s a div{background-size:80%;}
	.contents #parent_4 .cdiv_4{width:85%;}
	.contents #parent_4 .cs_c{width:40%;}
}
@media ( max-width: 1024px ) {
	.hide_clickview_box .h_cv_btnbox div.h_cv_cont a{width:45%;}
	.hide_clickview_box .h_cv_btnbox div.h_cv_cont .h_cv_btn_2{margin-left:4%;}
	#body_bg{margin:0 5% 5%;}
	.contents #parent_2 #bg_btn_r #r_btn_w{padding-top:65px;}
	.contents #parent_3 #bg_btn_t a{width:90%;}
	.contents #parent_3 #bg_btn_s .d_btn_s_box{width:90%;}
	.contents #parent_3 #bg_btn_s .d_btn_s_box a{display:block; margin-bottom:10px;}
	.contents #parent_3 #bg_btn_s #d_btn_s_1_box a,
	.contents #parent_3 #bg_btn_s #d_btn_s_2_box a,
	.contents #parent_3 #bg_btn_s #d_btn_s_3_box a,
	.contents #parent_3 #bg_btn_s #d_btn_s_4_box a{width:100%;}
	.contents #parent_4 .cs_c{display:block; width:99%; margin:0;}
	.contents #parent_4 #cs_tel{margin-top:55px;}
}
@media ( max-width: 800px ) {
	.hide_clickview_box .h_cv_btnbox{width:80%;}
	.hide_clickview_box .h_cv_btnbox div.h_cv_title{padding-left:7%; width:93%;}
	.hide_clickview_box .h_cv_btnbox div.h_cv_cont{padding:7%; width:86%; text-align:center;}
		.hide_clickview_box .h_cv_btnbox div.h_cv_cont a{width:45%;}
	.hide_clickview_box .h_cv_btnbox div.h_cv_cont .h_cv_btn_2{margin-left:4%;}
	.hide_clickview_box .h_cv_btnbox{margin-top:45%;}
	.hide_clickview_box .h_cv_btnbox div.h_cv_cont #h_cv_btn_ss{background:url("images_2021/popup-ss-m.png") no-repeat center center;}
	.hide_clickview_box .h_cv_btnbox div.h_cv_cont #h_cv_btn_lg1{background:url("images_2021/popup-lg-1-m.png") no-repeat center center;}
	.hide_clickview_box .h_cv_btnbox div.h_cv_cont #h_cv_btn_lg2{background:url("images_2021/popup-lg-2-m.png") no-repeat center center;}
	.hide_clickview_box .h_cv_btnbox div.h_cv_cont #h_cv_btn_hw1{background:url("images_2021/popup-hw-1-m.png") no-repeat center center;}
	.hide_clickview_box .h_cv_btnbox div.h_cv_cont #h_cv_btn_hw2{background:url("images_2021/popup-hw-2-m.png") no-repeat center center;}
	.hide_clickview_box .h_cv_btnbox div.h_cv_cont #h_cv_btn_atc{background:url("images_2021/popup-atc-m.png") no-repeat center center;}
	.hide_clickview_box .h_cv_btnbox div.h_cv_cont p{font-size:13px;}
	.contents #parent_2 #bg_btn_r{height:auto;}
	.contents #parent_2 #bg_btn_r .r_btn{display:block; padding:0;}
	.contents #parent_2 #bg_btn_r #r_btn_a{padding:10px 0 15px 0; }	
	.main #main_1 #main_icon img{width:150px; height:150px;}
	.main #main_2 #main_text b #mt_b1{font-size:30px;}
	.main #main_2 #main_text b #mt_b2{font-size:60px;}
	.main #main_2 #main_text span{font-size:20px;}
}
@media(max-width:650px){
	.contents #parent_3 #d_btn_t_1 div{background:url("images_2021/btn_w_3_m.png") no-repeat center center;}
	.contents #parent_3 #d_btn_s_1 div{background:url("images_2021/btn_a_1_m.png") no-repeat center center;}
	.contents #parent_3 #d_btn_s_2 div{background:url("images_2021/btn_a_2_m.png") no-repeat center center;}
	.contents #parent_3 #d_btn_s_3 div{background:url("images_2021/btn_a_3_m.png") no-repeat center center;}
	.contents #parent_3 #d_btn_s_4 div{background:url("images_2021/btn_a_4_m.png") no-repeat center center;}
}
@media ( max-width: 550px ) {
	.contents #parent_2 #btn_m{width:85%;}
	.contents #parent_2 #btn_m a{width:100%; background:url("images_2021/btn_m_m.png") no-repeat center top;}
	.contents #parent_3 .cdiv_3{height:auto;}
	.contents #parent_3 .cdiv_3 p{font-size:15px; line-height:25px;}
	.contents #parent_3 .cdiv_3 p span{display:none;}
	.contents #parent_3 #bg_btn_t a{width:85%; height:60px; overflow:hidden; margin:0 auto; text-align:center;}
	.contents #parent_3 #bg_btn_t a div{display:inline-block; width:250px; height:100%; }
	.contents #parent_3 #bg_btn_s a{width:85%; height:100px; overflow:hidden; margin:0 auto 10px; text-align:center;}
	.contents #parent_3 #bg_btn_s a div{display:inline-block; width:250px; height:100%;}
}
@media ( max-width: 500px ) {
	.main #main_1{width:43%;}
	.main #main_2{width:52%;}
	.main #main_1 #main_icon img{width:120px; height:120px;}
	.main #main_2 #main_text b#mt_b1{font-size:20px;}
	.main #main_2 #main_text b#mt_b2{font-size:40px;}
	.main #main_2 #main_text span{font-size:15px;}
	.contents #parent_2 #bg_btn_r .r_btn .r_btn_hide{display:inline;}
	.contents #parent_4 .cs_c span{font-size:17px;}
}