/**************************************************
*   2.1 - section1(소개)
**************************************************/
@media (min-width:0) {
    #section1 { }
	
    #section1 .flbox { box-sizing:border-box; }
    #section1 .frbox { box-sizing:border-box; }
	
    #section1 .section { overflow:hidden; }
    #section1 .txtbox { line-height:1.6; /* text-align:center; */ padding:0 0 30px; }
    #section1 .txtbox .txt1 { font-size:18px; font-weight:300; color:#666; margin-bottom:20px; font-size:16px; }
    #section1 .txtbox .txt2 { font-size:16px; font-weight:300; color:#666; margin-bottom:20px; font-size:16px; }
    #section1 .txtbox .txt1 b{ display:block; margin-bottom:20px; font-size:18px; }
    #section1 .slide1 { position:relative; overflow:hidden; height:240px; }
    #section1 .slide1 li { height:240px; margin:0 5px; background-size:cover; background-position:center; background-repeat:no-repeat; }
    #section1 .slide1 .slick-arrow { position:absolute; width:30px; height:30px; top:50%; margin-top:-15px; font-size:0; text-indent:-9999px; z-index:50; opacity:0.6; transition:all 0.5s; }
    #section1 .slide1 .slick-prev { left:5px; background:url("../images/contents/btn_prev_03.png") no-repeat 0 0; background-size:contain; }
    #section1 .slide1 .slick-next { right:5px; background:url("../images/contents/btn_next_03.png") no-repeat 0 0; background-size:contain; }
    #section1 .slide1:hover .slick-arrow { opacity:1; }
}
@media (min-width:768px) {
    #section1 .txtbox { padding:0 30px 50px; }
}
@media (min-width:992px) {
    #section1 .flbox { width:calc( 100% - 500px); float:left; }
    #section1 .txtbox .txt1 b{ font-size:28px; }
    #section1 .txtbox .txt1 { font-size:20px; }
    #section1 .txtbox .txt2 { font-size:18px; }
	
    #section1 .frbox { width:500px; float:left; }
	
    #section1 .slide1 { height:320px; }
    #section1 .slide1 li { height:320px; }
    #section1 .txtbox { padding:0 50px; }
    #section1 .txtbox .txt1 { font-size:22px; }
    #section1 .txtbox .txt3 { font-size:20px; }
}

.cosmi_intro { /* padding:60px 0;  */ background-size:cover; background-position:center; }
.cosmi_intro .system_intro { position:relative; width:500px; margin:0 auto; background:#efefef; }
.cosmi_intro .system_intro .cir{ position:absolute; width:150px; height:150px; display:table; background:#fff; border-radius:50%; border:2px solid #a3a3a3; }
.cosmi_intro .system_intro .cir p{ display:table-cell; vertical-align:middle; text-align:center; }
.cosmi_intro .system_intro .cir p span{ display:block; }
.cosmi_intro .system_intro .cir .tx1{ font-size:20px; font-weight:bold; color:#f01f15; margin-bottom:10px; }
.cosmi_intro .system_intro .cir .tx2{ font-size:14px; line-height:1.2; }
.cosmi_intro .system_intro .cir1{ top:10px; left:50%; margin-left:-75px; }
.cosmi_intro .system_intro .cir2{ top:calc(30% - 10px); right:0; margin-right:10px; }
.cosmi_intro .system_intro .cir3{ bottom:20px; right:calc(30% - 75px); }
.cosmi_intro .system_intro .cir4{ bottom:20px; left:calc(30% - 75px); }
.cosmi_intro .system_intro .cir5{ top:calc(30% - 10px); left:0; margin-left:10px; }
.cosmi_intro .system_bg { /* position:relative; */ height:500px; background-size: auto 100%; background-repeat:no-repeat; background-position:center; }
.cosmi_intro .system_bg img{ position:absolute; top:50%; left:50%; margin-left:-75px; margin-top:-21px; width:150px; height:auto; }


@media(max-width:900px){
	
	.cosmi_intro .system_intro{ text-align:center; width:100%; padding-top:50px; }
	.cosmi_intro .system_intro .cir{ background:rgba(255,255,255,.6); vertical-align:middle; border:2px solid #f31307; border-radius:50%; left:0; top:0; margin:2%; position:static; display:inline-block; padding:25px 10px 20px; width:120px; height:120px; }
	.cosmi_intro .system_intro .cir p{ display:block; width:100%; }
	.cosmi_intro .system_intro .cir .tx2{ color:black; }
	.cosmi_intro .system_bg{ background-image: url(../images/contents/kosmi_bg1.png) !important; height:auto; background-position: bottom; padding-bottom: 140px; background-size: 100% auto; }
	.cosmi_intro .system_bg img{ position:static; margin:40px 0 0 0; }
	/*  */
	/* .cosmi_intro .system_intro .cir{  } */
}