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

.pc_mv{display:inline;}
.mo_mv{display:none;}

.main_visual{position:relative; width:100%; height:900px; overflow:hidden;}
.main_visual img{position:absolute; left:50%; margin-left:-1000px; width:2000px;}
.main_visual .bx-pager{position:absolute; bottom:8%; left:0; width:100%; text-align:center; font-size:0; z-index:10;}
.main_visual .bx-pager .bx-pager-item{display:inline-block; width:11px; height:11px; margin:0 7.5px;}
.main_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;}

.main_con{}
.main_con .con_list{width:100%; max-width:1200px; margin:00px auto;}
.main_con .con_list:after{content:""; clear:both; display:block;}
.main_con .con_list > li{float:left; width:calc(33.3%); }
.main_con .con_list > li > img{width:100%;}
.main_con .con_list > li > .txt{padding:5.292% 0 6.88%; text-align:center; color:#333;}
.main_con .con_list > li > .txt h4{margin-bottom:1.855%; font-size:23px; font-weight:500;}
.main_con .con_list > li > .txt p{margin-bottom:4.5%; font-size:14px; font-weight:400; line-height:1.2;}
.main_con .con_list > li > .txt p span{}
.main_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;}
.main_con .con_list > li > .type01{background:#14447c; color:#fff;}
.main_con .con_list > li > .type01 a{border:1px solid #fff; color:#fff;}
.main_con .con_list > li > .type02{background:#82a1c6; color:#fff;}
.main_con .con_list > li > .type02 a{border:1px solid #fff; color:#fff;}
.main_con .con_list > li > .type03{background:#acb1b4; color:#fff;}
.main_con .con_list > li > .type03 a{border:1px solid #fff; color:#fff;}
.main_con .con_list > li > .type04{background:#e8e9e9; color:#333;}
.main_con .con_list > li > .type04 a{border:1px solid #a8a8a8; color:#333;}
.main_con .con_list > li > .type05{background:#56616d; color:#fff;}
.main_con .con_list > li > .type05 a{border:1px solid #fff; color:#fff;}


.main_con .con_list2{width:100%; max-width:1200px; margin:0px auto;}
.main_con .con_list2:after{content:""; clear:both; display:block;}
.main_con .con_list2 > li{float:left; width:calc(16.66%); text-align:center; margin-bottom:0px;}
.main_con .con_list2 > li > img{width:90%;}

.main_con .main_blog { min-height:200px; background:#f2a60f; padding-top:30px;}
.main_blog .con_list1_1{max-width:1200px;  background:#f2a60f; margin:0px auto; }
.main_blog .con_list1_1:after{content:""; clear:both; display:block; }
.main_blog .con_list1_1 > li{float:left; width:calc(16.66%); text-align:center; margin-bottom:30px;}
.main_blog .con_list1_1 > li > img{width:100%;}


.port_menu_li_1 {position:relative; width:1200px; height:160px; padding-top:30px; text-align:center; font-weight:bold; border:0px solid #e8e9e9;  margin:0 auto; }
.port_menu_li_1  li { float:left; font-size:30px; height:70px; width:16.66%; border:0px solid #e8e9e9; }
.port_menu_li_list_1 {}
.port_menu_li_list_1 a {color:#000; font-size:22px;}
.port_menu_li_list_1 a:hover {color:#fff }
.port_menu_li_list_1 a:hover > .port_menu_ti2{border-bottom:2px solid #fff;}
.port_h a {color:#ffbd2b }
.port_h a > .port_menu_ti2{border-bottom:2px solid #ffbd2b;}
.port_menu_ti1 {height:33px;}
.port_menu_ti2 {font-size:16px; height:32px; border-bottom:2px solid #000; margin-left:9px; margin-right:9px}

.port_con .port_tit{padding-top:50px; text-align:center; margin-bottom:50px;}
.port_con .port_tit h3{margin-bottom:10px; font-size:50px; color:#fff; font-weight:600; line-height:1.2;}
.port_con .port_tit p{font-size:18px;}
.port_con .port_tit p.port_education{color:#fff; font-size:15px; line-height:1.2;}



.main_con .con_list3{width:100%; max-width:1200px; margin:0px auto;}
.main_con .con_list3:after{content:""; clear:both; display:block;  margin-bottom:0px;}
.main_con .con_list3 > li{float:left; width:calc(50%); text-align:center; margin-bottom:20px; }
.main_con .con_list3 > li > img{width:98%;}
.main_con .con_list3 .con_list3_1 .con_list3_1_1 { font-size:30px; text-align:left; color:#fcb856; line-height:50px;margin-left:10px; }
.main_con .con_list3 .con_list3_1 .con_list3_1_2 { font-size:15px; text-align:left; color:#fff; line-height:28px;margin-left:10px; margin-right:15px}

.main_con .con_list3 .con_list3_4 .con_list3_1_1 { font-size:30px; text-align:left; color:#fcb856; line-height:50px; margin-left:10px;}
.main_con .con_list3 .con_list3_4 .con_list3_1_2 { font-size:15px; text-align:left; color:#fff; line-height:28px; margin-left:10px;}


.main_con .con_link{position:relative; border-top:1px solid #e8e9e9; margin-bottom:40px;}
.main_con .con_link .pr{position:relative; width:100%; max-width:1200px; margin:20px auto 0;}
.main_con .con_link ul.icon:after{content:""; clear:both; display:block;}
.main_con .con_link ul.icon li{float:left; margin:0 10px; width:calc(30.334% - 20px); }
.main_con .con_link ul.icon li:after{content:""; clear:both; display:block;}
.main_con .con_link ul.icon li .img{float:left; width:28.95%;}
.main_con .con_link ul.icon li .img img{width:100%; }
.main_con .con_link ul.icon li .txt{float:left; width:71%; box-sizing:border-box; padding-left:20px; }
.main_con .con_link ul.icon li .txt span{display:block; margin:10px 0 20px; font-size:23px; color:#333; font-weight:500; }
.main_con .con_link ul.icon li .txt p{display:block; font-size:16px; color:#333; line-height:1.4; }
.main_con .con_link ul.icon li:last-of-type{width:calc(69.665% - 20px); }
.main_con .con_link ul.icon li:last-of-type .img{width:12.504%;}
.main_con .con_link ul.icon li:last-of-type .txt{width:87%;}

.gnb_ser{display:inline;}


.main_con .sub_brand{width:100%; max-width:1200px; margin:0px auto; padding-bottom:10px; padding-top:30px; }
.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:700px; height:auto;}
.port_img_1{float:left; width:44%;}
.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:38%;}
.port_img_2_area {position:relative; top:42px; left:-50px; z-index:400;}
.port_img_2 img{ width:100%;}
.port_img_3{float:left; width:18%;}
.port_img_3_area {position:relative; top:92px; 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;}




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


/*탭메뉴*/
.tab_box { width: 100%; max-width:1200px; margin:0px auto;}
.tab_box .tab_nav {overflow:hidden;}
.tab_box .tab_nav li { float: left; border:1px solid #ccc; color: #000; font-size: 16px; margin-left: -1px; width: 25.05%; box-sizing: border-box; padding:20px; text-align: center; background: #fff; cursor: pointer;}
.tab_box .tab_nav li:first-child {margin-left:0px; }
.tab_box .tab_nav li:hover, .tab_box .tab_nav li.on {background:#ff8000; color: #fff; border-color:#c72127;}
.tab_box .tab_content { margin:40px 0; }
.tab_box .tab_content li {display: none; border:1px solid #ddd; box-sizing: border-box;}
.tab_box .tab_content li.on {display: block;}



.sub_con{min-height:100px;}
.sub_con.mt50{margin:0px auto 0;}
.sub_con.w100{max-width:100%; margin:0;}
.sub_con_visual {text-align:center; padding:0px 0; max-width:1200px; margin:0 auto;}

/* 서브타이틀 */
.sub_con .sub_tit{padding-top:50px; text-align:center; margin-bottom:50px;}
.sub_con .sub_tit h3{margin-bottom:10px; font-size:40px; color:#fcb856; 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 a{color:#fff;}






.info_visual_back{text-align:center; max-width:100%; margin:0 auto;}
.info_visual{text-align:center; padding:30px 0; max-width:1200px; margin:0 auto;}
.info_visual img{position:relative;width:85%;left:0px; margin-left:0px;}

.business_visual_back{text-align:center; max-width:100%; margin:0 auto;}
.business_visual{text-align:center; padding:30px 0; max-width:1200px; margin:0 auto;}
.business_visual img{position:relative;width:80%;left:0px; margin-left:0px;}
.business_visual_text {text-align:center; max-width:1200px; margin:0 auto; padding-top:10px; color:#000; font-size:16px; line-height:1.5;}

.card_visual{text-align:center; padding:50px 0; max-width:1200px; margin:0 auto;}
.card_visual img{position:relative;width:100%;left:0px; margin-left:0px;}

.map_visual{text-align:center; padding:50px 0; max-width:1200px; margin:0 auto;}


.online_visual_back{text-align:center; max-width:100%; height:500px; margin:0 auto;}
.online_visual {text-align:center; max-width:1200px; margin:0 auto; padding-top:20px; font-size:16px;}
.online_visual input {width:90%; height:40px; border-radius:0px; border:0; color:#000; background:#fff; }
.online_visual div {float:left; width:calc(50% - 0px); max-height:150px; padding-bottom:20px; box-sizing:border-box;}
.online_visual_text {text-align:center; max-width:1200px; margin:0 auto; padding-top:40px; color:#fff; font-size:16px; line-height:1.5;}

.board_btn {text-align:center; margin-top:20px; overflow:hidden;}
.board_btn .m_write{vertical-align:middle; display:inline-block; width:105px; height:40px; font-size:16px; color:#fefefe; background:#282828; border:0px solid #dadada; box-sizing:border-box; text-align:center; line-height:38px;}
/**************** 레이아웃 변경 1200 ****************/
@media all and (max-width:1200px) {
.main_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:55%; height:auto;}
.port_img_1{float:left; width:100%; text-align:center;}

.port_img_1 img{ width:70%; 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:16px;}
.port_p_name2 {margin-top:20px; font-size:13px;}


}


/**************** 레이아웃 변경 1000 ****************/
@media all and (max-width:1000px) {
.pc_mv{display:none;}
.mo_mv{display:inline;}
.gnb_ser{display:none;}

.process_visual img{position:relative;width:100%;left:0px; margin-left:0px;}

.main_visual{position:relative;height:100%;}
.main_visual img{position:relative;width:100%;left:0px; margin-left:0px;}
.main_visual .bx-pager{position:absolute; bottom:8%; left:0; width:100%; text-align:center; font-size:0; z-index:10;}
.main_visual .bx-pager .bx-pager-item{display:inline-block; width:11px; height:11px; margin:0 7.5px;}
.main_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;}
.main_visual .bx-pager .bx-pager-item a.active{background:url("/modes_sample/10001/img/mo_pager_on.png") no-repeat 0 0;}

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


.main_con .con_list2{margin:6.25% auto;}
.main_con .con_list2 > li{float:left; width:calc(33.333%); margin-bottom:30px;}
.main_con .con_list2 > li > img{width:90%;}
.main_con .con_list2 > li > .txt p span{display:block;}


.main_blog .con_list1_1{margin:6.25% auto;}
.main_blog .con_list1_1 > li{float:left; width:calc(33.333%); margin-bottom:30px;}
.main_blog .con_list1_1 > li > img{width:95%;}

.port_menu_li_1 {position:relative; width:100%; height:250px; padding-top:30px; text-align:center; font-weight:bold; border:0px solid #e8e9e9;  margin:0 auto; }
.port_menu_li_1  li { float:left; font-size:30px; height:70px; width:33.333%; border:0px solid #e8e9e9; margin-bottom:30px;}
.port_menu_li_list_1 {}
.port_menu_li_list_1 a {color:#000; font-size:22px;}
.port_menu_li_list_1 a:hover {color:#fff }
.port_menu_li_list_1 a:hover > .port_menu_ti2{border-bottom:2px solid #fff;}
.port_h a {color:#ffbd2b }
.port_h a > .port_menu_ti2{border-bottom:2px solid #ffbd2b;}
.port_menu_ti1 {height:33px;}
.port_menu_ti2 {font-size:16px; height:32px; border-bottom:2px solid #000; margin-left:9px; margin-right:9px}

.port_con .port_tit{padding-top:50px; text-align:center; margin-bottom:50px;}
.port_con .port_tit h3{margin-bottom:10px; font-size:50px; color:#fff; font-weight:600; line-height:1.2;}
.port_con .port_tit p{font-size:18px;}
.port_con .port_tit p.port_education{color:#fff; font-size:15px; line-height:1.2;}


.main_con .con_list3{margin:6.25% auto ; display:flex; flex-direction: column-reverse;}
.main_con .con_list3 > li{float:left; width:calc(100%); margin-bottom:10px;}
.main_con .con_list3 > li > img{width:80%;}
.main_con .con_list3 .con_list3_1 { order: 3;}
.main_con .con_list3 .con_list3_2 { order: 4;}
.main_con .con_list3 .con_list3_3 { order: 2;}
.main_con .con_list3 .con_list3_4 { order: 1;}

.main_con .con_list3 .con_list3_1 .con_list3_1_1 { font-size:20px; text-align:left; color:#ffbd2b; line-height:40px; padding:5px; margin-bottom:0px;}
.main_con .con_list3 .con_list3_1 .con_list3_1_2 { font-size:12px; text-align:left; color:#fff; line-height:20px;  padding:5px; margin-bottom:70px;}

.main_con .con_list3 .con_list3_4 .con_list3_1_1 { font-size:20px; text-align:left; color:#ffbd2b; line-height:40px; padding:5px; margin-bottom:0px;}
.main_con .con_list3 .con_list3_4 .con_list3_1_2 { font-size:12px; text-align:left; color:#fff; line-height:20px;  padding:5px; margin-bottom:10px;}


.main_con .con_link{margin-bottom:6.25%;}
.main_con .con_link ul.icon{margin:3.125% 20px 0;}
.main_con .con_link ul.icon li{width:100%; margin:0;}
.main_con .con_link ul.icon li .img{width:15%;}
.main_con .con_link ul.icon li .txt{width:85%; padding-left:5%;}
.main_con .con_link ul.icon li .txt span{margin:5% 0 5%;}
.main_con .con_link ul.icon li:last-of-type{width:100%; margin:0; margin-top:5%;}
.main_con .con_link ul.icon li:last-of-type .img{width:15%;}
.main_con .con_link ul.icon li:last-of-type .txt{width:85%; padding-left:5%;}

.solution_oa ul li{float:none; width:100%; max-height:100%; min-height:auto; margin-bottom:5%; margin-right:0;}
.solution_oa ul li:last-of-type{margin-bottom:0;}

.info_visual img{position:relative;width:85%;left:0px; margin-left:0px;}

.business_visual{text-align:center; padding:20px 0; max-width:1200px; margin:0 auto;}
.business_visual img{position:relative;width:85%;left:0px; margin-left:0px;}


.card_visual{text-align:center; padding:0px 0; max-width:1200px; margin:0 auto;}
.card_visual img{position:relative;width:100%;left:0px; margin-left:0px;}

}

/**************** 레이아웃 변경  640 ****************/
@media all and (max-width:640px) {
.main_con .con_list > li > .txt h4{font-size:3.5vw;}
.main_con .con_list > li > .txt p{font-size:2.6vw;}
.main_con .con_list > li > .txt a{font-size:2.6vw;}

.main_con .con_list > li{float:left; width:calc(100%); margin-left:0px; margin-bottom:0px; text-align:center; }
.main_con .con_list > li img{border:0px solid #fff; width:100%;}

.main_con .con_link ul.icon li .txt span{font-size:3.6vw;}
.main_con .con_link ul.icon li .txt p{font-size:2.5vw;}
.main_con .con_link .slide ul li a{font-size:2.5vw;}
.main_con .con_link .slide .bx-controls-direction a{top:-30px; width:20px; height:20px;}
.main_con .con_link .slide .bx-controls-direction a.bx-prev{right:20px;}

.main_blog .con_list1_1{margin:6.25% auto;}
.main_blog .con_list1_1 > li{float:left; width:calc(50%); margin-bottom:30px;}
.main_blog .con_list1_1 > li > img{width:90%;}

.port_con .port_tit{padding-top:50px; text-align:center; margin-bottom:50px;}
.port_con .port_tit h3{margin-bottom:10px; font-size:35px; color:#fff; font-weight:600; line-height:1.2;}
.port_con .port_tit p{font-size:13px;}
.port_con .port_tit p.port_education{color:#fff; font-size:13px; line-height:1.2;}

.port_menu_li_1 {position:relative; width:100%; height:320px; padding-top:30px; text-align:center; font-weight:bold; border:0px solid #e8e9e9;  margin:0 auto; }
.port_menu_li_1  li { float:left; font-size:27px; height:60px; width:50%; border:0px solid #e8e9e9; margin-bottom:30px;}
.port_menu_li_list_1 {}
.port_menu_li_list_1 a {color:#000; font-size:18px;}
.port_menu_li_list_1 a:hover {color:#fff }
.port_menu_li_list_1 a:hover > .port_menu_ti1{border-bottom:2px solid #fff;}
.port_h a {color:#ffbd2b }
.port_h a > .port_menu_ti2{border-bottom:2px solid #ffbd2b;}
.port_menu_ti1 {height:33px; border-bottom:2px solid #000; margin-left:25px; margin-right:25px}
.port_menu_ti2 {display:none;}


.main_con .con_list3 > li > img{width:90%;}



.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 }



.main_con .con_list2{margin:6.25% auto;}
.main_con .con_list2 > li{float:left; width:calc(33.33%); margin-bottom:30px;}
.main_con .con_list2 > li > img{width:90%;}
.main_con .con_list2 > li > .txt p span{display:block;}



.sub_con{padding:0 3.125%;}
.sub_con .sub_tit{margin-bottom:0px;}
.sub_con .sub_tit h3{font-size:6.25vw;}
.sub_con .sub_tit p{font-size:2.815vw;}
.sub_con .sub_tit p.education{color:#fff; font-size:10px; line-height:1.2;}


.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:62%; 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:14px; color:#fff;}
.port_p_name2 {margin-top:8px; font-size:12px;}



}

/* 예외처리 */
@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;} */
}