#topbg
{height:5px; background-color:#0073ba;}
/***/
#wraper #header
{top:5px;}
#wraper #header nav #logo a img
{width:253px; height:36px; left:0px; top: 18px;}
#wraper #header nav .menu_wrap
{left:316px;}
#wraper #header nav .menu_wrap ul li.m01 , #wraper #header nav .menu_wrap ul li.m02 , 
#wraper #header nav .menu_wrap ul li.m03 , #wraper #header nav .menu_wrap ul li.m04 , 
#wraper #header nav .menu_wrap ul li.m05
{width:16%;}
#wraper #header nav .menu_wrap ul li.m07
{width:17%;}

@media screen and (max-width:420px){
    #wraper #header nav #logo a img
    {top: 7px;}
    #wraper #header nav .menu_wrap
    {left:auto;}
    
}


/*sub_menu*/
#wraper #header nav .menu_wrap ul li ul li
{border-top:1px solid #127abb;}
#wraper #header nav .menu_wrap ul li ul li a
{background:#0073ba; font-weight:100; font-size:13px;line-height:45px;}
#wraper #header nav .menu_wrap ul li ul li a:hover
{background:#1f8acc;}
#wraper #header nav .menu_wrap ul li.m03:hover ul
{max-height:397px;}


@media screen and (max-width:420px){
    #wraper #header nav .menu_wrap ul li ul li
    {border-color:#ddd}

    #wraper #header nav .menu_wrap ul li.m03.on ul
    {max-height:350px !important;}
}
/***/
#hero 
{height:458px;}
#hero .flexslider,
#hero .flexslider .flex-viewport,
#hero .flexslider .flex-viewport .slides
{height:100%;}
#hero .slides .mS1
{background:url('main01.jpg') no-repeat center; height:100%;}
#hero .slides .mS2
{background:url('main02.jpg') no-repeat center; height:100%;}
#hero .slides .mS3
{background:url('main03.jpg') no-repeat center; height:100%;}
#hero .slides .mS4
{background:url('main04.jpg') no-repeat center; height:100%;}
#hero .slides .mS5
{background:url('main05.jpg') no-repeat center; height:100%;}
#hero .slides .mS6
{background:url('main06.jpg') no-repeat center; height:100%;}


/**
.flex-control-nav , .flex-direction-nav
{display : none;}
*/

@media screen and (max-width:414px){
    #hero
    {height:150px;}
    .flex-viewport
    {min-height: auto;}
    #hero .slides .mS1 , #hero .slides .mS2, #hero .slides .mS3 ,#hero .slides .mS4, #hero .slides .mS5 , #hero .slides .mS6
    {background-size:cover;}

}

@media screen and (max-width:360px){
    #hero
    {height:130px;}
}


/****/

.three_columns .column_inner h5
{color:#282828 !important; font-size:19px !important; font-weight:400 !important;;}
.three_columns .column_inner p
{color:#868585 !important; font-size:15px !important; letter-spacing:-0.5px;}


/****/
#boardwraper
{background:#f6f6f6;}
#board .not span
{color:#00568d;}
#board .not span a
{color:#00568d; font-weight:600;}
#board .block .exp
{background:url('banner05.jpg') no-repeat center;}
#board .customer1 .exp1 .customer
{background:url('customer.png') no-repeat center; width:227px; height:100%;}

#board .block2 table
{background-color:transparent;}

#board .block2 table.board_output td.board_output_gallery_img img
{width:140px; height:105px;}

#board .customer1 .mobile
{display : none;}


@media screen and (max-width:420px){
    #boardwraper
    {display : inline-block; height:auto;}
    #board .block2 .exp
    {height:auto;}
    #board .block2 table.board_output > tbody > tr > td > table > tbody > tr td
    {display : block;}
    #board .block2 table.board_output td.board_output_gallery_img
    {text-align:center;}
    #board .block2 table.board_output td.board_output_gallery_img img
    {width:75%;}
    #board .customer1
    {margin:30px 0px;}
    #board .customer1 .mobile
    {display : inline-block;}
    #board .customer1 .computer
    {display : none;}
    
}



#wraper #footer .foot_info
{padding:40px 0 60px 0; background:#404040;}
#wraper #footer .foot_info .detail img
{ float:left; padding-top:32px;}
#wraper #footer .foot_info .detail .detail02
{width:750px; display : inline-block; text-align:left; font-family:'NanumSquare'; color:#a3a3a3;}
#wraper #footer .foot_info .copy
{width:1200px; margin:0 auto; text-align:center;}
#wraper #footer .foot_info .copy li
{width:750px; display : inline-block; text-align:left; margin-top:3px; font-family:'NanumSquare'; color:#a3a3a3; font-size:14px;}

@media screen and (max-width:420px){
    #wraper #footer .foot_info .detail
    {padding:0px 20px;}
    #wraper #footer .foot_info .detail span.detail02
    {display : inline-block; width:100%;}
    #wraper #footer .foot_info .copy
    {width:90%; margin:0px; padding:0px 20px; text-align:left;}
    #wraper #footer .foot_info .copy li
    {width:100%;}

}


/* sub*/
.sub-cont-wrap
{height:auto;}
.sub-cont-wrap .body-wrap div
{ line-height:normal; font-size:0px;}
.sub-cont-wrap .body-wrap div > img
{max-width:100%;}


.tb_st2
{border-top:1px solid #0073ba;}


#s_navi #sub_menu
{border-top:1px solid #808080;}
#page01 #sub_menu a.menu1, #page02 #sub_menu a.menu2, #page03 #sub_menu a.menu3, 
#page04 #sub_menu a.menu4, #page05 #sub_menu a.menu5, #page06 #sub_menu a.menu6, 
#page07 #sub_menu a.menu7, #page08 #sub_menu a.menu8, #page09 #sub_menu a.menu9, 
#page16 #sub_menu a.menu10
{color:#ffffff; background:#0073ba;}
#s_navi #sub_menu li a:hover
{background:#1087d0; color:white;}


.sub-cont-wrap .body-wrap div.map
{padding-bottom:30px; border:none;}
.sub-cont-wrap .body-wrap div.online
{padding-bottom:30px;}
.sub-cont-wrap .body-wrap div.member
{padding-bottom:30px;}


@media screen and (max-width:420px){
    .top_area
    {height:150px;}
    .top_inner
    {padding:60px 0 20px 0;}
    .sub-cont-wrap
    {width:96%; padding:0px 2%;}
    .sub-cont-wrap .title-wrap
    {margin:0px;}
    .sub-cont-wrap .body-wrap
    {margin-left:0px; margin-right:0px;}
    .sub-cont-wrap .body-wrap div
    {width:100%; margin:0px;}

    .sub-cont-wrap .body-wrap div > img
    {margin:0px;}



}