@charset "utf-8";

/* Sub Contents (서브 콘텐츠 영역)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.sub-head-title{text-align:center; margin:0 auto 70px;}
.sub-head-title h3{font-size:36px; color:#333; font-weight:500; letter-spacing:-1px;}
.sub-head-title span{font-size:36px; font-weight:500; color:#f74144;}
.sub-head-title p{font-size:26px; color:#333; margin-top:30px; font-weight:400;}

.area_inner .sub-cont-title{margin-bottom:45px;}
.area_inner .sub-cont-title h4{text-align:center; font-size:32px; font-weight:500; color:#f74144;}
.area_inner .sub-cont-title span{display:block; color:#fff; font-weight:600; font-size:20px; line-height:42px; text-align:center; width:40px; height:40px; background:#f74144; border-radius:100%; margin:0 auto 20px;}
.area_inner .sub-cont-title p{font-size:18px; margin-top:20px; text-align:center;}

.sub-contents p{word-break:break-all;}
.sub-contents .area_inner { width:1200px; margin:0 auto;}
.sub-contents .area_inner:after{content:""; display:block; clear:both;}	
	
	
/* Layoyt (레이아웃)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
#subContents{padding:120px 0px 160px 0; width:100%;}
#subTop{position:relative;}
.sub-visual  {width:100%; max-width:1760px; margin:0 auto; display:table;}
.sub-visual > div { position:relative; width:100%; height:300px; display:table-cell; vertical-align:middle; text-align:center;}
.sub-visual h2{font-size:42px; color:#fff; }
.sub-visual p {font-size:20px; color:#fff; margin-top:20px; }  

.sub-tab{width:100%; height:62px;text-align:center;position: absolute;bottom: 0;}
.sub-tab > ul{margin:0 auto; display: inline-block;}
.sub-tab > ul:after{content:""; display:block; clear:both;}
.sub-tab li a{display:inline-block; width: 100%; height:62px; text-align:center; line-height:62px; font-size:22px; background:rgba(227,0,4,.5); color:#fff; font-weight:400; border-left:1px solid rgba(255,255,255,0.3);}
.sub-tab li:first-child a{border-left:0;}
.sub-tab li.active a{font-weight:500; color:#f74144; background:#fff;}
.sub-tab.fixed{z-index:666;position:fixed;top:0;left:0;width:100%; background:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.10);opacity:0.92}
.sub-tab.fixed ul{margin:0 auto;width:auto;}
.sub-tab > ul li {position: relative; display: inline-block; float: left; width: 300px; height: 62px;}
	
.sub-visual01{ background:url('/images/mtl01-21-0091/sub/sub_visual01.jpg') no-repeat center center/cover;}
.sub-visual02{ background:url('/images/mtl01-21-0091/sub/sub_visual02.jpg') no-repeat center center/cover;}
.sub-visual03{ background:url('/images/mtl01-21-0091/sub/sub_visual03.jpg') no-repeat center center/cover;}
.sub-visual04{ background:url('/images/mtl01-21-0091/sub/sub_visual04.jpg') no-repeat center center/cover;}
.sub-visual05{ background:url('/images/mtl01-21-0091/sub/sub_visual05.jpg') no-repeat center center/cover;}
.sub-visual06{ background:url('/images/mtl01-21-0091/sub/sub_visual01.jpg') no-repeat center center/cover;}	
	
	
/* 서브상단 페이지네비 */
.whois-sub-page-guide { background-color:#fafafa; overflow: hidden; }
.whois-sub-page-guide .whois-sub-page-guide-navi { padding:14px 0 14px 0; font-size:12px; text-align:right; color:#888888; }
.whois-sub-page-guide .whois-sub-page-guide-navi b { color:#333; }
	

/* 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 공통페이지 이용약관 회원관련
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.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;}