@charset "utf-8";

/* Layoyt (레이아웃)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
#header.sub-header{position:relative; }

#subContainer{position:relative; padding:0 0px 100px; margin:0 auto; width:1200px; box-sizing:border-box;}
#commonContainer{position:relative; padding:30px 20px 60px; margin:0 auto; width:1200px; box-sizing:border-box;}
#subContainer:after{content:""; display:block; clear:both;}

#leftMenu{float:left; width:210px; margin-top:10px;}
#leftMenu .sub-tit-img{display:block; margin-bottom:15px;}
#subContents{float:right; width:calc(100% - 260px);}

.login-bar li a img{top:-2px !important;}
@media only screen and (max-width:1280px) {
	#subContainer, #commonContainer{padding:0 20px 100px;}
	#subContainer{width:100%;}
	#commonContainer{width:100%;}

}
@media only screen and (max-width:980px) {
	#subContainer, #commonContainer{padding:0;}
	#subContents{float:none; padding:0 20px 80px; width:100%;}
	#leftMenu {float:none;  width: 100%; position:relative; top: 0; margin-top: 0px; left: 0; margin-bottom:10px;}	
	.left-menu {display:none;}
	.left-notice {display:none;}
}
@media only screen and (max-width:767px) {
	#subContents{padding:0 20px 50px;}
	.sub-title h3:before {  width: 30px !important; }
}


/* Sub Visual (서브이미지)
------------------------------------------------------------------------------------------------------------------ ---------------------------------------- */
.sub-visual01{display: table; width: 100%; height:250px; background:url('/images/mtl01r-21-0083/sub/subtop_image01.jpg') no-repeat center center/cover;}
.sub-visual02{display: table; width: 100%; height:250px; background:url('/images/mtl01r-21-0083/sub/subtop_image02.jpg') no-repeat center center/cover;}
.sub-visual03{display: table; width: 100%; height:250px; background:url('/images/mtl01r-21-0083/sub/subtop_image03.jpg') no-repeat center right 10%/cover;}
.sub-visual04{display: table; width: 100%; height:250px; background:url('/images/mtl01r-21-0083/sub/subtop_image04.jpg') no-repeat center right 10%/cover;}
.sub-visual05{display: table; width: 100%; height:250px; background:url('/images/mtl01r-21-0083/sub/subtop_image05.jpg') no-repeat center center/cover;}

.sub-visual-txt{ display: table-cell; width: 100%; text-align: center; vertical-align: middle; color: #fff;}
.sub-visual-txt h1{font-size:48px; font-weight: 500; line-height: 1;}
.sub-visual-cont{ font-size: 18px; font-weight: 300;  line-height: 1}


@media only screen and (max-width:768px) {
.sub-visual01, .sub-visual02, .sub-visual03, .sub-visual04, .sub-visual05 {height:140px;}
.sub-visual-txt h1{font-size:30px;}
.sub-visual-cont{ font-size: 14px;}
}


/* Left Menu (서브 좌측 영역)
------------------------------------------------------------------------------------------------------------------ ---------------------------------------- */
/* 좌측메뉴 */
.sub-tab{display:none; z-index:999; width:100%;}
.sub-tab.fixed{position:fixed; top:0; left:0; width:100%; background:#fff; border-bottom:1px solid #ddd; box-shadow:0 2px 10px rgba(0,0,0,0.10); opacity:0.92;}
.sub-tab > ul{margin:50px auto 0; height:60px; text-align:center; line-height:0; font-size:0;}
.sub-tab.fixed ul{margin:0 auto; width:100%;}
.sub-tab li{display:inline-block; width:301px; height:60px;}
.sub-tab li a{display:inline-block; width:100%; height:60px; text-align:center; line-height:58px; font-weight:400; font-size:20px; color:#777; border:1px solid #ddd; border-left:0;}
.sub-tab li:first-child a{border-left:1px solid #ddd;}
.sub-tab li:last-child a{border-right:0;}
.sub-tab li.active a{color:#fff; background:#282595; border-color:#282595;}
.sub-tab.fixed a{border-bottom:0; border-top:0;}

@media only screen and (max-width:980px) {
	.sub-tab {display:block;}
	.sub-tab > ul{width:100%; margin:0 auto; }
	.sub-tab .col-1 li{width:100%;}
	.sub-tab .col-2 li{width:50%;}
	.sub-tab .col-3 li{width:33.33%;}
}
@media only screen and (max-width:768px) {
	.sub-tab > ul{height:50px;}
	.sub-tab li{height:50px;}
	.sub-tab li a{height:48px; line-height:46px; font-size:16px;}
}
@media only screen and (max-width:480px) {
	.sub-tab{min-width:320px;}
	.sub-tab li a{font-size:14px;}
}


.left-menu h2{height:110px; line-height:110px; text-align:center;  font-weight:500; font-size:28px; color:#fff; background:url('/images/mtl01r-21-0083/sub/left_top.jpg') no-repeat center center}
.left-menu li{width:100%; margin:3px 0;}
.left-menu li a{display:block; padding:0 20px; width:100%; box-sizing:border-box; height:50px; line-height:50px; font-size:16px; color:#666; background:#f4f4f4 url('/images/mtl01r-21-0083/sub/left_icon.png') no-repeat right 20px center;}
.left-menu li.active a{color:#282595; background:#fff url('/images/mtl01r-21-0083/sub/left_icon_on.png') no-repeat right 20px center; border:3px solid #282595;}


/* 좌측배너 */
.left-banner{margin-top:20px; background:#ebf3ff; padding:20px; text-align:center;}
.left-banner p{font-size:16px; color:#444; line-height:1.4; margin-top:10px;}
.left-banner .cs-tel{font-size:20px; font-weight:400; color:#282595; }
.left-banner .cs-tel strong{font-weight:600; font-size:26px; letter-spacing:-1px;}

@media only screen and (max-width:980px) {
	.left-banner{display:none;}
}


/* Sub Contents (서브 콘텐츠 영역)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 타이틀 및 페이지네비게이션 */
.sub-title{margin-bottom:60px; padding:40px 0; border-bottom: 1px solid #d5d5d5; position:relative;}
.sub-title:after{content:""; display:block; clear:both;}
.sub-title h3{font-size:36px; text-transform:uppercase; font-weight:500; color:#333; line-height:1;}

.sub-title .page-navi{position:absolute; margin-bottom:10px; float:right; right:0; top:50px; letter-spacing:0; line-height:1; font-size:13px; color:#777;}
.sub-title .page-navi strong{color:#333; font-weight: 400;}
.sub-title .page-navi img{margin-top:-5px;}


@media only screen and (max-width:980px) {
	.sub-title{padding:34px 0; }
	.sub-title .page-navi{display:none; padding:15px 20px; margin:0 -20px 120px; width:calc(100% + 40px); background:#f5f5f5;}
	.sub-title h3{font-size:34px;}
}
@media only screen and (max-width:500px) {	
	.sub-title{padding:20px 0; margin-bottom:30px;}
	.sub-title h3{font-size:24px;}
	.sub-title .page-navi{padding:10px; margin:0 -10px 90px; width:calc(100% + 20px);}
}


/* 게시판 관련 CSS
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 일반게시판 List */
.whois-board-list .whois-board-row .whois-board-row-subject strong {font-weight:500;}
.whois-board-list { display:inline-block; padding:0; font-size:14px; }
.whois-board-list .whois-board-row { width:100%; margin:0 0 0 0; padding:15px 0 15px 0; float:left; border-bottom:1px solid #eee; color:#000;}
.whois-board-list .whois-board-row:first-child { border-top:1px solid #777; } /* Line 색상 */
.whois-board-list .whois-board-row .whois-board-row-subject { margin:0 0 5px 0; padding:0; font-size:17px; font-weight:600; }
.whois-board-list .whois-board-row .whois-board-row-subject a:hover {color:#333;}
.whois-board-list .whois-board-row .whois-board-row-info { color:#777;letter-spacing: 0.2px; }
.whois-board-list .whois-board-row .whois-board-row-info .whois-board-row-author { max-width: 33vw; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align: middle; }

/* 일반게시판 view */
.whois-board-view .board-info {  font-size: 14px;}
.whois-board-view .comment-wrap .comment-info { font-size: 14px;}
.whois-board-view .board-content {font-size: 15px;}
.whois-board-view .board-content > span {font-size: 15px !important; line-height: 23px;}
.whois-board-view .comment-wrap .comment-list { font-size: 13px;}
.form-group label {font-size: 16px; font-weight:500; color:#333;}
.next_data_area {font-size: 13px; letter-spacing: 0.05px;}
.prev_data_area {font-size: 13px; letter-spacing: 0.05px;}
.whois-board-view { display:inline-block; font-size:13px; border-top:1px solid #777; } /* Line 색상 */
.whois-board-view .whois-board-view-row { width:100%; margin:0; padding:0; padding:10px 0 10px 0; float:left; border-bottom:1px solid #eee; }
.whois-board-view .whois-board-view-row .whois-board-view-subject { width:100%; margin:0 0 15px 0; padding:0; float:left; font-size:18px; font-weight:600; }
.whois-board-view .whois-board-view-row .whois-board-view-author { width:100%; margin:0 0 5px 0; padding:0; float:left; font-size:13px; font-weight:600; }
.whois-board-view .whois-board-view-row .whois-board-view-info { width:100%; margin:0; padding:0 0 10px 0; float:left; color:#acacac; }
.whois-board-view .whois-board-view-row .whois-board-view-content { width:100%; margin:0; padding:10px 0 10px 0; float:left; font-size:12px; }

.whois-board-view .whois-board-view-files { width:100%; margin:0; padding:0; float:left; }
.whois-board-view .whois-board-view-files .whois-board-view-file { width:100%; margin:0; padding:5px 0; float:left; font-size:12px; }
.whois-board-view .whois-board-view-files .whois-board-view-file .whois-board-view-file-count { font-size:11px; color:#c4c4c4; }


/* 게시판 버튼 */
.btn-search, .whois-button-submit, .btn-sub { color:#fff; background-color: #282595; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out;}
.btn-search:hover, .btn-search:focus, .whois-button-submit:hover,.whois-button-submit:focus, .btn-sub:hover, .btn-sub:focus { color:#fff; background-color: #154099; }
input.form-control:focus {border-color:#333 !important:}
.board-write .btn_file{color:#fff;}

/* 게시판 공통 */
.sub-box { margin-right:5px; background-color: #282595;  border: 0; color:#ffffff; display: inline-block;}
.sub-box.sm { font-size: 12px; padding: 2px 5px;}
.sub-box.m { font-size: 14px; padding: 4px 8px;}
.sub-box.lg { font-size: 16px; padding: 6px 12px;}
 
.sub-border { border: 1px solid #ddd; }
.sub-border-t { border-top: 1px solid #ddd; }
.sub-border-r { border-right: 1px solid #ddd; }
.sub-border-b { border-bottom: 1px solid #ddd; }
.sub-border-l { border-left: 1px solid #ddd; }

.sub-bg { background-color: #282595; }
.sub-bg-hover:hover { background-color: #154099; }
.infoconsent-wrap .content{font-size:14px;}


/* 로그인/회원가입 관련 CSS
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.material-form{margin:0 auto; background:#fff; font-size: 16px;}
.material-form .header{padding:50px 10px; background:#6498fe; font-size:16px; color:#fff;}
.material-form .header h3{font-size:30px;}
.material-form .header p,
.material-form .header span{margin-top:15px; font-size:16px; color:#fff;}

.material-form .sub-header h4{font-weight:500;	height:34px; line-height:34px; font-size:16px;}
.material-form .sub-content .form-group:last-child{margin:0;}

.material-form .input-group{position:relative; border:0;}
.material-form .input-group .input-group-addon{padding-right:6px; padding-left:6px; background:#fff; border:0;}

.material-form .form-control,
input[type='text'].whois,
input[type='password'].whois,
select.whois{border:1px solid #ccc; transition:0.3s all ease; font-family:"Noto Sans KR";}

/*.material-form .btn:first-child,*/
.material-form .input-group .form-control:first-child,
.material-form .input-group .form-control.first,
.material-form .input-group .th + .form-control,
.th + input[type='text'].whois,
.th + input[type='password'].whois,
.th + select.whois{border-bottom-left-radius:4px; border-top-left-radius:4px;}

/*.material-form .btn:last-child,*/
.material-form .input-group .form-control:last-child,
.material-form .input-group .form-control.last,
.material-form .input-group .input-group-btn:last-child,
.material-form .input-group .input-group-btn:last-child button,
.material-form .input-group .input-group-btn:last-child .btn{border-bottom-right-radius:4px; border-top-right-radius:4px;}

.material-form .form-group{margin-bottom:15px; overflow:visible;}

.material-form .form-group.success .form-control{color:#5cb85c;}
.material-form .form-group.failed .form-control{color:#d9534f;}
.material-form .form-control[readonly]{background:#fff;}
.material-form .btn {height:38px;}
.material-form .btn-default{-webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; transition:all .3s ease-out;}

.material-form .input-group input,
.material-form .input-group select,
input[type='text'].whois,
input[type='password'].whois,
select.whois{z-index:10;}

.input-group label.th{z-index:9; display:none; position:absolute; top:50%; left:10px; margin-top:-10px; height:20px; color:#ccc;}

.input-group label.th.ie9{z-index:11; display:block;}
.material-form .desc{padding:10px 0;}

.chkbox{display:inline-block; margin:0; padding:0;}
.chk-block,
.chk-block span{display:block; text-align:center; width:100%;}
.chkbox input[type='radio'],
.chkbox input[type='checkbox']{display:none;}
.chkbox input[type='radio']~.rbtn{padding: 6px 12px; line-height:27px; border:1px solid #ccc; border-radius:3px; cursor:pointer;}
.chkbox input[type='radio']:checked~.rbtn{background:#ccc; color:#fff;}
.chkbox input[type='radio']~.box,
.chkbox input[type='checkbox']~.box{display:block; color:#bbb; cursor:pointer; transition:0.5s all ease;}
.chkbox input[type='radio']~.box:before,
.chkbox input[type='checkbox']~.box:before{display:inline-block; margin-right:5px; padding:2px;	font-family:'Glyphicons Halflings'; font-size:18px; font-weight:normal; line-height:1; text-align:center; transition:0.4s all ease; vertical-align:middle; color:#cfcfcf;}
.chkbox input[type='radio']~.box:before{content:"\e165";}
.chkbox input[type='checkbox']~.box:before{content:"\e013";}
.chkbox input[type='radio']:checked~.box,
.chkbox input[type='checkbox']:checked~.box{color:#666;}
.chkbox input[type='radio']:checked~.box:before,
.chkbox input[type='checkbox']:checked~.box:before{color:#666;}





#sub-visual {display: table; width: 100%; height: 480px;}
#sub-visual.company {background: url('/images/mtl01r-21-0083/sub/sub_visual_company.jpg')no-repeat right center / cover;}
#sub-visual.reference {background: url('/images/mtl01r-21-0083/sub/sub_visual_reference.jpg')no-repeat right center / cover;}
#sub-visual.inquiry {background: url('/images/mtl01r-21-0083/sub/sub_visual_inquiry.jpg')no-repeat right center / cover;}
#sub-visual > div {display: table-cell; width: 100%; vertical-align: middle; text-align: center; color: #fff; font-size: 40px; font-weight: 900;}
#aside {}
.aside__title {
	display: table; width: 100%; height: 110px;
	background: #1a287c;
	background: -moz-linear-gradient(45deg,  #1a287c 0%, #74b4e2 100%);
	background: -webkit-linear-gradient(45deg,  #1a287c 0%,#74b4e2 100%);
	background: linear-gradient(45deg,  #1a287c 0%,#74b4e2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a287c', endColorstr='#74b4e2',GradientType=1 );
}
.aside__title span {display: table-cell; width: 100%; vertical-align: middle; text-align: center; color: #fff; font-size: 26px;}
.aside__menu {}
.aside__menu li {margin-top: 3px;}
.aside__menu li a {display: block; height: 50px; line-height: 44px; border: solid 3px #f4f4f4; background: #f4f4f4; position: relative; padding-left: 25px; font-weight: 400;}
.aside__menu li a.active {color: #2e5be5; border-color: #2e5be5; background: #fff;}
.aside__menu li a:before,
.aside__menu li a:after {content: ''; display: block; background: #666; position: absolute; right: 20px; top: 50%;}
.aside__menu li a:before {width: 11px; height: 1px;}
.aside__menu li a:after {width: 1px; height: 11px; margin-right: 5px; margin-top: -5px; display: none;}
.aside__menu li a.active:before,
.aside__menu li a.active:after {background: #2e5be5; display: block;}


#sub-top {margin-top: 10px; border-bottom: solid 1px #d5d5d5; height: 110px; padding: 35px 0;}
#sub-top:after {content: ''; display: table; clear: both;}
#sub-top h3 {float: left; font-size: 35px; height: 40px; line-height: 40px;}
#sub-top dl {float: right; padding-top: 10px;}
#sub-top dl:after {content: ''; display: table; clear: both;}
#sub-top dl dt,
#sub-top dl dd {float: left; height: 20px; line-height: 20px; font-size: 14px; font-weight: 400;}
#sub-top dl dt {margin-right: 25px; text-indent: -9999px; width: 8px; background: url('/images/mtl01r-21-0083/sub/breadcrumb_home.png')no-repeat right center / 100% auto;}
#sub-top dl dd {padding-right: 30px; margin-right: 25px; background: url('/images/mtl01r-21-0083/sub/breadcrumb_arrow.png')no-repeat right center / 6px auto;}
#sub-top dl dd:last-child {color: #295fba; padding-right: 0; margin-right: 0; background: none;}
#sub-top ul {float: right;}
#sub-top ul:after {content: ''; display: table; clear: both;}
#sub-top ul li {float: left;}
#sub-top ul li a {color: #0062bd; font-weight: 400;}
#sub-top ul li.left:after {content: '◀'; margin: 0 10px; color: #0a1a65;}
#sub-top ul li.right:before {content: '▶'; margin: 0 10px; color: #0a1a65;}
#sub-contents {margin-top: 40px;}

@media only screen and (max-width:1200px) {
	#sub-visual {height: 360px;}
}

@media only screen and (max-width:980px) {
	#sub-visual {height: 200px;}
	#sub-visual > div {font-size: 30px;}
	#aside {display: none;}
	#sub-top {margin-top: 0; height: auto; padding: 15px 0;}
	#sub-top h3 {font-size: 24px; height: 30px; line-height: 30px;}
	#sub-top dl {padding-top: 0;}
	#sub-top dl dt,
	#sub-top dl dd {font-size: 12px;}
	#sub-top dl dt {margin-right: 15px;}
	#sub-top dl dd {padding-right: 20px; margin-right: 15px;}
	#sub-top ul {width: 100%; margin-top: 5px; text-align: right;}
	#sub-top ul li {font-size: 12px; float: none; display: inline-block;}
	#sub-top ul li.left:after {margin: 0 5px;}
	#sub-top ul li.right:before {margin: 0 5px;}
	#sub-contents {margin-top: 30px;}
}





.plants__top {}
.plants__top img {display: block; width: 100%;}
.plants__box {border: dotted 2px #aaa; padding: 30px;}
.plants__box * {font-size: 18px; line-height: 1.6 !important;}
.plants__box p {}
.plants__box dl {margin-top: 20px;}
.plants__box dl dt {font-weight: 500;}
.plants__box dl dd {}
.plants__box ul {}
.plants__box ul li {position: relative; padding-left: 8px;}
.plants__box ul li:last-child {}
.plants__box ul li:before {content: ''; display: block; width: 3px; height: 3px; background: #333; position: absolute; left: 0; top: 12px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.plants__box h5 {font-size: 18px; color: #1f3082; margin-bottom: 10px; margin-top: 60px; height: 3.2em;}
.plants__box--link {text-align: right; margin-top: 20px;}
.plants__box--link a {display: inline-block; width: 180px; height: 46px; line-height: 46px !important; text-align: center; background: #28239b; color: #fff;}
.plants__table table {width: 100%;}
.plants__table th,
.plants__table td {border-bottom: solid 1px #c7c7c7; text-align: center; padding: 15px;}
.plants__table th {border-top: solid 1px #767676; background: #f4f4f4; font-weight: 500;}
.plants__table td {}
.plants__table td ul {text-align: left;}
.plants__list {padding-top: 60px; margin: 0 -10px;}
.plants__list:after {content: ''; display: table; clear: both;}
.plants__list li {float: left; width: 25%; padding: 0 10px;}
.plants__list img {display: block; width: 100%;}
.plants__list p {margin-top: 20px; font-weight: 500; text-align: center;}
.mt0 {margin-top: 0 !important;}

@media only screen and (max-width:980px) {
	.plants__box {border: dashed 1px #aaa; padding: 20px;}
	.plants__box * {font-size: 14px;}
	.plants__box dl {margin-top: 10px;}
	.plants__box ul li:before {top: 10px;}
	.plants__box h5 {font-size: 16px; margin-bottom: 5px; margin-top: 30px;}
	.plants__box--link {text-align: center;}
	.plants__box--link a {width: 140px; height: 44px; line-height: 44px !important; font-weight: 500;}
	.plants__table th,
	.plants__table td {padding: 5px; font-size: 13px;}
	.plants__list {padding-top: 30px; margin: 0 -5px;}
	.plants__list li {width: 50%; padding: 10px 5px;}
	.plants__list p {margin-top: 10px; font-size: 13px;}
}




.company__img {}
.company__img img {display: block; width: 100%;}
.company__text {padding: 0 40px; text-align: center;}
.company__text h5 {background: #fff; margin-top: -60px; padding: 30px 0; font-size: 40px; color: #1a287c; font-weight: 300; position: relative; z-index: 1;}
.company__text h5 span {font-weight: 900; color: #006fff;}
.company__text p {padding-top: 20px; font-size: 18px; line-height: 2.0;}
.company__text p b {font-weight: 500;}

@media only screen and (max-width:980px) {
	.company__text {padding: 0;}
	.company__text h5 {margin-top: 30px; padding: 0; font-size: 30px;}
	.company__text p {padding-top: 30px; font-size: 14px; line-height: 1.8;}
}



#org {margin: 0 -15px;}
#org:after {content: ''; display: table; clear: both;}
#org dt {width: 200px; height: 200px; line-height: 200px; text-align: center; font-size: 26px; font-weight: 700; background: #1a287c; color: #fff; margin: 0 auto 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: relative;}
#org dt:after {content: ''; display: block; height: 170px; width: 2px; background: url('/images/mtl01r-21-0083/sub/org_line.png'); background-size: 2px auto; position: absolute; left: 50%; top: 100%;}
#org dd.bk {margin-top: 40px; position: relative;}
#org dd.bk:after {content: ''; display: table; clear: both;}
#org dd.bk:before {content: ''; display: block; height: 2px; background: url('/images/mtl01r-21-0083/sub/org_line.png'); background-size: 2px auto; position: absolute; left: 0; right: 0; top: 30px;}
#org dd.bk li {width: 33.3333%; position: relative;}
#org dd.bk li:first-child {float: left;}
#org dd.bk li:last-child {float: right;}
#org dd.bk li h5 {height: 60px; line-height: 60px; text-align: center; color: #fff; background: #393939; font-size: 18px; font-weight: 400;}
#org dd.gry {margin: 70px -40px 0; position: relative;}
#org dd.gry:before {content: ''; display: block; height: 2px; background: url('/images/mtl01r-21-0083/sub/org_line.png'); background-size: 2px auto; position: absolute; left: 16.6666%; right: 16.6666%; top: 0;}
#org dd.gry:after {content: ''; display: table; clear: both;}
#org dd.gry li {padding: 90px 40px 0; float: left; width: 33.3333%; position: relative;}
#org dd.gry li:before {content: ''; display: block; height: 90px; width: 2px; background: url('/images/mtl01r-21-0083/sub/org_line.png'); background-size: 2px auto; position: absolute; left: 50%; top: 0;}
#org dd.gry li p {background: #ababab; color: #fff; height: 60px; line-height: 60px; font-size: 18px; text-align: center; position: relative;}
#org dd.gry li p:before {content: ''; display: block; width: 10px; height: 10px; background: #1a287c; position: absolute; top: -5px; left: 50%; margin-left: -5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}


@media only screen and (max-width:980px) {
	#org {margin: 0;}
	#org dt {width: 120px; height: 120px; line-height: 120px; font-size: 20px;}
	#org dt:after {height: 106px;}
	#org dd.bk {margin-top: 20px;}
	#org dd.bk:before {top: 30px;}
	#org dd.bk li {width: 40%;}
	#org dd.bk li h5 {height: 44px; line-height: 44px; font-size: 13px;}

	
	#org dd.gry {margin: 20px -10px 0;}
	#org dd.gry li {padding: 30px 10px 0;}
	#org dd.gry li:before {height: 30px;}
	#org dd.gry li p {height: 40px; line-height: 40px; font-size: 13px;}
	#org dd.gry li p:before {content: ''; display: block; width: 10px; height: 10px; background: #1a287c; position: absolute; top: -5px; left: 50%; margin-left: -5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}


}




.root_daum_roughmap {width: 100% !important;}
#loc {margin-top: 30px;}
#loc li {margin-bottom: 10px;}
#loc li:last-child {margin-bottom: 0;}
#loc li dl {display: table; width: 100%;}
#loc li dl dt,
#loc li dl dd {display: table-cell; vertical-align: middle;}
#loc li dl dt {width: 50px;}
#loc li dl dt img {display: block; width: 100%;}
#loc li dl dd {padding-left: 20px; font-weight: 500; font-size: 18px;}

@media only screen and (max-width:980px) {
	#loc li dl dt {width: 40px;}
	#loc li dl dd {padding-left: 15px; font-size: 14px;}
}