.btn{width: 100px;}

/*new 게시판 레이아웃*/
.table.board{display:block}
.rp_board .w5{width:5%}
.rp_board .w10{width:10%}
.rp_board .w13{width:13%}
.rp_board .w14{width:14%}
.rp_board .w15{width:15%}
.rp_board .w20{width:20%}
.rp_board .w25{width:25%}
.rp_board .w30{width:30%}
.rp_board .w35{width:35%}
.rp_board .w40{width:40%}
.rp_board .w45{width:45%}
.rp_board .w50{width:50%}
.rp_board .w55{width:55%}
.rp_board .w60{width:60%}
.rp_board .w65{width:65%}
.rp_board .w70{width:70%}
.rp_board .w80{width:80%}
.rp_board .w90{width:90%}
.rp_board .w100{width:100%}
.rp_board>dl>dt{display:block}
.rp_board>dl>dt>div div,
.rp_board>dl>dd div{float:left}
/*게시판 기본 틀 교체 2017.01.05*/

/*new 게시판*/
#board_list{min-height: 650px}
.inset_wrap h2{font-size: 24px}
.rp_board{margin-bottom: 60px}
.rp_board>dl>dt,.rp_board.board>dl>dd{display:block;width: 100%;}
.rp_board>dl>dt{border-top: 0;color: #fff;font-weight: 700;font-size: 14px;background-color:#93b701;font-family: "Open Sans", sans-serif}
.rp_board>dl>dd{border-bottom: 1px solid #e1e1e1;padding:0;font-size: 13px;}
.rp_board>dl>dt div div{display: inline-block;vertical-align: middle;padding:15.5px 0;text-align: center}
.rp_board>dl>dd div{display: inline-block;vertical-align: middle;padding:16px 0;text-align: center}
.rp_board>dl>dd div p:before{content: none}
.rp_board>dl .num{display: inline-block}
.rp_board>dl .category{display: inline-block}
.rp_board .title{text-align:center;}
.rp_board>dl>dd .title{margin:0 }
.rp_board>dl>dd .title p{display: block; width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rp_board>dl>dd .writer{margin-bottom: 0;margin-right: 0}
.rp_board>dl>dd .date{margin-right: 0;}
/*게시판 기본 틀 교체 2017.01.05*/

.board_ctrl_wrap{float: right;display: inline-block}
.paging{padding-top: 0}
/*new 글쓰기 버튼*/
.btn_write{position:absolute;right:0;margin:0 0 15px 5px;}

/*new 검색박스*/
.search_box{float: left}
.search_box select{width: 105px!important;}
.search_box .form_input{width: 180px}

/* 게시판 상세보기 */
.board_default_view .content_wrap .content_inner .title_wrap{padding:17.5px 15px}
.board_default_view .content_wrap .content_inner .title{padding-bottom:0;margin-bottom: 0;line-height: 1em;}
.board_default_view .content_wrap .content_inner .info_wrap{padding:15px;}
.board_default_view .content_wrap .content_inner .info_wrap dl{float:right;position:relative;font-size:14px}
.board_default_view .content_wrap .content_inner .info_wrap .name{float:left;}
.board_default_view .content_wrap .content_inner .info_wrap dl dd{color:#666;}
.board_default_view .content_wrap .content_inner .info_wrap .name,
.board_default_view .content_wrap .content_inner .info_wrap .hit{margin-right:0;}
.board_default_view .content_wrap .content_inner .info_wrap .hit{margin-left:15px;}
.board_default_view .content_wrap .content_inner .dotborder{font-size: 12px;font-family: Verdana}
.board_default_view .view_title>p{margin-bottom: 0}
.board_default_view .content_wrap .content_inner .dotborder .view_info .file_title{font-size:12px;}
.board_default_view .content_wrap .content_inner .dotborder .view_info .add_files{padding-left:70px;}
.board_default_view .content_wrap .content_inner .dotborder .view_info .add_files a{margin: 5px 8px;font-size:13px;}
.board_default_view .btns{text-align:right;}
.board_list_btn{position: absolute;left:50%;transform: translateX(-50%)}
.board_default_view .list_btns .pn_notice dl{font-size:14px;}
.board_default_view .list_btns .pn_notice dt{left:20px;padding-left:20px;}
.board_default_view .list_btns .pn_notice dd{padding-left:100px}


/*게시판 작성*/
.board_default_write .write_inner li div.custom{}
.board_default_write .write_inner li div.custom a{}
.cke_contents.cke_reset{min-height: 500px!important;}
.board_default_write .write_inner li>h3{font-size: 14px}
.board_default_write .write_inner li>div>*{font-size: 14px}
.board_default_write .write_inner li.text_edit{padding: 0;border-bottom: 0}

/*comment*/
.write_wrap dl{padding:0 15px;}
.write_wrap dl dt{margin-right: 105px}
.write_wrap dl dt textarea{width: 100%;height: 80px;resize: none;border:1px solid #eee;padding:10px}
.write_wrap dl dd{position: absolute;right:15px;top:0}
.write_wrap dl dd button{width: 100px;height:80px;background-color: #333;color:#fff;padding:0 15px}

/*card_view*/
.card_view{}
.card_view ul{overflow: hidden;margin: 0 -15px}
.card_view ul li{float:left;width: -webkit-calc(33.33% - 30px);width: calc(33.33% - 30px);margin:0 15px;padding: 0}
.card_view ul li h4{margin:30px 0 15px 0;}

/*video_list*/
.video_list ul li{width:calc(33.33% - 32px);margin-bottom:60px }
.video_list.cf ul li{margin-bottom:20px }


/*grid_list*/
.grid_list li{width: 33.33%;}
.grid_list li .img_wrap .icon{width:60px;height:60px;line-height:65px;}
.grid_list li .img_wrap a.detail .icon{-webkit-transform: translate(-65px,-50%);transform: translate(-65px,-50%);}
.grid_list li .img_wrap a.insta .icon{-webkit-transform: translate(5px,-50%);transform: translate(5px,-50%);}

/*index*/
section[class*=index]{padding: 100px 0}
.title_group h1{font-size: 30px;}
.title_group p{margin: 10px 0 60px 0}
/*sec2*/
.index_sec2{padding:0!important;}
.index_sec2 .img{float: right;line-height: 500px;width: 51%;}
.index_sec2 .img img{width: auto;vertical-align: middle}
.index_sec2 .text_group{float: left;margin-top:130px;}
.index_sec2 .text_group h3{font-size: 40px;margin: 0 0 15px 0;}
.index_sec2 .text_group p{font-size: 20px}
/*sec3*/
.index_sec3 ul li{width: 25%;}
.index_sec3 ul li h3{font-size: 50px;}
/*sec4*/
.index_sec4 .grid_list{margin: 0 -4px}
.index_sec4 .grid_list li{width: calc(33.33% - 4px);}
/*sac5*/
.index_sec5 .brand_list{padding: 0 65px}


/*about*/
#ceo.about .sign {text-align: right;padding: 15px 0}

#associated.about .sub_content_group .row_list{margin: 50px 0 0 40px}
#associated.about .sub_content_group .row_list li{overflow: hidden;margin-bottom: 46px}
#associated.about .sub_content_group .row_list li .img{float:left;width:330px}
#associated.about .sub_content_group .row_list li dl{margin-left:350px;}
#associated.about .sub_content_group .row_list li dt{float: none;font-size: 28px;}
#associated.about .sub_content_group .grid_list li .text_group{min-height: 49px}
#associated.about .sub_content_group .grid_list li .text_group h3{font-size: 24px;}
#associated.about .sub_content_group .grid_list li .text_group h3.s_title{font-size: 18px}
#associated.about .sub_content_group .grid_list li .text_group p{font-size: 16px;}
#partner.about .sub_content_group .grid_list li{width: 25%;}
#scholarship.about .sub_content_group img{float: right}

/*brand*/
#brand .sub_content_group .grid_list li{width: 33.33%;}
#brand .sub_content_group .grid_list li .img_wrap .icon{width:60px;height:60px;line-height:65px;}
#brand .sub_content_group .grid_list li .img_wrap a.detail .icon{-webkit-transform: translate(-65px,-50%);transform: translate(-65px,-50%);}
#brand .sub_content_group .grid_list li .img_wrap a.insta .icon{-webkit-transform: translate(5px,-50%);transform: translate(5px,-50%);}
/*detail_page*/
.detail_page{padding-bottom: 25px}
.detail_page .top_wrap{overflow: hidden}
.detail_page .top_wrap .img{float: left;text-align: left;border-bottom:none;border-right:2px solid #aaa;width: 350px}
.detail_page .top_wrap .text_group{margin: 0 0 0 370px;text-align: left;padding-top:15px;}
.detail_page .top_wrap .text_group:before{content: none}
.detail_page .top_wrap .text_group .content{font-size: 16px}
.detail_page .bottom_wrap{margin-top: 80px}
.detail_page .bottom_wrap .grid_list li{width: 25%;}
.detail_page .bottom_wrap h3{font-size: 30px;}
.detail_page .bottom_wrap .grid_list h4,#brand_detail .bottom_wrap .grid_list p{font-size: 14px}

/*product*/
#product{margin-bottom: 50px;overflow: hidden}
#product .grid_list li{margin-bottom: 50px}
#product .grid_list h4,#product .grid_list p{font-size: 14px}
#product .lnb{width: 210px;float: left}
#product .lnb h3{font-size:20px;margin-bottom:0}
#product .lnb h3:after{content:"";display: block;width: 100%;height: 1px;background-color: #aaa;margin: 20px 0}
#product .lnb_trigger{display: none;}
#product .lnb ul{position:static;border: none;height: auto;display: block;-webkit-transform: scaleY(1);transform: scaleY(1);opacity: 1;transition: none}
#product .lnb li{font-size:12px;border: none}
#product .lnb:after{content:"";display: block;width: 100%;height: 1px;background-color: #aaa;margin-top: 20px}
#product .content_wrap{padding-left: 230px;}
#product .none_product{font-size: 16px;margin-top: 100px}

#product_detail .top_wrap .img{position: relative;width: 250px;border-right:0}
#product_detail .top_wrap .text_group{position: relative;min-height: 250px}
#product_detail .top_wrap .text_group:after{content: "";display: block;height: 250px;width: 2px;background-color: #aaa;position: absolute;top:0;left:-20px}

/*search*/
#product.search .content_wrap{padding-left: 0}

/*news*/
.board_default .list,.view_wrap{margin-top:50px;}

/*contact us*/
#map{height: 500px}
#contact .bottom_wrap{overflow: hidden;margin-top: 95px}
#contact .left_wrap,.right_wrap{margin-bottom:150px}
#contact .left_wrap{width: 228px;float: left}
#contact h3{font-size: 16px}
#contact .info{font-size: 13px}
#contact .social li{font-size: 16px}
#contact .right_wrap{margin-left: 34%}
#contact form{overflow: hidden}
#contact dl{width: calc(50% - 10px);float: left}
#contact dl:nth-child(even){margin-left:20px;}
#contact dl.text_area{width: 100%;float: none}
#contact .btn_wrap{text-align: right}

#contact .collection-wrap {margin-bottom:0;}


/*video_wrapper*/
#video_wrapper .top_content .search_box_wrap{width: auto}
#video_wrapper .top_content .tabs {width: auto;margin-top: 0;margin-right:345px;overflow: hidden;float: none}
#video_wrapper .top_content .tabs li{font-size: 14px}


/*video_view*/
#video_view .video_content .video{width:80%;margin:0 auto 40px auto;padding-top: 50%;}
#video_view .controller .tabs.small{width: auto;float: left}
#video_view .controller .selector{float: right;margin-top: 0}

/*modal_wrap*/
.modal_wrap .exit{top:20px;right:20px;width:53px;height:53px;}

@media (min-width:1161px) {
    .modal_wrap .exit{position:absolute;right:50%;margin-right:-540px;}
}
@media (min-width:1350px) {
    .modal_wrap .exit{margin-right:-660px;}
}

.modal_wrap .area{padding:100px 500px 100px 80px}
.modal_wrap.frame_modal .area{padding:100px 30px 30px}
.modal_wrap .area .img img{margin-top:80px;}

.modal_wrap .area .info{position:fixed;right:50%;margin-right:-480px;top:100px;width:320px;border-bottom:0;transition: top 0.3s;}
.modal_wrap .area .info>a{padding:20px 0;margin-top:35px}
.modal_wrap .area .info dl{margin-top:25px;}
.modal_wrap .area .info dl dt,.modal_wrap .area .info dl dd{position:static;height:auto;line-height:inherit}
.modal_wrap .area .info dl dt{width:100%;}
.modal_wrap .area .info dl dd{padding-left:0;}
.modal_wrap .area .info dl .title{font-size:2.833em;letter-spacing: -1px;}
.modal_wrap .area .info dl .url{font-size:1.43em}
.modal_wrap .area .info dl dd a.tag_item{margin:3px 1px;padding-left:24px;font-size: 1em;height: 34px;line-height: 32px;background-position:9px 50%;}
.modal_wrap .area .info dl dd a.link span{line-height:1.3em;}