@charset "utf-8";
/* main_visual */


.sub_port_visual{position:relative; width:100%; height:600px; overflow:hidden;}
.sub_port_visual img{position:absolute; left:50%; margin-left:-1000px; width:2000px;}
.sub_port_visual .bx-pager{position:absolute; bottom:8%; left:0; width:100%; text-align:center; font-size:0; z-index:10;}
.sub_port_visual .bx-pager .bx-pager-item{display:inline-block; width:11px; height:11px; margin:0 7.5px;}
.sub_port_visual .bx-pager .bx-pager-item a{display:block; width:100%; height:100%; font-size:0; background:url("/modes_sample/10001/img/mo_pager_off.png") no-repeat 0 0;}

.sub_con{}
.sub_con .sub_tit{padding-top:50px; margin:0px auto; text-align:left; margin-bottom:0px; max-width:1200px;}

.sub_con .sub_tit h3{margin-bottom:10px; font-size:40px; color:#fff; font-weight:600; line-height:1.2;}
.sub_con .sub_tit p{font-size:18px;}
.sub_con .sub_tit p.education{color:#fff; font-size:15px; line-height:1.2;}
.sub_con .sub_tit span{color:#febe28;}
.sub_con .sub_tit a{color:#fff;}


/* 브랜드90 리스트*/
.sub_con .con_list{width:100%; max-width:1200px; margin:00px auto;}
.sub_con .con_list:after{content:""; clear:both; display:block;}
.sub_con .con_list > li{float:left; width:calc(33.3%); }
.sub_con .con_list > li > img{width:100%;}
.sub_con .con_list > li > .txt{padding:5.292% 0 6.88%; text-align:center; color:#333;}
.sub_con .con_list > li > .txt h4{margin-bottom:1.855%; font-size:23px; font-weight:500;}
.sub_con .con_list > li > .txt p{margin-bottom:4.5%; font-size:14px; font-weight:400; line-height:1.2;}
.sub_con .con_list > li > .txt p span{}
.sub_con .con_list > li > .txt a{display:inline-block; width:29.102%; padding:1.456% 0; box-sizing:border-box; border:1px solid #a8a8a8; font-size:14px; color:#707070; font-weight:400;}
.sub_con .con_list > li > .type01{background:#14447c; color:#fff;}
.sub_con .con_list > li > .type01 a{border:1px solid #fff; color:#fff;}
.sub_con .con_list > li > .type02{background:#82a1c6; color:#fff;}
.sub_con .con_list > li > .type02 a{border:1px solid #fff; color:#fff;}
.sub_con .con_list > li > .type03{background:#acb1b4; color:#fff;}
.sub_con .con_list > li > .type03 a{border:1px solid #fff; color:#fff;}
.sub_con .con_list > li > .type04{background:#e8e9e9; color:#333;}
.sub_con .con_list > li > .type04 a{border:1px solid #a8a8a8; color:#333;}
.sub_con .con_list > li > .type05{background:#56616d; color:#fff;}
.sub_con .con_list > li > .type05 a{border:1px solid #fff; color:#fff;}


.pc_brand_img{display:inline;}
.mv_brand_img{display:none;}
.sub_con .sub_brand{width:100%; max-width:1200px; margin:0px auto; padding-top:30px;  padding-bottom:10px; }


.port_list {width:100%; max-width:1200px; overflow:hidden; height:auto; font-size:14px; line-height:19px; color:#fff; padding-bottom:40px; border-bottom:1px solid #a8a8a8;}
.port_list_L {float:left; width:750px; height:auto;}
.port_img_1{float:left; width:46%;}
.port_img_1_area {position:relative; z-index:500;}
.port_img_1 img{ width:100%; box-shadow: 5px 15px 15px #000;}
.port_img_2{float:left; width:37%;}
.port_img_2_area {position:relative; top:67px; left:-50px; z-index:400;}
.port_img_2 img{ width:100%;}
.port_img_3{float:left; width:17%;}
.port_img_3_area {position:relative; top:126px; left:-90px; z-index:600;}
.port_img_3 img{ width:100%; }

.port_list_R {float:left; width:450px;}
.port_list_R .m_btn{display:inline-block; width:90%; overflow:hidden; height:auto; font-size:13px; color:#fff; border:1px solid #fff;  text-align:left; line-height:20px; padding:8px;}
.port_p_name1 {margin-top:30px; font-size:17px;}
.port_p_name1 a {font-size:17px; color:#fff;}
.port_p_name2 {margin-top:20px; font-size:15px;}


.port_view {width:100%; max-width:1200px; overflow:hidden; height:auto; font-size:14px; line-height:19px; color:#fff; padding-bottom:40px; border-bottom:1px solid #a8a8a8;}
.port_view_L {float:left; width:350px;  overflow:hidden; height:auto;}
.port_view_L .m_btn{display:inline-block; width:90%; overflow:hidden; height:auto; font-size:13px; color:#fff; border:1px solid #fff;  text-align:left; line-height:20px; padding:8px;}

.port_view_R {float:left; width:850px;}
.port_view_R_area {padding:0 0 0 30px;}
.port_view_img {margin-bottom:40px;}
.port_view_img2 {margin-bottom:40px;}
.port_view_img3 {margin-bottom:40px;}
.port_view_R_area p {margin-bottom:15px;}


.cooperate_menu {width:1200px; margin:0px auto; padding-top:55px;}
.cooperate_menu > ul { clear:both;}
.cooperate_menu > ul:after {display:block;visibility:hidden;clear:both;content:""}
.cooperate_menu > ul > li { float:left; width:calc(50% - 2px); text-align:center; height:50px; color:#fff; border:1px solid #fff;}
/*.cooperate_menu > ul > li { float:left; width:100%; text-align:center; height:50px; color:#fff; border:1px solid #fff;}*/
.cooperate_on {background:#d9d9d9;}
.cooperate_text_1 {font-size:17px; margin-top:15px;}
.cooperate_text_on {color:#000; font-weight:bold;}


.sub_con .sub_3nd{width:100%; max-width:1200px; margin:0px auto; padding-top:30px;}
.sub_3nd_title {font-size:14px; color:#fff; line-height:1.5; margin-bottom:10px;}
.sub_3nd_title span{font-size:20px; color:#fcb856; }
.sub_3nd_sub_title_1 {font-size:14px; color:#fff; margin-left:15px; margin-bottom:8px;}
.sub_3nd_sub_title_2 {font-size:14px; color:#fff; margin-left:15px; margin-bottom:20px;}


.sub_con .sub_company{width:100%; max-width:1200px; margin:0px auto; padding-top:30px;}
.sub_company_t {font-size:16px; color:#fff; line-height:1.5; margin-bottom:12px;}
.profile_area{ border-bottom:1px solid #fff; border-top:1px solid #fff; padding:10px 0}
.tbl_desc{}
.tbl_desc,.tbl_desc th,.tbl_desc td{border:0}
.tbl_desc{width:100%;border-top:0px solid #222;border-bottom:0px solid #222;table-layout:fixed; font-size:13px; color:#fff;}
.tbl_desc a{font-size:13px; color:#fff;}
.tbl_desc th{padding:5px 5px 14px 2px;border-bottom:0px solid #e1e1e1;color:#fff;font-weight: normal;text-align:left; }
.tbl_desc td{padding:5px 0;border-bottom:0px solid #e1e1e1;}
.company_title {line-height:2;}
.company_title span{font-size:14px; color:#fcb856; }


.sub_con .sub_location{width:100%; max-width:1200px; margin:0px auto; padding-top:30px;}
.sub_location_t {font-size:16px; color:#fff; line-height:1.5; margin-bottom:12px;}
.location_title {font-size:14px; color:#fff; line-height:1.5;font-weight:bold;}
.location_title span{font-size:14px; color:#fff; font-weight:300; }


.sub_con .sub_service{width:100%; max-width:1200px; margin:0px auto; padding-top:30px; }
.sub_service_t {font-size:16px; color:#fff; line-height:1.5; margin-bottom:12px;}

.ser_box_01{ margin-left:-45px;  overflow: hidden; width:100%; margin-top:30px; margin-bottom:30px; overflow:hidden;}
.ser_box_01:after{ clear:both; display:block; content:"";}
.ser_box_01 > li{ float:left;  margin:0; padding:0; margin-bottom:10px; }
.ser_box_01 > li.s01{ width:20%; font-size:18px; font-weight:600}
.ser_box_01 > li.s02{ width:50%; font-size:15px; line-height:1.5;}
.ser_box_01 > li.s03{ width:30%; font-size:15px;}
.ser_box_01 .s03 li{ line-height:1.4;}
.ser_box_01 > li:first-child{ margin-left:0}
.ser_box_01 > li dl { padding:0%; margin-left:50px; }
.ser_box_01 > li.s01 p{ border-top:3px solid #fff;}
.ser_box_01 > li p { padding:0; margin:0; margin-left:50px; color:#fff; border-top:1px solid #CCC; padding:15px 0 15px 0 }
.ser_box_01 > li ul{ padding:0; margin:0; margin-left:50px; color:#fff; border-top:1px solid #CCC; padding:15px 0 15px 0}


/*찾아오시는길*/
.contact  { max-width: 100%;  max-width:1200px; margin:0 auto; margin-top:30px; margin-bottom:50px;}
.contact h3 { margin-bottom: 30px;  color: #fff; text-align:center; font-size:45px;}
.root_daum_roughmap {width: 100% !important;}


/* 서브 메뉴*/
.sub_port01_visual{width:100%;}

.sub_menu_li_1 {position:relative; width:1200px; text-align:center; font-weight:bold; top:-130px; border:0px solid #e8e9e9;  margin:0 auto; }
.sub_menu_li_1  li { float:left; font-size:30px; height:70px; width:16.66%; border:0px solid #e8e9e9; margin-bottom:-55px;}
.sub_menu_li_list_1 {}
.sub_menu_li_list_1 a {color:#fff; font-size:22px;}
.sub_menu_li_list_1 a:hover {color:#ffbd2b }
.sub_menu_li_list_1 a:hover > .sub_menu_ti2{border-bottom:2px solid #ffbd2b;}
.sub_h a {color:#ffbd2b }
.sub_h a > .sub_menu_ti2{border-bottom:2px solid #ffbd2b;}
.sub_menu_ti1 {height:33px;}
.sub_menu_ti2 {font-size:16px; height:32px; border-bottom:2px solid #fff; margin-left:9px; margin-right:9px}

/* 버튼들 */
.board_btn {text-align:right; width:100%; max-width:1200px;  margin-top:20px; height:60px; overflow:hidden; border:0px solid #CCC; margin:0 auto;}
.board_btn .m_write{vertical-align:middle; display:inline-block; width:75px; height:35px; font-size:14px; color:#fefefe; background:#282828; border:1px solid #dadada; box-sizing:border-box; text-align:center; line-height:32px;}
.board_btn .m_btn{vertical-align:middle; display:inline-block; width:70px; height:35px; font-size:14px; color:#000000; background:#eeeeee; border:1px solid #dadada; box-sizing:border-box; text-align:center; line-height:32px;}

.board_btn .m_write_pack{vertical-align:middle; display:inline-block; width:220px; height:45px; font-size:16px; color:#fefefe; background:#282828; border:1px solid #dadada; box-sizing:border-box; text-align:center; line-height:40px;}


.sub_port_con{}
.sub_port_con .con_list{width:100%; max-width:1200px; margin:0px auto;}
.sub_port_con .con_list:after{content:""; clear:both; display:block;}
.sub_port_con .con_list > li{float:left; width:calc(25%); text-align:center; margin-bottom:25px;}
.sub_port_con .con_list > li > img{width:90%;}
.port_title {width:90%; margin:0px auto;height:45px; font-size:15px; line-height:45px; font-weight:bold;  background:#fff; text-align:left;}
.port_title a {font-size:15px;}
.port_title_icon {margin-top:10px; margin-left:8px; margin-right:8px;}
.port_title_2 {width:90%; margin:0px auto; height:110px; font-size:13px; background:#fff; text-align:left;}
.port_title_2 a {font-size:13px;}
.port_title_2_img {height:29px;}
.port_title_2_icon1 {margin-top:8px; margin-left:12px;}
.port_title_2_icon2 {margin-top:8px; margin-left:3px;}
.port_title_3 {height:18px;}
.port_title_3 p{margin-left:12px; display:inline-block;}
.port_title_4 {height:18px; margin-right:12px}
.port_title_4 p{margin-left:12px; line-height:17px; display:inline-block; }


.sub_port_con .con_view{width:100%; max-width:1200px; margin:0px auto;}
.sub_port_con .con_view:after{content:""; clear:both; display:block;}
.sub_port_con .con_view > li{float:left; width:calc(100%); text-align:center; margin-bottom:25px;}
.port_v_img {margin-top:30px; margin-bottom:30px; }
.port_v_img img {max-width:800px;}
.port_v_title {width:98%; margin:0px auto;height:45px; font-size:15px; line-height:45px; font-weight:bold;  background:#fff; text-align:left;}
.port_v_title_icon {margin-top:10px; margin-left:8px; margin-right:8px;}
.port_v_title_2 {width:98%; margin:0px auto; min-height:110px; font-size:13px; background:#fff; text-align:left;}
.port_v_title_2 a {font-size:13px;}
.port_v_title_2_img {height:29px;}
.port_v_title_2_icon1 {margin-top:8px; margin-left:12px;}
.port_v_title_2_icon2 {margin-top:8px; margin-left:3px;}
.port_v_title_3 {height:18px;}
.port_v_title_3 p{margin-left:12px; display:inline-block;}
.port_v_title_4 {background:#000;}
.port_v_title_4 p{margin:12px; color:#fff; line-height:17px; display:inline-block; }

.port_v_title_content {font-size:14px; padding:18px;line-height:18px; min-height:150px;}

.programCon{max-width:1200px; margin:0px auto; margin-bottom:20px; font-family:'Nanum Gothic', sans-serif; letter-spacing:0; overflow:hidden;}

/* 게시판 글쓰기 */
.board_write{text-align:left; margin-top:20px; overflow:hidden;}
.board_write table{width:100%; border-top:2px solid #fff;}
.board_write table tr{border-bottom:1px solid #fff;}
.board_write table tr td{padding:13px 0;}
.board_write table tr td a{display:block; width:100%; height:100%;}
.board_write table tr td.txtTd{vertical-align:top;}
.board_write table tr td .notice_tit{font-size:16px; color:#454545;  margin-left:15px;}
.board_write table tr td .notice_tit2{font-size:16px; color:#454545;  margin-left:35px;}
.board_write table tr td .titSub{font-size:13px; color:#90929a; text-align:right; margin-right:15px;}
.board_write table tr td input[type="text"].inputSpam{width:70%; height:28px; font-size:13px; border:0px; color:#fff; background:#525252;}
.board_write table tr td input[type="text"].inputSpam2{width:30%; height:28px; font-size:13px; border:0px; color:#fff; background:#525252;}
.board_write table tr td input[type="text"].inputSpam3{width:458px; height:28px; font-size:13px;}
.board_write table tr td .textSpam{font-size:13px; color:#fff; background:#525252; border:0px; width:100%; height:250px;}

.board_write table .write1_col01{width:150px; font-size:16px; color:#fff; padding-left:20px;}
.board_write table .write2_col02{font-size:16px; color:#454545;}
.board_write table tr td .Spam_num { font-size: 16px; font-weight: bold;}
.board_write table tr td.spanWrap{padding:0; font-size:0;}
.board_write table tr td span{display:inline-block; width:70px; height:45px; margin-right:10px; background:#fff; border:1px solid #9f9f9f; color:#9f9f9f; text-align:center; line-height:45px; box-sizing:border-box; font-size:12px;}
.board_write table tr td span:last-of-type{margin-right:0;}
.board_write table tr td .answer{color:#333; border-color:#333;}
.board_write table tr td .hide{color:#f3000b; border-color:#f3000b;}
.board_write table tr td .open{color:#0063e9; border-color:#0063e9;}

.package_img{display:inline;}
.package_img2{display:none;}

.package_img {width: 100%; height:auto;}
.package_img  img{width: 100%;}


.product_order_view_title {font-size:16px; color:#fff; margin-bottom:10px; height:35px; line-height:30px; border-bottom:1px solid #fff;}
.order_view_1 {overflow:hidden; margin-top:30px;}

.order_board_write table {width:100%;}
.order_board_write table tr td input[type="text"].inputSpam{width:70%; height:24px; font-size:13px; padding-left:10px;}
.order_board_write table tr td input[type="text"].inputSpam2{width:25%; height:24px; font-size:13px; padding-left:10px;}
.order_board_write table tr td input[type="text"].inputSpam3{width:10%; height:24px; font-size:13px; padding-left:10px;}
.order_board_write table tr td input[type="file"] {color:#fff;}
.order_board_write table tr td .textSpam{font-size:13px; width:95%; height:250px; padding-left:10px;}
.order_board_write table tr td .textSpam2{font-size:13px; width:95%; height:50px; padding-left:10px;}
.order_board_write table tr td .text_area{font-size:13px; width:95%; height:150px; padding-left:10px;}


.order_board_write table .write1_col01{width:125px; font-size:13px; color:#fff; padding:10px; background:#333335;}
.order_board_write table .write2_col02{width:1075px; font-size:13px; padding:10px 0px 10px 20px; color:#fff; }
.order_board_write table .write2_col02 a{font-size:13px;}
.order_board_write table .write1_img {text-align:center;}


.order_chk_bank {margin-top:30px; margin-bottom:10px; color:#fff;}
.order_chk_bank_t {margin-top:15px; font-size:14px; font-weight:bold;}
.order_chk_bank_c {margin-top:10px; font-size:13px;}
.order_view_2 {overflow:hidden; margin-top:30px; text-align:center;}
.order_view_2 .m_write1{vertical-align:middle; display:inline-block; width:200px; height:40px; font-size:14px; color:#000; background:#e8e8e8; text-align:center; line-height:39px;}
.order_view_2 .m_write2{vertical-align:middle; display:inline-block; width:200px; height:40px; font-size:14px; color:#fff; background:#343434; text-align:center; line-height:39px;}
.order_view_2 .m_write3{vertical-align:middle; display:inline-block; width:200px; height:40px; font-size:14px; color:#fff; background:#ae1948; text-align:center; line-height:39px;}
.m_btn_id {display:inline-block; cursor: pointer; width:120px; padding:2px; color:#fff; border:1px solid #fff;  text-align:center; line-height:23px;}
a.m_btn_id{color:#fff;}


.main_visual .typo {position:absolute; z-index:99; width:100%; text-align:center; margin-top:280px; color:#fff; font-size:20px; line-height:2.3em; font-weight:200; letter-spacing:0.1em; animation:moving 1.9s 1; -webkit-animation:moving 1.9s 1; -moz-animation:moving .9s 1; -o-animation:moving .9s 1; }
@keyframes moving {
from{-moz-transform: translate(0, -16px); -webkit-transform: translate(0, -16px); -o-transform: translate(0, -16px); transform: translate(0, -16px); opacity:0;}
to{-moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity:1;}
}
.main_visual .typo .strong {font-weight:400;}
.main_visual .typo .point {font-weight:600; font-size:55px; color:#fcb856;}


.programPage{margin-top:40px; text-align:center; font-size:0; margin-bottom:40px;}
.programPage a{display:inline-block; width:38px; height:38px; line-height:36px; font-size:14px; background:#fff; color:#666; vertical-align:middle; border:1px solid #dadada; box-sizing:border-box;}
.programPage a img{margin-top:13.5px;}
.programPage a.page_first{border-left:1px solid #dadada;}
.programPage a.page_prev{border:0; width:43px; margin-right:24px;}
.programPage a.page_next{border:0; width:43px; margin-left:24px;}
.programPage a:hover{background:#e5e5e5; font-weight:bold;}
.programPage a.active{background:#e5e5e5; font-weight:bold;}
.programPage a.page_prev:hover, .programPage a.page_next:hover{background:inherit;}


/**************** 레이아웃 변경 1200 ****************/
@media all and (max-width:1200px) {
.sub_port_con .con_link .slide .bx-controls-direction{}

.port_list {width:100%; max-width:1200px; overflow:hidden; height:auto; font-size:14px; line-height:19px; color:#fff; padding-bottom:40px; border-bottom:1px solid #a8a8a8;}
.port_list_L {float:left; width:60%; height:auto;}
.port_img_1{float:left; width:100%; text-align:center;}

.port_img_1 img{ width:85%; box-shadow: 5px 15px 15px #000;}
.port_img_2{float:left; width:37%; display:none}
.port_img_3{float:left; width:17%; display:none}

.port_list_R {float:left; width:40%;}
.port_list_R_area {padding-right:10px;}
.port_list_R m_btn{display:inline-block; width:90%; overflow:hidden; height:auto; font-size:13px; color:#fff; border:1px solid #fff;  text-align:left; line-height:20px; padding:8px;}
.port_p_name1 {margin-top:30px; font-size:17px;}
.port_p_name2 {margin-top:20px; font-size:15px;}



.port_view_L {float:left; width:30%;  overflow:hidden; height:auto;}
.port_view_L .m_btn{display:inline-block; width:90%; overflow:hidden; height:auto; font-size:13px; color:#fff; border:1px solid #fff;  text-align:left; line-height:20px; padding:8px;}
.port_view_L_area {padding-left:10px;}

.port_view_R {float:left; width:70%;}
.port_view_R_area {padding:0 0 0 30px;}
.port_view_img img {width:95%;}
.port_view_img2 img {width:80%;}
.port_view_img3 img {width:50%;}

.port_view_img p {margin-bottom:15px;}

.cooperate_menu {width:100%; margin:0px auto; padding-top:25px;}
.cooperate_menu > ul { clear:both;}
.cooperate_menu > ul:after {display:block;visibility:hidden;clear:both;content:""}
.cooperate_on {background:#d9d9d9;}
.cooperate_text_1 {font-size:15px; margin-top:16px;}


.gnb_ser{display:none;}

.sub_menu_li_1 {position:relative; width:100%; text-align:center; font-weight:bold; top:0px; border:0px solid #e8e9e9;  margin:0 auto; }
.sub_menu_li_1  li { float:left; font-size:27px; height:70px; width:33.33%; border:0px solid #e8e9e9; margin-bottom:30px;}
.sub_menu_li_list_1 a {color:#fff; font-size:19px;}
.sub_h a {color:#ffbd2b }
.sub_h a > .sub_menu_ti2{border-bottom:2px solid #ffbd2b;}
.sub_menu_li_list_1 a:hover {color:#ffbd2b }
.sub_menu_li_list_1 a:hover > .sub_menu_ti2{border-bottom:2px solid #ffbd2b;}
.sub_menu_ti1 {height:33px;}
.sub_menu_ti2 {height:32px; font-size:14px;  border-bottom:2px solid #fff;  margin-left:20px; margin-right:20px }

.sub_con .con_list{margin:6.25% auto;}
.sub_con .con_list > li > .txt p span{display:block;}
.sub_con .con_list{margin:6.25% auto;}
.sub_con .con_list > li{float:left; width:calc(100%); margin-left:0px; margin-bottom:27px; text-align:center; }
.sub_con .con_list > li img{border:0px solid #fff; width:70%;}

.pc_brand_img{display:none;}
.mv_brand_img{display:inline;}

.sub_port_con .con_list{margin:6.25% auto;}
.sub_port_con .con_list > li > .txt p span{display:block;}
.sub_port_con .con_list{margin:6.25% auto;}
.sub_port_con .con_list > li{float:left; width:calc(50%); }

.port_v_img img {width:80%;}

/* about */
.sub_con{ padding:10px;}
.sub_con .sub_tit{padding-top:0px; margin:0px auto; text-align:left; margin-bottom:0px; max-width:1200px;}
.sub_con .sub_tit h3{margin-bottom:10px; font-size:35px; color:#fff;}
.sub_con .sub_tit p.education{color:#fff; font-size:15px; line-height:1.2;}


.sub_con .sub_3nd{width:100%; max-width:1200px; margin:0px auto; padding-top:0px;}
.sub_3nd_title {font-size:14px; color:#fff; line-height:1.5;}
.sub_3nd_title span{font-size:18px; color:#fcb856; }


.sub_con .sub_company{width:100%; max-width:1200px; margin:0px auto; padding-top:30px;}
.sub_company_t {font-size:16px; color:#fff; line-height:1.5; margin-bottom:12px;}
.profile_area{ border-bottom:1px solid #fff; border-top:1px solid #fff; padding:10px 0}
.tbl_desc{}
.tbl_desc,.tbl_desc th,.tbl_desc td{border:0}
.tbl_desc{width:100%;border-top:0px solid #222;border-bottom:0px solid #222;table-layout:fixed; font-size:13px; color:#fff;}
.tbl_desc a{font-size:13px; color:#fff;}
.tbl_desc th{padding:5px 5px 14px 2px;border-bottom:0px solid #e1e1e1;color:#fff;font-weight: normal;text-align:left; }
.tbl_desc td{padding:5px 0;border-bottom:0px solid #e1e1e1;}
.company_title {line-height:2;}
.company_title span{font-size:14px; color:#fcb856; }


.sub_con .sub_location{width:100%; max-width:1200px; margin:0px auto; padding-top:30px;}
.sub_location_t {font-size:16px; color:#fff; line-height:1.5; margin-bottom:12px;}
.location_title {font-size:14px; color:#fff; line-height:1.5;font-weight:bold;}
.location_title span{font-size:14px; color:#fff; font-weight:300; }


.ser_box_01 > li.s01{ width:20%; font-size:16px; font-weight:600}
.ser_box_01 > li.s02{ width:50%; font-size:13px; line-height:1.5;}
.ser_box_01 > li.s03{ width:30%; font-size:13px;}


.main_visual .typo {margin-top:250px; font-size:19px;}
.main_visual .typo .point {font-size:42px;}


/* 게시판 글쓰기 */
.board_write table tr td input[type="text"].inputSpam{width:70%; height:28px; font-size:13px; border:0px; color:#fff; background:#525252;}
.board_write table tr td input[type="text"].inputSpam2{width:30%; height:28px; font-size:13px; border:0px; color:#fff; background:#525252;}
.board_write table tr td input[type="text"].inputSpam3{width:458px; height:28px; font-size:13px;}
.board_write table tr td .textSpam{font-size:13px; color:#fff; background:#525252; border:0px; width:95%; height:250px;}

.board_write table .write1_col01{width:100px; font-size:14px; color:#fff; padding-left:20px;}
.board_write table .write2_col02{font-size:16px; color:#454545;}
.board_write table tr td .Spam_num { font-size: 14px; font-weight: bold;}
.board_write table tr td.spanWrap{padding:0; font-size:0;}
.board_write table tr td span{display:inline-block; width:70px; height:45px; margin-right:10px; background:#fff; border:1px solid #9f9f9f; color:#9f9f9f; text-align:center; line-height:45px; box-sizing:border-box; font-size:12px;}
.board_write table tr td span:last-of-type{margin-right:0;}
.board_write table tr td .answer{color:#333; border-color:#333;}
.board_write table tr td .hide{color:#f3000b; border-color:#f3000b;}
.board_write table tr td .open{color:#0063e9; border-color:#0063e9;}



}

/**************** 레이아웃 변경  640 ****************/
@media all and (max-width:640px) {
.sub_menu_li_1  li { width:33.333%;}
.sub_port_con .con_list > li{float:left; width:calc(100%); }
.sub_port_con .con_list > li > .txt h4{font-size:3.5vw;}
.sub_port_con .con_list > li > .txt p{font-size:2.6vw;}
.sub_port_con .con_list > li > .txt a{font-size:2.6vw;}
.sub_port_con .con_link ul.icon li .txt span{font-size:3.6vw;}
.sub_port_con .con_link ul.icon li .txt p{font-size:2.5vw;}
.sub_port_con .con_link .slide ul li a{font-size:2.5vw;}
.sub_port_con .con_link .slide .bx-controls-direction a{top:-30px; width:20px; height:20px;}
.sub_port_con .con_link .slide .bx-controls-direction a.bx-prev{right:20px;}



.port_list {width:100%; max-width:1200px; overflow:hidden; height:auto; font-size:14px; line-height:19px; color:#fff; padding-bottom:40px; border-bottom:1px solid #a8a8a8;}
.port_list_L {float:none; width:100%; height:auto;}
.port_img_1{float:left; width:100%; text-align:center; padding-bottom:15px;}

.port_img_1 img{ width:70%; box-shadow: 5px 15px 15px #000;}

.port_list_R {float:none; width:100%;}
.port_list_R_area {padding:0 20px;}
.port_list_R m_btn{display:inline-block; width:90%; overflow:hidden; height:auto; font-size:13px; color:#fff; border:1px solid #fff;  text-align:left; line-height:20px; padding:8px;}
.port_p_name1 {margin-top:25px; font-size:15px;}
.port_p_name1 a {font-size:15px; color:#fff;}
.port_p_name2 {margin-top:8px; font-size:13px;}


.port_view_L {float:none; width:100%;  overflow:hidden; height:auto;}
.port_view_L .m_btn{display:inline-block; width:90%; overflow:hidden; height:auto; font-size:13px; color:#fff; border:1px solid #fff;  text-align:left; line-height:20px; padding:8px;}
.port_view_L_area {padding-left:10px;}

.port_view_R {float:none; width:100%; margin-top:50px;}
.port_view_R_area {padding:0 10px 0 10px; text-align:left;}
.port_view_img img {width:100%;}
.port_view_img2 img {width:80%;}
.port_view_img3 img {width:57%;}


.cooperate_menu {width:100%; margin:0px auto; padding-top:10px;}



/* about */
.sub_con{ padding:10px;}
.sub_con .sub_tit{padding-top:0px; margin:0px auto; text-align:left; margin-bottom:0px;}
.sub_con .sub_tit h3{margin-bottom:10px; font-size:27px;}
.sub_con .sub_tit p.education{font-size:13px;}


.sub_3nd_title {font-size:13px; color:#fff;}
.sub_3nd_title span{font-size:15px; color:#fcb856; }


.sub_menu_li_1 {position:relative; width:100%; text-align:center; font-weight:bold; top:0px; border:0px solid #e8e9e9;  margin:0 auto; }
.sub_menu_li_1  li { float:left; font-size:27px; height:30px; width:33.33%; border:0px solid #e8e9e9; margin-bottom:30px;}
.sub_menu_li_list_1 a {color:#fff; font-size:16px;}
.sub_h a {color:#ffbd2b }
.sub_h a > .sub_menu_ti1{border-bottom:2px solid #ffbd2b;}
.sub_menu_li_list_1 a:hover {color:#ffbd2b }
.sub_menu_li_list_1 a:hover > .sub_menu_ti1{border-bottom:2px solid #ffbd2b;}
.sub_menu_ti1 {height:28px; border-bottom:2px solid #fff; margin-left:20px; margin-right:20px}
.sub_menu_ti2 {display:none; height:32px; font-size:14px;  border-bottom:2px solid #fff;  margin-left:20px; margin-right:20px }



.sub_company_t {font-size:14px; }
.tbl_desc{width:100%;border-top:0px solid #222;border-bottom:0px solid #222;table-layout:fixed; font-size:12px; color:#fff;}
.tbl_desc a{font-size:13px; color:#fff;}
.tbl_desc th{padding:5px 5px 14px 2px;border-bottom:0px solid #e1e1e1;color:#fff;font-weight: normal;text-align:left; }
.tbl_desc td{padding:5px 0;border-bottom:0px solid #e1e1e1;}
.company_title {line-height:2;}
.company_title span{font-size:13px; color:#fcb856; }


.sub_con .sub_location{width:100%; max-width:1200px; margin:0px auto; padding-top:30px;}
.sub_location_t {font-size:16px; color:#fff; line-height:1.5; margin-bottom:12px;}
.location_title {font-size:14px; color:#fff; line-height:1.5;font-weight:bold;}
.location_title span{font-size:14px; color:#fff; font-weight:300; }

.ser_box_01{ margin-left:0px;  overflow: hidden; width:100%; margin-top:0px; margin-bottom:30px; overflow:hidden;}
.ser_box_01 > li.s01{ width:100%; font-size:16px; font-weight:600}
.ser_box_01 > li.s02{ width:100%; font-size:13px;}
.ser_box_01 > li.s03{ width:100%; font-size:13px;}

.ser_box_01 > li.s01 p{ border-top:3px solid #CCC;}
.ser_box_01 > li p { padding:0; margin:0; margin-left:5px; border-top:0px solid #CCC; padding:5px 0 5px 0 }
.ser_box_01 > li ul{ padding:0%; margin:0; margin-left:5px; border-top:0px solid #CCC; padding:5px 0 5px 0}


.package_img{display:none;}
.package_img2{display:inline;}

.package_img2 {width: 100%; height:auto;}
.package_img2  img{width: 100%;}




.main_visual .typo {margin-top:250px; font-size:18px;}
.main_visual .typo .point {font-size:31px; letter-spacing:0.01em;}

/* 게시판 글쓰기 */
.board_write table tr td input[type="text"].inputSpam{width:70%; height:28px; font-size:13px; border:0px; color:#fff; background:#525252;}
.board_write table tr td input[type="text"].inputSpam2{width:30%; height:28px; font-size:13px; border:0px; color:#fff; background:#525252;}
.board_write table tr td input[type="text"].inputSpam3{width:458px; height:28px; font-size:13px;}
.board_write table tr td .textSpam{font-size:13px; color:#fff; background:#525252; border:0px; width:95%; height:250px;}

.board_write table .write1_col01{width:60px; font-size:12px; color:#fff; padding-left:10px;}
.board_write table .write2_col02{font-size:16px; color:#454545;}
.board_write table tr td .Spam_num { font-size: 12px; font-weight: bold;}
.board_write table tr td.spanWrap{padding:0; font-size:0;}
.board_write table tr td span{display:inline-block; width:70px; height:45px; margin-right:10px; background:#fff; border:1px solid #9f9f9f; color:#9f9f9f; text-align:center; line-height:45px; box-sizing:border-box; font-size:12px;}
.board_write table tr td span:last-of-type{margin-right:0;}
.board_write table tr td .answer{color:#333; border-color:#333;}
.board_write table tr td .hide{color:#f3000b; border-color:#f3000b;}
.board_write table tr td .open{color:#0063e9; border-color:#0063e9;}


.order_board_write table tr td input[type="text"].inputSpam{width:85%; height:24px; font-size:12px; padding-left:10px;}
.order_board_write table tr td input[type="text"].inputSpam2{width:50%; height:24px; font-size:12px; padding-left:10px;}
.order_board_write table tr td input[type="text"].inputSpam3{width:13%; height:24px; font-size:12px; padding-left:10px;}


.order_board_write table .write1_col01{width:20%; font-size:12px; color:#fff; padding:10px; background:#333335;}
.order_board_write table .write2_col02{width:80%; font-size:12px; padding:10px 0px 10px 20px; color:#fff; }
.order_board_write table .write2_col02 a{font-size:12px;}
.order_board_write table .write1_img {text-align:center;}


.order_chk_bank {margin-top:30px; margin-bottom:10px; color:#fff; font-size:14px;}
.order_chk_bank_t {margin-top:15px; font-size:13px; font-weight:bold;}
.order_chk_bank_c {margin-top:10px; font-size:12px;}
.order_view_2 {overflow:hidden; margin-top:30px; text-align:center;}
.order_view_2 .m_write1{vertical-align:middle; display:inline-block; width:150px; height:31px; font-size:13px; color:#000; background:#e8e8e8; text-align:center; line-height:32px;}
.order_view_2 .m_write2{vertical-align:middle; display:inline-block; width:150px; height:31px; font-size:13px; color:#fff; background:#343434; text-align:center; line-height:32px;}
.order_view_2 .m_write3{vertical-align:middle; display:inline-block; width:150px; height:31px; font-size:13px; color:#fff; background:#ae1948; text-align:center; line-height:32px;}
.m_btn_id {width:80px; padding:2px; color:#fff; border:1px solid #fff;  text-align:center; line-height:23px;}


.programPage{margin-top:30px; text-align:center; font-size:0; margin-bottom:20px;}
.programPage a{display:inline-block; width:27px; height:27px; line-height:25px; font-size:13px; background:#fff; color:#666; vertical-align:middle; border:1px solid #dadada; box-sizing:border-box;}
.programPage a img{margin-top:13.5px;}
.programPage a.page_first{border-left:1px solid #dadada;}
.programPage a.page_prev{border:0; width:30px; margin-right:14px;}
.programPage a.page_next{border:0; width:30px; margin-left:14px;}
.programPage a:hover{background:#e5e5e5; font-weight:bold;}
.programPage a.active{background:#e5e5e5; font-weight:bold;}
.programPage a.page_prev:hover, .programPage a.page_next:hover{background:inherit; background:#e5e5e5;}

}

/* 예외처리 */
@media all and (max-width:340px) {
/* .main_con .con_link .slide .bx-controls-direction a{top:-20px; width:15px; height:15px;}
.main_con .con_link .slide .bx-controls-direction a.bx-prev{right:15px;} */
}