.wrap{position: relative; overflow-x: hidden; width:1920px; max-width: 100%;}
.wrap_container{margin-top:80px;}

.subpage_top_container .title{padding-top:160px; padding-bottom:60px;}
.subpage_top_container .title span{color:#808080;}
.subpage_top_container .title h2{font-size:40px; line-height:1;}
.subpage_top_container .subpage_top_bg{height:550px; background-image: url(../image/sub01.jpg);}

.subpage_top_container .right_banner{height:100%; width:33%; background:rgba(215,0,52,.88); float:right; position: relative;}
.subpage_top_container .right_banner .text{top:50%; left:80px; transform: translateY(-50%);
  position: absolute; font-size:30px; color:#fff; font-weight: 700;}

.subpage_middle_container{padding-top:120px; max-width: 100%; width: 100%;}

  .subpage_tab{margin-bottom:240px; padding-left:120px; max-width:360px; width:20%; padding-right:40px;}
  .subpage_tab .title{font-size:20px; padding-bottom:16px;}
  .subpage_tab .tab_menu.active > a{color:#d70034;}

  .subpage_tab .tab_menu > a{font-size:18px; cursor: pointer; display: inline-block;
    padding:10px 0; color:#808080;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
    -ms-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; }


    
  .subpage_tab .tab_menu > a:hover,
  .subpage_tab .tab_menu > a.active{color:#d70034;}

  .subpage_tab ul.tab_menu_inner{display:none; list-style: disc; list-style-position:outside;}
  .subpage_tab ul.tab_menu_inner li{font-size:10px;  padding:10px 0px; color:#808080; margin-left:12px;}
  .subpage_tab ul.tab_menu_inner li.don_move.active, .subpage_tab ul.tab_menu_inner li.don_move.active a{color:#d70034 !important;}
  .subpage_tab ul.tab_menu_inner li > a{font-size:15px; line-height: 1; color:#808080;  display:inline-block;}
  .subpage_tab ul.tab_menu_inner li:hover,
  .subpage_tab ul.tab_menu_inner li:hover > a{color:#222;}

  .subpage_middle_container .subpage_tab, .subpage_middle_container section{float:left;}
  .subpage_middle_container section{width:80%; max-width:1200px;}
  .subpage_middle_container .ceo.boundary2{width: 80%;}

/* sub page mobile select menu */
.select_wrap{width: 100%; background-color:#222; color: white;}
.select_wrap>li{width: 50%; height: 50px; float: left; line-height: 50px; cursor: pointer; position: relative;}

.select_menu{border-right: 1px solid rgba(225, 225, 225, 0.3); box-sizing: border-box;}
.select_menu>span,.select_in_menu>span{margin: 0 20px;}
.select_wrap .plus_btn{transform: translateY(-50%); top:50%; position: absolute; right:0;
    border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid white;}

  .select_wrap .plus_btn.drop{transform: translateY(-50%) rotate(180deg);}

.select_sub_title,.select_sub_menu{width: 100%; /* height: 0; */ overflow: hidden; position: relative; z-index: 999;
  background-color:rgba(255,255,255,.8); display: none;}
.select_sub_title>li,.select_sub_menu>li{background-color: rgba(0,0,0,0.75); width: 100%; cursor: pointer; padding: 0 20px;
  border-bottom: 1px solid rgba(225, 225, 225, 0.2);}
.select_sub_title>li a,.select_sub_menu>li a{color:#fff !important;}




.link_btn{margin:0 auto; width:152px;}

.link_btn a {text-align: left; position: relative; display: block; padding:12px 20px; font-size: 14px;
    color: #fff; box-shadow: inset 0 0 0 1px #fff; font-weight: 700;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
    -ms-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;}
.link_btn a:after, .link_btn a:before { content: ""; display: block; position: absolute;
  -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
  -ms-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;}

.link_btn.red a {background:#d70034; }
.link_btn.red a:hover {box-shadow: inset 0 0 0 1px #d70034;}


/* arrow */
.link_btn a:before {
top: 50%; right: 20px; width: 12px; height: 12px; -webkit-transform: translate(0, -50%) rotate(45deg);
transform: translate(0, -50%) rotate(45deg); 
box-shadow: inset -2px 2px 0 0 #fff;}
.link_btn a:after {
top: 50%;  right: 20px; width: 22px; height: 2px;
-webkit-transform: translate(0, -50%); transform: translate(0, -50%);
background-color: #fff;}

/* hover */
.link_btn a:hover{color:#d70034; background:#fff; box-shadow: inset 0 0 0 1px #fff;}
.link_btn a:hover:before { -webkit-transform: translate(8px, -50%) rotate(45deg); transform: translate(8px, -50%) rotate(45deg);
    box-shadow: inset -2px 2px 0 0 #d70034;}
.link_btn a:hover:after { -webkit-transform: translate(8px, -50%); transform: translate(8px, -50%); background-color:#d70034;}


.link_btn_type2 a{border-radius: 50%; box-shadow: inset 0 0 0 1px #222; width:40px; height:40px;
position: relative; display: block; margin:0 auto; padding:0;
-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
-ms-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;}

/* plus */
.link_btn_type2 a:before{width:16px; height:2px; background:#222; content:''; display:block; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); }
.link_btn_type2 a:after {height:16px; width:2px; background:#222; content:''; display:block; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); }
.link_btn_type2 a:hover{transform: rotate(360deg);}

.link_btn_type2.white a{box-shadow: inset 0 0 0 1px #fff;}
.link_btn_type2.white a:before, .link_btn_type2.white a:after{background:#fff;}


/* with값 */

.w50{width: 50%;}