/* mobile */
<FontAwesomeIcon icon="fa-solid fa-tower-broadcast" />
.close{background: #000;color:#fff;height:30px;padding:4px}

@font-face {
    font-family: 'Arita-dotum-Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-dotum-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


subcontents{}


ul.tabss {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
	margin-bottom:40px;
  
    width: 100%;
}

html ul.tabss li.active, html ul.tabss li.active a:hover {
    background: #d1003c;
	color:#fff

}
font-family: 'Arita-dotum-Medium', sans-serif;

.imim img{width:100%}

ul.tabss li {
    float: left;
    margin:5px;
    padding: 0;
    height:60px;
    line-height: 60px;
    border-left: none;
    overflow: hidden;
    position: relative;
	border: #ccc 1px solid;
	width:23%;
	border-radius:15px;
	text-align:center;
	font-family: 'Arita-dotum-Medium', sans-serif;


}

ul.tabss li a {
    text-decoration: none;

    display: block;
    font-size: 12pt;
    font-family: 'Arita-dotum-Medium', sans-serif;
    padding: 0 12px;
    outline: none;
}
.active a{color:#fff}

ul.tabss li a:hover {
    background: #d1003c;
	color:#fff
}







ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
  
    width: 100%;
}

html ul.tabs li.active, html ul.tabs li.active a:hover {
    background: #ffdddd;

}

ul.tabs li {
    float: left;
    margin:5px;
    padding: 0;
    height: 41px;
    line-height: 51px;
    border-left: none;
    overflow: hidden;
    position: relative;
	border: #ccc 1px solid;
	border-radius: 8px;
	font-family: 'Arita-dotum-Medium', sans-serif;


}

ul.tabs li a {
    text-decoration: none;
    color: #000;
    display: block;
    font-size: 10pt;
    font-family: 'Arita-dotum-Medium', sans-serif;
    padding: 0 12px;
    outline: none;
}

ul.tabs li a:hover {
    background: #ffdddd;
}

#quick {
    position: absolute;
    top: 350px;
    z-index: 999;
    width: 135px;
    margin-left: 1090px;
}

#quick.fixed {
    position: fixed;
    top:100px !important;
}

#quicks {
    position: absolute;
    top: 460px;
    z-index: 999;
    width: 135px;
    margin-left: 1100px;
}

#quicks.fixed {
    position: fixed;
    top:100px !important;
}


.chk_box.list dd a {

    table-layout: fixed;
    float: left;
    width: 160px;
    height: 40px;
    line-height:38px;
    text-align: center;
    margin: 11px 0 0 23px;
    cursor: pointer;
	display: table-cell;
    vertical-align: middle;
    word-break: break-all;
	font-size:11pt;
}

.chk_box.list dd two a {

    table-layout: fixed;
    float: left;
    color: #333;
    width: 160px;
    height: 40px;
    line-height:18px;
    text-align: center;
    border: #ccc 1px solid;
    margin: 11px 0 0 23px;
    cursor: pointer;
	border-radius: 8px;
	font-family: 'Arita-dotum-Medium', sans-serif;
	display: table-cell;
    vertical-align: middle;
    word-break: break-all;
	font-size:10pt;

}


.chk_box dt {
    font-size: 15px;
    color: #000;
    width: 185px;
    line-height: 40px;
    background: #f6f6f6;
	border:1px solid #d1003a;
    text-align: center;
	font-family: 'Arita-dotum-Medium', sans-serif
}

.chk_box dt, .chk_box dd {
    display: table-cell;
    border-radius: 8px;
    vertical-align: middle;

}

.chk_box dl {
    display: table;
    width: 100%;

}

.chk_box.list dd a:nth-child(-n+5) {
    margin-top: 0;
}

.chk_box.list dd a:nth-child(5n-4) {
    margin-left: 0;
    clear: both;
}

.chk_box .blank {
    width: 23px;
    border: 0;
    padding: 0;
}

.chk_box dl:first-child {
    margin-top: 0;
}

.gong_wrap .chk_box dd {
    border-radius: 0;
}

.chk_box.list dd {
    border: 0;
    padding: 0;
    overflow: hidden;

}


.titless{font-size:13pt;color:red;padding-bottom:5px;font-weight:bold}

.infotit {font-size:14pt;font-weight:bold;padding-top:20px;color:#000}

.layout_182991_ .title {
    position: relative;
    top: -30px;
    left: 0;
    width: 50%;
    padding: 10px 0 10px 20px;
    box-sizing: border-box;
    background: #004c82;
    font-size: 20px;
}


.layout_182991_ {
    border: #CCC 1px solid;
    padding: 10px;
    background: #eff4f8;
}


.layout_182991_ {
    clear: both;
    min-width: 320px;
    max-width: 1200px;
    margin: 0 auto;
}

.layout_182991_ .title dd {
    margin: 0;
    font-weight: bold;
}

.table_183003_ td {
    height: 50px;
    padding: 5px 10px;
    background: #fff;
    font-size: 16px;
    font-weight: normal;
    color: #333;
    text-align: left;
    text-decoration: :none;
}

.table_183003_ {
    width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
}

.layout_182991_ .title dl {
    margin: 0;
    color: #ffffff;
}

.empty_line_182343_ {
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
}


.prodLat .lt_more {
    clear: both;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    padding: 10px 30px;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    margin: 0px auto 0;
    background: #ed1c26;
    border: 2px solid #fff;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
    transition-duration: 0.2s;
    transition-timing-function: ease;
}

#quick li a:hover, #quick li a:focus, #quick li a:active {
    text-decoration: underline;
    color: #ff7e00;
}

#quick li.end {
    border-bottom: 1px solid #dddddd;
}

#quick li a {
    display: block;
    text-decoration: none;
    line-height: 34px;
    text-align: center;
}

#quick li {
    width: 135px;
    height: 34px;
    font-size: 13px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-bottom: none;
}

#quicks li a:hover, #quicks li a:focus, #quicks li a:active {
    text-decoration: underline;
    color: #ff7e00;
}

#quicks li.end {
    border-bottom: 1px solid #dddddd;
}

#quicks li a {
    display: block;
    text-decoration: none;
    line-height: 34px;
    text-align: center;
}

#quicks li {
    width: 135px;
    height: 34px;
    font-size: 12px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-bottom: none;
}



.product_tab li a.on {
    color: #000;
    background-color: #ffb2b2;
    border: 0px;
}

.product_tab li a {
    display: block;
    line-height: 44px;
    height: 44px;
    color: #777;
    font-size: 14px;
    text-align: center;
}

.product_tab li:first-child {
    border-left: 1px solid #dedede;
}

.product_tab li {
    float: left;
    width: 33.3%;
    height: 44px;
    border: 1px solid #dedede;
    border-left: 0px;
}


.product_tab {
    width: 100%;
    height: 35px;
    clear: both;
    margin-bottom: 80px;
    margin-top: 100px;
    margin: auto;
    padding-top: 50px;
    padding-bottom: 50px;
}


/*-------------- */

.product_tabss li a.on {
    color: #000;
    background-color: #ffb2b2;
    border: 0px;
}

.product_tabss li a {
    display: block;
    line-height: 44px;
    height: 44px;
    color: #777;
    font-size: 14px;
    text-align: center;
}

.product_tabss li:first-child {
    border-left: 1px solid #dedede;
}

.product_tabss li {
    float: left;
    width: 19%;
    height: 44px;
    border: 1px solid #dedede;
	margin:3px;
}


.product_tabss {
    width: 100%;
    height:150px;
    clear: both;
    margin-bottom: 80px;
    margin-top: 100px;
    margin: auto;
    padding-top: 50px;
    padding-bottom: 50px;
}



/* -------------- */

.product_tab1 li a.on {
    color: #000;
    background-color: #ffb2b2;
    border: 0px;
}

.product_tab1 li a {
    display: block;
    line-height: 44px;
    height: 44px;
    color: #777;
    font-size: 14px;
    text-align: center;
}

.product_tab1 li:first-child {
    border-left: 1px solid #dedede;
}

.product_tab1 li {
    float: left;
    width: 16%;
    height: 44px;
    border: 1px solid #dedede;
    border-left: 0px;
}


.product_tab1 {
    width: 100%;
    height: 35px;
    clear: both;
    margin-bottom: 80px;
    margin-top: 100px;
    margin: auto;
    padding-top: 50px;
    padding-bottom: 50px;
}


/* -------------- */

.product_tab2 li a.on {
    color: #000;
    background-color: #ffb2b2;
    border: 0px;
}

.product_tab2 li a {
    display: block;
    line-height: 44px;
    height: 44px;
    color: #777;
    font-size: 14px;
    text-align: center;
}

.product_tab2 li:first-child {
    border-left: 1px solid #dedede;
}

.product_tab2 li {
    float: left;
    width: 50%;
    height: 44px;
    border: 1px solid #dedede;
    border-left: 0px;
}


.product_tab2 {
    width: 100%;
    height: 35px;
    clear: both;
    margin-bottom: 80px;
    margin-top: 100px;
    margin: auto;
    padding-top: 50px;
    padding-bottom: 50px;
}

/* -------------- */

.product_tab3 li a.on {
    color: #000;
    background-color: #ffb2b2;
    border: 0px;
}

.product_tab3 li a {
    display: block;
    line-height: 44px;
    height: 44px;
    color: #777;
    font-size: 14px;
    text-align: center;
}

.product_tab3 li:first-child {
    border-left: 1px solid #dedede;
}

.product_tab3 li {
    float: left;
    width: 20%;
    height: 44px;
    border: 1px solid #dedede;
    border-left: 0px;
}


.product_tab3 {
    width: 100%;
    height: 35px;
    clear: both;
    margin-bottom: 80px;
    margin-top: 100px;
    margin: auto;
    padding-top: 50px;
    padding-bottom: 50px;
}

/* -------------- */

.product_tab4 li a.on {
    color: #000;
    background-color: #ffb2b2;
    border: 0px;
}

.product_tab4 li a {
    display: block;
    line-height: 44px;
    height: 44px;
    color: #777;
    font-size: 14px;
    text-align: center;
}

.product_tab4 li:first-child {
    border-left: 1px solid #dedede;
}

.product_tab4 li {
    float: left;
    width: 25%;
    height: 44px;
    border: 1px solid #dedede;
    border-left: 0px;
}


.product_tab4 {
    width: 100%;
    height: 35px;
    clear: both;
    margin-bottom: 80px;
    margin-top: 100px;
    margin: auto;
    padding-top: 50px;
    padding-bottom: 50px;
}







.grect {
    background-color: #fff;
    font-weight: ;
    border:1px solid #ed1c26;
    margin-bottom: 20px;
    padding: 20px;
}

.doat1 {font-size:12pt;line-height:22pt;font-weight:bold}
.doat2 {font-size:10pt}


.mbx1 {
    float: left;
    width: 500px;
    border: 1px solid #dddddd;

}

.doa_ul {
    width: 100%;
    padding: 1%;
    border: 3px solid #d1003c;
}

.doa_ul>div {
    border-bottom: 1px dotted #d1003c;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
}

.doa h2 {
    color: #222;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0;
    background: url(http://k114.yfix15.gethompy.com/img/icon_sub_title.png) 0 10px no-repeat;
    background-size:10px;
    text-indent: 13px;
    line-height: 1em;
}

.doa h3:before {
    content: "��";
}

.doa table {
    border-top: 2px solid #d1003a;
    margin: 15px 0;
	width:100%;
}

.doa h3 {
    color: #555;
    font-size: 16px;
    font-weight: 600;
	margin-top:15px;
}

.doa p {
    color: #555;
    font-size: 15px;
    padding: 5px 15px;
    margin-bottom: 5px;
}

.doa table tr th, .doa table tr td {
    text-align: center;
    padding: 15px 2px;
    border: 1px solid #ddd;
    font-size: 15px;
    color: #444;
}

.doass table {
    margin: 15px 0;
	width:100%;
}


.doass table tr th, .doass table tr td {
    text-align:left;
    padding:5px 10px;
    border: 1px solid #ddd;
    font-size: 15px;
    color: #444;
}

.doa table tr th {
    background-color: #f7f7f7;
    font-weight: 600;
    color: #000;
    font-size: 15px;
}




label {margin-bottom:3px;}
	/* mobile */
	@media (min-width: 1px) and (max-width: 1089px) {
			.about-bg{background-image:url('<?php echo $background_images?>');width:100%;-webkit-background-size:100% auto;-moz-background-size:100% auto;-o-background-size:100% auto;background-position:center; background-size: cover; background-repeat:no-repeat;color:#fff;height:100%;padding-top: 70px;}.ml-auto,.mx-auto{padding-top:10px;padding-bottom:10px}.lead{font-size:12px;font-weight:300}.display-4{ font-size:1.5rem;font-weight:300;}.btn,a.btn{line-height:20px!important;height:20px!important;padding:0 5px;text-align:center;font-weight:700;border:0;-webkit-transition:background-color .3s ease-out;-moz-transition:background-color .3s ease-out;-o-transition:background-color .3s ease-out;transition:background-color .3s ease-out}.btn-outline-secondary{font-size:11px;padding:0 5px}
	}
	/* desktop */
	@media (min-width: 1090px) {
		.about-bg{background-image:url('<?php echo $background_images?>');background-position:center center;background-repeat:no-repeat;color:#fff;height:300px}.lead{font-size:1.25rem;font-weight:300}.display-4{font-size:2.5rem;font-weight:300;line-height:1.2}
	}



			@media only screen and (max-width: 320px) {
			.SF_board{
				overflow-x: auto;white-space: nowrap;
			}
		}

		@media only screen and (min-width: 321px) and (max-width: 768px){
			.SF_board{
				overflow-x: auto;white-space: nowrap;
			}
		}

		/* �섏씠吏� selec 諛뺤뒪 */
		/* mobile */
		@media (min-width: 1px) and (max-width: 1089px) {
			.mb-5, .my-5 {
				margin-bottom: 0rem!important;
			}
			.select-menu{width:190px; height:58px; padding:17px 70px 17px 5px; border-top:none; border-bottom:1px solid #fff; border-left: 1px solid #e1e1e1;border-right: 1px solid #f2f2f2;}
			.home{display:inline; width:140px; padding:17px 45px 17px 15px; border-left:1px solid #e1e1e1;}
			.menu{display:inline;}
		}
		/* desktop */
		@media (min-width: 1090px) {
				.select-menu{width:220px; height:58px; padding:17px 10px 17px 5px; border-top:none; border-bottom:1px solid #fff; border-left: 1px solid #e1e1e1;border-right: 1px solid #f2f2f2;font-size:11pt}
			.home{display:inline; width:140px; padding:17px 45px 17px 15px; border-left:1px solid #e1e1e1;}
			.menu{display:inline;}


		}


@media (min-width: 1px) and (max-width: 1089px) {

	.fixed-header {display:none;}
	.login{display:block}
	.mpage{display:block;}
	.spage{overflow-x:auto;white-space: nowrap;}
	
}

/* desktop */
@media (min-width: 1090px) {

	.fixed-header {display:block;}
	.login{display:none}
	.mpage{display:none;}


	/* header */
	.fixed-header {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 1030;
	}
	.top-line { background:#333333; }
	.fixed-top {
		position: fixed;
		top: 0px;
		right: 0;
		left: 0;
		z-index: 1030;
		border-bottom:3px solid #d1003a
	}


}

.footer h2{margin:0 0 20px; 0}


.list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.list-group-first{
	padding: 50px 0px 50px 20px;
    background: #4c4f6f;
    font-size: 20px;
	color:#fff;
    font-weight: bold;
    border-top: 3px solid #313450;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.carousel-item a{color:#fff;}

/* �ㅻ퉬寃뚯씠�� �섏젙 */
.dropdown-menu {
    border-radius: 0px;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 7px 15px;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.dropdown-item:hover {
	background:#f5f5f5;
}

.color-gray{color:#666}
.color-red{color:#ff0000}


.f12 {font-size: 12px;line-height:22px}
.f13 {font-size: 13px;}
.f14 {font-size: 14px;}
.f15 {font-size: 15px;}
.f16 {font-size: 17px;}
.f17 {font-size: 17px;}
.f18 {font-size: 18px;}
.f19 {font-size: 19px;}
.f20 {font-size: 21px;}

/* pages */
.info-2 i{font-size:20px;}
table th, table td{ font-family: 'Arita-dotum-Medium',sans-serif}






#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}
#bo_v_act .bo_v_good{border:1px solid #ff1313;color:#ff1313;padding:0 20px}
#bo_v_act .bo_v_good:hover{background:#f8eeee}
#bo_v_act .bo_v_nogood{border:1px solid #dedede;color:#888;padding:0 20px}
#bo_v_act .bo_v_good i,#bo_v_act .bo_v_nogood i{font-size:18px;}
#bo_v_share{position:relative;margin:0 0 20px;text-align:right}
#bo_v_share:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_share .btn_scrap{display:inline-block;line-height:40px;border:1px solid #d2d2d2;background:#fff;float:left;padding:0 15px;border-radius:50px;color:#5f5f5f}
#bo_v_share .btn_scrap:hover{background:#f3f3f3}
.btn_share{display:none;}
.bo_v_snswr{position:relative;float:right}


@media (min-width: 740px){

#bo_v_sns {padding:0;list-style:none;zoom:1;float:right;display:inline-block}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;width:135px;margin-right:5px;text-align:left}
#bo_v_sns li a {height:35px;line-height:35px;text-align:center;border-radius:5px;color:#fff;font-size:0.95em}
#bo_v_sns li img {vertical-align:middle;margin-right:5px}
#bo_v_sns li .sns_f {display:block;background:#3b5997}
#bo_v_sns li .sns_t {display:block;background:#09aeee}
#bo_v_sns li .sns_g {display:block;background:#ea4026}
#bo_v_sns li .sns_k {display:block;background:#fbe300}

}


@media (max-width: 740px){

#bo_v_sns {padding:5px;list-style:none;zoom:1;float:right;display:inline-block;width:100%}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;width:31%;margin-right:1%;text-align:left}
#bo_v_sns li a {height:35px;line-height:35px;text-align:center;border-radius:5px;color:#fff;font-size:0.95em}
#bo_v_sns li img {vertical-align:middle;margin-right:5px}
#bo_v_sns li .sns_f {display:block;background:#3b5997}
#bo_v_sns li .sns_t {display:block;background:#09aeee}
#bo_v_sns li .sns_g {display:block;background:#ea4026}
#bo_v_sns li .sns_k {display:block;background:#fbe300}


}