@charset "utf-8";

/* 
	사용자 정의 공통 스타일시트
*/


/* Link */
a:link    {color:#666; text-decoration:none !important;}
a:visited {color:#666; text-decoration:none !important;}
a:hover   {color:#0f8dee; text-decoration:none !important;}
a:active  {color:#0f8dee; text-decoration:none !important;}


#sub_visual{position:relative; width:100%; height:224px; background:url(/images/mtl01-19-0001/sub/sub_visual.jpg) no-repeat center 0;}
#container{*zoom:1px; position:relative; margin:0 auto 80px;}
#container:after{content:""; display:block; clear:both;}
#leftmenu{margin-top:-100px; float:left; width:200px;}
#contents{float:right; width:950px;}
#contents.full_width{float:none; width:100%;}
#leftmenu .sub{}
.sub h2{width:200px; height:100px; color:#fff; font-size:25px; font-weight:500; text-align:center; line-height:100px; background:url(/images/mtl01-19-0009/sub/bg_sub_title.jpg) no-repeat center 0;}

#leftmenu .sub{color:#111; font-size:15px;}
#leftmenu li{display:table; padding:0 10px; width:100%; height:52px; font-size:100%; font-weight:inherit; border-top:1px solid #d5d7d8;}
#leftmenu li a{display:table-cell; vertical-align:middle; color:#111; background:url(/images/mtl01-19-0009/sub/ico_left_arrow.png) no-repeat right;}
#leftmenu li._on{background-color:#5c5c5c;}
#leftmenu li._on a{color:#fff; background:url(/images/mtl01-19-0009/sub/ico_left_arrow_on.png) no-repeat right;}
#leftmenu li:first-child{border-top:none;}

 /*sub*/

.contents {width:1200px; margin: 0 auto;}
.contents .con_title { width:100%; height:58px; margin-bottom:10px; vertical-align:top; border-bottom:none;}
.contents .con_title:after {display:none;}
.contents .con_title h3 {float:left;}
.contents .con_title p {float:right; margin-right:0; font-size: 14px; color: #333; line-height: 16px;}
 
.contents .con_txt { border:10px solid #dfdfdf; padding:15px;}
.contents .con_txt p {line-height: 24px; font-size: 16px;}
.contents .con_txt p b {display:block; font-weight: bold;  font-size:16px; color:#303030; line-height:24px; padding:20px 0 10px 0;}

.page_title{position:relative; display:inline-block; margin-bottom:60px !important; padding-bottom:40px !important; width:100%; border-bottom:2px solid #111;}
.page_title h3{display:inline-block; font-size:45px; color:#111; line-height:1; letter-spacing:-0.05em;}
.page_title .page_nav{position:absolute; top:0; right:0;}
.page_title .page_nav li{float:left; position:relative; margin-left:34px !important; font-size:16px; color:#111;}
.page_title .page_nav li:first-child{margin-left:0; font-size:0; width:17px; height:16px; text-indent: -9999px; background:url(/images/mtl01-19-0009/sub/ico_page_nav_home.png) no-repeat;} 
.page_title .page_nav li:after{content:'/'; position:absolute; top:0; left:-20px; display:block; font-size:16px; color:#999;}
.page_title .page_nav li:first-child:after{display:none;}


/* 기능 CSS */
.tab_link{display:inline-block; margin-bottom:30px; width:100%; text-align:center;}
.tab_link ul{position:relative; display:inline-block; margin:0 auto; padding:10px 20px; border:5px solid #d5d7d8;}
.tab_link ul li{position:relative; float:left; display:inline-block; margin-left:30px; font-size:16px; line-height:30px; color:#999;}
.tab_link ul li:after{content:''; position:absolute; top:10px; left:-14px; width:1px; height:14px; background-color:#d5d7d8;}
.tab_link ul li a{font-size:100%; color:inherit;}
.tab_link ul li a._on{font-weight:500; color:#0b96d4;}
.tab_link ul li:first-child{margin-left:0;}
.tab_link ul li:first-child a{}
.tab_link ul li:first-child:after{display:none;}

.sitemap { width:145px; float:left; margin:10px 20px; min-height:150px; height:auto !important; height:150px; }
.sitemap dl { font:12px dotum; margin:25px 0 50px 0;}
.sitemap dd.depth1 { width:100%; padding:5px; border:2px solid #c4c4c4; font-weight:bold; text-align:center; color:#666666; margin-bottom:5px; }
.sitemap dd.depth2 { padding:5px; border-bottom:1px dotted #999999; width:100%; }
.sitemap dd.depth2.hasSub { border-bottom:0; padding:5px 5px 0 5px; }
.sitemap div.depth3 { margin:0; margin:3px 0 0 5px }


.loginDiv {border-top:1px solid #7f7f7f; border-bottom:1px solid #7f7f7f; overflow:hidden;}
.loginDiv .left{width:302px; float:left;}
.loginDiv .left img{ vertical-align:middle;}
.loginDiv .right{width:111px; float:right;}
.loginDiv .loginform {width:413px; height:61px; margin:34px auto;}
.loginTxt {padding:14px 18px; border:1px solid #dfdfdf; background:#f5f5f5; vertical-align:middle; overflow:hidden;}
.loginTxt .left{width:510px; float:left; padding:5px 0 0 10px; background:url("/images/basic_blue/join/bullet_dot_gray.gif") no-repeat 3px 10px;}
.loginTxt .right{width:137px; float:right;}
.loginTxt .right a{display:inline-block; min-width:135px; height:29px; line-height:27px; text-align:center; color:#707070; background:#fff; border:1px solid #b9b9b9;}
.pBox{position:relative; width:100%; overflow:hidden;}
.inp_01 {width:224px; height:28px !important; border:1px solid #dfdfdf; text-indent:5px;}
button.loginbtn{padding:0px; border:none; vertical-align:middle; min-width:111px; height:61px; line-height:61px; font-size:14px; color:#fff; text-align:center; background:#333437; cursor:pointer;}
    
.loginform .left span{float:left; display:inline-block; min-width:73px; height:28px; line-height:28px;}