*{box-sizing:border-box}
.in {width:100%; max-width:1400px; margin:0 auto; }
.info_img {width:100%; float:left;max-width:400px; background:url('/sian/common/img/company_img01.png') no-repeat center; height:600px;}
.sub_vi {width:100%; display:inline-block; min-width:1400px;  text-align:center; box-sizing:border-box; height:350px; position:relative;}
/*.sub_vi_text{font-size:1.5rem; line-height:1.5em ; font-weight:500;  color:#fff ; position:absolute; top:45%; left:50%; transform: translate(-50%, -30%); letter-spacing:-1px; width:100%; padding:0 5%; box-sizing:border-box; text-shadow:2px 2px 3px rgba(0,0,0,.4)}*/
.sub_vi_text{line-height:2.5em ; font-weight:600;  color:#fff ; position:absolute; top:50%; left:50%; transform: translate(-50%, -0%); letter-spacing:-1px; width:100%; padding:0 5%; box-sizing:border-box; text-shadow:2px 2px 3px rgba(0,0,0,.4)}
.sub_vi_text p{font-size:2.2em; }
.sub_vi_text p span{font-size:1.3rem; font-weight:400;}
i.fa-home {font-size:21px; opacity:0.9}
.span_br {display:block}
.sub_con_menu {width:100%; min-width:1400px;  border-bottom:1px solid #ddd; box-sizing:border-box;}
.sub_con_menu ul{max-width:1400px;margin:0 auto; text-align:center; }
.sub_con_menu li {width:23%; display:inline-block; vertical-align:top; margin:0 5px}
.sub_con_menu li:last-child {margin-right:0}
.sub_con_menu li a {font-weight:500; font-size:1.2rem; letter-spacing:-0.5pt; color:#333; display:block;  line-height:60px; height:60px; text-align:center; padding:0 10px; box-sizing:border-box; transition: all 0.3s ease-out; display:flex; justify-content:center; align-items:center; box-sizing:border-box;   }
.sub_con_menu li a:after{position:absolute; display:block; bottom:-1px; left:0; content:""; overflow:hidden; width:0; height:2px; transition: all 0.3s ease-out;}
.sub_con_menu li a:hover{color:#20ade5 !important; font-weight:500; text-decoration: none; transition: all 0.3s ease-out;}
.sub_con_menu li a:hover:after{width:100%; transition: all 0.3s ease-out;}
#sub_con_menu_wrap { z-index:999 !important; width:100%; position:relative;  background:#fff; transition: all 0.2s ease-out;}
#sub_con_menu_wrap .ov{display:block; color:#20ade5 !important; font-weight:500 !important; text-decoration: none; }
#sub_con_menu_wrap .ov:after{width:100% !important; transition: all 0.3s ease-out;}

.content {width:100%;  display:inline-block; box-sizing:border-box; }
 






.flex{display:flex;}
.section{padding:0em 3% 80px 3%;width:1400px;  margin:0 auto; }
.section.section1{padding:0 0 11em 0; width:100%; min-width:1400px; margin:0 auto;}
h2.guide {width:100%;  font-size:2.15rem; font-weight:700; color:#333; display:inline-block; padding:80px 0 20px 0; border-bottom:0px solid #ddd; margin-bottom:40px; text-align:center;}
.en{font-family:'Montserrat', sans-serif !important}



/*회사소개 - 인사말*/
.company01{background:#f7f7f7;  width:100%; min-width:1400px; display:inline-block}
.bg01{padding-top:80px}

.top_wrap h1{font-size:1.9rem; color:#333; font-weight:600; letter-spacing:-.5px; margin-bottom:1.5em;}
.top_wrap span{color:#25aae2; font-weight:700; line-height:2}
.text_left{width:60%;}
.text_left p{color:#787878; font-size:1.2rem; padding:10px 0; line-height:1.6; letter-spacing:-0.03em;}
.text_left p:nth-child(5){color:#222; font-size:1.3rem; padding:3em 0 .5em 0; text-align:right; font-weight:500;}
.text_left .ceo_sign{display:block; text-align:right; font-weight:500;font-size:1.1rem}
.text_left .ceo_sign img{vertical-align:middle; margin-left:1em;}
.text_right{width:40%; margin-top:-132px; position: relative; text-align:right;}
.text_right img{width:29em; box-shadow:3px 3px 10px rgb(0 0 0 / 10%)}




/*회사소개 - 연혁*/
.history {width:1400px; margin:0 auto; position:relative; padding-top:50px; overflow:hidden}
.history p.one {width:100%; text-align:Center; position:relative; z-index:99 }
.history p.one:nth-child(n + 2) {margin-top:50px}
.history p.one span {background: #fff; display:inline-block; width: 10px; height: 10px; border: 3px solid #20ade5; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.history > .in_box {width:47%; margin-left:auto; margin-top:-30px}
.history > .in_box.in_box01{margin-right:auto; margin-left:0; text-align:right}
.history .year {color: #333; font-weight:800; display:block; margin-bottom:10px; font-size: 2.1rem; line-height:1em; font-family:'Montserrat' !important;}
.history div.in_box .history_text {background: #e6e6e6; padding: 15px; box-sizing: border-box; border-radius: 8px; font-size:1.15rem; color:#666; letter-spacing:-0.03em;}
.history div.in_box .history_text div{margin-bottom:1.2em;}
.history span.date {font-size: 1.35rem; font-weight: 700; display: inline-block; margin-bottom:5px; color: #e64290;}
.history_line {width:1px;  background-color:#ddd; height:100%; position:absolute; left:50%; top:0}
.history .lineAni{ content:""; position:absolute; left:50%; top:0; width:1px; z-index:1;}
.history .lineAni{ height:0; background:#e64290; transition:.3s}



/*회사소개 - 경영진 및 자문위원회*/
.ceo_wrap{margin-top:1em;overflow:hidden;width:100%;}
.ceo_wrap h3{color:#333; font-size:1.9rem;font-weight:600;border-bottom:1px solid #000;padding-bottom:8px;margin-bottom:2%}
.ceo_wrap .area{width:47%;float:left;margin-right:6%;display:flex;align-items: center;margin-bottom:4%}
.ceo_wrap .area:nth-of-type(2n){margin-right:0%;}
.ceo_wrap .ceoimg{width:25%;float:left;margin-right:5%;}
.ceo_wrap img{width:100%;}
.ceo_wrap ul{width:70%;float:left;}
.ceo_wrap li{width:100%;display:flex;margin-bottom:15px;  }
.ceo_wrap li:last-child{margin-bottom:0;line-height:1.8}
.ceo_wrap li span {color:#666; font-weight:600;font-size:1.35rem; width:23%; line-height:1.2em}
.ceo_wrap li p{color:#888;font-weight:400;font-size:1.1rem;width:77%; line-height:1.45em }


.company_squ:before{content:''; display:inline-block; width:17px; height:17px; background:#20ade5; margin-right:0.5em;}
.company_squ2:before{content:''; display:inline-block; width:17px; height:17px; background:#e53f8e; margin-right:0.5em;}






/*제품소개 - 코막힘증상이란*/
.company_conbox {margin:2em 0 4.5em 0;}
.company_conbox p{text-align:center}
.company_title{color:#000; font-weight:500; font-size:1.6rem;}
.company_title:before{content:''; display:inline-block; width:17px; height:17px; background:#20ade5; margin-right:0.7em;}
.sub01_ul {width:100%;}
.sub01_ul li {width:24%; float:left; margin-right:1.25%; background:#fff; padding:40px 20px; box-sizing:border-box; border-radius:10px; border:1px solid #ddd; height:420px;}
.sub01_ul li:last-child {margin-right:0%; float:right;}
.sub01_ul h3 {font-size:1.7rem; font-weight:500; margin-bottom:15px;}
.sub01_ul p.text_p1 {font-size:1.4rem; color:#039cd9; font-weight:600; margin-bottom:35px;}
.sub01_ul p.text_p2 {font-size:1.25rem; color:#333; font-weight:400; margin-bottom:15px; line-height:1.8;  }
.flex_dire{width:100%;}
.company_wrap{ width:100%; box-sizing:border-box;  position: relative; color:#000;}
.h3_maptit {width:100%; display:inline-block; font-size:1.6rem; height:35px; text-align:center;}
.company_wrap0 .h3_maptit span {background-color:#fff; padding:0 20px; border-bottom:3px dashed #0B8E36;}
.company_text_wrap  {width:100%; height:96%; box-sizing:border-box; padding:20px; padding-top:40px; border-radius:20px; color:#000; margin-top:-20px;}
.company_text_wrap div {display:flex; align-items:center; line-height:1.2; font-weight:500; font-size:1.15rem; margin-bottom:25px; color:#333}
.company_text_wrap div:before {content:''; display:block; clear:both; width:10px; height:10px; background: #0B8E36; border-radius:50px; margin-right:10px}
.company_text_wrap div p {width:calc(100% - 10px);}
.company_text_wrap02 p:before{background: #E94E1A; }
.company_wrap1{position: relative;}
.company_wrap01{margin:3em 0;}
.company_text_wrap p.long_p{line-height:1.4em;}
.company_wrap0{width:100%; margin-right:0.5em;}
.company_wrap0:last-child{margin-right:0;}
.co_sky span{color:#0E5482 !important; font-weight:600}
.co_green span {color:#0B8E36 !important; font-weight:600}
.co_orange span {color:#E94E1A !important; font-weight:600}
.co_sky .h3_maptit span {border-bottom:3px dashed #0E5482;}
.co_green .h3_maptit span {border-bottom:3px dashed #0B8E36;}
.co_orange .h3_maptit span {border-bottom:3px dashed #E94E1A;}
.co_sky .company_text_wrap div:before {background: #0E5482;}
.co_green .company_text_wrap div:before {background: #0B8E36;}
.co_orange .company_text_wrap div:before {background: #E94E1A;}
.co_sky .company_text_wrap  {border:2px solid #0E5482;}
.co_green .company_text_wrap  {border:2px solid #0B8E36;}
.co_orange .company_text_wrap  {border:2px solid #E94E1A;}
 




/*제품소개 - 설명, 기술력 공통*/
.product_h1{font-size:2rem; color:#fff; font-weight:700; text-align:center; margin:0em 0 3em 0; background:url('/common/img/sub/sub_vi3.jpg') no-repeat center; height:300px; display:flex; align-items:center; justify-content:center; text-align:center;}
.porduct_wrap{align-items: center;}
.porduct_wrap .product_left p img{width:42em;}
.porduct_wrap .product_right{width:50%; display:flex; flex-direction:column; margin-left:1em;}
.porduct_wrap .product_right .text_title{text-align:center; font-size:1.45rem; font-weight:600; line-height:1.5; letter-spacing:-0.03em;}
.porduct_wrap .product_right .text_title:after{content:''; display:block; width:10%; height:4px; background:#0E5482; margin:1em auto;}
.porduct_wrap .product_right .right_text .company_wrap0{margin:0; }
.porduct_wrap .product_right .right_text{background:none; padding:0; margin-bottom:0;}
.porduct_wrap .product_right .right_text .company_text_wrap{ padding-top:20px; margin-top:0;}
.porduct_wrap .product_right .right_text .company_text_wrap div{margin-bottom:0; line-height:2.2;}
.porduct_wrap .product_right .right_text .company_text_wrap p{margin-top:1em; letter-spacing:-0.03em; color:#555;}
.porduct_wrap .product_right .right_text .company_text_wrap p:after{content:''; display:block; clear:both; border-bottom:1px dashed #ddd; margin-top:1em;}
.porduct_wrap .product_right .right_text .company_text_wrap div{margin-left:1.2em; position: relative;}


 /*제품소개 - 제품설명*/
.porduct_wrap.porduct_wrap0 .product_left{width:50%; margin-right:1em;}

.porduct_wrap.porduct_wrap0 .product_right .right_text .company_text_wrap div{line-height:1.8}
.porduct_wrap.porduct_wrap0 .product_right .right_text .company_text_wrap{padding-top:10px;}
.porduct_wrap.porduct_wrap0 .product_right .right_text .company_text_wrap div:before{content:''; display:block; clear:both; position: absolute; top:29px; left:-19px; background:#0E5482; width:10px; height:10px; border-radius:50px; margin-right:0;}

/*제품소개 - 제품의 기술력*/
.porduct_wrap.porduct_wrap1 .product_left{width:50%; position: none; margin-right:5%;}
.porduct_wrap.porduct_wrap1 .product_left:after{position: none; background:none;}

.fourbox{width:100%;overflow:hidden}
.fourbox li{width:45%;float:left;margin-right:10%;margin-bottom:10%}
.fourbox li:nth-child(2n){margin-right:0;}
.fourbox li:nth-child(3){margin-bottom:0}
.fourbox li:nth-child(4){margin-bottom:0}
.fourbox li img{width:100%}

.bottom_text{margin-top:1em; text-align:center; background:#0E5482;}
.porduct_wrap.porduct_wrap1 .product_right .right_text .company_text_wrap div:before{content:''; display:block; clear:both; position: absolute; top:32px; left:-19px; background:#0E5482; width:10px; height:10px; border-radius:50px; margin-right:0;}

.bx-wrapper{box-shadow:none !important; border:none !important;}
.bx-wrapper .bx-pager.bx-default-pager a{background:url('/common/img/sub/0520_img1.jpg')}

/*고객센터 - 온라인문의*/
.table_h3 {width:100%; text-align:left; font-size:1.6rem; margin-bottom:15px; letter-spacing:-1px; display:inline-block; font-weight:600;}


/*고객센터 - 공지사항*/
.write_button{display:block; text-align:right; margin-bottom:0.5em;}
.write_button .write_input{background:#333; color:#fff; border:none; display:inline-block; border-radius:3px; box-shadow:1px 1px 2px #ddd; line-height:33px; font-size:0.95em; font-weight:500; padding:0 30px; vertical-align:middle; cursor:pointer;}

/*고객센터 - 공지사항 - *뷰페이지*/
p.view_title {font-size:24px; font-weight:500; color:#222; width:100%;  border-top:1px solid #333; padding-top:10px; box-sizing:border-box; margin-bottom:0.5em;}
p.view_info {font-size:17px; font-weight:400; color:#666; width:100%;  border-bottom:1px solid #ddd; padding-bottom:10px; box-sizing:border-box; }
p.view_info .list_line {color:#999}
p.view_info a {color:#015bac !important}
p.view_info a:hover {text-decoration:underline }

div.view_content {width:100%; border-bottom:1px solid #ddd; padding:20px 0; }
div.view_content p{margin:0px; line-height:1.5; letter-spacing:0.5px;font-size:1.25em}
div.view_content p img{width:100%; height:auto;}
div.reple {width:100%; float:left; border-bottom:1px solid #ddd; padding:15px 10px; font-size:15.5px; color:#666;  background-color:#f9f9f9; box-sizing:border-box;}
div.reple  b {color:#333; font-weight:600; font-size:16px;}


.list_next  {width:100%; padding-top:10px;  padding-bottom:10px; box-sizing:border-box; border-bottom:1px solid #ddd;} 
.list_next p {width:100%; font-size:16px; line-height:1.3em; color:#999; height:22px; overflow: hidden;  
  text-overflow: ellipsis; 
  white-space: nowrap;  }
.list_next p:last-child {text-align:left; }
.list_next b {font-weight:600; color:#333; padding-right:10px;font-size:17px}






/*고객센터 - 고객센터*/
.bg_div{text-align:center; background:url('/common/img/sub/contect_img3.jpg') fixed center center; background-size:cover; position:relative; width:100%; height:350px; margin-bottom:30px; overflow:hidden; border-radius:50px;}
.bg_div .bg img{position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); opacity:.5;width:50%}
.text_box{background-color:#f9f9f9; padding:20px 0; box-sizing:border-box; text-align:center;}
.text_box p{font-size:1.3rem; color:#555; line-height:1.6;}
.text_box p span{font-size:1.2rem; color:#333; font-weight:700;}














/*메인 company*/
#section { width:1035px; margin:0 auto}
#section .section1 { height:600px}
#section .section1 .cont { width:250px; height:600px; overflow:hidden; float:left; position:relative; border-left:solid 1px #f0ede7; cursor:pointer; } 
#section .section1 .cont div:first-child { border-left:none; } 
#section .section1 .cont .bg { position:absolute; top:0; left:0; } 
#section .section1 .cont.on { width:531px; background:rgba(0,0,0,0.5); transition-duration:0.8s; transition-property:transform, opacity; } 
#section .section1 .cont.on .title_on { display:block; } 
#section .section1 .cont.on .layer {  display:none } 
#section .section1 .cont .title_off{display:block; text-align:center;color:#fff; font-size:1.7rem; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%;}
#section .section1 .cont .title_off img{margin-bottom:0.5em}
#section .section1 .cont .title_on { width:413px; display:none } 
#section .section1 .cont .layer { display:block; width:413px; height:600px; position:absolute; left:0; top:0; z-index:1; background:#; filter:alpha(opacity=90); opacity:0.9; }
/*#section .section1 { height:600px; background:url('/common/img/sub/20220523_2.jpg') no-repeat center;} */
/*#section .section1 .cont.on .title_off { display:none; } */
/*#section .section1 .cont .title_off{display:block; text-align:center; z-index:9999; padding-top: 90%; color:#fff; font-size:1.5rem; position: absolute; top:50%; right:50%; transform:translate(-50%,-50%)}*/
/*#section .section1 .cont .title_on { position:relative; display:block; width:153px; text-align:center; z-index:9999; padding-top: 48%; color:#fff; font-size:1.5rem;} */
/*#section .section1 .cont.on .title_off {padding-top: 50%; } */





/*개인정보처리방침*/
.agreement01 h1{font-size:1.2rem; margin-bottom:2em; font-weight:500; background:#f9f9f9; padding:2em 1em; border:1px solid #ddd;}
.agreement01 p{font-size:1rem; font-weight:500; color:#20ade5; margin-bottom:0.5em; margin-top:2em}
.agreement01 span{line-height:1.6; letter-spacing:-0.03em; color:#787878; font-size:1rem;}