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

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

    .con1, .con2 { padding: 30px 40px 20px 40px;}
    .con1 .txt3 a { bottom:-20px;}
	.con2 .box { text-align: center;}
    .con3 .tabmenu label{ margin: 0 10px; }
    .con3 .tabmenu .imagebg { display: none;}
    .con3 .tabCon { margin-top:30px;}
    .con3  .conbox { background: #eee;padding-top: 20px; display: flex; flex-direction: column;  align-items: center; margin-bottom:30px;}
    .con3 .tabmenu .image { margin:0; width:100%;}
    .con3 .tabmenu .image > img {width:100%;}
    .con3 .tabmenu .txt-box { padding:20px; }
    .con3 .tabmenu ul li { text-align: left; font-size:15px !important;}
    .con3 .tabmenu .txt-box .sub-box p { font-size:15px !important;}
    .con4 {margin-top:400px; }
    .con4 .box {width:100%;}
    .con4 .box .image { width: 100%; margin:0; height: auto;}
    .con4 .box .image > img { width:100%;}
    .con4 .box a { display:none;}
    .con4 .box .txt-box {padding:10px; }
    .con4 .box .txt-box .sub { opacity: 1;}
    .con4 .box .txt-box .sub::after {content:none;}

    .sid_menu .list-group{ display:none;}
    .sid_menu .sub_content { padding-top:0;}
}

@media (min-width: 992px) {
    .bro_down { display: block !important; }
    .con1 .imgbox { margin-top:-140px; }
    .navbar-expand-lg .navbar-nav .dropdown-menu { display:none !important;}
    .navbar-expand-lg .navbar-collapse { justify-content:center;}
    /* .ftwrap .right { border-top:none; padding-top:0px;} */
}
@media (min-width: 576px) {
    
   
}


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

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

	/* 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;
        box-shadow: none;
		border-bottom:1px solid #eee;
		opacity: 0.8;
	}


}

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


/* side menu*/ 
.list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.list-group-item:first-child:hover{ color:#fff !important;}

.list-group-first{
	padding:0;
    height:100px;
    line-height:100px;
    background: #5888a1;
	color:#fff;
    border-radius: 0;
    text-align: center;
    margin-bottom:10px;
}
.list-group-item {
    border:0;
    border-bottom:1px solid #eee;
    margin-bottom:0;
}

.list-group-item.active {
    z-index: 2;
    color: #5888a1;
    font-weight:500;
    background-color: #fff;
    border-bottom:1px solid #eee;
}

.list-group-item.active::after {content: ""; float: right; border-right: 2px solid #5888a1; border-top: 2px solid #5888a1; position: relative; width: 10px; height: 10px; -webkit-transform: rotate(44deg); transform: rotate(44deg); margin-top: 5px;}


/* sub page styled */
.sub_content { position:relative; width:100%;    padding-top: 72px;}
.sub_content .nav { height:27px;}
.sub_content .nav ul li { display:inline-block; font-size:14px; margin-right:8px;}
.sub_content .nav ul li:after { content: ""; float: right; border-right: 1px solid #000000; border-top: 1px solid #000000; position: relative; width: 5px; height: 5px; -webkit-transform: rotate(44deg); transform: rotate(44deg); margin-top: 8px; margin-left:8px; }
.sub_content .nav ul li:last-child::after { content:none;}

.sub_content h3 { text-align:left; font-size:30px; font-weight:600; margin-top:20px;}
.sub_content h3 > p {font-size:15px;font-weight:300;color: #797979;margin: 3px 0 10px 1px;}
.sub_content .sub_conwrap {position:Relative; width:100%; margin-top:20px; border-top:3px dotted #eee;}
.sub_content .sub_conwrap .con { padding:50px 0; border-bottom:2px dotted #eee;}
.sub_content .sub_conwrap .con:last-child { border-bottom:0;}
.sub_content .sub_conwrap .con .title { padding-left:10px; font-weight:500; font-size:18px; padding-bottom:10px;}
.sub_content .sub_conwrap .con .title::before {content:'';position: absolute;left: 0;margin-top: 7px;height: 17px;width: 4px;background:#5888a1; }
.sub_content .sub_conwrap .con p { font-size:15px; padding:0; margin:0; padding-bottom:5px; margin-left:15px;}
.sub_content .sub_conwrap .con > p.tt1 { margin-left:10px;}
.sub_content .sub_conwrap .con > p::before {content: '·'; position:absolute; left:5px;}
.sub_content .sub_conwrap .con > p.tt1::before {content:'';position: absolute;left: 0;margin-top: 4px;height: 15px;width: 4px;background:#5888a1;}
.sub_content .sub_conwrap .con > p.point_none::before { content:none;}
.sub_content .sub_conwrap .con h2 { font-size:15px; font-weight:600; margin:20px 0 10px 0; padding:0;}
.sub_content .sub_conwrap .con > .img { margin:40px 0; }
.sub_content.method01_1 .sub_conwrap .con > .img { margin:0; }
.sub_content.method01_4 .sub_conwrap .con > .img { margin:0 0 40px 0; }
.sub_content.method01_5 .sub_conwrap .con > .img { margin:0 0 40px 0; }
.sub_content.method01_5 .sub_conwrap ul li { display:inline-block; width: 48%; position: relative;}
.sub_content.method01_5 .sub_conwrap ul li p { font-size:15px; padding:0; margin:0; padding-bottom:5px; margin-left:10px; }
.sub_content.method01_5 .sub_conwrap ul li p::before {content:'';position: absolute;left: 0;margin-top: 4px;height: 15px;width: 4px;background:#5888a1;}
.sub_content .sub_conwrap .con > .img > img { width:95%; }

.sub_content.method04_2 .sub_conwrap .con .box_height { border-bottom:0;}
.sub_content.method04_2 .sub_conwrap .con .box_height.box2 ul li.img { text-align: center;}
.sub_content.method04_2 .sub_conwrap .con .box_height.box2 ul li.img > img { width: 300px; height: 400px; margin: 0 auto; text-align: center;}
.sub_content.method04_2  .sub_conwrap .con .box_height.box2 ul li.txtbox { border:0; margin:0; padding:0;}
.sub_content.method04_2  .sub_conwrap .con .box_height.box2 ul li.txtbox h2 { text-align: center;}

/* 이미지랑 텍스트가 같이 있을 경우 */
.sub_content .sub_conwrap .con .box_width {position:relative;width:100%;border:1px solid #eee; padding: 0;}
.sub_content .sub_conwrap .con .box_width .left {display: inline-block;width:50%;margin: 0 -4px 0 0;padding: 0;vertical-align: top;}
.sub_content .sub_conwrap .con .box_width .left > img { width:100%;}
.sub_content .sub_conwrap .con .box_width .right {display: inline-block;width:50%;font-size: 14px;margin:0;padding: 30px;}
/* 세로로 이미지 2개일경우 */
.sub_content .sub_conwrap .con .box_height {position:relative;width:100%;border:1px solid #eee; padding: 0;}
.sub_content .sub_conwrap .con .box_height.box2 ul {display:inline-block;width:50%;margin-left: -2px; vertical-align: top; margin-bottom:0;}
.sub_content .sub_conwrap .con .box_height.box2 ul li.img {width: 100%; border-right:1px solid #eee;}
.sub_content .sub_conwrap .con .box_height.box2 ul:last-child li.img { border-right:0;}
.sub_content .sub_conwrap .con .box_height.box2 ul li.img > img {width: 100%;}
.sub_content .sub_conwrap .con .box_height.box2 ul li.txtbox { margin:0;padding:30px;border-right:1px solid #eee; border-top:1px solid #eee;}
.sub_content .sub_conwrap .con .box_height.box2 ul:last-child li.txtbox { border-right:0;}
.sub_content .sub_conwrap .con .box_height.box2 ul li.txtbox h2 {font-size: 15px;margin-bottom: 5px; margin-top:0;font-weight: 600;background-color: #5888a1;padding: 5px;text-align: left;color: #fff;}
.sub_content .sub_conwrap .con .box_height.box2 ul li.txtbox p {font-size:13px; margin-left:10px; }
.sub_content .sub_conwrap .con .box_height.box2 ul li.txtbox > p::before {content: '·'; position:absolute; margin-left:-10px; }
/* 세로로 이미지 3개일경우 */
.sub_content .sub_conwrap .con .box_height.box3 ul { display:inline-block;width:33.3%;margin-left: -2.2px; vertical-align: top; margin-bottom:0;}
.sub_content .sub_conwrap .con .box_height.box3 ul li.img {width: 100%; border-right:1px solid #eee;}
.sub_content .sub_conwrap .con .box_height.box3 ul li.img:last-child { border-right:0;}
.sub_content .sub_conwrap .con .box_height.box3 ul li.img > img {width: 100%;}
.sub_content .sub_conwrap .con .box_height.box3 ul li.txt_box { border-top:1px solid #eee; margin:0;padding: 30px; }
.sub_content .sub_conwrap .con .box_height.box3 ul li.txtbox { margin:0;padding:30px;border-right:1px solid #eee; border-top:1px solid #eee;}
.sub_content .sub_conwrap .con .box_height.box3 ul li.txtbox h2 {font-size: 15px;margin-bottom: 5px;font-weight: 600;background-color: #5888a1;padding: 5px;text-align: left;color: #fff;}
.sub_content .sub_conwrap .con .box_height.box3 ul:last-child li.txtbox { border-right:0;}
.sub_content .sub_conwrap .con .box_height.box3 ul li.txtbox p {font-size:13px;margin-left: 10px;}
.sub_content .sub_conwrap .con .box_height.box3 ul li.txtbox > p::before {content: '·';position:absolute;margin-left: -10px;}



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