/***************************************************************/
/* 마디코 서브페이지 */
/***************************************************************/

/***************************************************************/
/* Noto Sans 폰트서체 */
/***************************************************************/
.font_Thin {font-family:'Noto Sans CJK KR Thin', 'Noto Sans KR', sans-serif;}
.font_Light {font-family:'Noto Sans CJK KR Light', 'Noto Sans KR', sans-serif;}
.font_DemiLight {font-family:'Noto Sans CJK KR DemiLight', 'Noto Sans KR', sans-serif;}
.font_Regular {font-family:'Noto Sans CJK KR Regular', 'Noto Sans KR', sans-serif;}
.font_Medium {font-family:'Noto Sans CJK KR Medium', 'Noto Sans KR', sans-serif;}
.font_Bold {font-family:'Noto Sans CJK KR Bold', 'Noto Sans KR', sans-serif;}
.font_Black {font-family:'Noto Sans CJK KR Black', 'Noto Sans KR', sans-serif;}

/***************************************************************/
/* 폰트크기 */
/***************************************************************/
.fontSize40{font-size:40px;}
.fontSize30{font-size:30px;}
.fontSize28{font-size:28px;line-height: 40px;letter-spacing:-0.05em;}
.fontSize29{font-size:29px;line-height: 40px;letter-spacing:-0.05em;}
.fontSize26{font-size:26px;}
.fontSize24{font-size:24px;  line-height: 24px;}
.fontSize22{font-size:22px;}
.fontSize20{font-size:20px;line-height: 30px;letter-spacing:-0.05em;}
.fontSize19{font-size:19px;line-height: 28px;letter-spacing:-0.05em;}
.fontSize18{font-size:18px;line-height: 26px;letter-spacing:-0.05em;}
.fontSize16{font-size:16px;line-height: 22px;letter-spacing:-0.05em;}
.fontSize15{font-size:15px;}
.fontSize14{font-size:14px;line-height: 22px;letter-spacing:-0.03em;}
.fontSize13{font-size:13px;}
.fontSize12{font-size:12px;}
.fontSize8{font-size:8px;}


/***************************************************************/
/* 폰트자간 */
/***************************************************************/
.fontLine24{line-height: 24px;}


.fontSpacing1{letter-spacing:-0.05em}
.fontSpacing2{letter-spacing:-0.02em}

/***************************************************************/
/* 폰트색상 */
/***************************************************************/
.color01{color:#1c3f77;}
.color02{color:#e2691c;}
.color03{color:#666666;}
.color04{color:#333333;}
.color05{color:#808080;}
.color06{color:#424242;}
.color07{color:#3988B7;}
.color08{color:#999999;}
.color09{color:#385771;}
.color10{color:#ffffff;}
.color11{color:#323740;}
.color12{color:#c0811f;}
.color13{color:#226f63;}
.color14{color:#ba6a50;}
.color15{color:#c4a57f;}
.color16{color:#595987;}
.color17{color:#000000;}
.color18{color:#6570a9;}
.color19{color:#1c2760;}
.color20{color:#939393;}
.color21{color:#4C748C;}
.color22{color:#409C91;}

/***************************************************************/
/* 여백 */
/***************************************************************/
.mt1{margin-top:1px;}
.mt2{margin-top:2px;}
.mt3{margin-top:3px;}
.mt5{margin-top:5px;}
.mt6{margin-top:6px;}
.mt7{margin-top:7px;}
.mt8{margin-top:8px;}
.mt9{margin-top:9px;}
.mt10{margin-top:10px;}
.mt11{margin-top:11px;}
.mt15{margin-top:15px;}
.mt17{margin-top:17px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}
.mt110{margin-top:110px;}
.mr2{margin-right:2px;}
.mr3{margin-right:3px;}
.mr5{margin-right:5px;}
.mr6{margin-right:6px;}
.mr7{margin-right:7px;}
.mr10{margin-right:10px;}
.mr18{margin-right:18px;}
.mr20{margin-right:20px;}
.mr24{margin-right:24px;}
.mr30{margin-right:30px;}
.mr35{margin-right:35px;}
.ml1{margin-left:1px;}
.ml2{margin-left:2px;}
.ml3{margin-left:3px;}
.ml4{margin-left:4px;}
.ml5{margin-left:5px;}
.ml6{margin-left:6px;}
.ml7{margin-left:7px;}
.ml10{margin-left:10px;}
.ml12{margin-left:12px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.mb1{margin-bottom:1px;}
.mb2{margin-bottom:2px;}
.mb3{margin-bottom:3px;}
.mb4{margin-bottom:4px;}
.mb5{margin-bottom:5px;}
.mb6{margin-bottom:6px;}
.mb7{margin-bottom:7px;}
.mb8{margin-bottom:8px;}
.mb9{margin-bottom:9px;}
.mb10{margin-bottom:10px;}
.mb12{margin-bottom:12px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb55{margin-bottom:55px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.pt1{padding-top:1px;}
.pt2{padding-top:2px;}
.pt3{padding-top:3px;}
.pt4{padding-top:4px;}
.pt5{padding-top:5px;}
.pt6{padding-top:6px;}
.pt7{padding-top:7px;}
.pt8{padding-top:8px;}
.pt9{padding-top:9px;}
.pt10{padding-top:10px;}
.pt11{padding-top:11px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pr4{padding-right:4px;}
.pr5{padding-right:5px;}
.pr6{padding-right:6px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr200{padding-right:180px;}

.pb2{padding-bottom:2px;}
.pb3{padding-bottom:3px;}
.pb5{padding-bottom:5px;}
.pb6{padding-bottom:6px;}
.pb7{padding-bottom:7px;}
.pb8{padding-bottom:8px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pl2{padding-left:2px;}
.pl3{padding-left:3px;}
.pl4{padding-left:4px;}
.pl5{padding-left:5px;}
.pl6{padding-left:6px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl47{padding-left:47px;}
.pl50{padding-left:50px;}
.pl100{padding-left:100px;}
.pl120{padding-left:120px;}
.pl230{padding-left:230px;}
.pl245{padding-left:245px;}
.pl275{padding-left:275px;}
.pl400{padding-left:400px;}
.pl420{padding-left:420px;}
.pl440{padding-left:440px;}
.pl490{padding-left:490px;}
.pl510{padding-left:510px;}
.pl560{padding-left:550px;}
.pl710{padding-left:700px;}
.pl730{padding-left:720px;}
.pl765{padding-left:765px;}
.ptb3{padding:3px 0px;}
.pda10{padding:10px;}



.sbold {
  font-weight: bold;
}

/***************************************************************/
/* 가로크기 */
/***************************************************************/

.width33{
  float: left;
  width: 33.33333%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.width66{
  float: left;
  width: 66.66666%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.body50{
  float: left;width:50%;
}
.body45{
  float: left;width:45%;
}
.body55{
  float: left;width:55%;
}
.body43{
  float: left;width:43%;
}
.body57{
  float: left;width:57%;
}
.body40{
  float: left;width:40%;
}
.body60{
  float: left;width:60%;
}
.body36{
  float: left;width:36%;
}
.body64{
  float: left;width:64%;
}
.body37{
  float: left;width:37%;
}
.body63{
  float: left;width:63%;
}
.body30{
  float: left;width:30%;
}
.body70{
  float: left;width:70%;
}

.img01{
	margin-top:70px;
}
.img02{
	margin:60px 0 10px 0;
}

/* 여백 */
.clears{clear: both;}
.clear01{clear: both;margin-bottom:20px;}
.clear02{clear: both;margin-bottom:10px;}
.clearbottom{clear: both;margin-bottom:150px;}

/* 자동줄바꿈 금지 */
.nowrap{white-space: nowrap;}

/* 대문자변환 */
.upper{text-transform:uppercase}

#fh5co-header{
  height: 411px;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
}
#fh5co-header.fh5co-header2{
  height: 320px;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
}

#fh5co-header .desc {
  padding:180px 0 0 22px;
}
#fh5co-header .desc h2 {
  display:inline-block;
  font-size: 40px;
  font-family:'Noto Sans CJK KR Light', 'Noto Sans KR', sans-serif;
  color: #666666;
  letter-spacing:-0.05em
}
#fh5co-header .desc span {
  display:inline-block;
  font-size: 25px;
  font-family:'Noto Sans CJK KR Light', 'Noto Sans KR', sans-serif;
  color: #666666;
  letter-spacing:-0.05em
}

/* 마디코 서브페이지 메뉴 */

#login_header {
  position: relative;
  clear: both;
  margin-top: -105px;
  background: #ECECEC;
}
#login_header .row{
  display:table-cell;
  width:928px;
  height:214px;
  text-align: center;
  vertical-align:middle;
}

#fh5co-sub01_menu {
  position: relative;
  margin-top: -68px;
  z-index: 1000;
  clear: both;
  border-bottom:1px solid #E9EDF0;
}

#fh5co-sub01_menu {
  position: relative;
  margin-top: -68px;
  z-index: 1000;
  clear: both;
  border-bottom:1px solid #E9EDF0;
}

#fh5co-sub01_menu .sub01_menu-tabs {
  margin: 0 auto;
}
#fh5co-sub01_menu .sub01_menu-tabs .sub01_menu-nav {
  clear: both;
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}
#fh5co-sub01_menu .sub01_menu-tabs .sub01_menu-nav li {
  float: left;
  margin: 0;
  padding: 0;
  width: 25%;
  text-align: center;
  list-style: none;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
#fh5co-sub01_menu .sub01_menu-tabs .sub01_menu-nav li a {
  float: left;
  width: 100%;
  padding: 18px;
  color: #424242;
  font-size:19px;
  font-family:'Noto Sans CJK KR Regular', 'Noto Sans KR', sans-serif;
  background: #EAEEF1;
}
#fh5co-sub01_menu .sub01_menu-tabs .sub01_menu-nav li a:hover {
  color: #e2691c;
}
#fh5co-sub01_menu .sub01_menu-tabs .sub01_menu-nav li.active a {
  color: #3988b7;
  background: #fff;
}


#fh5co-sub01_menu .sub01_menu-tabs .sub01_menu_sub-nav {
  clear: both;
  margin: 0;
  float: left;
}
#fh5co-sub01_menu .sub01_menu-tabs .sub01_menu_sub-nav li {
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  list-style: none;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
#fh5co-sub01_menu .sub01_menu-tabs .sub01_menu_sub-nav li a {
  float: left;
  padding: 13px 17px;
  color: #424242;
  font-size:15px;
  font-family:'Noto Sans CJK KR DemiLight', 'Noto Sans KR', sans-serif;
}
#fh5co-sub01_menu .sub01_menu-tabs .sub01_menu_sub-nav li a:hover {
  color: #e2691c;
}
#fh5co-sub01_menu .sub01_menu-tabs .sub01_menu_sub-nav li.active a {
  color: #3988b7;
  text-decoration:underline;
  display:inline; border-bottom:1px solid #3988b7;
}


/* 마디코 서브페이지 내용 */

/* sub01 01 */

#contents01 {
  padding: 80px 0;
  clear: both;
}
#contents02 {
  padding: 60px 0;
  clear: both;
}
#contents03 {
  padding: 80px 0 0 0;
  clear: both;
}
#contents04 {
  padding: 80px 0 50px 0;
  clear: both;
}
#contents05 {
  padding: 40px 0 50px 0;
  clear: both;
}

.boxline{
  display:block;
  width:100%;
  padding:30px;
  text-align: center;
  vertical-align:middle;
  font-size: 20px;
  font-family:'Noto Sans CJK KR Medium', 'Noto Sans KR', sans-serif;
  color: #424242;
  border:1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

.upline01{
  margin-top:30px;
  padding:50px 0px 50px 30px; 
  border-top:1px solid #ccc;
}
.upline01 .box01{
  margin:10px 10px 30px 15px;
  color: #666666;
  font-size: 14px;
  line-height:22px;
  letter-spacing:-0.05em;
  font-family:'Noto Sans CJK KR DemiLight', 'Noto Sans KR', sans-serif;
}
.upline02{
  margin-top:10px;
  padding:40px 0px 10px 0px; 
  border-top:1px solid #ccc;
}
.upline02 .box01{
  margin:10px 10px 10px 30px;
  color: #666666;
  font-size: 16px;
  line-height:22px;
  letter-spacing:-0.05em;
  font-family:'Noto Sans CJK KR Light', 'Noto Sans KR', sans-serif;
}
.upline03{
  margin:20px 0px 40px 0px; 
  border-bottom:1px solid #B5B5B5;
}
.upline03 .box01{
  padding:10px 10px 30px 0px;
  color: #666666;
  font-size: 16px;
  line-height:24px;
  letter-spacing:-0.05em;
  font-family:'Noto Sans CJK KR Light', 'Noto Sans KR', sans-serif;
}

.center_intro{
  color: #666666;
  font-size: 20px;
  line-height:24px;
  letter-spacing:-0.05em;
  font-family:'Noto Sans CJK KR Thin', 'Noto Sans KR', sans-serif;
}

#contents01 h9,#contents02 h9 {
  color: #e2691b;
  font-size: 36px;
  line-height:36px;
  font-family:'Noto Sans CJK KR DemiLight', 'Noto Sans KR', sans-serif;
}
#contents01 a,#contents01 a{
  color: #3B88B6;
  text-decoration: underline;
  display:inline; border-bottom:1px solid #3988b7;
}


#contents101_01 {
  padding: 5em 0 2em 0;
  clear: both;
}
#contents101_01 .container{
  width: 1035px;
  border:0px solid #ccc;
  padding-left:50px;
}

#contents101_01 a{
  color: #3B88B6;
  text-decoration: underline;
  display:inline; border-bottom:1px solid #3988b7;
}

.pagebody {
  padding: 2em 0;
  clear: both;
}

.pagebody02 {
  padding: 10px 0 20px 0;
  clear: both;
}
.pagebody03 {
  padding: 35px 0 10px 0;
  clear: both;
}
.pagebody04 {
  padding: 2em 0 1em 0;
  clear: both;
}


/* sub01 02 */

#contents101_02 {
  padding: 60px 0 30px 0;
  clear: both;
}

#contents101_02 .container{
  width: 1017px;
  border:0px solid #ccc;
  padding: 0;

}
.body_bigimg {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  overflow: hidden;
}

.body_bigimg .img_subject {
  display:block;
  position: absolute;
  top:47%;
  width: 100%;
  margin:auto 0;
  z-index: 15;
  text-align:center;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);

}
.body_bigimg .img_subject h1 {
  color: #fff;
  font-size: 36px;
  line-height:20px;
  font-weight: bold;
}
.body_bigimg .img_subject h2 {
  color: #fff;
  font-size: 14px;
  line-height:18px;
}

.body_bigimg .img_subject02 {
  position: absolute;
  bottom: 40px;
  left: 40px;
  z-index: 15;
  width:100%;
  text-align:left;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}
.body_bigimg .img_subject02 h1 {
  color: #fff;
  font-size: 36px;
  line-height:20px;
  font-weight: bold;
}
.body_bigimg .img_subject02 h2 {
  color: #fff;
  font-size: 14px;
  line-height:24px;
}
.body_bigimg .img_subject02 h3 {
  color: #fff;
  font-size: 60px;
  line-height:30px;
  font-family:'Noto Sans CJK KR Medium', 'Noto Sans KR', sans-serif;
}
.body_bigimg .img_subject02 h3 small{
  color: #fff;
  font-size: 30px;
  line-height:20px;
  font-weight: bold;
}
.body_bigimg .img_subject02 h4 {
  color: #fff;
  font-size: 14px;
  line-height:24px;
  font-family:'Noto Sans CJK KR Medium', 'Noto Sans KR', sans-serif;
}

.smallimg-nav {
  clear: both;
  margin: 0;
  padding: 15px;
  float: left;
  width: 100%;
}
.smallimg-nav li {
  float: left;
  margin: 0;
  padding:0;
  width: 25%;
  text-align: center;
  list-style: none;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.smallimg-nav li a {
  float: left;
  width: 100%;
  margin: 20px 5px 20px 0;
  color: #424242;
}


#contents101_03 {
  padding-bottom: 50px;
  background:#F2F2F2;
  clear: both;
}
#contents101_03 .container{
  border:0px solid #3587B5;
}

.body_conlist ul {
  list-style-type: disc;
  padding:5px 0 20px 20px;
}

.body_conlist li {
  font-size: 12px;
  font-family:'Noto Sans CJK KR Thin', 'Noto Sans KR', sans-serif;
  color: #666666;
}

.body_conlist ul h2 {
  font-size: 18px;
  font-family:'Noto Sans CJK KR DemiLight', 'Noto Sans KR', sans-serif;
  color: #e2691c;
  margin-left:-12px;
}

.body_conlist02 ul {
  list-style-type: disc;
  padding:0px 0 30px 0;
}

.body_conlist02 li {
  font-size: 14px;
  font-family:'Noto Sans CJK KR Thin', 'Noto Sans KR', sans-serif;
  color: #666666;
}

.body_conlist02 ul h2 {
  font-size: 16px;
  font-family:'Noto Sans CJK KR DemiLight', 'Noto Sans KR', sans-serif;
  color: #e2691c;
  margin-left:-12px;
}

.body_conlist03 ul {
  list-style-type: disc;
  padding:0px 0 30px 0;
}

.body_conlist03 li {
  font-size: 14px;
  font-family:'Noto Sans CJK KR DemiLight', 'Noto Sans KR', sans-serif;
  color: #666666;
}


#contents101_04 {
  padding: 75px 0 80px 0;
  background:#F8F8F8;
  clear: both;
}
#contents101_04 .title_t1 {
  font-size:29px;line-height: 50px;
  font-family:'Noto Sans CJK KR Thin', 'Noto Sans KR', sans-serif;
  color: #1a598c;
}
#contents101_04 .title_s1 {
  font-size:24px;line-height: 40px;
  font-family:'Noto Sans CJK KR Thin', 'Noto Sans KR', sans-serif;
  color: #ea9215;
}

#contents101_04 .under_bar{
  padding: 15px 0 85px 0;
  clear: both;
}
#contents101_04 .under_bar .bar{
  display:inline-block;
  width:120px;height:3px;
  background:#E19E11;
}
#contents101_04 .body_conlist02 .clist{
  font-size: 16px; line-height: 20px;
  font-family:'Noto Sans CJK KR Thin', 'Noto Sans KR', sans-serif;
  color: #707070;
  padding:5px 0px 25px 0;
}
#contents101_04 .body_conlist02 .clist h2{
  font-size: 18px;
  font-family:'Noto Sans CJK KR DemiLight', 'Noto Sans KR', sans-serif;
  color: #1a598c;
  margin: 10px 0 10px 0;
}

/***************************************************************/
/* 마디코 연혁 */
/***************************************************************/

#contents102_01 {
  position: relative;
  clear: both;
}
#contents102_01 .years-tabs{
  clear: both;
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
  border-bottom:1px solid #E9EDF0;
}
#contents102_01 .years-tabs li {
  float: left;
  margin: 0;
  padding: 0;
  width: 20%;
  text-align: center;
  list-style: none;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
#contents102_01 .years-tabs li a {
  float: left;
  width: 100%;
  padding: 18px;
  color: #666666;
  font-size:14px;
  font-family:'Noto Sans CJK KR Light', 'Noto Sans KR', sans-serif;
}
#contents102_01 .years-tabs li a:hover , #contents102_01 .years-tabs li a:active, #contents102_01 .years-tabs li a:focus{
  color: #e2691c;
}
#contents102_01 .years-tabs li.active a {
  color: #e2691c;
}

#contents102_01 .years-intro{
  clear: both;
  padding:20px 0px 20px 20px;
  float: left;
  width: 100%;
}

/* 마디코 연혁 상세내용*/
#contents102_02{
  position: relative;
  clear: both;
  padding-bottom:85px;
}
#contents102_02 .container{
  position: relative;
  clear: both;
  padding:55px 0 75px 50px;
  border-bottom:1px solid #DCDCDC;
}
#contents102_02 .container:last-child{
  position: relative;
  clear: both;
  padding:55px 0 75px 50px;
  border-bottom:0px solid #DCDCDC;
}
#contents102_02 .container2{
  width:928px
  position: relative;
  clear: both;
  margin: 0 auto;
  padding:55px 0 75px 100px;
  border-bottom:0px solid #DCDCDC;
}

#contents102_02 .yearImg_list{
  clear: both;
  margin-top: 25px;
  padding: 0;
  float: left;
  width: 100%;
}
#contents102_02 .yearImg_list li {
  float: left;
  margin: 0;
  padding-right: 15px;
  text-align: center;
  list-style: none;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}


#contents111_04{
  position: relative;
  clear: both;
  padding: 50px 0 120px 0;
}

#contents111_04 .img_list{
  clear: both;
  margin-top: 25px;
  padding: 0;
  float: left;
  width: 100%;
}
#contents111_04 .img_list li {
  float: left;
  margin: 0;
  padding-right: 105px;
  text-align: center;
  list-style: none;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}



#contents112_01 {
  clear: both;
  padding:50px 0 60px 0;
}

#contents112_01 .container{
  width:1028px;
}
#contents112_01 .company_point_box{
  clear: both;
  margin-top: 20px;
  padding: 0;
  float: left;
  width: 100%;
  display: table;
  border:0px solid #ccc;
}
#contents112_01 .company_point_box .company_point_item {
  float: left;
  margin: 10px;
  padding: 20px 0px 10px 15px;
  width:17.5%;
  height:175px;
  text-align: left;
  display: table-cell;
  vertical-align:middle;
  border:1px solid #E4E4E4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
#contents112_01 .company_point_box .company_point_item h2{
  font-size: 24px;
  font-family:'Noto Sans CJK KR Medium', 'Noto Sans KR', sans-serif;
  color: #424242;
}
#contents112_01 .company_point_box .company_point_item h3{
  font-size: 16px;
  font-family:'Noto Sans CJK KR Light', 'Noto Sans KR', sans-serif;
  color: #666666;
}

#contents112_01 .company_point_box .company_point_item.active{
  background:#E8F2D7;
  border:1px solid #E8F2D7;
}
#contents112_01 .company_point_box .company_point_item.active h2{
  color: #607144;
}
#contents112_01 .company_point_box .company_point_item.active h3{
  color: #676767;
}

#contents112_04{
  position: relative;
  clear: both;
  padding: 50px 0 120px 0;
}
#contents112_04 .container{
  width:1018px;
}
#contents112_04 .t1{
  display: inline-block;
  margin-right: 10px;
  border:0px solid #ccc;
}
#contents112_04 .t2{
  display: inline-block;
  vertical-align: middle;
  border:0px solid #ccc;
}

#contents112_04 .img_list{
  clear: both;
  margin-top: 15px;
  padding: 0;
  float: left;
  width: 100%;
  border:0px solid #ccc;
}
#contents112_04 .img_list li {
  float: left;
  margin: 0;
  padding-right: 15px;
  text-align: center;
  list-style: none;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

#contents401_02{
  position: relative;
  clear: both;
  padding: 40px 0 35px 0;
}
#contents401_03 h1{
  display:inline-block;
  font-size:50px;
  color:#ACBFCC;
  line-height:0px;
}
#contents401_03 h2{
  display:inline-block;
  font-size:36px;
  color:#666666;
  font-family:'Noto Sans CJK KR Light', 'Noto Sans KR', sans-serif;
  line-height:0px;
}

#contents402_02{
  position: relative;
  clear: both;
  padding: 20px 0 80px 0;
}
#contents402_02 .row{
  position: relative;
  clear: both;
  padding: 30px 0;
}

#contents411_02{
  position: relative;
  clear: both;
}
#contents411_02 .container{
  position: relative;
  width:948px;
  border-top: 1px solid #CBCBCB;
  padding: 40px 0 120px 0;
}
#contents411_02 small{
  font-size:0.5em;
  vertical-align: middle;
}

.btn_411_01{
  padding: 40px 0 50px 0;
}

#contents412_01 .container{
  position: relative;
  border-bottom: 1px solid #CBCBCB;
  padding: 80px 0 0px 0;
}

#contents412_02{
  position: relative;
  clear: both;
  padding: 50px 0 100px 0;
}
#contents412_02 .container{
  position: relative;
  width:1100px;
}
#contents412_02 .item-412 {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border:0px solid #333;
}
#contents412_02 .item-412 img {
  position: relative;
  z-index: 10;
}
#contents412_02 .item-412 a.tm1 {
  position: absolute;
  top: 0px;
  left: 245px;
  z-index: 15;
}
#contents412_02 .item-412 a.tm2 {
  position: absolute;
  top: 149px;
  left: 289px;
  z-index: 15;
}
#contents412_02 .item-412 a.tm3 {
  position: absolute;
  top: 304px;
  left: 247px;
  z-index: 15;
}
#contents412_02 .item-412 a.tm4 {
  position: absolute;
  top: 401px;
  left: 98px;
  z-index: 15;
}

#contents412_02 .item-412 a.subject {
  background: #C3D1DD;
  font-size: 18px;
  line-height:22px;
  font-family:'Noto Sans CJK KR Regular', 'Noto Sans KR', sans-serif;
  color: #7e9ab1;
  text-align:center;
  vertical-align:middle;
  padding-top:32px;
  width: 110px;
  height: 110px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
#contents412_02 .item-412 a.subject small{
  font-size: 0.8em;
}
#contents412_02 .item-412 a:hover.subject , #contents412_02 .item-412 a.active {
  background: #00467F;
  color: #ffffff;
}

#contents412_03{
  position: relative;
  clear: both;
  padding: 35px 0 20px 0;
}

#contents413_02 .body1{
  position: relative;
  float:left;
  text-align: center;
  padding: 55px 25px 0 0;
}
#contents413_02 .body2{
  position: relative;
  float:left;
  text-align: center;
  padding: 35px 50px 0 0;
}
#contents413_02 .body3{
  position: relative;
  float:left;
  text-align: center;
  padding: 15px 20px 5px 20px;
  background:url(../img/sub04/right_menu_bg.jpg)
}

#contents413_02 .item-412 li {
  margin: 0;
  padding: 0;
  text-align: center;
  list-style: none;
  border:0px solid #333;
}

#contents413_02 .item-412 li figure {
  position: relative;
  display:block;
  margin-bottom: 10px;
  color:#fff;
  padding-top:20px;
  font-size:24px;
  line-height:24px;
  background: transparent;
  width: 67px;
  height: 67px;
  border:1px solid #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
#contents413_02 .item-412 li figure .overlay {
  visibility: visible;
  z-index: 20;
  top: -1px;
  left: -1px;
  position: absolute;
  color:#fff;
  padding-top:20px;
  font-size:24px;
  font-family:'Noto Sans CJK KR Medium', 'Noto Sans KR', sans-serif;
  line-height:24px;
  width: 67px;
  height: 67px;
  border:1px solid #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

#contents413_02 .item-412 li figure img {
  visibility: hidden;
  z-index: 10;
  top: -1px;
  left: -1px;
  position: absolute;
  width: 67px;
  height: 67px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
#contents413_02 .item-412 li figure small {
  display:block;
  margin-top:-10px;
  font-size:20px;
  font-family:'Noto Sans CJK KR Medium', 'Noto Sans KR', sans-serif;
  line-height:24px;
}
#contents413_02 .item-412 li:hover figure img, #contents413_02 .item-412 li.active figure img{
  visibility: visible;
}
#contents413_02 .item-412 li:hover figure .overlay, #contents413_02 .item-412 li.active figure .overlay {
  top: 0px;
  left: -1px;
  position: absolute;
  border:0px solid #ffffff;
}

#contents413_03{
  position: relative;
  clear: both;
  background: #7F838C;
  padding: 50px 0 50px 0;
}
#contents413_03 .subject_box{
  float:left;
  display:line-block;
  padding: 2px 10px 5px 10px;
  font-size:20px;
  line-height:20px;
  font-family:'Noto Sans CJK KR DemiLight', 'Noto Sans KR', sans-serif;
  color:#fff;
  border:1px solid #ffffff;
  margin-right:10px;
}
#contents413_03 .subject_t1{
  float:left;
  display:line-block;
  font-size:30px;
  line-height:24px;
  font-family:'Noto Sans CJK KR Bold', 'Noto Sans KR', sans-serif;
  color:#323740;
}

#contents413_04 .container{
  position: relative;
  width:948px;
  padding: 40px 0 120px 0;
}

#contents421_01 .container{
  position: relative;
  clear: both;
  padding: 80px 0 30px 0;
  border-bottom: 1px solid #CBCBCB;
}
#contents421_02 .container{
  position: relative;
  clear: both;
  width:852px;
  padding: 40px 0 100px 0;
}
#contents421_02 .data1{
  position: relative;
  clear: both;
  height:192px;
  overflow:hidden;
}
#contents421_02 .data1 .view1{
  position: relative;
  clear: both;
  height:929px;
  overflow:visible;
}

#contents421_02 .data2{
  position: relative;
  clear: both;
  height:363px;
  overflow:hidden;
}
#contents421_02 .data2 .view2{
  position: relative;
  clear: both;
  height:797px;
  overflow:visible;
}

#contents421_02 .mores{
  clear: both;
  font-size:14px;
  line-height:14px;
  font-family:'Noto Sans CJK KR DemiLight', 'Noto Sans KR', sans-serif;
  color:#666666;
}
#contents421_02 .mores .mores_i{
  margin-top:-5px;
}

#contents421_02 .mores i{
  font-size:24px;
}


/*  자동차필름  */
#contents211_02 {
  clear: both;
  position: relative;
  width: 100%;
  height: 573px;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
}

#contents211_03 .contents_box{
  clear: both;
  padding: 0;
  margin-left: 10px;
  display: table;
  border:0px solid #ccc;
}
#contents211_03 .contents_box .contents_item {
  float: left;
  margin: 0px;
  padding: 25px 25px;
  text-align: left;
  display: table-cell;
  vertical-align:bottom;
  border-right:1px solid #ccc;
  font-weight:700;
  font-size: 20px;
  font-family:'Nanum Myeongjo',  serif;
  color: #424242;
  letter-spacing:-0.05em;

}
#contents211_03 .contents_box .contents_item:last-child {
  border-right:0px solid #ccc;
}
#contents211_03 .contents_box .contents_item h2{
  display: inline-block;
  font-weight: bold;
  font-size: 36px;
  font-family:'Nanum Myeongjo',  serif;
  color: #777777;
}
#contents211_03 .contents_box .contents_item h3{
  display: inline-block;
  font-weight: bold;
  font-size: 30px;
  font-family:'Nanum Myeongjo',  serif;
  color: #777777;
}
#contents211_03 .contents_box .contents_item .rt{
  text-align:right;
  margin-top:-20px;
}


#contents212_03 .contents_box{
  clear: both;
  padding: 0;
  margin-left: 10px;
  display: table;
  border:0px solid #ccc;
}
#contents212_03 .contents_box .contents_item {
  float: left;
  margin: 0px;
  padding: 25px 25px;
  text-align: left;
  display: table-cell;
  vertical-align:bottom;
  border-right:1px solid #ccc;
  font-weight:700;
  font-size: 20px;
  font-family:'Nanum Myeongjo',  serif;
  color: #666666;
  letter-spacing:-0.05em;

}
#contents212_03 .contents_box .contents_item:last-child {
  border-right:0px solid #ccc;
}
#contents212_03 .contents_box .contents_item h2{
  display: inline-block;
  font-size: 36px;
  font-weight: bold;
  font-family:'Nanum Myeongjo',  serif;
  color: #c4a57f;
}
#contents212_03 .contents_box .contents_item h3{
  display: inline-block;
  font-weight: bold;
  font-size: 36px;
  font-family:'Nanum Myeongjo',  serif;
  color: #595987;
}

#contents214_02 {
  clear: both;
  position: relative;
  width: 100%;
  height: 575px;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
}
#contents214_03 .contents_box{
  clear: both;
  padding: 0;
  margin-left: 0px;
  display: table;
  border:0px solid #ccc;
}
#contents214_03 .contents_box .contents_item {
  float: left;
  margin: 0px;
  padding: 15px 25px;
  text-align: left;
  display: table-cell;
  vertical-align:bottom;
  border-right:1px solid #ccc;
  font-weight:700;
  font-size: 20px;
  font-family:'Nanum Myeongjo',  serif;
  color: #666666;
  letter-spacing:-0.05em;

}
#contents214_03 .contents_box .contents_item:last-child {
  border-right:0px solid #ccc;
}
#contents214_03 .contents_box .contents_item h2{
  font-size: 36px;
  font-weight: bold;
  font-family:'Nanum Myeongjo',  serif;
  color: #409C91;
}
#contents214_03 .contents_box .contents_item h3{
  display: inline-block;
  font-weight: bold;
  font-size: 36px;
  font-family:'Nanum Myeongjo',  serif;
  color: #595987;
}
#contents214_03 .contents_box .contents_item h4{
  font-size: 30px;
  font-weight: bold;
  font-family:'Nanum Myeongjo',  serif;
  color: #3F6881;
}

#contents214_03 .contents_box .contents_item .rt{
  text-align:right;
  margin-top:-20px;
}

#contents215_03 .contents_box{
  clear: both;
  padding: 0;
  margin-left: 10px;
  display: table;
  border:0px solid #ccc;
}
#contents215_03 .contents_box .contents_item {
  float: left;
  margin: 0px;
  padding: 25px 15px;
  text-align: left;
  display: table-cell;
  vertical-align:bottom;
  border-right:1px solid #ccc;
  font-weight:700;
  font-size: 20px;
  font-family:'Nanum Myeongjo',  serif;
  color: #666666;
  letter-spacing:-0.05em;

}
#contents215_03 .contents_box .contents_item:last-child {
  border-right:0px solid #ccc;
  padding: 25px 0 25px 15px;
}
#contents215_03 .contents_box .contents_item h2{
  display: inline-block;
  font-size: 36px;
  font-weight: bold;
  font-family:'Nanum Myeongjo',  serif;
  color: #1c2760;
}
#contents215_03 .subtitle{
  margin-top:20px;
  font-size: 30px;
  color: #424242;
  font-family: 'Noto Sans CJK KR Thin';
}

#contents221_02 .container{
  width:928px;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  margin-top:20px;
  margin-bottom:40px;
  padding: 40px 0 0px 0 ;
}
#contents221_02 .bodys{
  position: relative;
  text-align: center;
}
#contents221_02 .item-221 li {
  position: relative;
  float:left;
  margin: 0;
  padding: 0 20px;
  text-align: center;
  list-style: none;
  width:20%;
  border:0px solid #333;
}
#contents221_02 .item-221 li img{
  width:100%;
}

#contents221_02 .item-221 li .overlay {
  visibility: hidden;
  z-index: 20;
  top: 0px;
  left: 0px;
  position: absolute;
  padding: 0 20px;
}
#contents221_02 .item-221 li:hover .overlay, #contents221_02 .item-221 li.active .overlay {
  visibility: visible;
}


#contents231_02 .container{
  position: relative;
  clear: both;
  width:1028px;
  border-bottom:1px solid #ccc;
  padding:25px 0 40px 0;
  margin-bottom:40px;
}
#contents231_02 .company_point_box{
  position: relative;
  text-align: center;
  padding-left:50px;
  border:0px solid #ccc;
}
#contents231_02 .company_point_box .company_point_item {
  display: table-cell;
  width:182px;
  height:166px;
  text-align: center;
  vertical-align:middle;
  font-size: 24px;
  font-family:'Noto Sans CJK KR DemiLight', 'Noto Sans KR', sans-serif;
  color: #424242;
  line-height: 30px;
  letter-spacing:-0.05em;
  border:1px solid #BCBCBC;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
#contents231_02 .company_point_box .company_point_item h2{
  font-size: 20px;
  font-family:'Noto Sans CJK KR DemiLight', 'Noto Sans KR', sans-serif;
  color: #424242;
  line-height: 24px;
}
#contents231_02 .company_point_box .company_point_item_blank {
  display: table-cell;
  width:10px;
}

#contents233_02 .txt01{
  font-size: 24px;
  font-family:'Noto Sans CJK KR DemiLight', 'Noto Sans KR', sans-serif;
  color: #424242;
  line-height: 30px;
}
#contents233_02 .txt02{
  font-size: 18px;
  font-family:'Noto Sans CJK KR DemiLight', 'Noto Sans KR', sans-serif;
  color: #e2691c;
}
#contents233_02 .txt03{
  font-size: 14px;
  font-family:'Noto Sans CJK KR Thin', 'Noto Sans KR', sans-serif;
  color: #666666;
  line-height: 22px;
  letter-spacing:-0.01em;
}
#contents233_02 .txt04{
  font-size: 16px;
  font-family:'Noto Sans CJK KR Thin', 'Noto Sans KR', sans-serif;
  color: #666666;
  line-height: 24px;
  letter-spacing:-0.03em;
}
#contents233_02 .txt05{
  font-size: 16px;
  font-family:'Noto Sans CJK KR DemiLight', 'Noto Sans KR', sans-serif;
  color: #e2691c;
  line-height: 24px;
}
#contents233_02 .line01{
  padding:15px 0;
  margin:15px 0 35px 0;
  border-top:2px solid #F9E2D2;
}
#contents233_02 .rbtns{
  display:inline-block;
  font-size: 15px;
  font-family:'Noto Sans CJK KR Regular', 'Noto Sans KR', sans-serif;
  color: #424242;
  padding:2px 30px 3px 30px;
  margin:40px 0 15px 10px;
  background-color: #D8D8D8;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
}

#contents233_02 .company_point_box{
  position: relative;
  text-align: center;
  padding-left:10px;
  border:0px solid #ccc;
}
#contents233_02 .company_point_box .company_point_item {
  display: table-cell;
  width:173px;
  height:158px;
  text-align: center;
  vertical-align:middle;
  font-size: 23px;
  font-family:'Noto Sans CJK KR DemiLight', 'Noto Sans KR', sans-serif;
  color: #424242;
  line-height: 30px;
  letter-spacing:-0.05em;
  border:1px solid #BCBCBC;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
#contents233_02 .company_point_box .company_point_item h2{
  font-size: 19px;
  font-family:'Noto Sans CJK KR DemiLight', 'Noto Sans KR', sans-serif;
  color: #424242;
  line-height: 24px;
}
#contents233_02 .company_point_box .company_point_item_blank {
  display: table-cell;
  width:10px;
}


/*  건축용필름  */
#contents311_02 {
  clear: both;
  position: relative;
  width: 100%;
  height: 508px;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
}

#contents311_03 .container{
  clear: both;
  position: relative;
  width:1028px;
  border-bottom: 1px solid #CBCBCB;
  padding: 50px 0 30px 0;
}
#contents311_03 .bodydiv{
  position: relative;
  text-align: center;
  padding-left:35px;
  border:0px solid #ccc;
}
#contents311_03 .bodydiv .body1 {
  display: table-cell;
  width:198px;
  height:165px;
  text-align: center;
  vertical-align:middle;
  font-size: 18px;
  font-family:'Noto Sans CJK KR Regular', 'Noto Sans KR', sans-serif;
  color: #e2691c;
  line-height: 40px;
  letter-spacing:-0.05em;
  border:4px solid #F26F21;
}
#contents311_03 .bodydiv .body1.e1 {
  border:4px solid #D0D0D0;
}
#contents311_03 .bodydiv .body1 h2{
  font-size: 30px;
  font-family:'Noto Sans CJK KR Regular', 'Noto Sans KR', sans-serif;
  color: #424242;
  line-height: 24px;
}
#contents311_03 .bodydiv .body1_blank {
  display: table-cell;
  width:30px;
}
#contents311_03 .bodydiv .body2 {
  display: table-cell;
  height:158px;
  text-align: left;
  vertical-align:middle;
  font-size: 18px;
  font-family:'Noto Sans CJK KR Regular', 'Noto Sans KR', sans-serif;
  color: #777777;
  line-height: 28px;
  letter-spacing:-0.06em;
}

#contents311_04 .container{
  position: relative;
  width:986px;
}
#contents311_04 .bodydiv{
  position: relative;
  clear: both;
  text-align: center;
  border:0px solid #ccc;
}
#contents311_04 .item-311 {
  margin: 50px 35px;
}
#contents311_04 .item-311 li{
  display: table-cell;
  width:311px;
  height:56px;
  text-align: center;
  vertical-align:middle;
  font-size: 20px;
  font-family:'Noto Sans CJK KR Regular', 'Noto Sans KR', sans-serif;
  color: #424242;
  letter-spacing:-0.05em;
  border:1px solid #ccc;
  border-right:0px solid #ccc;
}
#contents311_04 .item-311 li:last-child{
  border-right:1px solid #ccc;
}
#contents311_04 .item-311 li a{
  font-size: 20px;
  font-family:'Noto Sans CJK KR Regular', 'Noto Sans KR', sans-serif;
  color: #424242;
  letter-spacing:-0.05em;
}
#contents311_04 .item-311 li:hover, #contents311_04 .item-311 li.active {
  background:#E8E9EB;
}

#contents311_04 .item-312 {
  margin: 50px 35px;
}
#contents311_04 .item-312 li{
  display: table-cell;
  width:465px;
  height:56px;
  text-align: center;
  vertical-align:middle;
  font-size: 20px;
  font-family:'Noto Sans CJK KR Regular', 'Noto Sans KR', sans-serif;
  color: #424242;
  letter-spacing:-0.05em;
  border:1px solid #ccc;
  border-right:0px solid #ccc;
}
#contents311_04 .item-312 li:last-child{
  border-right:1px solid #ccc;
}
#contents311_04 .item-312 li a{
  font-size: 20px;
  font-family:'Noto Sans CJK KR Regular', 'Noto Sans KR', sans-serif;
  color: #424242;
  letter-spacing:-0.05em;
}
#contents311_04 .item-312 li:hover, #contents311_04 .item-312 li.active {
  background:#E8E9EB;
}

#contents311_04 .item-316 {
  margin: 50px 0 50px 35px;
}
#contents311_04 .item-316 li{
  display: table-cell;
  width:184px;
  height:56px;
  text-align: center;
  vertical-align:middle;
  font-size: 20px;
  font-family:'Noto Sans CJK KR Regular', 'Noto Sans KR', sans-serif;
  color: #424242;
  letter-spacing:-0.05em;
  border:1px solid #ccc;
  border-right:0px solid #ccc;
}
#contents311_04 .item-316 li:last-child{
  border-right:1px solid #ccc;
}
#contents311_04 .item-316 li a{
  font-size: 20px;
  font-family:'Noto Sans CJK KR Regular', 'Noto Sans KR', sans-serif;
  color: #424242;
  letter-spacing:-0.05em;
}
#contents311_04 .item-316 li:hover, #contents311_04 .item-316 li.active {
  background:#E8E9EB;
}

#contents311_04 .body1 {
  float:left;
  margin-right:30px
}
#contents311_04 .body2 {
  float:left;
  text-align: left;
  font-size: 14px;
  font-family:'Noto Sans CJK KR Regular', 'Noto Sans KR', sans-serif;
  color: #666666;
  line-height: 20px;
  letter-spacing:-0.05em;
}
#contents311_04 .bodydiv02{
  clear: both;
  margin: 50px 35px 0 35px;
}

#contents316_03 .container{
  clear: both;
  position: relative;
  border-top: 1px solid #CBCBCB;
  margin-top:45px;
  padding: 30px 0 10px 0px;
}
#contents316_03 .bodydiv{
  position: relative;
  text-align: center;
  padding-left:15px;
  padding-bottom:35px;
  border:0px solid #ccc;
}
#contents316_03 .bodydiv .body1 {
  display: table-cell;
  text-align: left;
  vertical-align:top;
  width:320px;
  height:290px;
  padding:30px;
  font-size: 18px;
  font-family:'Noto Sans CJK KR Regular', 'Noto Sans KR', sans-serif;
  color: #666666;
  line-height: 24px;
  letter-spacing:-0.05em;
  border:4px solid #E2681B;
}
#contents316_03 .bodydiv .body1 h2{
  font-size: 20px;
  font-family:'Noto Sans CJK KR Regular', 'Noto Sans KR', sans-serif;
  color: #424242;
  line-height: 24px;
}
#contents316_03 .bodydiv .body1_blank {
  display: table-cell;
  width:30px;
}
#contents316_03 .bodydiv .body2 {
  display: table-cell;
  padding-top:5px;
  text-align: left;
  font-size: 14px;
  font-family:'Noto Sans CJK KR Regular', 'Noto Sans KR', sans-serif;
  color: #666666;
  line-height: 28px;
  letter-spacing:-0.06em;
}

#contents316_03 .bodydiv02{
  clear: both;
  position: relative;
  border-top: 1px solid #CBCBCB;
  padding: 30px 0 70px 0px;
}

#contents316_03 .bodydiv03{
  clear: both;
  position: relative;
  padding: 0px 15px;
}

#contents317_02 {
  clear: both;
  position: relative;
  width: 100%;
  height: 511px;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
}

#contents501_01{
  clear: both;
  position: relative;
  padding: 80px 0 0 0;
}
#contents501_01 .boxline02{
  margin:10px 0 40px 0;
  padding: 30px 0 30px 30px;
  height:120px;
  border-top: 1px solid #424242;
  border-bottom: 1px solid #CBCBCB;
}
#contents501_01 .boxline02 .con01{
  margin: 0 10px;
  display:inline-block;
  vertical-align:middle;
}
#contents501_01 .boxline02 .con02{
  margin: 0 40px;
  display:inline-block;
  vertical-align:middle;
}
#contents501_01 .boxline02 .con03{
  margin: 0;
  display:inline-block;
  vertical-align:middle;
}
#contents501_01 .boxline02 .con04{
  margin: 0 20px;
  display:inline-block;
  vertical-align:middle;
}

#contents501_03{
  clear: both;
  position: relative;
  padding: 70px 0 0 0;
}
#contents501_03 .boxline03{
  margin-top:20px;
  padding: 30px 0px;
  height:204px;
  background:#F5F5F5;
  vertical-align:middle;
  text-align:center;
}
#contents501_03 .boxline03 .con01{
  padding-right: 5px;
  display:inline-block;
  vertical-align:middle;
  text-align:center;
}

#contents501_03 .boxline03 .con01 .txt{
  margin-top:10px;
  font-size:15px;
  font-family: "Noto Sans CJK KR Light", "Noto Sans", Arial, sans-serif;
  color: #000;
  text-align:center;
}

#contents_mypage .container{
  clear: both;
  position: relative;
  width:580px;
  padding: 20px 0 100px 0;

}
#contents_mypage .mypage_box{
  clear: both;
  margin-top: 20px;
  padding: 0;
  float: left;
  width: 100%;
  display: table;
  border:0px solid #ccc;
}
#contents_mypage .mypage_item_row{
  clear: both;
  display: table-row;
}
#contents_mypage .mypage_box .mypage_item {
  display: table-cell;
  width:172px;
  height:157px;
  text-align: center;
  vertical-align:middle;
  font-size: 20px;
  font-family:'Noto Sans CJK KR Medium', 'Noto Sans KR', sans-serif;
  color: #424242;
  background:#ffffff;
  border:1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
#contents_mypage .mypage_box .mypage_item:hover{
  background:#E8F2D7;
}
#contents_mypage .mypage_box .mypage_item_blank {
  display: table-cell;
  width:20px;
}
#contents_mypage .mypage_box .mypage_item.online {
  border:0px solid #ccc;
}
#contents_mypage .mypage_box .mypage_item.online:hover {
  background:#ffffff;
}


/***************************************************************/
/* warranty 품질보증 css */
/***************************************************************/

#warranty_list{
  font-size: 13px;
  color: #424242;
}

#warranty_list .warranty02{
  padding:10px 30px;
  margin:30px 0;
  border-top:2px solid #E2E2E2;
  border-bottom:2px solid #E2E2E2;
}

.warrantydiv{
  position: relative;
  clear: both;
  text-align: center;
  border:0px solid #ccc;
  margin: 50px 0px;
}
.warranty-item li{
  display: table-cell;
  width:465px;
  height:56px;
  text-align: center;
  vertical-align:middle;
  font-size: 20px;
  font-family:'Noto Sans CJK KR Regular', 'Noto Sans KR', sans-serif;
  color: #424242;
  letter-spacing:-0.05em;
  border:1px solid #ccc;
  border-right:0px solid #ccc;
}
.warranty-item li:last-child{
  border-right:1px solid #ccc;
}
.warranty-item li a{
  font-size: 20px;
  font-family:'Noto Sans CJK KR Regular', 'Noto Sans KR', sans-serif;
  color: #424242;
  letter-spacing:-0.05em;
}
.warranty-item li:hover, .warranty-item li.active {
  background:#E8E9EB;
}

/***************************************************************/
/* 게시판 css */
/***************************************************************/

#board01 {
  clear: both;
  padding:50px 0 20px 0;
}

.boardimg-nav {
  clear: both;
  margin: 0;
  padding: 24px 0 30px 0;
  float: left;
  width: 100%;
}
.boardimg-nav li {
  float: left;
  margin: 0;
  padding-right:16px;
  width: 25%;
  text-align: center;
  list-style: none;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.boardimg-nav li:last-child{
  padding-right:0px;
}
.boardimg-nav li a {
  float: left;
  width: 100%;
  color: #424242;
}

#board_wrapper {
  clear: both;
  padding:20px 0px 50px 0px;
}
#board_wrapper2 {
  clear: both;
  padding:20px 0px 50px 0px;
  border-top:1px solid #DFDFDF;
}

#movie_play_view {
  clear: both;
  padding-bottom:20px;
}
#movie_play_view .container3{
  padding:0px;
}

#movie_play_view h1{
  font-size: 20px;
  font-family:'Noto Sans CJK KR Regular', 'Noto Sans KR', sans-serif;
  color: #424242;
  text-align:left;
  padding:10px 0;
}


/***************************************************************/
/* 버튼 css */
/***************************************************************/

.btn4 {
    padding: 2px 20px 3px 20px;
}
.btn5 {
    padding: 7px 50px;
}
.btn-primary5 {
  font-size: 14px;
  font-family:'Noto Sans CJK KR Regular', 'Noto Sans KR', sans-serif;
  color: #424242;
  background-color: #ffffff;
  border:1px solid #3D414C;
}
.btn-primary5:focus, .btn-primary5.focus {
  color: #fff;
  background-color: #3587B5;
  border:1px solid #3D414C;
}
.btn-primary5:hover {
  color: #fff;
  background-color: #3587B5;
  border:1px solid #3D414C;
}
.btn-primary6 {
  font-size: 16px;
  font-family:'Noto Sans CJK KR Regular', 'Noto Sans KR', sans-serif;
  color: #424242;
  background-color: #ffffff;
  border:1px solid #3D414C;
}
.btn-primary6:focus, .btn-primary6.focus, .btn-primary6:hover {
  font-size: 16px;
  font-family:'Noto Sans CJK KR Regular', 'Noto Sans KR', sans-serif;
  color: #424242;
  background-color: #e1e1e1;
}
.btn-primary6.gray{
  background-color: #B4B4B4;
}