@charset "utf-8";

@import url(basic.css);
@import url(layout.css);
@font-face{ font-family:"nanumttf"; src:url(/images/NanumGothicExtraBold.ttf)}
@font-face{ font-family:"nanumeot"; src:url(/images/NanumGothicExtraBold.eot)}
@font-face{ font-family:"nanumttf_r"; src:url(/images/NanumGothic.ttf)}
@font-face{ font-family:"nanumeot_r"; src:url(/images/NanumGothic.eot)}

html { -webkit-text-size-adjust:none; }
.search_box input[type=text]{padding-left:10px;}
.no_result {width:100%; background:#fff; border:1px solid #ddd; border-top:none; border-bottom:2px solid #ddd;}
.no_result p {text-align:center; padding:20px;}
.no_result.index {border:none;}
input[type=image] {border:none; padding:0;}
#submit_img {height:35px; margin-left:-3px;}
#bbs_s_btn {height:35px; width:auto; margin-left:-3px;}
.left {text-align:left !important;}
.nowrap {white-space:nowrap;}
body{color:#666; line-height:1.4em}
table caption {display:none;}
.mobile_block {display:none !important;}
table tr td img {max-height:200px; max-width:85%;}
input[type=number] {height:30px;}
/*intro*/
#wrapper_intro {width:100%;height:983px;background:url('/images/intro/intro_bg.jpg')  no-repeat;}
#wrapper_intro #intro {position:relative;width:910px;margin:0 auto;padding:84px 0 0;}
#intro h1 {margin:0;padding:0;}
#intro .scholarship_work {position:absolute;top:199px;width:287px;height:288px;background:url('/images/intro/circle_orange.png') no-repeat;color:#fff;}
#intro .lifelong_education {position:absolute;top:505px;width:287px;height:288px;background:url('/images/intro/circle_blue.png') no-repeat;color:#fff;}
#intro h2 {padding:100px 0 0;.padding:120px 0 0;font-size:33px;font-weight:900;font-weight:/*\**/900;text-align:center;}
#intro .btn {width:68px;margin:0 auto;padding:3px 0;background:url('/images/intro/circle_btn_bg.png') no-repeat;font-weight:bold;text-align:center;}
#intro .btn a {color:#fff;}
#intro .popupzone {position:absolute;top:199px;right:0;}
#intro .popupzone .bt_area {float:left;}
#intro .popupzone .arrow {position:absolute;top:474px;right:96px;}
#intro .popupzone .bt_area {position:absolute;top:541px;left:174px;}
#intro .popupzone .bt_area .btn_right {margin-left:66px;}
#intro .popupzone .text_slogan {position:absolute;top:246px;left:123px;}


/* banner */
.main-banner-zone .rolling-banner-box{height:75px;width:410px;overflow:hidden; /*padding:15px 65px 30px; */position:relative;}
.main-banner-zone .rolling-banner-box>ul{}
.main-banner-zone .rolling-banner-box>ul>li{display:inline;padding:0px 26px;margin:0 -4px 0 0;}




/*main*/
#main_top{width:100%; height:410px; background:url('/images/main/main_visual.jpg') center top no-repeat; }
#main_top .main_visual_inner{width:1000px; height:410px; margin:0 auto; overflow:hidden; position:relative;}

.main_visual { }

.main_visual_inner .main_popupp{width:470px; height:245px; position:absolute; top:123px; right:0; z-index:980; background-color:#f6f1f5;}
.main_visual_inner .main_popupp .popupwrap{position:relative;}
.main_visual_inner .main_popupp .popupwrap #slideshow {width:470px; height:245px;}
.main_visual_inner .main_popupp .popupwrap #slides {width:470px; height:245px;}
.main_visual_inner .main_popupp .popupwrap .pagination {list-style:none; width:150px;  position:absolute; bottom:25px; left:27px; z-index:970;}
.main_visual_inner .main_popupp .popupwrap .pagination li {float:left; cursor:pointer; width:16px; height:16px; padding-right:2px;  background:url('/images/main/popupzone_off.png') left top no-repeat; text-align:center; color:#222}
.main_visual_inner .main_popupp .popupwrap .pagination li:hover {background:url('/images/main/popupzone_on.png') left top no-repeat;}
.main_visual_inner .main_popupp .popupwrap .pagination li.current {background:url('/images/main/popupzone_on.png') left top no-repeat;}

#main_container{width:100%; height:779px; background:url('/images/main/main_bg.gif') left top repeat-x;}
#main_container .main_container_inner{width:1000px; margin:0 auto; position:relative;}

.Infographics{padding-top:38px; height:187px;}
.Infographics li.Infograp01{width:176px; height:99px; padding:12px 0 0 125px; background:url('/images/main/middle_icon01.gif') left top no-repeat; float:left;}
.Infographics li.Infograp01 p.txt01{font-size:15px; line-height:15px; font-weight:bold; color:#666;}
.Infographics li.Infograp01 p.txt02{font-size:30px; line-height:32px; font-weight:bold; color:#474747; margin-top:10px;}
.Infographics li.Infograp01 span.txt03{padding:6px 32px 0 11px; height:19px; font-size:14px; line-height:14px; margin-top:6px; font-weight:bold; display:inline-block; color:#fff; background:url('/images/main/middle_bg.gif') right top no-repeat #6ac7b9;}
.Infographics li.Infograp02{width:221px; height:99px; padding:12px 0 0 125px; background:url('/images/main/middle_icon02.gif') left top no-repeat; float:left;}
.Infographics li.Infograp02 p.txt01{font-size:15px; line-height:15px; font-weight:bold; color:#666;}
.Infographics li.Infograp02 p.txt02{font-size:30px; line-height:32px; font-weight:bold; color:#474747; margin-top:10px;}
.Infographics li.Infograp02 span.txt03{padding:6px 32px 0 11px; height:19px; font-size:14px; line-height:14px; margin-top:6px; font-weight:bold; display:inline-block; color:#fff; background:url('/images/main/middle_bg.gif') right top no-repeat #6ac7b9;}
.Infographics li.Infograp03{width:228px; height:99px; padding:12px 0 0 125px; background:url('/images/main/middle_icon03.gif') left top no-repeat; float:left;}
.Infographics li.Infograp03 p.txt01{font-size:15px; line-height:15px; font-weight:bold; color:#666; padding-top:18px;}
.Infographics li.Infograp03 p.txt02{font-size:30px; line-height:32px; font-weight:bold; color:#474747; margin-top:10px;}

#main_container .main_con_left{width:660px; float:left;}
#main_container .main_con_right{width:340px; float:left;}


/*��������*/
#notice_ctn02{ visibility:hidden;}
#notice_ctn03{ visibility:hidden;}
.main_notice {width:620px; height:323px; padding-top:14px; margin-right:20px; clear:both; position:relative;}
.main_notice li {float:left;}
.notice_01 {position:absolute; top:65px; left:0; width:620px;}
.notice_01 li{ padding:27px 0 27px 0; border-bottom:1px dashed #bababa;}
.notice_01 li.end{border-bottom:none;}
.notice_01 li .notice_txt {width:540px; display:inline-block; font-size:16px; font-weight:bold; color:#333;}
.notice_01 li .notice_txt a{color:#333;}
.notice_01 li .notice_date {font-size:13px;}
.notice_01 li .notice_list {margin-top:18px; text-align:justify;}
.notice_more { position:absolute; top:27px; right:0;}

.gallery{width:620px; height:200px; position:relative;}
.gallery .btn{position:absolute; right:0; top:0; z-index:999:}
.gallery .title{color:#333; font-size:18px; font-weight:bold;}
.gallery ul{padding-top:20px;}
.gallery ul li{float:left; padding-right:10px;}
.gallery ul li img{width:200px; height:133px;}
.gallery ul li.end{padding-right:0;}

.boxgrid{width:200px; height:133px; overflow: hidden; position:relative;}
.boxgrid img{position: absolute; top: 0; left: 0; border: 0;}
.boxgrid {color:#fff; font-weight:bold;font-size:13px;}
.boxcaption{ position: absolute; height: 200px; width: 100%; padding-top:33px; background:url('/images/main/thum_bg.png') left top repeat; color:#fff; }
.caption .boxcaption {top:140px;left: 0; color:#fff; }
.caption .boxcaption p{margin:0 auto; border-top:1px solid #e6560e; border-bottom:1px solid #e6560e; padding:16px 0; width:150px; text-align:center;}
.caption .boxcaption p a{color:#fff; text-decoration:none; }
.caption .boxcaption p a:hover {color:#fff; text-decoration:none; }



.story{width:340px; height:323px; position:relative;}
.story .btn{position:absolute; right:0; top:0; z-index:999:}
.story .title{color:#333; font-size:18px; font-weight:bold;}
.story .thum{height:160px; padding-top:20px;}
.story dl{padding-top:24px;}
.story dl dt{font-size:15px; color:#333; font-weight:bold;}
.story dl dt a{color:#333;}
.story dl dd{font-size:13px; color:#333; padding-top:14px; color:#474747;}

/* ���� */
.wrap {position:relative; width: 100%; min-height:100vh; background: #f8f8f8; overflow:hidden;}
.wrap header { width: 100%; height: 75px; padding-top:24px; padding-left:370px; box-sizing: border-box; background: #fff; border-bottom: 1px solid #dddddd;   }
.wrap header .menu {float:left; padding-left: 35px;}
.wrap header .menu > ul li {float:left;}
.wrap header .menu > ul li a {display:block; font-size: 18px; padding: 6px 22px 22px 22px;  font-weight:500; color: #555555; } 
.wrap header .menu > ul li a:hover {color:#0099f9; border-bottom: 3px solid #0099f9; }
.wrap header .menu > ul li a.on {color:#0099f9; border-bottom: 3px solid #0099f9; }
.wrap header .profile {float:right; padding-right: 35px; }
.wrap header .profile ul li {float:left; vertical-align:middle; color:#cbcbcb;}
.wrap header .profile ul li .img_box {display:inline-block; margin-right:15px; vertical-align:middle; width:38px; height:38px; border-radius:50%; overflow:hidden; }
.wrap header .profile ul li .img_box img {width:100%;}
.wrap header .profile ul li a {display:block; font-size: 15px; padding-left:15px; padding-right: 15px; font-weight:600; color: #555555; } 
.wrap header .profile ul li a:hover {color:#555555; }

/* ���� �Է���� ���޴�*/
.wrap .left_contents { position: fixed; height:100vh; top: 0; left: 0; width: 370px; background:url('/images/common/main_left_bg.jpg') repeat; }
.wrap .left_contents .logo{width: 370px; height:75px; text-align: center; padding-top: 24px; box-sizing: border-box; border-bottom: 1px solid #dddddd;   }
.company_menu {position:relative; width: 100%; height:calc(100% - 125px); padding: 35px; box-sizing: border-box; overflow:auto; -ms-overflow-style:none;  }
.company_menu::-webkit-scrollbar {display:none;}
.company_menu #drop_yn1 {position:absolute; right:35px; top:10px; padding-bottom:40px; border-radius:15px; background:#fff; border:1px solid #ddd; z-index:1; cursor:pointer; color:#999}
.company_menu ul {overflow: hidden; position:relative; z-index:2;}
.company_menu ul li {position:relative; max-width:300px; width:100%; height: 55px; background: #fff; border-radius: 10px; margin-bottom: 13px; padding: 10px 13px; box-sizing: border-box; overflow:hidden; border:1px solid #ddd;}
.company_menu ul li .drag_btn {float:right; margin-top:6px; display:none;}
.company_menu ul li > p {display:inline-block; height:100%; max-width:45%; line-height:35px; font-weight:bold; overflow:hidden;}
.company_menu ul li > img {display:inline-block; max-width:47%; height:auto; }
.company_menu ul li.add_company img {padding:0 24%;}
.company_menu ul li .barcode_btn {position:absolute; top:5px; left:10px;}
.company_menu ul li .barcode_btn a img {vertical-align:middle;}
.company_menu ul li .company_btn {float:right; margin-top: 3px; overflow: hidden; margin-right:5px;}
.company_menu ul li .company_btn div { float: left; width: 55px; height: 30px; border-radius: 15px; margin:0 2px; }
.company_menu ul li .company_btn div a { display: block; font-size:15px; line-height: 30px; text-align: center; color: #fff; }
.company_menu ul li .company_btn .Input_btn {background: #1ca1f5; }
.company_menu ul li .company_btn .static_btn {background: #f49e00;}
.company_menu ul li .company_btn .Input_btn_none {background: #bbbbbb;}
.company_menu ul li .company_btn .static_btn_none {background: #dddddd;}

/* closetop_list */
.wrap .right_contents  {min-height:100vh; padding-left:370px; width: 100%; background: #f8f8f8;  }
.wrap .right_contents .main_visual { background: #f8f8f8; padding: 35px; margin-bottom:30px; box-sizing: border-box; }
.main_visual .list_top {width:100%; padding:15px 0;}
.main_visual .list_top .title { display:inline-block; text-indent:20px; font-size:18px; font-weight:bold; color:#333;}
.main_visual .list_top .plus_icon {float:right; padding-right:12px; margin-top:-4px;}

.main_visual .sub_tab {padding:20px 0;}
.main_visual .sub_tab:after {content:""; display:block; clear:both;}
.main_visual .sub_tab li {float:left; width:150px; height:45px; background:#eeeeee;}
.main_visual .sub_tab li.active {background:#fff; border:1px solid #0099f9;}
.main_visual .sub_tab li a {display:block; width:100%; height:100%; text-align:center; line-height:45px; color:#b4b4b4; font-weight:bold; font-size:16px;}
.main_visual .sub_tab li.active a {color:#0099f9;}
.main_visual .closetop_list {width:100%; background:#fff;}
.main_visual .closetop_list .list_top { border:1px solid #ddd; border-bottom:2px solid #0099f9;}
.main_visual .closetop_list .list_con {width:100%;}
.main_visual .closetop_list .list_con table {width:100%;}
.main_visual .closetop_list .list_con table tr {width:100%; text-align:center;}
.main_visual .closetop_list .list_con table tr td,
.main_visual .closetop_list .list_con table tr th {padding:10px 0; border:1px solid #ddd; font-size:15px; color:#333;}
input[type=number],
input[type=text] {box-shadow:1px 1px 0px 1px #ececec inset;}

/*board_list*/

.right_contents > .title {padding:35px 35px 0 35px; font-size:25px; font-weight:bold;}
.board-tabmenu-box {padding:10px 35px; text-align:right;}
.board-tabmenu-box > select {height:45px;}
.board-tabmenu-box li {display:inline-block; margin-right:10px; width:150px; height:40px; background:#fff; border:1px solid #ddd; margin-top:10px;}
.board-tabmenu-box li a {display:block; width:100%; height:100%; line-height:40px; color:#bbb; text-align:center;}

.board_list {width:100%;}
.board_list .title {width:100%; margin-bottom:20px;}
.board_list .title:after {content:""; display:block; clear:both;}
.board_list .title p {font-size:25px; color:#555; margin-bottom:20px; padding-top:15px;}
.basic-list {width:100%;}
.basic-list table {width:100%; border:1px solid #ddd;}
.basic-list table th {background:#f5fbff;}
.basic-list table td {background:#fff; cursor:pointer}
.basic-list table th,
.basic-list table td {border-top:1px solid #ddd; text-align:center; font-size:15px; padding:13px 0;}
.basic-list table tbody tr td:not(:first-child) {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.basic-list table tbody tr:last-child td {border-bottom:3px solid #ddd;}
.basic-list table tbody tr td:nth-of-type(1) {font-weight:bold;}
.basic-list table tbody tr td.gray {color:#888;}
.basic-list table tbody tr td .notice {display:inline-block; width:45px; height:25px; background:#0087dc; border:1px solid #0672b7; text-align:center; line-height:23px; color:#fff; border-radius:10px; font-size:14px; font-weight:normal;}

.search-zone { width: 100%; margin-top: 30px; text-align:center; padding:0 35px;}
.search-zone select { width: 120px; height: 35px; box-sizing: border-box; line-height: 50px; text-indent: 2px; font-size:15px; color: #797872;  border: 1px solid #dddddd; }
.search-zone input[type="text"],
.search-zone input[type="number"]{ width:180px; height:35px; vertical-align:top; display:inline-block; font-size:15px; color: #333333;  border: 1px solid #dddddd; }
.search-zone input[type=image] { width: 35px; height: 35px; border:none; padding:0; margin-left:-4px; border-left:1px solid #ddd;  }
.search-zone .btn_write { width: 100px; height: 45px; background: #0099f9; }
.search-zone .btn_write a { display: block; padding: 15px 20px; font-size:16px; text-align: center; color: #ffffff; }

.board_list .list_con {width:100%;}
.board_list .list_con table {width:100%; border:1px solid #ddd;}
.board_list .list_con table th {background:#f5fbff;}
.board_list .list_con table th,
.board_list .list_con table td {border-top:1px solid #ddd; text-align:center; font-size:15px; padding:13px 0; background:#fff;}
.board_list .list_con table thead th {background:#f5fbff;}
.board_list .list_con table tbody tr:last-child td {border-bottom:3px solid #ddd;}
.board_list .list_con table tbody tr td:nth-of-type(1) {font-weight:bold;}
.board_list .list_con table tbody tr td.gray {color:#888;}

.board_list .search_box  { width: 100%; margin-top: 30px; text-align:center; }
.board_list .search_box select { width: 120px; height: 35px; box-sizing: border-box; line-height: 50px; text-indent: 2px; font-size:15px; color: #797872;  border: 1px solid #dddddd; }
.board_list .search_box input[type="text"],
.board_list .search_box input[type="number"] { width:180px; height:35px; vertical-align:top; display:inline-block; font-size:15px; color: #333333;  border: 1px solid #dddddd; box-sizing:border-box; padding-left:10px; }
.board_list .search_box img { width: 40px; height: 35px;  }
.board_list .search_box .btn_write { width: 100px; height: 45px; background: #0099f9; }
.board_list .search_box .btn_write a { display: block; padding: 15px 20px; font-size:16px; text-align: center; color: #ffffff; }
.page-wrap {text-align:center; margin-top:30px;}
.page-wrap > * {display:inline-block; vertical-align:top;}
.page-wrap #page_area div {height:45px; padding:0 10px; display:inline-block; border:1px solid #ddd; background:#fff; vertical-align:top;}
.page-wrap #page_area div span,
.page-wrap #page_area div a {display:inline-block; margin:0 10px; line-height:45px; vertical-align:middle;}
.page-wrap #page_area span.on{color:#0099f9; text-decoration:underline; text-underline-position:under;}
.page-wrap #page_area div {display:inline-block;}

/*boar view*/

.board_view  {width:100%; margin-top:30px; padding:0 10px;}
.board_view .title {width:100%; margin-bottom:20px; font-size:25px;}
.board_view .view_con {width:100%; border:1px solid #ddd; border-top:2px solid #0099f9; background:#fff;}

.prev-next-zone {margin:15px 0; padding:10px; background:#fff; border:1px solid #ddd;}
.prev-next-zone dl.end {text-align:right;}
.prev-next-zone dl dt {font-size:16px; font-weight:bold; margin-bottom:5px;}
.prev-next-zone dl dd {width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.btn-zone {text-align:right;}


.view_con .con_head {width:100%; padding:30px 0; text-align:center;}
.view_con .con_head h3 {font-size:20px;}
.view_con .con_head h3 span {color:#0099f9; font-size:17px;}
.view_con .con_head ul {margin-top:20px;}
.view_con .con_head ul li {display:inline-block; font-size:15px; margin:0 10px;}
.view_con .con_head ul li:not(:last-child):after {content:"|"; position:relative; left:10px; font-size:10px; top:-3px;}
.view_con .con_head table {margin-top:20px;}
.view_con .con_head th {padding:15px 0; background:#f5fbff; border:1px solid #ddd; border-left:none;}
.view_con .con_head td {padding:15px 20px; text-align:left; border:1px solid #ddd; border-right:none;}
.view_con .con_main {padding:50px 0 30px 0; text-align:center;}

.basic-view {width:100%; margin-top:30px;}
.basic-view .view_inner {padding:20px 0; background:#fff; text-align:center; border:1px solid #ddd; border-top:2px solid #0099f9;}
.basic-view .view_inner dt {font-size:30px; line-height:1; margin-bottom:10px;}
.basic-view .view_inner dd {line-height:1;}
.basic-view .view_inner p span {display:inline-block; margin:0 10px;}
.basic-view .view_inner p span:not(:last-child):not(.none):after {content:"|"; position:relative; left:10px; color:#ddd;}

.basic-view .contents-data {background:#fff; text-align:left; border:1px solid #ddd; border-top:none; padding:35px; min-height:500px;}
.basic-view .btn-zone {float:right;}
.view_file {width:100%;}
.view_file th {padding:30px 0; background:#f5fbff; text-align:center; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.view_file td {background:#fff; padding:5px; border:1px solid #ddd; border-top:none;}

#comment {margin-top:20px; border:1px solid #ddd; padding:20px; background:#fff;}
#comment .cmt-count {margin-bottom:15px;}
#comment #cmtform  {border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 0;}
#comment #cmtform .cmt-info {margin-bottom:5px;}
#comment #cmtform .cmt-info label {display:none;}
#comment #cmtform textarea {height:30px; width:calc(100% - 100px);}

#comment #MR_cmtform  {margin:15px 0;}
#comment #MR_cmtform p {margin-bottom:5px;}
#comment #MR_cmtform p label {display:none;}
#comment #MR_cmtform textarea {height:30px; width:calc(100% - 100px);}

#comment .cmt-list ul li {border-bottom:1px solid #ddd; padding:15px 0;}
#comment .cmt-list ul li p {word-break:break-all;}
#comment .cmt-list ul li .cmt-smallbtn-box {margin-top:15px; padding-right:15px; text-align:right;}
#comment .cmt-list ul li .cmt-smallbtn-box a {padding:5px 10px; margin:0 5px; background:#0099f9; color:#fff;}
#comment .cmt-list ul li .cmt-datacon-box > p {color:#666; font-size:13px;}
#comment .cmt-list ul li .cmt-datacon-box > p span {font-weight:bold; color:#222; font-size:16px;}
#comment .cmt-list ul li .cmt-datacon-box div{margin-top:10px;}
/* ���� ������ - ��� */

.wrap .right_contents .main_visual .statistics .list_top {border-bottom:2px solid #f49e00;}
.wrap .right_contents .main_visual .statistics .list_con table thead tr { border-bottom: 2px solid #dddddd; background: #fff8ea;}
.wrap .right_contents .main_visual .statistics .list_con table tbody tr:last-child { border-top: 2px solid #dddddd; border-bottom: 3px solid #dddddd; background:#fffcf6; }
.wrap .right_contents .main_visual .statistics .list_con table tbody tr td { text-align: right; padding-right: 19px;  }

/* ���� ������ - ����Ȯ�� */
.wrap .right_contents .main_btn { width: 100%; margin-top:40px; }
.wrap .right_contents .main_btn:after {content:""; display:block; clear:both;}
.wrap .right_contents .main_btn .vehicleplacement { float:left; width: 63%;}
.wrap .right_contents .main_btn .vehicleplacement .list_con table thead tr { background: #f5fbff; }

/* ���� ������ - �������� */
.wrap .right_contents  .main_btn .visual_notice { float:right; width: 35%;} 
.wrap .right_contents  .main_btn .visual_notice .list_con { border:1px solid #ddd;}
.wrap .right_contents  .main_btn .visual_notice .list_con table  { width: 100%; padding:3px 0; table-layout:fixed; }
.wrap .right_contents  .main_btn .visual_notice .list_con table tbody tr { width: 100%; height: 34px;  }
.wrap .right_contents  .main_btn .visual_notice .list_con table tbody tr td {border:none; padding:8px 0; text-align:left; }
.wrap .right_contents  .main_btn .visual_notice .list_con table tbody tr td:first-child {text-align:center;}
.wrap .right_contents  .main_btn .visual_notice .list_con table tbody tr td:first-child p{ display:inline-block; width:45px; height:25px; background:#0087dc; border:1px solid #0672b7; text-align:center; line-height:23px; color:#fff; border-radius:10px; font-size:14px; font-weight:normal; }
.wrap .right_contents  .main_btn .visual_notice .list_con table tbody tr td:nth-child(2) { text-indent:9px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; }
.wrap .right_contents  .main_btn .visual_notice .list_con table tbody tr td:last-child { text-align: center; color:#555;  }
.wrap .right_contents  .main_btn .visual_notice .list_con table tbody tr td span {color:#0087dc}

/* Ǫ�� */
.privacy-area { margin-bottom: 5px; text-align: right; }
.privacy-area a { color: #0087dc; }
.footer_wrap {position:relative; width: 100%; background: #e8e8e8; z-index:2;}
.footer_wrap footer {width:100%;  margin: 0 auto; padding: 19px 48px; overflow:hidden; box-sizing: border-box; color:#aaa; }
.footer_wrap footer .footer_logo { width: 135px; float: left; margin-right: 25px;  }
.footer_wrap footer address { float: left; font-style: normal !important; margin-top:5px; color:#888; }
.footer_wrap footer .copyright { float: right; margin-top: 5px; }



/*통계*/

.settlement_statistics {width:100%;}
.settlement_statistics input[type=text],
.settlement_statistics input[type=number] {height:35px;}
.settlement_statistics input[type=text].datepicker,
.settlement_statistics input[type=number].datepicker{width:150px; margin:0 10px; }
.settlement_statistics > div {width:100%;}
.settlement_statistics .search_box {margin-bottom:15px;}
.settlement_statistics .search_box p {display:inline-block; margin-right:15px;}
.settlement_statistics .search_box select {width:120px; height:35px; vertical-align:middle;}
.settlement_statistics .search_box div {display:inline-block; margin-left:15px;}
.settlement_statistics .statistics_con {width:100%;}
.settlement_statistics .statistics_con:after {content:""; display:block; clear:both;}
.settlement_statistics .statistics_con ul {width:50%;float:left;}
.statistics_top .statistics_con ul li {color:#333; padding:15px 0;  font-size:18px; border:1px solid #ccc; text-align:center; background:#fff;}
.statistics_top .statistics_con ul li:nth-of-type(1){  background:#fff8ea;}
.statistics_top .statistics_con ul li.active {color:#f49e00;}
.statistics_top .statistics_con ul li a {display:block;}

.statistics_btm .statistics_con ul {width:100%;}
.statistics_btm .statistics_con ul:after {content:""; display:block; clear:both;}
.statistics_btm .statistics_con ul li {float:left; width:calc(25% - 30px); background:#fff; margin-right:30px; margin-bottom:30px;}
.statistics_btm .statistics_con ul li:nth-of-type(4n+4) {margin-right:0;}
.statistics_btm .statistics_con ul li .title {padding:20px; background:#0099f9; color:#fff;}
.statistics_btm .statistics_con ul li .contents {border:1px solid #ddd; border-top:none; height:240px; padding:15px;}
.statistics_btm .statistics_con ul li .contents dl dd {line-height:2.5}


/*리스트*/
.list_wrap {width: 100%; }
.list_wrap .title { width: 100%; margin-bottom: 25px; }
.list_wrap .title > p { display:inline-block; font-size: 18px; color: #333333; padding-top: 15px; margin-bottom: 15px; vertical-align:top;}
.list_wrap .title > p strong {display:inline-block; margin-right:20px; font-size:25px; color:#555; font-weight:normal;}
.list_wrap .title > p strong:after {content:"|"; position:relative; left:10px; font-weight:lighter; font-size:17px; top:-3px;}
.list_wrap .title > p img {vertical-align:middle; margin-right:10px;}

.list_wrap .title .search_box {width: 100%;}
.list_wrap .title .search_box p { display:inline-block; font-size: 15px; line-height: 30px; color: #333333; vertical-align: middle; margin-right: 5px; }
.list_wrap .title .search_box input[type=text],
.list_wrap .title .search_box input[type=number] {max-width:180px; height:35px; vertical-align:top; margin: 0 15px 10px 0; vertical-align:middle;}
.list_wrap .title .search_box select { width: 180px; height: 35px; box-sizing: border-box; line-height: 50px; text-indent: 2px; font-size:15px; color: #797872;  border: 1px solid #dddddd; }
.list_wrap .title .search_box #submit_img {border:none; padding:0; margin-left:-15px; font-size:0; }
.list_wrap .title .search_box:last-child input {margin:0;}

.list_wrap .list_table { width: 100%; }
.list_wrap .list_table table { width: 100%; border:1px solid #ddd;}
.list_wrap .list_table table thead tr { width: 100%; height: 70px; font-size: 15px; font-weight: 600; color: #333333; text-align: center;  }
.list_wrap .list_table table thead tr th { background: #f5fbff; border:1px solid #ddd;}
.list_wrap .list_table table tbody tr td { height: 73px; text-align: center; border:1px solid #ddd; background: #fff; font-size: 15px; word-break:break-all;}
.list_wrap .fixed_table {position:relative;}
.list_wrap .fixed_table .head {position:absolute; width:100%;}
.list_wrap .fixed_table .body {margin-top:140px;}
.list_wrap .fixed_table table {border:1px solid #999;}
.list_wrap .fixed_table table thead tr th{border:1px solid #999;}
.list_wrap .fixed_table table tbody tr td{border:1px solid #999;}
.list_wrap .list_table.pointer td {cursor:pointer}
.list_wrap .submit_btn {left:100% !important;}


.list_con .addr input { margin:5px 0; display:inline-block; height:35px; padding-right:35px;}
.list_con .addr img {height:25px; position:relative; left:-40px; top:10px; border-left:1px solid #ddd; padding-left:5px; cursor:pointer}

.settlement_btm .addr input {display:block; margin:5px 0;}

/*작성*/
.sms {width: 100%; background: #FFF; border: 1px solid #dddddd; margin-bottom:20px;}
.sms .title { width: 100%; height: 65px; overflow: hidden;}
.sms .title p { float:left; text-indent: 20px; font-size: 18px; font-weight: 666; color: #333333; padding-top: 15px; line-height:40px; }
.sms .sms_area {padding:15px;}
.sms .sms_area input {width:80px; height:40px; color:#0099f9; border:1px solid #0099f9; margin-left:5%;}
.sms .sms_area textarea {width:80%;}

.write_wrap {width: 100%; }
.write_wrap table {background: #FFF; border: 1px solid #dddddd;}
.write_wrap .title { width: 100%; height: 65px; overflow: hidden; border:1px solid #ddd; border-bottom:2px solid #0099f9; background:#fff;}
.write_wrap .title p { float:left; text-indent: 20px; font-size: 18px; font-weight: 666; color: #333333; padding-top: 15px; line-height:35px; }
.write_wrap .title p > img {vertical-align:middle; margin-right:10px;}
.write_wrap .title .plus_icon {float:right; margin-right:10px;}
.write_wrap .title .title_img {display:inline-block; margin-left:30px; margin-top:15px; width:135px; height:35px; vertical-align:middle; padding:5px; border-radius:30px; border:1px solid #ddd; text-align:center;}
.write_wrap .title .title_img img {height:100%; width:auto; max-width:90%;}
.write_wrap .write_con table  { width: 100%; background:#fff; }
.write_wrap .write_con table tbody tr th { background: #f5fbff; padding:15px 0; font-size: 15px; color: #333333; font-weight: 600; text-align: left; text-indent: 10px; border: 1px solid #dddddd; }
.write_wrap .write_con table tbody tr td { padding:10px 10px; border-top: 1px solid #dddddd; }
.write_wrap .write_con table tbody tr td select { max-width:185px; width:100%; height:30px; line-height: 50px; text-indent: 2px; font-family: inherit; font-size:15px; color: #797872;  border: 1px solid #dddddd; }
.write_wrap .write_con table tbody tr td select.datetime {width:80px;}
.write_wrap .write_con table tbody tr td input[type=text],
.write_wrap .write_con table tbody tr td input[type=number],
.write_wrap .write_con table tbody tr td input[type=password] {max-width:180px; width:100%; box-sizing:border-box;}
.write_wrap .write_con table tbody tr td.contact input {width:70px;}
.write_wrap .write_con table tbody tr td.contact span {margin:0 5px;}
.write_wrap .write_con table tbody tr td.sign_box div {height:200px; width:400px; border:1px solid #bbb; display:inline-block;}
.write_wrap .write_con table tbody tr td.sign_box input[type=button] {margin-left:10px; vertical-align:top;}
.write_wrap .write_con table tbody tr td.addr input {display:inline-block; padding-right:30px; margin:5px 0;}
.write_wrap .write_con table tbody tr td.addr img {position:relative; left:-35px; top:11px; height:20px; border-left:1px solid #ddd; padding-left:5px; cursor:pointer;}
.write_wrap .write_con table tbody tr td.addr input#c_address2 {margin-left:30px;}
.write_wrap .write_con table tbody tr td.files input[type="file"] {display:none;}
.write_wrap .write_con table tbody tr td.files label {display:inline-block; text-align:center; color:#fff; width:100px; height:30px; background:#aaa; vertical-align:top; line-height:30px; margin-left:-5px;}
.write_wrap .write_con table .addr input[type=button] {width:125px; color:#fff; border:1px solid #ddd; cursor:pointer; vertical-align:top;}
.write_wrap .write_con table .addr input[type=text],
.write_wrap .write_con table .addr input[type=number]{margin-bottom:10px;}
.write_wrap .write_con table .tel input[type=text],
.write_wrap .write_con table .tel input[type=number]{max-width:80px;}
table tbody tr td.files img {max-width:100%;}


/*게시판 리스트*/
.board_list .title img {vertical-align:middle; margin-right:15px;}
.board_list .title .complaint_list_menu { float:right; overflow:hidden;}
.board_list .title .complaint_list_menu .complaint_category { float:left; width: 150px; height: 40px; border: 1px solid #dddddd; background: #ffffff; margin-right: 10px;  }
.board_list .title .complaint_list_menu .complaint_category a { display: block; font-size: 15px; text-align: center; line-height: 40px; color: #bbbbbb;  }
.board_list .title .complaint_list_menu .complaint_category:last-child { margin-right: 0; }
.board_list .title .complaint_list_menu .complaint_category:active { background: #0087dc; }
.board_list .title .complaint_list_menu .complaint_category a:active { color: #ffffff; }
.board_list .list_con table tbody tr td span {margin:0 10px;}
.board_list .list_con table tbody tr td a img {margin-left:5px;}


/*����Ҹ���� �۾���*/
/* .complaint_write {width: 100%; border-bottom: 3px solid #dddddd; background: #ffffff; border:1px solid #ddd; }
.complaint_write .title { text-indent: 20px; font-size: 20px; font-weight: 666; color: #333333; padding-top: 15px; padding-bottom: 13px;  border-bottom: 2px solid #0099f9; }
.complaint_write table { width: 100%; }
.complaint_write table caption { margin-top: 15px; margin-bottom: 10px;  text-align: left; text-indent: 25px; }
.complaint_write table tbody tr { width: 100%; border-bottom: 1px solid #dddddd; }
.complaint_write table tbody tr th {padding:15px 0;}
.complaint_write table tbody tr td {padding:15px 0;}
.complaint_write table tbody tr td select {width:225px; height:40px;}
.complaint_write table tbody tr td select.datetime {width:70px;}
.complaint_write table tbody tr td input {height:35px;}
.complaint_write table tbody tr td input[type='text'].file_name {width:180px;}
.complaint_write table tbody tr td input[type='file'] {display:none;}
.complaint_write table tbody tr td label {display:inline-block; width:90px; height:35px; margin-left:-4px; line-height:35px; text-align:center; background:#aaa; color:#fff; vertical-align:top;}
.complaint_write table tbody tr td select {width: 180px; height: 35px; box-sizing: border-box; line-height: 50px; text-indent: 2px; font-family: inherit;  font-size:15px; color: #797872;  border: 1px solid #dddddd;} */

.search_static {position:fixed; top:0; left:0; width:100vw; height:100vh; z-index:999; display:none; -webkit-transform: translateZ(0);} 
.search_static .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8);}
.search_static .con {position:absolute; width:600px; height:400px; top:50%; left:50%; transform:translate(-50%, -50%); background:#fff; padding:40px 20px;}
.search_static .con #close_pop {position:absolute; right:40px; top:10px; font-size:20px; cursor:pointer; padding-top:10px;}
.search_static .con #close_pop span {display:block; position:absolute; width:30px; height:3px; background:#333;}
.search_static .con #close_pop span:first-child {transform:rotate(45deg);}
.search_static .con #close_pop span:last-child {transform:rotate(-45deg);}
.search_static .con .con_top {margin-bottom:20px; text-align:center;}
.search_static .con .con_top label {display:inline-block;}
.search_static .con .con_top select {width:100px; height:35px;}
.search_static .con .con_top input {height:35px; width:140px;}
.search_static .con .con_top img {margin-left:-4px; height:35px; vertical-align:middle;}
.search_static .con .con_cen {max-height:calc(100% - 95px); overflow-y:auto;}
.search_static .con table th {border-top:1px solid #ddd; background:#f5fbff; padding:10px;}
.search_static .con table td {border-top:1px solid #ddd; text-align:center; padding:10px;}
.search_static .con table tr:last-child td  {border-bottom:1px solid #ddd;}
.search_static .con .con_btm {margin-top:15px; text-align:center;}


/* �������� �۾���*/
/* .notice_write {width: 100%; border-bottom: 3px solid #dddddd; background: #ffffff; }
.notice_write .notice_write_title { text-indent: 25px; font-size: 18px; font-weight: 666; color: #333333; padding-top: 15px; padding-bottom: 13px;  border-bottom: 2px solid #0099f9; }
.notice_write table { width: 100%; height: 407px; }
.notice_write table tbody tr { width: 100%; border-bottom: 1px solid #dddddd; }
.notice_write table tbody tr:last-child { width: 100%; height: 220px; border-bottom: none; }
.notice_write table tbody tr th { font-size: 15px;  color: #333333; background:#f5fbff; }
.notice_write table tbody tr td { padding:15px; font-size: 15px;  color: #555555;  }
.notice_write table tbody tr td input[type='text'] { vertical-align:top; display:inline-block; width:1000px; height:30px; text-indent: 10px; font-size:15px; color: #333333;  border: 1px solid #dddddd; }
.notice_write table tbody tr td input[type='text'].file_name {width:180px;}
.notice_write table tbody tr td input[type='file'] {display:none;}
.notice_write table tbody tr td label {display:inline-block; width:90px; height:30px; margin-left:-4px; line-height:30px; text-align:center; background:#aaa; color:#fff;}
.notice_write table tbody tr td select {width: 180px; height: 30px; box-sizing: border-box; line-height: 50px; text-indent: 2px; font-family: inherit;  font-size:15px; color: #797872;  border: 1px solid #dddddd;}
.notice_write table tbody tr td textarea { width: 1000px; height: 200px; padding: 10px; box-sizing: border-box; font-family: inherit; font-size: 15px;  color: #333333;  resize: none; }
.notice_write .contents_btn { width: 100%; margin-top: 30px; box-sizing:border-box; overflow: hidden;}
.notice_write .contents_btn .submit_btn { display: inline-block; float:left; font-family: inherit; width: 100px; height: 45px; font-size:16px; color: #fff; background: #0099f9; margin-right: 10px; margin-left: 470px; border: 0; outline: 0;  }
.notice_write .contents_btn .reset_btn { float:left; width: 100px; height: 45px; background: #d5d5d5; margin-left: 10px; margin-right: 470px;  }
.notice_write .contents_btn .reset_btn a { display: block; padding: 15px 30px; box-sizing: border-box; font-size:16px; color: #888888;  } 
 */


/*마이페이지*/

.add-table {width:100%; background:#fff; border:1px solid #ddd;}
.add-table .title > p {font-weight:bold; padding:0 15px;}
.add-table .title > span {display:block; padding:15px; font-size:18px; border-bottom:2px solid #55bdff;}
.add-table .title > span img {margin-right:10px;}
.addStaff .wd100 {width:100px;}
.add-table .wd60 {width:60px;}
.add-table .wd80 {width:80px;}
.addStaff .wd150 {width:150px;}
.addStaff .wd250 {width:250px;}
.addStaff .wd200 {width:200px;}
.add-table input[type=text],
.add-table input[type=number] {height:35px;}
.add-table select {height:35px;}
.add-table > div {width:100%;}
.add-table .add-table_con p {padding:15px; border-top:1px solid #ddd; font-size:16px; font-weight:bold;}
.add-table .add-table_con table {width:100%;}
.add-table .add-table_con table td {padding:10px 15px; border-top:1px solid #ddd; border-left:1px solid #ddd;}
.add-table .add-table_con table td span {color:#888;}
.add-table .add-table_con table th {border-top:1px solid #ddd; text-align:left; padding:0 15px; background:#f5fbff;}
.add-table .add-table_con table td label span {color:#0099f9;}
.add-table .add-table_con table td > span {margin:0 10px;}

.add-table .add-table_con table td input[type=button] {width:70px; height:35px; color:#222; border:1px solid #ddd;; cursor:pointer;}
.add-table .add-table_con table .addr input[type=button] {width:125px; color:#fff;}
.add-table .add-table_con table td .address_wrap {margin-top:5px;}
.add-table input[type=button] {cursor:pointer;}

.add-table .popup_layer {position:fixed; top:0; left:0; width:100%; height:100%; z-index:999;  display:none; -webkit-transform: translateZ(0);}
.add-table .popup_layer .pop_background {background:rgba(0,0,0,0.5); width:100%; height:100%;}
.add-table .popup_layer .pop_con {position:absolute; top:50%; left:50%; padding:70px 125px; max-width:700px; background:#fff; transform:translate(-50%, -50%);}
.add-table .popup_layer .pop_tit {font-size:18px; text-align:center;}
.add-table .popup_layer .search_box {margin-top:30px; width:100%; text-align:center;}
.add-table .popup_layer .search_box select {width:130px;}
.add-table .popup_layer .search_box input[type=image] {border:none; padding:0; margin-left:-4px; width:40px; height:35px;}
.add-table .popup_layer table {max-width:450px; margin:30px auto;}
.add-table .popup_layer table tr {border-top:1px solid #ddd;}
.add-table .popup_layer table tr:last-child {border-bottom:1px solid #ddd;}
.add-table .popup_layer table tr th {padding:15px 0; background:#f5fbff;}
.add-table .popup_layer table tr td {padding:10px 0; text-align:center;}
.add-table .popup_layer input[type=button] {display:block; margin:0 auto; width:100px; height:45px; border:1px solid #0099f9; color:#0099f9; background:#fff; cursor:pointer;}

.add-table .add-table_con input[type="file"] {display:none;}
.add-table .add-table_con .file_name {height:30px; vertical-align:middle;}
.add-table .add-table_con .files label {display:inline-block; height:30px; line-height:30px; width:100px; margin-left:-5px; color:#fff; background:#aaa; text-align:center; vertical-align:middle;}
.add-table .add-table_con .tel label {color:#666; background:#fff; width:auto; margin:0;}

.finish .title {border-bottom:1px solid #ddd;}
.addFinish_con {padding:100px 0; text-align:center;}
.addFinish_con p {font-size:20px; line-height:1.2;}
.addFinish_con a {display:inline-block; width:350px; height:45px; margin-top:50px; font-size:17px; line-height:45px; text-align:center; background:#0099f9; color:#fff !important;}
.fin_wrap {text-align:center;}
.fin_wrap a#fin_btn {display:inline-block; width:350px; height:45px; margin-top:50px; font-size:17px; line-height:45px; text-align:center; background:#0099f9; color:#fff !important;}



/*0310팝업*/
#popup { position: fixed; overflow-y: scroll; text-align: center; padding: 45px 30px; top:50%; left:50%; width: 40rem; min-height: 45%; max-height: 80%; background: #fff; display: none; z-index: 30; transform: translate(-50%, -50%);}
#popup_dim {position: fixed; width: 100%; height: 1000px; top: 0px; left: 0px; display: none; background-color: #000; opacity: 0.6;}
#popup h2 {margin-bottom: 20px;}
#popup p {padding: 15px 20px; text-align:justify;}
#popup .top { color: #222222; font-size: 0.9rem; font-weight: 400; margin-top: 10px;}
#popup .middle {margin-bottom: 20px; color: #666666;}
#popup .bottom { text-align: center; }
#popup input[type="button"] { display: block; margin: 30px auto 0 auto; }
#popup a{ cursor: pointer; }
#popup .popclose { float: right; margin: -60px 10px 0 0; }
#popup .popclose span { display: inline-block; width: 30px; height: 2px; background: #444; position: absolute; }
#popup .popclose span:nth-of-type(1) {transform:rotate(130deg)}
#popup .popclose span:nth-of-type(2) {transform:rotate(-130deg)}

/*ĵ����*/


#drawCanvas {border:4px solid #444; border-radius: 50px; background-color: #fafafa;}
.Canvas {position:fixed; width:100vw; height:100vh; top:0; left:0; z-index:999; display:none;}
.Canvas .bg {width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.8);}
.btn_area {width:100%; height:10%; background-color:gray; margin-top:10px;}
.btn_area input[type="button"] {width:50%; float:left; height:100%; background-color:#0099f9; color:#fff; font-weight:bold; font-size:1.2em;}
.btn_area input#reset_btn {background:#888;}
.Canvas .con {position:absolute; max-width: 800px; max-height:465px; width:100%; height:100%; top:50%; left:50%; padding:15px; background:#fff; transform:translate(-50%, -50%); text-align:center;}

/*���ڵ�*/
.barcode_wrap {position:fixed; display:none; width:100vw; height:100vh; top:0; left:0; z-index:999; font-size:62.5%;}
.barcode_wrap .bg {width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.8); text-align:right;}
.barcode_wrap .bg a {position:absolute; top:5%; right:5%; font-size:50px; color:#fff; display:inline-block;z-index:2;}
.barcode_wrap #barcode {position:absolute; width:100%; max-width:330px; padding:25px 0 15px 0; top:50%; left:50%; transform:translate(-50%, -50%); background:#fff; line-height:1.5; text-align:right; }


/*���*/

#member_container {width:100%; min-height:100vh; position:relative;}
.bg_box {width:100%; height:350px; background:url('../../images/common/login_bg.png')repeat; text-align:center;}
.bg_box .title {font-size:40px; color:#fff; padding-top:120px; line-height:1;}
.bg_box span {display:block; margin-top:30px; color:#fff;}
#member_container .login_box {max-width:500px; max-height:500px; width:100%; height:100%; margin:-100px auto 200px auto; padding:75px; background:#fff; box-shadow:0px 11px 20px 0px #c1c1c1;}
#member_container .login_box h3 {text-align:center;}
#member_container .login_box form {margin-top:50px;}
#member_container .login_box form input[type=text],
#member_container .login_box form input[type=number],
#member_container .login_box form input[type=password]{display:block; width:350px; height:50px; padding:0 30px; margin:10px 0; background:#f5f5f5; border-radius:30px; outline:none; box-shadow:none; border:none;}
#member_container .login_box form span {color:#ccc; display:block; padding-left:30px;}
#member_container .login_box form input[type=submit] {margin-top:30px; width:355px; height:55px; background:#0099f9; color:#fff; border-radius:30px; border:none; font-size:20px; cursor:pointer;}
#member_container .login_box .sub_menu {margin-top:30px; text-align:center;}
#member_container .login_box .sub_menu li {display:inline-block; margin:0 30px;}
/* #member_container .login_box .sub_menu li:nth-of-type(1):after {content:"|"; color:#ccc; position:relative; left:30px;} */
#member_container .login_box .sub_menu li a {color:#ccc;}


/*�˾����̾�*/

.main_visual .popup_layer { position:fixed; top:0; left:0;width:100vw; height:100vh;z-index:999;}
.main_visual .popup_layer .pop_background {position:absolute; background:rgba(0,0,0,0.7); width:100%; height:100%; }
.main_visual .popup_layer .pop_con {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:600px; max-height:400px; width:80%; height:80%; padding:20px; background:#fff;}
.main_visual .popup_layer .pop_con .search_box {width:100%; margin-bottom:10px; text-align:center;}
.main_visual .popup_layer .pop_con .search_box select {height:30px;}
.main_visual .popup_layer .pop_con .search_box input[type=image] {height:30px; padding:0; border:none; margin-left:-4px;}
.main_visual .popup_layer .pop_con .pop_tit {margin-bottom:10px;}
.main_visual .popup_layer .pop_con .btn_box {text-align:center; margin-top:10px;}

.main_visual .popup_layer .pop_con .table_wrap {height:65%; overflow:auto;}
.main_visual .popup_layer .pop_con table tr:not(:first-child) td {border-bottom:1px solid #ddd; padding:10px 0;}
.main_visual .popup_layer .pop_con table th {border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 0; background:#f5fbff;}


.privacy_wrap {background:#fff; padding:40px;}


.exclusive_page {max-width:1200px; margin:40px auto 0 auto;}

.inline_list > li { display: inline-block; margin-right: 5px; margin-bottom: 5px; }
.inline_list > li:last-child { margin-right: 0; }

/*default*/
@media screen and (min-width:1024px){
	table { table-layout:fixed; }
}

@media screen and (max-width:1023px){
	.mobile_none {display:none !important;}
	.mobile_block {display:block !important;}
}

@media screen and (max-width:1340px){
	.board-tabmenu-box {padding:0; margin-bottom:15px;}
	.basic-list {padding:0;}
	.right_contents > .title {padding:35px 35px 0 15px;}
	.wrap header {padding-left:300px;}
	.wrap header .menu {padding-left:10px;}
	.wrap header .menu > ul li a {font-size:16px; padding:6px 10px 22px 10px;}
	.wrap .right_contents {padding-left:300px;}
	.wrap .left_contents {width:300px;}
	.wrap .left_contents .logo {width:300px;}

	
	.main_visual .closetop_list .list_con table tr td, 
	.main_visual .closetop_list .list_con table tr th {font-size:16px;}

	.wrap .right_contents .main_btn .vehicleplacement {width:100%; float:none; margin-top:30px;}
	.wrap .right_contents .main_btn .visual_notice {width:100%; margin-top:30px;}
	.wrap .right_contents .main_btn .visual_notice .list_con table tbody tr td:first-child {text-indent:3%;}


	.company_menu:not(.mobile) ul li > p {max-width:38%;}
	.company_menu:not(.mobile) ul li > img {margin-top:5%;}
	.company_menu:not(.mobile) ul li .company_btn div {width:45px;}

	.complaint_list .title .complaint_list_menu .complaint_category {width:130px;}

	.write_wrap .write_con ul li {float:left; width:calc(50% - 30px); background:#fff; margin-right:30px; margin-bottom:30px;}
	.write_wrap .write_con ul li:nth-of-type(4n+4) {margin-right:30px;}
	.write_wrap .write_con ul li:nth-of-type(2n+2) {margin-right:0;}
	
	.write_wrap .write_con table tbody tr td textarea {width:90%;}
	.write_wrap .write_con table tbody tr td.addr input#c_address2 {margin-left:0;}

	.list_wrap .fixed_table img {max-width:100%;}
	.list_wrap .fixed_table .head.fixed {}


}
/*main*/
@media screen and (max-width:1023px){
	/*���*/
	#member_container .bg_box {height:200px;}
	#member_container .bg_box .title {padding-top:80px;}
	#member_container .login_box {padding:10%; text-align:center; box-shadow:none; margin:0 auto 30px auto;}
	#member_container .login_box form input[type=text], 
	#member_container .login_box form input[type=number], 
	#member_container .login_box form input[type=password] {width:100%; margin:10px auto;}
	#member_container .login_box form input[type=submit] {width:100%;}

	/*���*/
	.wrap header {padding:0;  background:url('../../images/common/mobile_header_bg.jpg')repeat-x; background-size:auto 100%; padding:0 4%; }
	.wrap header .mobile_menu {padding:23px 0}
	.wrap header .mobile_menu h1 {max-width:200px; display:inline-block;}
	.wrap header .mobile_menu h3 {max-width:50px; float:right;}
	.wrap header .mobile_menu img {width:75%;}
	.wrap header .mobile_menu .menu_wrap {position:fixed; right:0; top:0; width:100vw; height:100vh; overflow:hidden; display:none; z-index:999;}
	.wrap header .mobile_menu .bg {position:absolute; width:100vw; height:100vh; background:rgba(0,0,0,0.5); top:0; left:0;}
	.wrap header .mobile_menu .menu_wrap > ul {position:absolute; width:80vw; height:100vh; padding:0; background:#fff; right:0; top:0;}
	.wrap header .mobile_menu .menu_wrap > ul > li {padding:20px 0;border-bottom:1px solid #ddd;}
	.wrap header .mobile_menu .menu_wrap > ul > li.menu_top {position:relative; background:#0099f9; border:none; height:75px; }
	.wrap header .mobile_menu .menu_wrap > ul > li.menu_top img {height:100%; width:auto; margin-left:30px;}
	.wrap header .mobile_menu .menu_wrap > ul > li.menu_top a:last-child {position:absolute; right:30px;}
	.wrap header .mobile_menu .menu_wrap > ul > li.menu_top a:last-child img {height:30px;}
	.wrap header .mobile_menu .menu_wrap > ul > li.calculate > a {font-size:1.2em; display:block; width:100%; height:100%; padding:0 80px; height:25px; line-height:25px; background:url('../../images/common/m_calculate.png') no-repeat 25px center; background-size:auto 100%;}
	.wrap header .mobile_menu .menu_wrap > ul > li.dispatch > a {font-size:1.2em; display:block; width:100%; height:100%; padding:0 80px; height:25px; line-height:25px; background:url('../../images/common/m_dispatch.png') no-repeat 25px center; background-size:auto 100%;}
	.wrap header .mobile_menu .menu_wrap > ul > li.report > a {font-size:1.2em; display:block; width:100%; height:100%; padding:0 80px; height:25px; line-height:25px; background:url('../../images/common/m_report.png') no-repeat 25px center; background-size:auto 100%;}
	.wrap header .mobile_menu .menu_wrap > ul > li.notice > a {font-size:1.16em; display:block; width:100%; height:100%; padding:0 80px; height:25px; line-height:25px; background:url('../../images/common/m_notice.png') no-repeat 25px center; background-size:auto 100%;}
	.wrap header .mobile_menu .menu_wrap > ul > li.complain > a {font-size:1.2em; display:block; width:100%; height:100%; padding:0 80px; height:25px; line-height:25px; background:url('../../images/common/m_complain.png') no-repeat 25px center; background-size:auto 100%;}
	.wrap header .mobile_menu .menu_wrap > ul > li.join > a {font-size:1.15em; display:block; width:100%; height:100%; padding:0 80px; height:25px; line-height:25px; background:url('../../images/common/m_join.png') no-repeat 25px center; background-size:auto 100%;}

	.wrap header .mobile_menu .menu_wrap > ul li ul {display:block;}
	.wrap header .mobile_menu .menu_wrap > ul li ul li:not(:last-child) {float:none;border-bottom:1px solid #ddd; padding:15px 0; padding-left:35px;}
	.wrap header .mobile_menu .menu_wrap > ul li ul li:first-child {border-top:1px solid #ddd; margin-top:15px;}
	.wrap header .mobile_menu .menu_wrap > ul li ul li:last-child {padding-top:15px; padding-left:35px;}
	.wrap header .mobile_menu .menu_wrap > ul li ul li a {display:block; width:100%; height:100%;}

	/*���� �޴�*/
	.company_wrap {margin-top:30px; padding:0 10px;}
	.company_wrap .title {font-size:24px; display:inline-block}
	.company_wrap .chg_btn {float:right;}
	.company_wrap .chg_btn input { border-radius:30px; height:30px; color:#999; width:80px; height:35px;}
	.company_wrap .company_menu {width:100%; height:auto; padding:0; margin-top:30px;}
	.company_wrap .company_menu ul {width:100%; position:static;}
	.company_wrap .company_menu ul li {width:90%; height:70px; padding:17px 13px; box-shadow:0px 3px 0px #ddd;  max-width:none; position:relative;}

	/*Ǫ��*/
	.footer_wrap {height:auto;}
	.footer_wrap footer {height:auto;}
	.footer_wrap footer .footer_logo {margin:0; width:30%; margin-right:10px; margin-top:10px;}
	.footer_wrap footer .footer_logo img {width:100%;}
	.footer_wrap footer address {width:calc(70% - 10px); margin-top:0; color:#888;}
	.footer_wrap footer .copyright {color:#888; font-size:13px;}
	.mobile_tab {width:100%; bottom:0; left:0;}
	.mobile_tab ul {width:100%; height:100px; padding:20px 0; background:#fff; border-top:1px solid #ddd;}
	.mobile_tab ul li {float:left; width:25%; height:100%; text-align:center; border-right:1px solid #ddd; font-size:13px;}
	.mobile_tab ul li a {display:block; width:100%; height:100%;}
	.mobile_tab ul li a img {height:70%;display:block; margin:0 auto; margin-bottom:5px; }

	/*메인*/

	.wrap .right_contents {padding:0; min-height:calc(100vh - 215px);}
	.wrap .right_contents .main_visual {padding:0;}
	.wrap .right_contents .main_btn {margin:0; padding:0 10px;}
	.wrap .right_contents .main_btn .visual_notice {width:100%; float:none;}
	.wrap .right_contents .main_btn .visual_notice .list_con {max-height:initial;}

	.wrap .right_contents .main_btn .m_direct {margin-top:30px; width:100%; padding:0 10px;}
	.wrap .right_contents .main_btn .m_direct ul {width:100%;}	
	.wrap .right_contents .main_btn .m_direct ul li {position:relative; float:left; width:calc(50% - 5px); padding-top:40%; border-radius:15px; border:1px solid #ddd; margin-top:20px; margin-left:-3px; vertical-align:top; background:#fff; box-shadow:0px 4px 5px 0px #ddd;}
	.wrap .right_contents .main_btn .m_direct ul li:nth-of-type(2n) {margin-left:10px;}
	.wrap .right_contents .main_btn .m_direct ul li a {position:absolute; display:block; width:100%; height:100%; text-align:center; top:0; font-size:1.1em; }
	.wrap .right_contents .main_btn .m_direct ul li a .img_box {display:block; width:30%; margin:18% auto 5px auto; min-height:45%;}
	.wrap .right_contents .main_btn .m_direct ul li a .img_box img {width:100%;}
	.wrap .right_contents .main_btn .m_direct ul li.long_direct {width:100%; padding-top:20%;}
	.wrap .right_contents .main_btn .m_direct ul li.long_direct a {padding-top:2%;}
	.wrap .right_contents .main_btn .m_direct ul li.long_direct a .img_box {width:15%;margin-top:0;display:inline-block; vertical-align:middle;}

	.list_wrap {padding:0 10px;}
	.list_wrap .title {height:initial;}
	.list_wrap .title > p strong:after {content:"";}
	.list_wrap .title > p span {display:block; margin-top:10px;}
	.list_wrap .title .search_box input[type=text], 
	.list_wrap .title .search_box input[type=number] {width:35%; max-width:180px;}
	.list_wrap .title .search_box select {width:35%; margin:0 0 0 0; max-width:180px;}
	.list_wrap .title .search_box #submit_img {margin-left:-3px; vertical-align:top;}
	.list_wrap .title .search_box input[type=text].period_datepicker,
	.list_wrap .title .search_box input[type=number].period_datepicker {width:32%; padding-right:40px;}

	

	/*쓰기*/

	.write_wrap {margin-top:30px}
	.write_wrap .write_con table {}
	.write_wrap .write_con table colgroup { display: none; }
	.write_wrap .write_con table tbody {}

	.write_wrap .write_con table tbody tr {display:block; position:relative; width:100%; border-bottom:1px solid #ddd; overflow:hidden;}
	.write_wrap .write_con table tbody tr th,
	.write_wrap .write_con table tbody tr td {padding:25px 10px; border:0; display:inline-block; vertical-align:top;}
	.write_wrap .write_con table tbody tr th:nth-of-type(2),
	.write_wrap .write_con table tbody tr td:nth-of-type(2) {border-top:1px solid #ddd; z-index:10;}
	.write_wrap .write_con table tbody tr th {width:25%; height:100vh; position:absolute; border-right:1px solid #ddd !important; line-height:1; text-indent:0; font-size:13px; }
	.write_wrap .write_con table tbody tr td {width:75%; margin-left:25%; line-height:1; min-height:60px;}
	.write_wrap .write_con table tbody tr th:nth-of-type(1) {opacity:.99;}

	
	.write_wrap .write_con table tbody tr input { margin-bottom:5px;}
	.write_wrap .write_con table tbody tr select {margin-bottom:5px;}

	.write_wrap .write_con table tbody tr td.addr input#c_address2 {display:block; margin:0; margin-top:5px;}
	.write_wrap .write_con table tbody tr #c_ship_tel1,
	.write_wrap .write_con table tbody tr #c_ship_tel2,
	.write_wrap .write_con table tbody tr #c_ship_tel3,
	.write_wrap .write_con table tbody tr #m_tel1,
	.write_wrap .write_con table tbody tr #m_tel2,
	.write_wrap .write_con table tbody tr #m_tel3 {width:50px !important;}
	.write_wrap .write_con table tbody tr td.contact span {margin:0;}
	.write_wrap .write_con table tbody tr td.addr input#c_address2 {margin:0;}
	.write_wrap .write_con .addr input:not([type=button]) {width:80% !important; margin-bottom:5px;}
	.write_wrap .write_con .addr br {display:none;}

	.write_wrap .write_con table tbody tr td.files label {width:30%;}
	.write_wrap .write_con table tbody tr td input[type='text'].file_name {width:60%;}
	.write_wrap .write_con table tbody tr td.sign_box div {width:100%; max-width:400px;}
	.write_wrap .write_con table tbody tr td.sign_box input[type=button] {margin-left:0; margin-top:10px;}
	.write_wrap .write_con table tbody tr td.addr input {width:80% !important;}

	


	/*���*/

	.settlement_statistics .statistics_con ul {width:50%; float:left;}
	.settlement_statistics .statistics_con ul li {display:block; width:100%;}
	.settlement_statistics .statistics_btm .search_box {text-align:center;}
	.settlement_statistics .statistics_btm .search_box div {margin:0; float:none; margin-top:10px;}
	.settlement_statistics .statistics_btm .search_box select {width:30%;}
	.settlement_statistics .statistics_btm .search_box p {display:none;}
	.settlement_statistics input[type=text].datepicker,
	.settlement_statistics input[type=number].datepicker{margin:0; width:95px;}

	.statistics_btm .statistics_con ul {width:100%;}
	.statistics_btm .statistics_con ul li {float:left; width:calc(100% - 30px); background:#fff; margin:0 15px 15px 15px !important;}

	.sms .sms_area {padding:15px;}
	.sms .sms_area:after {content:""; display:block; clear:both;}
	.sms .sms_area input {float:right; margin-top:20px; width:80px; height:40px; color:#0099f9; border:1px solid #0099f9; margin-left:5%;}
	.sms .sms_area textarea {width:95%;}
	.performance .title {height:auto;}
	.performance .title .search_box > * {margin-top:10px;}
	.performance .title .search_box select {width:35%;}
	.performance .title .search_box div {float:none;}
	.performance .title .search_box .download {float:none; margin-left:42px;}

	/*����Ҹ� �۾���*/

	.complaint_write {margin-top:30px;}
	.complaint_write table,
	.complaint_write table tbody,
	.complaint_write table tbody tr {display:block;}
	.complaint_write table tbody tr:after {content:""; display:block; clear:both;}
	.complaint_write table tbody tr td,
	.complaint_write table tbody tr th {display:inline-block; float:left;}
	.complaint_write table tbody tr th {width:30%;}
	.complaint_write table tbody tr td {width:70%;}
	.complaint_write table tbody tr td.addr input[type=text],
	.complaint_write table tbody tr td.addr input[type=number]{width:80% !important;}
	.complaint_write table tbody tr td input[type=text],
	.complaint_write table tbody tr td input[type=number]{width:90%;}
	.complaint_write table tbody tr td select {width:90%;}
	.complaint_write table tbody tr td .datepicker {display:block; margin-bottom:5px;}
	.complaint_write table tbody tr td .contact01,
	.complaint_write table tbody tr td .contact02,
	.complaint_write table tbody tr td .contact03 {width:50px !important;}
	.complaint_write table tbody tr td label {width:30%;}
	.complaint_write table tbody tr td input[type='text'].file_name {width:60%;}
	.complaint_write table tbody tr td textarea {width:90%;}

	/*�������� �۾���*/
	.notice_write {margin-top:30px;}
	.notice_write table {border-top:1px solid #ddd;}
	.notice_write table,
	.notice_write table tbody,
	.notice_write table tbody tr {display:block; height:auto;}
	.notice_write table tbody tr:after {content:""; display:block; clear:both;}
	.notice_write table tbody tr td,
	.notice_write table tbody tr th {display:inline-block; float:left; background:#fff; padding:15px 0;}
	.notice_write table tbody tr th {width:30%;}
	.notice_write table tbody tr:last-child { height:auto;}
	.notice_write table tbody tr td {width:70%;}
	.notice_write table tbody tr td textarea {width:90%;}
	.notice_write table tbody tr td input[type='text'].file_name {width:60%;}
	.notice_write table tbody tr td input[type='text'] {width:90%;}
	.notice_write table tbody tr td label {width:30%}
	.notice_write table tbody tr td select {width:90%; margin:5px 0;}

	/*ȸ�����*/
	.add-table {margin-top:30px;}
	.add-table .title > span {border-top:none; color:#0099f8;}
	.add-table .add-table_con table,
	.add-table .add-table_con table tbody {display:block;}
	.add-table .add-table_con table tbody tr {display:flex;}
	.add-table .add-table_con table th {display:inline-block;  width:30%; padding:10px;}
	.add-table .add-table_con table td {display:inline-block; margin-left:-4px; width:70%; vertical-align:top;}
	.add-table input[type=text],
	.add-table input[type=number]{width:90% !important;}
	.add-table .add-table_con table td > span {margin:0;}
	.add-table .add-table_con table input:not([type=checkbox]) {margin-bottom:15px;}
	.add-table .add-table_con table .addr input {width:80%; margin-bottom:0;}

	.add-table .add-table_con .file_name {width:50% !important;}
	.add-table .add-table_con .files label {width:80px;}

	/*ȸ�� ���� ��� ����*/

	.join_menu {width:100%; padding:0 10px; margin-top:40px;}
	.join_menu div {width:100%; text-align:center; height:120px; padding:10px 0; margin-top:10px; border-radius:15px; box-shadow:0px 4px 9px #ddd;}
	.join_menu div a {display:block; width:100%; height:100%; color:inherit; line-height:100px;}
	.join_menu div img {height:80%; vertical-align:middle;}
	.join_menu div span {color:inherit; font-size:25px; margin-left:15px; vertical-align:middle;}
	.join_menu div.member_join {background:#1c9ff5; color:#fff;}
	.join_menu div.car_join  {background:#fff; color:#1c9ff5; margin-top:30px;}

	.Canvas {}

	/*board_list*/

	.board_list {padding:0 10px;}
	.board_list .title .complaint_list_mobile {float:right; width:35%; height:45px; margin-top:10px; padding:10px 0;}
	.board_list .search_box div {text-align:left;}
	.board_list table {width:100%; table-layout:fixed;}
	.board_list table .subject a{display:inline-block; width:85%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

	.board_list .search_box input[type="text"],
	.board_list .search_box input[type="number"] {width:115px;}
	.search-zone select {width:75px;}
	.search-zone input[type="text"],
	.search-zone input[type="number"] {width:110px;}
	.page-wrap #page_area  {width:100%;}
	.page-wrap #page_area div {padding:0; width:65%;}
	.page-wrap #page_area div span, 
	.page-wrap #page_area div a {margin:0 1%;}

	#comment .cmt-list ul li .cmt-smallbtn-box a {margin:0;}

	.view_con .con_main img {width:100%;}
	.basic-view .contents-data img {max-width:100%; height:auto !important;}
	.search_static .con .con_top {text-align:left;}
	.search_static .con .con_top input[type=text],
	.search_static .con .con_top input[type=number] {width:165px; margin-top:10px;}
	.search_static .con .con_top img {margin-top:10px;}

	table tbody tr.tel td input[type=text],
	table tbody tr.tel td input[type=number]{width:50px !important;}

	.main_visual .popup_layer .pop_con input[type=text],
	.main_visual .popup_layer .pop_con input[type=number]{width:100px;}

	.search_static .con {width:100%;}

	/*바코드*/

	.barcode_wrap .bg {background:#fff;}
	.barcode_wrap .bg a {color:#000;}
	.barcode_wrap #barcode {width:100vh; transform:translate(-50%, -50%) rotate(90deg);}

	.main_visual .sub_tab {padding:20px 10px;}
	.main_visual .sub_tab li {width:30%; margin-bottom:10px;}
	.main_visual .sub_tab li:not(:first-child) {margin-left:5px;}
	.main_visual .sub_tab li:nth-of-type(4n+4) {margin-left:0; }
	.main_visual .sub_tab li a {font-size:14px;}
	.basic-list table tbody tr td .notice {max-width:100%;}
	.privacy_wrap {padding:20px;}
}
@media screen and (max-width:700px){ 
	#popup {width: 80%; padding: 30px 10px;}
	#popup h2 {font-size: 1.1rem; padding: 0 10px;} 
	#popup .popclose { margin: -50px 20px 0 0; }
}

@media screen and (max-width:400px) {
	#popup .popclose { margin: -70px 20px 0 0; }
	.search_box input[type=text] {padding-left:5px;}
	.basic-list table tbody tr td .notice {color:#333; background:transparent; border:none; display:inline; font-weight:bold; line-height:1; font-size:16px;}
	.main_visual .sub_tab li a {font-size:13px;}
}