/* common */
.pcview{display:;}
.mobileview{display:none;}
.pcview2{display:;}
.mobileview2{display:none;}
.mobile_menu { display:none;}
.m_visual_txt{display:none;}
.m_btn{display:none;}
.pc_titleimg {display:;}
.mobile_titleimg {display:none;}

@media screen and (max-width: 1100px) {
.visual_txt {position:absolute;top:100px;left:5%;margin-left:0px;}
.main_cont04{width:100%;margin:0 auto;}

.bf_btn { width:220px !important;}
.bf_input_02 { margin-left:10px;}
.contsult_name_s2{ width:100px !important;}
.bottom_f { padding:20px !important;}
.chn_wrap .bottom_f {width:auto !important}
}

@media screen and (max-width: 1060px) {
.headding {border-bottom:1px solid #eeeeee;}
.content_list ul li img { width:95%;}
.gnb_1dli ul li a {padding:10px 0px}
}

@media screen and (max-width: 980px) {
/* common */
body {min-width:100%}
.pcview{display:none;}
.mobileview{display:block;}
.img80 {width:80%}
.img100 {width:100%}
#gnb {display:none}
#aside {display:none !important;}
.container_in {float:none; width:96%; margin:0 auto;}
#container {float:none; width:96%; margin:0 auto;}
.center { width:100%;}
.sub_visual{height:160px;}
.admin_btn {display:none}

#ft, #ft_wr {width:100%;min-width:100%;}
.tail_logo {  width:100%; float:none; text-align:center; padding: 0 0 1% 0;}
.tail_logo img{ height:40px;}
.copy_area { width:100%;  float:none; text-align:center;margin: 0;padding:13px; }
.admin_btn_box { text-align:center;}
.grid02 > ul > li {width:96%;float:none !important}

.main02 > ul > li.main02_01{margin-right:0px !important;}

.contsult_input {padding:30px 0px 20px 0px;border-top: 1px solid #ddd;}
.contsult_input li {float:none !important;}
.contsult_input1 {width:auto;padding-right:0px;margin-bottom:10px;}
.contsult_input2 {width:auto;}
.consult_sumit { background-position: center center;}
.sub_visual{height:200px}
#sub_p_nav_wrap {display:none !important}
#container_title{margin-top:30px !important}

#hd, #wrapper, #ft {min-width:100%}
#hd_pop, #hd_wrapper, #tnb ul, #container_wr, #ft_wr {width:100%}
.leftmenu li{display:inline-block;width:50%;background-image:url(../image/submenu_arrow.png);background-repeat:no-repeat;background-position:155px 22px}

/* main */
#hd { display:none}
.mobile_menu { display:block;}

.visual_txt{display:none;}
.m_visual_txt{display:block;}
.visual01 {height:auto;background:none}
.visual02 {height:auto;background:none}
.visual03 {height:auto;background:none}
.visual04 {height:auto;background:none}
.visual05 {height:auto;background:none}

.location {display:none;}

.main01 {padding-bottom:10px}
.main02_wrap {padding:1%}
.main02 {}
.main02 > ul > li.main02_01{width:100%;height:auto}
.main02 > ul > li.main02_02{width:100%}
.main02_02 {display:none !important}
.main02_02_mobile {display:block;margin:1% 0}
.main03 > ul > li{padding:1% 2%;display:block}
.main03 > ul > li:last-child{padding:1% 2%}

.main03_2{ clear:both;overflow:hidden;margin:0 0.5%;}
.main03_2 ul li { float:left; width:49%; padding-left:1.5%; padding-bottom:7px; overflow:hidden; }
.main03_2 ul li img { width:100%; }

.site {width:90%;margin:0 auto;text-align:center;}
.site ul{width:100%;text-align:center;}
.site li{margin:0px !important;padding:0 0 20px 0;text-align:center;}

.txt19 li.right{width:100% !important;}

.sub_qtitle01 { width:22%;}
}

@media screen and (max-width: 950px) {

}

@media screen and (max-width: 768px) {

#gallery_wrap{margin-top: 50px;height: auto;}
.sub_visual{margin-top: 50px}
#container_wrap {margin-top:10px;}
.sub_title { font-size:1.8em;padding:20px 0;  }

.txt06{padding:20px 10px}
.txt14 {padding:10px 10px 10px 0px;background-image:none}
.txt15 > ul > li{display:block;width:100%}
.txt17 {padding:10px;background-image:none}
.txt18 {padding:10px;background-image:none}
.txt13_2 {padding:10px}
.txt13_3 {padding:10px}
.txt13_3 div{width:100%}
.table01 th{font-size:12px}
.table01 td{font-size:12px}
.txt20 {padding:0px;background-image:none}
.txt22 {padding:0px;background-image:none}
.txt23 {padding:0px;}
.txt24 {padding-left:0px;}
.txt26, .txt27 {padding:10px 10px 10px 0px;background-image:none}

.sub_qtitle01 { width:30%;}
.sub_qtitle02 { display:none;}

.sub_q {  }
.sub_qtitle01 { width:30%;}
.sub_qtitle02 { display:none;}
.contsult_name_sub { width:130px;}
.sub_q_input03 { margin:10px 0 0 0;}
.sub_q_consult_sumit { margin:10px 0 0 0; width: 450px;}

.map li{float:none;width:100%;margin-bottom:30px;}
.map2 th{width:90px;padding:5px 10px 5px 0;}

.bft_1, .bft_2, .bf_t02 { float:none !important; text-align:center; width:100% !important;} 
.bf_t02 { margin:15px 0 10px 0 !important;}
.bf_input { overflow: hidden; margin:10px auto 0 !important;padding:10px;width:auto;}
.bf_btn { width:100% !important; margin:15px auto 0 !important; float:none !important;}

.sub05_3_5_list li {width: 90px;height: 90px;font-size: 14px;padding-top: 28px;margin: 0 30px 15px 0;}
.sub05_3_5_list li:after {width: 10px;top: -25px;left: 100px;}
.sub05_3_5_list li:nth-child(5) ~ li {padding-top: 35px;}
}


@media screen and (max-width: 640px) {

#container_title { font-size:1.8em;margin:0 0 30px 0px;}
.pagetab {margin:10px}
.pagetab > ul.tab li {width:100px}

.sub_txt01 h2{font-size:1.8em;}
.sub_txt01 > span {font-size:1.4em;}

.txt11 > ul > li.left{width:100%;padding:20px}
.txt11 > ul > li.right{width:100%;padding:20px}

.sub_q { position:relative;}
.contsult_name_sub { width:130px;}
.sub_q_input03 { margin:10px 0 0 0;}
.sub_q_consult_sumit { margin:10px 0 0 0; width: 450px;}

.sub_qtitle01 { width:29%; padding-left:10px; font-size:23px;}
.sub_q_checkbox { margin-top:10px;} 
.sub_q_input01, .sub_q_input03 { float:none; margin:0;} 
.sub_q_input02  { float:none; margin:10px 0;} 
.sub_q_input_name { margin:0; width:18%;} 
.contsult_name_sub  { width:200px; }
.input_tel_sub { width:100px; }
.input_select1_sub { width:100px;padding:0px}
.sub_q_consult_sumit { width: 530px;} 

.main01 { clear:both;margin:5px}
.main01 ul li {overflow:hidden; padding-top:5px;}
.main01 ul li img { width:100%; }
.main01 > ul > li+li {margin-left:0;}

.main02 > ul > li.main02_01{padding:15px 20px;background:#fff}
.main02 > ul > li.main02_01 > .main02_01_title {padding:15px 0}
.main02 > ul > li.main02_01 > .main02_01_title img {width:70%}

.main03{ clear:both;overflow:hidden;margin:0 0.5%;}
.main03 ul li { float:none;display:inline-block;width:100%; overflow:hidden; padding:1%}
.main03 ul li img { width:100%; }

.main03 > ul > li{padding:1% 1%;display:block}
.main03 > ul > li:last-child{padding:1% 1%}

.main01_wrap {padding:0;}
.main03_wrap {display:none;}
.main04_title {margin-bottom:10px;width:100%}
.main04_wrap {padding:0;}

.main04{ clear:both;margin:0 0.5%;}
.main04 ul li { float:left; width:49%; padding-left:7px; padding-bottom:7px; overflow:hidden; }
.main04 ul li img { width:100%; }

.site{ clear:both;margin:0 0.5%;width:100%}
.site ul li { float:left; width:49%; padding-left:7px; padding-bottom:7px; overflow:hidden; }
.site ul li img { width:100%; }

.ftpadding {padding-bottom:0px !important;}


.bf_input_02 { margin-left:0;}

#ft{padding:20px 0 90px 0;}
.m_btn {display:block;width:100%;}

.headding.chn_headding {height: auto;}
.headding.chn_headding .head_wrap {width:auto;}
.headding.chn_headding .head_wrap #cd-logo {float: inherit;}
.headding.chn_headding .head_wrap .nav {float: inherit;margin: 0;background: #1a191a;}
.headding.chn_headding .head_wrap .nav a {width: 25%;display: inline-block;border: 1px solid #5f5f5f;box-sizing: border-box;float: left;text-align: center;padding: 10px 0;margin-top: -1px;font-size: 16px;}
.head_wrap .nav {float: inherit;}
.chn_head, .chn_wrap .bottom_f, .chn_p02 ul {width: auto;}
.chn_wrap {margin-top: 87px;}
.chn_wrap .chn_p02 h3 img {width: 60%;}
.chn_wrap h3 {padding-bottom: 20px;}
.chn_wrap h3 img {width: 80%;margin: 0 auto;}
.chn_wrap .m_text, .chn_kakao img {width: 100%;}
.chn_wrap+#ft {padding-bottom: 0;}
.chn_wrap+#ft .copy_area {margin-top: 0;padding-top: 0;}
.chn_p01 img, .chn_p02 ul, .chn_p03 img, .chn_p04 img, .chn_kakao img {display: none;}
.chn_p01 img.m_main_head, .chn_p02 .m_lst, .chn_p03 .m_text, .chn_p03 h3 img, .chn_p04 .m_text, .chn_p04 h3 img, .chn_kakao .m_kakao {display: block;}
.chn_p02 ul {padding: 20px;}
.chn_p02 ul li {padding: 0;}
.chn_p02 ul li img {width: 100%;}
.chn_p03 p {padding-top: 0;}

.form01_btn input {width:100%}
.lt_title {background:#33366b;}
}

@media screen and (max-width: 550px) {

.sub_qtitle01 { width: 100%; text-align: center;}
.sub_q_checkbox { margin-top:7px; text-align: center; float:none;} 
.sub_q_consult_btn { float:none;} 
.sub_q_consult_sumit  { width: 98%;margin: 2% 1%}

.bft_2 { margin-left:0 !important;}
.input_name2 { width:80px;margin-right:0 !important}
.input_tel3 {width:75px;}
.contsult_name_s2 { width:211px !important;}
.consult_sumit3 {background: url(../image/s_cs_btn_m.gif) no-repeat;background-size: contain;height:93px;}
.txt03 img {width:100%}
.txt16 {padding: 0;background-image: none;}
}

@media screen and (max-width: 480px) {

.input_select1_sub { width:80px}
.input_tel_sub { width:60px;}

.bf_input_01, .bf_input_02 { width:100% !important;float: initial;}
.contsult_name_s2 { width:auto !important;}
}
@media screen and (max-width: 340px) {

.input_name2 { font-size:17px; width:50px;}
/*
.map_navi > ul {width:100% !important; }
.map_navi > ul > li {  width:100% !important;;}
.map_content img {width:100%;}
*/

}