@charset "utf-8";
.clear{clear: both;}

.STATICMENU {position: fixed; right: 50%; top: 100px; margin-right: -48%;z-index:20000;width:115px;text-align:center; visibility: hidden;height: 0;opacity: 0; transition: all 0.5s ease 0s;}
.show{height: auto;opacity: 1; visibility: visible;}
.q_menu{font-size:14px;font-weight:bold;border-top:4px solid #1dabda;}
.q_menu p{background:#fff;color:#222;border:1px solid #d7d7d7;border-bottom:none;}
.q_menu p a{line-height:94px;color:#4f4f4f;}
.q_menu p.top{background:#2f2f2f;border-color:#2f2f2f;font-size:12px;}
.q_menu p.top a{color:#fff;line-height:34px;}
.q_menu p.top i{display:inline-block;vertical-align:middle;width:11px;height:10px;background:url('../images/common/blet_top.png') no-repeat;}

.contents_w{overflow:hidden;margin:0 auto; width: 1200px;}
.sub_contents_w{overflow:hidden; width:1200px;margin:100px auto;}
.navbar-toggle_pc{display:none;}


.nav_freehugin{height:0;display:none;}

#header {
    position:relative; height: 150px; z-index:100; background:#fff;  border-bottom:1px solid #e4e4e4;
}
#header .contents_w{position:relative; overflow:visible;}
.navbar-collapse_pc{position: relative; width: 100%; background-color: #ff896f; height: 50px; top:80px;}
.navbar-collapse_pc h1.nav_logo{width:220px; top:20px; display: inline-block;}
.navbar-collapse_pc .nav_kakao {
    position: absolute; right: 20px; top: 26px; z-index: 101;margin: 0; padding: 0 !important;
}
.navbar-collapse_pc .nav_kakao ::after{content:""; display: block; clear: both;}

#Fix{position: fixed; top:0; width:100%; height: 170px; z-index: 999;}
#header .top_part{position:relative;width:100%;z-index:101;font-size:12px;}
#header .top_part dl{float:left;width:120px;text-align:center;}
#header .top_part dl dt a{display:block;line-height:30px;border-left:1px solid #d7d7d7;}
#header .top_part dl dd{display:none;position:absolute;top:31px;left:0;width:121px;background:#fff;}
#header .top_part dl dd a{display:block;line-height:30px;border:1px solid #d7d7d7;border-top:0;}
#header .top_part dl dd a:hover{background:#1dabda;color:#fff;}
#header .top_part p{float:left;width:120px;text-align:center;}
#header .top_part p a{display:block;line-height:30px;border-left:1px solid #d7d7d7;}
#header .top_part div{float:left;padding-left:8px;border-left:1px solid #d7d7d7;}
#header .top_part div a{display:inline-block;vertical-align:top;width:30px;height:30px;text-align:center;}
#header .top_part div a img{vertical-align:middle;margin-top:6px;}
#header .top_util{line-height: 16px; position:absolute; top:11px !important; right:95px !important; z-index: 101;}
#header .top_util a{display:inline-block;text-align:center;padding:0 7px 0 3px; border-right:1px solid #d7d7d7; font-size:12px;}
#header .top_util a:last-child{border-right:none;}
#header .nav_kakao{position:absolute; top:7px; right:64px; z-index: 101; }
#header .nav_naver{position:absolute; top:7px; right:34px; z-index: 101; }
#header .nav_instar{position:absolute; top:6px; right:0; z-index: 101; }
#header .nav_naver img{width:22px; height: auto; }

#header .fh_in{position:absolute;top:0;right:0;width:85px;padding-right:5px;line-height:35px;text-align:center;background:#f26c4f url('../images/common/bg_fh_in.gif') no-repeat right top;}
#header .fh_in a{color:#fff;display:block;font-weight:bold;font-size:13px;}

#header h1{clear:both; z-index: 102;position: absolute; padding:20px 0; }
#header ul.nav_btn{float: right; margin-top: 25px;}
#header ul.nav_btn a li{display: inline-block; padding: 8px 10px; border-radius: 10px; margin-left: 10px; background-color: #333; color:#fff;}
#header ul.nav_btn a li img{margin-right: 3px; width:auto;}
#header ul.nav_btn a li.free_in{background-color: #e2e2e2; color:#777;}

#GNB{background-color: #f7f7f7; height: 40px; text-align: center; }
#GNB .gnb_pc{width:1200px; margin:0 auto; border:1px solid black;}

#header .s_memn{padding:0; width: 1200px !important;  right: 0; left: 0; top:0; margin: 0 auto; padding-bottom:0 !important; position: absolute; z-index: 100; text-align: center; transform:none !important; background-color:none;}
/*#header .s_memn{position:absolute;top:23px;right:none  !important;z-index:100; width: 100% !important; text-align: center; transform: none !important;}*/
#header .s_memn > li{display:inline-block; padding:0; font-size:18px; width:170px; float: left; position: relative;}
#header .s_memn > li:hover{}
/*#header .s_memn > li{position:relative; display:inline-block; padding:0; font-size:18px; }*/
#header .s_memn > li > a{display:inline-block;line-height:50px; color:#fff; font-family: 'KoPubDotumLight'; width:100%; font-size: 19px; cursor: default;}
#header .s_memn > li:hover >a{border:none; background-color:#f37b60; color:#fff; }
#header .s_memn > li.last{padding-right:0;background:none;}
#header .s_memn > li > div{visibility: hidden;height: 0;opacity: 0; transition: all 0.5s ease 0s;position:fixed;top:89px;left:0; width:100%; text-align:center;}
#header .s_memn > li:hover > div{height: auto;opacity: 1; visibility: visible;}
#header .s_memn > li > div > i{display:block;position:absolute;top:0;left:0;width:100%;text-align:center;}
#header .s_memn > li > div > ul{margin-top:15px;border-bottom:1px solid #d7d7d7;border-left:1px solid #d7d7d7;border-right:1px solid #d7d7d7;padding:20px 0;background:#fff; font-size:15px;}
#header .s_memn > li > div > ul li{padding:20px 0 19px 28px;text-align: left; border-bottom: 1px solid #d7d7d7; line-height: 1.5em;}
#header .s_memn > li > div > ul .menu_sub:hover{background-color: #e7e3e2;}
#header .s_memn > li > div > ul li a{font-weight:normal;}
#header .s_memn > li > div > ul li a:hover{}
#header .s_memn > li > div > ul .menu_sub_line_second {padding: 0px; float: left; width: 253px;}


#header .s_memn .menu_common_wrap {
    position: absolute;  height: 497px; float: left; width: 100%; left: -50%; background-color: #ff896f; border-bottom: 1px solid #d7d7d7; color: white; border-top: 1px solid #d7d7d7;
}
#header .s_memn .menu_common_wrap .menu_common_p {
    font-size: 16px; right: 0; text-align: right; margin: 32px 40px 0 0px; line-height: 1.5; font-family: 'KoPubDotumLight'; height: 175px;
}
#header .s_memn .menu_common_wrap .menu_common_p span {
    font-size: 30px; line-height: 2;
}
#header .s_memn .menu_common_wrap .menu_common {
    width: 184px; height: 200px; float: right; font-size: 16px; margin: 67px 40px 0 0px; font-family: 'KoPubDotumLight';
}
#header .s_memn .menu_common_wrap .menu_common .menu_common_item {
    width: 184px; height: 40px; background-color: #ffa38e; border: 1px solid #ffc8bb; margin-bottom: 8px;
}
#header .s_memn .menu_common_wrap .menu_common .menu_common_item a {
    line-height: 2.4; color: white; font-family: 'KoPubDotumLight';
}
#header .s_memn .menu_main {
    width: 253px; height: 497px; float: left; margin: 0 auto; left: 50%; position: absolute; padding: 0px; border-top: 1px solid #d7d7d7;
}
#header .s_memn .menu_img_01 {
    width: 50%; height: 497px; float: left; left: 50%; margin-left: 253px; background-size : cover !important; background: url('../images/common/s_memn_bg_01.jpg'); position: absolute;  border-bottom: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7;
}
#header .s_memn .menu_img_02 {
    width: 50%; height: 497px; float: left; left: 50%; margin-left: 253px; background-size : cover !important; background: url('../images/common/s_memn_bg_02.jpg'); position: absolute;  border-bottom: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7;
}
#header .s_memn .menu_img_03 {
    width: 50%; height: 497px; float: left; left: 50%; margin-left: 505px; background-size : cover !important; background: url('../images/common/s_memn_bg_03.jpg'); position: absolute;  border-bottom: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7;
}
#header .s_memn .menu_img_04 {
    width: 50%; height: 497px; float: left; left: 50%; margin-left: 253px; background-size : cover !important; background: url('../images/common/s_memn_bg_04_3.jpg'); position: absolute;  border-bottom: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7;
}
#header .s_memn .menu_img_05 {
    width: 50%; height: 497px; float: left; left: 50%; margin-left: 253px; background-size : cover !important; background: url('../images/common/s_memn_bg_08.jpg'); position: absolute;  border-bottom: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7;
}
#header .s_memn .menu_img_06 {
    width: 50%; height: 497px; float: left; left: 50%; margin-left: 253px; background-size : cover !important; background: url('../images/common/s_memn_bg_06.jpg'); position: absolute;  border-bottom: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7;
}
#header .s_memn .menu_img_07 {
    width: 50%; height: 497px; float: left; left: 50%; margin-left: 253px; background-size : cover !important; background: url('../images/common/s_memn_bg_07.jpg'); position: absolute;  border-bottom: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7;
}




#header .gnb {position:relative;}
#header .gnb:after {content:""; display:block; clear:both;}
#header .gnb li.gnb_item {float:left; width:12.5%; position:relative;}
/* #header .gnb {display:table; table-layout:fixed;}
#header .gnb li.gnb_item{display:table;} */
#header .gnb li.gnb_item > a {display:block; line-height:45px; font-size:16px; text-align:center; font-weight:bold; color:#fff;}
#header .gnb li.gnb_item:hover > a {color:#fff;background:url('../images/common/bg_gnb_hover.png') repeat;}
#header .gnb li.gnb_item a.active_nav {color:#67804e;}
#header .gnb li.gnb_item .nav_sec {width:100%; height:0; overflow:hidden; position:absolute; top:45px; left:0; z-index:2;background:#fff url('../images/common/bar_nav_sec.gif') repeat-y right top;
	-webkit-transition:height 300ms ease-in-out;
	-moz-transition:height 300ms ease-in-out;
	-ms-transition:height 300ms ease-in-out;
	-o-transition:height 300ms ease-in-out;
	transition:height 300ms ease-in-out
}
#header .gnb li.gnb_item .nav_sec.open_menu { height:264px;
	-webkit-transition:height 400ms ease-in-out;
	-moz-transition:height 400ms ease-in-out;
	-ms-transition:height 400ms ease-in-out;
	-o-transition:height 400ms ease-in-out;
	transition:height 400ms ease-in-out
}
#header .gnb li.gnb_item:first-child .nav_sec { }
#header .gnb li.gnb_item:hover .nav_sec{background:#ebebeb;}
#header .gnb li.gnb_item .nav_sec ul {padding:20px 0;}
#header .gnb li.gnb_item .nav_sec li{padding:10px;}
#header .gnb li.gnb_item .nav_sec li a {  line-height:18px; color:#4f4f4f; display:block; text-align:center;}
#header .gnb li.gnb_item .nav_sec li a:hover {color:#19aed9; font-weight:bold;}
#Subnav{
    position:relative; top:79px; border:1px solid #e4e4e4; width:1200px; background-color: #fff; border-top:0;
     position: fixed; top:170px; left:0; right: 0; margin:0 auto; height: 0; opacity: 0; overflow:hidden;
    	-webkit-transition:all 0.1s ease 0s;
	-moz-transition:all 0.1s ease 0s;
	-ms-transition:all 0.1s ease 0s;
	-o-transition:all 0.1s ease 0s;
	transition:all 0.1s ease 0s;
    z-index: 900;
}
#Gnbnav:hover #Subnav{height: auto; opacity: 1; visibility: visible;
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-ms-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}

#Subnav .sub_link{width:218px;float: left;}
#Subnav .sub_link::after {content:""; display:block; clear:both;}
#Subnav .sub_link .link_wrap{padding:10px;}
#Subnav .sub_link .link_wrap .sub_menu_banner{border: 1px solid #e4e4e4;}
#Subnav .sub_link .link_wrap .sub_menu_banner img{width: 100%;}
#Subnav a.sub_menu_btn{background-color: #ff896f; line-height: 42px; text-align: center; display: block; color:#fff;margin-top: 10px;}
#Subnav ul.sub_menu{width:1200px; float: right; height:490px;}
#Subnav ul.sub_menu::after{content:""; display: block; clear: both;}
#Subnav ul.sub_menu > li{width:171px; display: inline-block; float: left; height:490px; position: relative;}
#Subnav ul.sub_menu > li:hover::before{content: "";  width:141px; height:0px; background-color:#ff896f ; position: absolute; top:-1px; left:0; right: 0; margin: auto; z-index: 999; display: none;}
#Subnav ul.sub_menu > li .sub_menu_wrap{ border-left:1px solid #e4e4e4;height: 100%;}
#Subnav ul.sub_menu > li .sub_menu_wrap:hover{ background-color:#fff5f4;}
#Subnav ul.sub_menu > li .sub_menu_wrap ul{padding-top:4px; left: auto; border:none; font-size:16px;}
#Subnav ul.sub_menu > li .sub_menu_wrap ul a li{ padding:10px 0; text-align: left; margin-left: 20px; }
#Subnav ul.sub_menu > li .sub_menu_wrap ul a:hover li{color:#ff896f;}
/*#Subnav ul.sub_menu > li:hover, #Subnav ul.sub_menu > li .sub_menu_wrap:hover{border:none;}*/
#Subnav ul.sub_menu > li::after {content:""; display:block; clear:both;}
#Subnav ul.sub_menu > li .media_tablet{display: none; position: absolute; bottom:0;left:0;right:0;margin: auto;}

.sub_nav {position:absolute; top:86px; left:0; height:0; width:100%; background:#444444;
	-webkit-transition:height 300ms ease-in-out;
	-moz-transition:height 300ms ease-in-out;
	-ms-transition:height 300ms ease-in-out;
	-o-transition:height 300ms ease-in-out;
	transition:height 300ms ease-in-out

}
.sub_nav.open_menu { height:265px;
	-webkit-transition:height 400ms ease-in-out;
	-moz-transition:height 400ms ease-in-out;
	-ms-transition:height 400ms ease-in-out;
	-o-transition:height 400ms ease-in-out;
	transition:height 400ms ease-in-out
}
.sub_nav .nav_close {position:absolute; cursor:pointer; display:none; bottom:10px; left:50%; margin-left:485px; font-size:12px; line-height:20px; color:#aeaeae;}
.sub_nav .nav_close * {vertical-align:middle;}
.sub_nav .nav_close img {margin:-3px 0 0 5px;}
.sub_nav.open_menu .nav_close {display:block;}

 
#container{position:relative;z-index:1;}

#footer_wrap {background:#ebebeb url('../images/common/bar_footer.gif') repeat-x 0 48px; }
#footer_wrap .footer {position: relative; width: 1200px; margin: 0 auto; font-size:12px; }
#footer_wrap .footer .f_menu {overflow: hidden; width: 100%; line-height: 50px; }
#footer_wrap .footer .f_menu li {position: relative;float: left;}
#footer_wrap .footer .f_menu li:after{position:absolute;top:20px;left:0;width:1px;height:10px;background:#4f4f4f;content:'';}
#footer_wrap .footer .f_menu li a {display:block; padding:0 15px; line-height:48px; color: #4f4f4f; }
#footer_wrap .footer .f_menu li.fir a{padding-left:0;}
#footer_wrap .footer .f_menu li.fir:after{display:none;}
#footer_wrap .footer .f_box01 { position: relative; padding: 23px 0 23px 233px; color: #000; line-height:22px;}
#footer_wrap .footer .f_box01 .f_logo { position: absolute; top: 23px; left:0; }
#footer_wrap .footer .f_box01 .f_info { margin-left: 30px; }


.sub_visual{}
.sub_visual img{width:100%; display: none;}
/* .sub_visual_intro{background:url('../images/sub/sub_visual01.jpg') no-repeat 50% 0;}
.sub_visual_intro02{background:url('../images/sub/sub_visual_intro02.jpg') no-repeat 50% 0;}
.sub_visual_1{height:290px;background:url('../images/sub/sub_visual_member.jpg') no-repeat 50% 0;}
.sub_visual_kakao{height:318px;background:url('../images/sub/sub_visual_kakao.jpg') no-repeat 50% 0;}
.sub_visual_active{height:320px;background:url('../images/sub/sub_visual_active.jpg') no-repeat 50% 0;}
.sub_visual_beforeafter{height:318px;background:url('../images/sub/sub_visual_beforeafter.jpg') no-repeat 50% 0;}
.sub_visual_hope{height:318px;background:url('../images/sub/sub_visual_hope.jpg') no-repeat 50% 0;}
.sub_visual_review{height:318px;background:url('../images/sub/sub_visual_review.jpg') no-repeat 50% 0;}
.sub_visual_faq{height:318px;background:url('../images/sub/sub_visual_faq.jpg') no-repeat 50% 0;}
.sub_visual_online{height:318px;background:url('../images/sub/sub_visual_online.jpg') no-repeat 50% 0;}
.sub_visual_call{height:318px;background:url('../images/sub/sub_visual_call.jpg') no-repeat 50% 0;}
.sub_visual_mypage{height:290px;background:url('../images/sub/sub_visual_mypage.jpg') no-repeat 50% 0;} */

.sub_gnb{display: none;}
.sub_gnb ul{overflow:hidden;width:100%;}
.sub_gnb li{position:relative;float:left;width:12.5%;text-align:center;line-height:65px;font-size:15px;}
/* .sub_gnb li.on{background:url('../images/common/bar_subgnb_on.gif') repeat-x left bottom;} */
.sub_gnb li.on:after{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#1dabda;content:'';}


.tit_area{position:relative;margin-bottom:60px;padding:30px 0 15px;border-bottom:2px solid #1dabda; display: none;}
.tit_area h3 em{font-size:28px;color:#4f4f4f;}
.tit_area h3 span{font-weight:normal;font-size:20px;color:#898989;padding-left:15px;}
.tit_area .navi_area{position:absolute;bottom:20px;right:0;color:#898989;font-size:14px;}

.sub_search{position:relative;padding-top:95px;}
.sub_search .inc_search_w{background:#e2e2e2;}
.sub_search .inc_search_w .searchbox{margin-top:0;top:18px;}
.sub_banner{padding:50px 0;background:#f9f7f2;}
.sub_banner p{float:left;width:380px;margin-right:30px;}
.sub_banner p.last{float:right;margin-right:0;}

/* 여백 */
.mt05 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }
.mt55 { margin-top: 55px; }
.mt60 { margin-top: 60px; }
.mt100 { margin-top: 100px; }
.pl10 { padding-left: 10px; }
.pl20 { padding-left: 20px; }
.pr20 { padding-right: 20px; }

.mb20 { margin-bottom: 20px; }
.h60{height:60px;}

.f_pink{color: #ff896f !important;}
.f_sky{color: #ff896f !important;}
.f_green{color: #7cc576 !important;}
.f_org{color: #f26c4f !important;}
.f_bk{color: #000 !important;}
.f_bd{font-weight:bold !important;} 
.f_blue{color:#5885f2 !important;}
.f_red{color:#f25669 !important;}
.f_yellow{color:#d1c724 !important;}

.inp{vertical-align:middle;border:1px solid #d7d7d7;width:100%;height:45px;line-height:45px;background:#fff;text-indent:10px;} 
.tarea{border:1px solid #d7d7d7;width:100%;height:100px;}
.tarea_h460{height:460px;}
/* .inp00{vertical-align:middle;border:1px solid #e0e0e0;height:30px;line-height:30px;background:#fff;} 
.inp01{vertical-align:middle;border:1px solid #e0e0e0;height:34px;line-height:34px;background:#fff;} 
.inp02{vertical-align:middle;border:1px solid #ddd;height:36px;line-height:30px;background:#fff;} 
.inp_gr{border:1px solid #e0e0e0;height:34px;line-height:34px;background:#f7f7f7;text-indent:10px;} 
.selc{border:1px solid #707070;height:20px;line-height:20px;} */

.w60{width:60px !important;}
.w120{width:120px !important;}
.w150{width:150px !important;}
.w250{width:250px !important;}
.w410{width:410px !important;} 




.btn_w { text-align: center; }
.align_c { text-align: center; }
.align_r { text-align: right; }

.btn, .icn{display:inline-block;vertical-align:middle;text-align: center;}
.btn_s{line-height:20px;}
.btn_m{line-height:40px;}
.btn_gray{background:#959595;color:#fff;}
.btn_gray:hover, .btn_gray:focus, .btn_gray:active{color:#fff;}
.btn_Dgray{background:#636363;color:#fff;}
.btn_Dgray:hover, .btn_Dgray:focus, .btn_Dgray:active{color:#fff;}
.btn_sky{background:#ff896f;color:#fff;}
.btn_sky:hover, .btn_sky:focus, .btn_sky:active{color:#fff;}

 iframe{background:#fff;}



/* 푸터 */
.intro_footer { background:#363636; float: left; width: 100%; }
.intro_footer .intro_fmenu{border-bottom:1px solid #fff;color:#4f4f4f;font-size:16px;}
.intro_footer .intro_fmenu ul{text-align:center;}
.intro_footer .intro_fmenu ul li{display:inline-block;}
.intro_footer .intro_fmenu ul li a{display:inline-block;padding:0 20px;line-height:59px;color:#4f4f4f;}
.intro_footer .intro_fmenu ul li a:hover{color:#868686;}
@media all and (max-width:550px) {
.intro_footer .intro_fmenu{font-size:14px;}
.intro_footer .intro_fmenu ul li a{padding:0 10px;line-height:50px;}
}
@media all and (max-width:400px) {
.intro_footer .intro_fmenu{font-size:13px;color:#ccc;}
.intro_footer .intro_fmenu ul li a{padding:0;line-height:40px;}
}

.intro_footer .intro_fcounsel_m {width: 100%; height: 60px; background-color: rgba( 0, 0, 0, 0.8 ); position: fixed; bottom: 0px; z-index: 200;}
.intro_footer .intro_fcounsel_m .intro_fguide {width: auto; float: left;}
.intro_footer .intro_fcounsel_m .intro_fguide:first-child {margin: 20px 20px 0 47px;}
.intro_footer .intro_fcounsel_m .intro_fguide:last-child {margin: 20px 0 0 20px;}
.intro_footer .intro_fcounsel_m .intro_fguide a {color: white;font-size: 16px;}
.intro_footer .intro_fcounsel_m .intro_fguide a img {height: 22px; width: auto; margin-right: 10px; margin-top: -2px; }


.intro_footer .intro_finfo{width:1200px;margin:0 auto;padding:50px 0 30px;font-size:12px; }
.intro_footer .intro_finfo:after{display:block;clear:both;content:'';}
.intro_footer .intro_finfo .intro_f_logo{float:left;width:250px;}
.intro_footer .intro_finfo .intro_f_copy{width:100%;line-height: 1.5em;margin: 30px auto;text-align: center;color: #b7b7b7;}
.intro_footer .intro_finfo .intro_f_copy span {font-weight: bold; color:#ff896f;}
.intro_footer .intro_finfo .intro_f_copy div .f_rule { margin-bottom: 20px; }
.intro_footer .intro_finfo .intro_f_copy div > p { padding: 2px; }
.intro_footer .intro_finfo .intro_f_copy div .f_rule > a{ margin: 0 20px; color: white; }

.intro_f-sns {width:100%;height:50px;display: none;}
.intro_f-sns ul li{ width:50%; height:50px; text-align: center;  font-weight: 400 !important; font-size:16px;}
.intro_f-sns ul::after,.intro_f-sns ul li::after{content:""; display: block; clear: both;}
.intro_f-sns ul li.m_f_kakao{float:left; background-color:#f9e000 ;color:#000;}
.intro_f-sns ul li.m_f_naver{float:right; background-color:#00c73c ;color:#fff;}
.intro_f-sns ul li.m_f_naver .talk_expose_green{border:0;}
.intro_f-sns ul li .talk_preview_area{width:100%;}
.intro_f-sns ul li .talk_preview_area .talk_banner_desc{font-size:16px;; font-weight: 400 !important;}
.intro_f-sns ul li .talk_preview_area .talk_banner_preview{min-width: 100%; width: 100% !important; }
.intro_f-sns ul li.m_f_kakao,.intro_f-sns ul li .talk_preview_area .talk_banner_preview{height: 50px !important; line-height: 50px !important; vertical-align: middle;}
.intro_f-sns ul li.m_f_kakao img{line-height: 50px; vertical-align: middle; width: auto;}
/*
.intro_footer .intro_finfo .intro_f_cs{float:left;width:380px;}
.intro_footer .intro_finfo .intro_f_cs > dl{padding-left:12px;border-left:1px solid #cbcbcb;}
.intro_footer .intro_finfo .intro_f_cs > dl dt{font-size:14px;color:#0076a3;}
*/
.intro_footer .intro_finfo .intro_f_family{width:250px;margin: 0 auto;}
.intro_footer .intro_finfo .intro_f_family .SumoSelect > .CaptionCont{line-height:30px;border-color:#c0c0c0;background: url('/images/main/intro_select.png') no-repeat 95% 50%;}
.intro_footer .intro_finfo .intro_f_family .SumoSelect > .optWrapper{top:auto;bottom:35px;}
@media all and (max-width:1199px) {
    .intro_f-sns{display: none;}
    .intro_footer .intro_finfo{position:relative;width:100%;padding:20px 0 80px;}
    .intro_footer .intro_finfo .intro_f_copy{float:none;width:100%;padding-top:10px;}
    .intro_footer .intro_finfo .intro_f_copy > div{border:0;padding:0 10px; }
    .intro_footer .intro_finfo .intro_f_family{bottom:30px;right:10px;}
    .intro_footer .intro_fcounsel > ul { width:1200px;
    font-size: 21px; margin: 0 auto; text-align: center; font-family: 'KoPubDotumMedium'
}
}
@media all and (max-width:900px) {
    .intro_f-sns{display: block;}
    #header ul.nav_btn{display: none;}
}


@media all and (max-width:500px) {
.intro_footer .intro_finfo .intro_f_copy > div span{display:block;}
/*.intro_footer .intro_finfo .intro_f_cs > dl dd span{display:block;}*/
}
@media all and (max-width:350px) {
.intro_footer .intro_finfo{font-size:11px;}
.intro_footer .intro_finfo .intro_f_family{width:96%;right:2%;}
}

.intro_footer .intro_fcounsel {
    width: 100%; height: 90px; background-color: #ff896f; margin-top: -1px;
}
.intro_footer .intro_fcounsel > ul { width:100%;
}
.intro_footer .intro_fcounsel > ul:after{display:block;clear:both;content:'';}
.intro_footer .intro_fcounsel > ul li { width:25%; line-height: 90px; vertical-align: middle;
    text-align: center; margin: 0; float: left;
}
.intro_footer .intro_fcounsel > ul li{background-color: #ff896f;}
.intro_footer .intro_fcounsel > ul li.q_online{background-color: #f26c4f;}
.intro_footer .intro_fcounsel > ul li.q_kakao{background-color: #f9e000;}
.intro_footer .intro_fcounsel > ul li.q_naver{background-color: #00c73c;}
.intro_footer .intro_fcounsel > ul li img {
    width: 20px; height: auto; margin-right: 15px; vertical-align: sub;
}
.intro_footer .intro_fcounsel > ul li.q_kakao img{ width: 22px; height: auto; margin-right:0; vertical-align: sub; }

.intro_footer .intro_fcounsel > ul li > a,.intro_footer .intro_fcounsel > ul li {
    color: white; font-size:21px;
}
.intro_footer .intro_fcounsel > ul li.q_kakao a{color: #000;}


.intro_footer .intro_fcounsel > ul li .talk_preview_area .talk_banner_preview{
    max-width: 100% !important; height: 100% !important; color:#fff;  width:300px !important;

}
.intro_footer .intro_fcounsel > ul li .talk_preview_area .talk_banner_desc{
        font-family:  'KoPubDotumLight', '나눔바른고딕','NanumBarunGothic', 'NanumGothic',NanumGothic,'Malgun Gothic','맑은고딕',dotum,Helvetica,"돋움",Dotum,"굴림",Gulim,Arial,sans-serif !important;
    font-size: 21px;
    font-weight: normal;
    margin-left: 5px !important;
}
.intro_footer .intro_fcounsel > ul li .talk_expose_green{border:none;}