@charset "utf-8";

@font-face {
    font-family: 'ChosunNm';
    font-weight: normal;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/ChosunNm/ChosunNm.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/ChosunNm/ChosunNm.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/ChosunNm/ChosunNm.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/ChosunNm/ChosunNm.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/ChosunNm/ChosunNm.ttf') format("truetype");
    font-display: swap;
}


@font-face {
    font-family: 'TwayAir';
    font-weight: normal;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/tway/TwayAir.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/tway/TwayAir.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/tway/TwayAir.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/tway/TwayAir.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/tway/TwayAir.ttf') format("truetype");
    font-display: swap;
} 


@font-face {
    font-family: 'KoPubWorldDotum';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumLight.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumLight.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumLight.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumLight.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumLight.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'KoPubWorldDotum';
    font-weight: 500;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumMedium.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumMedium.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumMedium.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumMedium.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumMedium.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'KoPubWorldDotum';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumBold.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumBold.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumBold.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumBold.ttf') format("truetype");
    font-display: swap;
}



body {position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;background:#ececec;  font-family:'KoPubWorldDotum', 'Noto Sans KR',sans-serif;}


		

	#header { text-align:center; position:relative; background:#fff;}
	#header .header_top {height:60px; position:relative; padding:0 10px; overflow:hidden;}

	/*팝업*/
	#hd_pop .hd_pops .hd_pops_con{width:280px !important; height:auto !important;}
	#hd_pop .hd_pops .hd_pops_con img {max-width:100%;}


	/*로고*/
	#header h1{position:absolute; width:100%; height:60px; line-height:60px; z-index:0;}
	#header h1 img {width:140px; vertical-align:middle;}

	#header .call_me{float:right; width:35px; height:35px; line-height:35px; margin-top:12px; z-index:1; position:relative;}
	#header .call_me .fonti{color:#222; font-size:26px;}



	/*메뉴*/
	#header #m_menu_btn {float:left; margin-top:11px; width:35px; height:36px;  z-index:1;  position:relative;}
	#header #m_menu_btn a{display:block; line-height:35px; padding-top:11px;}
	#header #m_menu_btn span{background:#222; display:block; height:2px; margin-right:10px; margin-bottom:5px;}

	
	
	/*레프트메뉴*/
	.width_left_menu {position:fixed; left:0px; top:0px; background:#fff; z-index:999999999999 !important; min-width:220px; width:80%; height:100% !important;  overflow:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch;}
	.width_left_menu .left_menu_login_box { position:relative;  background:#666; text-align:left;}

	.width_left_menu .left_menu_login_box ul {padding:15px 10px; font-size:0px;}
	.width_left_menu .left_menu_login_box ul li {display:inline-block; padding-right:10px; }
	.width_left_menu .left_menu_login_box ul li a{color:#fff;font-size:12px; }


	.width_left_menu .left_menu_login_box .left_menu_close_btn{position:absolute; right:15px; top:15px; }
	.width_left_menu .left_menu_login_box .left_menu_close_btn img {vertical-align:middle; width:15px;}




	.width_left_menu dl { padding-bottom:10px; text-align:left}

	.width_left_menu dl dt{font-size:16px;  padding:0 15px; border-bottom:1px #eaeaea solid;}
	.width_left_menu dl dt a{color:#333; font-size:14px; line-height:50px; display:block; }
	.width_left_menu dl dd {background:#f8f8f8;  border-bottom:1px #eaeaea solid; padding-left:15px; padding:10px 0px 10px 15px; display:none;}
	.width_left_menu dl dd a{color:#999999; line-height:26px; display:block; }
	.width_left_menu dl dd strong{color:#e47735;}
	.width_left_menu dl.main_go {padding-bottom:0px;}
	.width_left_menu dl.main_go dt a{line-height:45px;}


	
	#footergroup {border-top:1px #ddd solid; margin-top:20px; background:#555;  padding-bottom:40px;}
	#footergroup .f_util{text-align:center; background:#2c2b31; }
	#footergroup .f_util ul {display:table; width:100%; table-layout:fixed; text-align:center; }
	#footergroup .f_util ul li{display:table-cell;   font-size:11px; line-height:44px; background:#fff; border-right:1px #ddd solid; color:#999;}
	#footergroup .f_util ul li.last{border-right:0px ;}


	#footergroup .footer_info {padding:20px 0px 0px; text-align:center; line-height:18px; font-size:11px; color:rgba(255,255,255,0.6);}
	#footergroup .footer_info span {display:inline-block; margin-right:5px;}
	#footergroup .footer_info a{ color:rgba(255,255,255,0.6);}
	#footergroup .copyright {padding:10px 0px; text-align:center; font-size:10px;  color:rgba(255,255,255,0.6);}


	.captcha_td div {width:auto !important;}
	.captcha_td textarea ,
	.captcha_td iframe {width:99% !important;}


	.tail_quick_btn {position:fixed;width:100%; left:0px; bottom:0px; overflow:hidden; z-index:999999999999999999; box-shadow: 0px -3px 10px rgb(0 0 0 / 20%); border-radius:20px 20px 0px 0px; }
	.tail_quick_btn .col_wrap {display:table; width:100%; table-layout:fixed;}		
	.tail_quick_btn .col{text-align:center; display:table-cell; vertical-align:middle;  padding:10px 0px; background:#e50012; color:#fff; font-size:18px;}
	.tail_quick_btn .col a{color:#fff;  }
	.tail_quick_btn .col a .fonti{font-size:20px;}
	.tail_quick_btn .col.m1 {background:#a9977c; border-radius:20px 0px 0px 0px;}
	.tail_quick_btn .col.m2 {background:#3c9764;}
	.tail_quick_btn .col.m3 {background:#ffc000; color:#000; border-radius:0px 20px 0px 0px;}
	.tail_quick_btn .col.m3 a{color:#fff}

	.tail_quick_btn .col .text{font-size:13px;}




	.main_center_wrap {padding:0 10px;  margin-bottom:90px;  }
	.main_center_wrap .title {font-size:18px; color:#000; font-weight:bold; margin-bottom:20px; }
	.main_center_wrap .title strong{font-size:12px; color:#888; font-weight:normal; margin-left:10px;}
	.main_center_wrap .title .icon {display:inline-block; margin-right:10px;}
	.main_center_wrap .title img  {vertical-align:middle; width:20px;}
	.main_center_wrap .col  { padding:20px; background:#fff; padding:20px; transition: all 0.2s;  position:relative;top:0px; margin-bottom:5px; border-radius:10px;}
	.main_center_wrap .col.last  {border-right:0px #ddd solid; }
	.main_center_wrap .col.last  .title img{width:25px;}



	.main_center_wrap .col.tell .call {font-size:33px; line-height:40px; font-weight:bold; color:#233652; }
	.main_center_wrap .col.tell .info_text {font-size:16px; line-height:18px; color:#888; margin-top:15px;}
	.main_center_wrap .col  ul.list_text li {font-size:16px; padding:0 0 0 83px;   color:#555; line-height:22px; position:relative; }
	.main_center_wrap .col  ul.list_text li .s_title {position:absolute; left:0px; top:0px; background:url(../images/sub/dt_dot.jpg) left 10px no-repeat;  padding-left:10px;}
	.main_center_wrap .col  ul.list_text li.last {padding-left:10px; background:url(../images/sub/dt_dot.jpg) left 10px no-repeat;}
	.main_center_wrap .col  ul.list_text li.last .color {color:#ea4646;}


	.main_center_wrap .col.etc_col .text {font-size:16px; color:#333}




	.call_list_me {position:relative; margin:40px 10px 10px;   position:relative; }
	.call_list_me .t_col_box{display:table; width:100%;background:#fff; margin-top:10px; border-radius:10px; overflow:hidden; }
	.call_list_me .t_col_box .col {display:table-cell; vertical-align:middle; padding:}
	.call_list_me .t1 {font-size:16px; color:#000; font-weight:bold; padding-left:15px; }
	.call_list_me .t1 img{width:45px; vertical-align:middle; margin-right:15px; border:1px #ededed solid; border-radius:45px;}
	.call_list_me .t2 {padding:15px 10px; width:90px;}
	.call_list_me .t2 span {display:block; background:#ff6600; color:#fff; font-size:14px; line-height:20px; padding:10px 10px; text-align:center; border-radius:10px; width:80px;}
	.call_list_me .t2.can span{background:#339966;}