@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


/* Layout */
#page-wrapper {	min-width: 320px;	width: auto;	max-width:100%;	margin: 0px auto;}
#wrap {overflow:hidden; position:relative; width:100%;  height:100%;}
#articleSec {position:relative; display:block; width:100%;}
#container { position:relative; display:block; z-index:100; width:100%; background:#ced5d6; }
.articleContent {position:relative; display:block; overflow:hidden; width:100%; height:100%; }
.content { position:relative;padding: 15px 4% 50px;background-color: #fff;margin: 10px 4% 0; font-size:12px}
.root{ font-size:11px; text-align:right; color:#7d7d7d; padding:10px 4% 0 0}
.root li{ display:inline-block; vertical-align:middle}
.list_menu{ font-size:12px; border:none; background:#fff; height:25px; padding:0; margin:0;}
.cf{ max-width:600px; margin:auto}

/* main */
#main{ width:100%}
.main_menu{ width:100%}
.main_menu ul{ width:100%;margin: 4% 3% 0}
.main_menu ul li{ float:left;  }

/* Footer */
#footer {clear:both; width:100%; position:relative; background-color: #ced5d6;color:#8f8f8f; padding-bottom:20px}
#footer address a{color:#fff !important;}

#footer .txts {width:100%; }
#footer .txts .foo_tit {width:100%; padding-top:28px; font-size:16px; color:#363636; text-align:center; font-weight:bold;}
#footer .txts address {font-style:normal; font-size:12px; text-align:center; line-height:15px; color:#fff; margin-top:9px;}
#footer .txts .foo_copy {width:100%; padding-top:10px; font-size:12px; color:#fff; text-align:center; font-weight:bold;}
#footer .txts .links {width:100%; margin:25px auto 0; overflow:hidden; border-top:1px solid #fff}
#footer .txts .links div {display:inline-block;}
#footer .txts .links div a {display:block; width:100%; text-align:center; font-size:12px; color:#fff;font-weight:bold;}


/*  HEADER  */
#page-wrapper > .header_wrap {width:100%; height:60px; position:relative; z-index:300; background:#fff;}
.header_wrap > .header {/*max-width:640px;*/ min-width:320px; width:100%; height:100%; position:relative; margin:0 auto;}
.header > #logo {width:100%; padding:12px 0 0 0; margin:0; line-height:1; text-align:center;}
.header > #logo > a {display:inline-block;}
.header > .left_top {position:absolute; top:0; left:0;}
.header > .left_top a {display:block;}
.header > .right_top {position:absolute; top:0; right:0;}
.header > .right_top a {display:block;}


/* GNB 메뉴 */
.menu_wrap {width:100%; height:100%; position:fixed; top:0; left:0; z-index:500; display:none;}
.menu_wrap > div {/*max-width:640px;*/ height:100%; min-width:320px; width:100%; position:relative; margin:0 auto; overflow-x:hidden;}
.gnb_bg {position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.7; z-index:490; display:none;}
.menu_wrap .menu_area {width:80%; position:absolute; top:0; left:-80%; z-index:510;}
.menu_wrap .menu_area > .height_finder {width:100%; height:0px;}
.menu_area .top_area {width:100%; height:60px; position:relative; overflow:hidden; background:#43c2cc;}
.menu_area .top_area .gnb_tit {float:left; padding-top:8px; margin-left:10px;}
.menu_area .top_area .close_bn {float:right;}
.menu_wrap .menu_area .row_01 {width:100%;}
.menu_wrap .menu_area .row_01 > li {width:100%; overflow:hidden; hei ght:46px; background:#8f9296;}
.menu_wrap .menu_area .row_01 > li.selected {background:#282e38;}
.menu_wrap .menu_area .row_01 > li > a {display:block; width:100%; height:45px; line-height:45px; color:#fff; font-weight:bold; text-indent:38px; font-size:16px;
border-bottom:1px solid #a5a8ab;}
.menu_wrap .menu_area .row_01 > li.li_01 > a {background:url('http://m.tlps.co.kr/img/tm_left_gnb_icon_01.png') 10px center no-repeat;}
.menu_wrap .menu_area .row_01 > li.li_02 > a {background:url('http://m.tlps.co.kr/img/tm_left_gnb_icon_12.png') 7px center no-repeat;}
.menu_wrap .menu_area .row_01 > li.li_03 > a {background:url('http://m.tlps.co.kr/img/tm_left_gnb_icon_02.png') 5px center no-repeat;}
.menu_wrap .menu_area .row_01 > li.li_04 > a {background:url('http://m.tlps.co.kr/img/tm_left_gnb_icon_03.png') 7px center no-repeat;}
.menu_wrap .menu_area .row_01 > li.li_05 > a {background:url('http://m.tlps.co.kr/img/tm_left_gnb_icon_04.png') 7px center no-repeat;}
.menu_wrap .menu_area .row_01 > li.li_06 > a {background:url('http://m.tlps.co.kr/img/tm_left_gnb_icon_05.png') 7px center no-repeat;}
.menu_wrap .menu_area .row_01 > li.li_07 > a {background:url('http://m.tlps.co.kr/img/tm_left_gnb_icon_06.png') 14px center no-repeat;}
.menu_wrap .menu_area .row_01 > li.li_08 > a {background:url('http://m.tlps.co.kr/img/tm_left_gnb_icon_08.png') 5px center no-repeat;}
.menu_wrap .menu_area .row_01 > li.li_09 > a {background:url('http://m.tlps.co.kr/img/tm_left_gnb_icon_09.png') 7px center no-repeat;}
.menu_wrap .menu_area .row_01 > li.li_10 > a {background:url('http://m.tlps.co.kr/img/tm_left_gnb_icon_10.png') 10px center no-repeat;}
.menu_wrap .menu_area .row_01 > li.li_11 > a {background:url('http://m.tlps.co.kr/img/tm_left_gnb_icon_11.png') 9px center no-repeat;}
.menu_wrap .menu_area .row_01 > li > ul {width:100%; hei ght:0; background:#6f7377;}
.menu_wrap .menu_area .row_01 > li > ul > li {width:100%; border-bottom:1px solid #8f9296;}
.menu_wrap .menu_area .row_01 > li > ul > li > a {display:block; width:100%; height:36px; line-height:36px; color:#fff; text-indent:20px; font-size:15px;}


/* .right 메뉴 */
.right_wrap {width:100%; height:100%; position:fixed; top:0; left:0; z-index:500; display:none;}
.right_wrap > div {/*max-width:640px;*/ height:100%; min-width:320px; width:100%; position:relative; margin:0 auto; overflow-x:hidden;}
.right_wrap .bg {width:100%; height:100%; background:#000; opacity:0.7; z-index:501; position:absolute; top:0; left:0;}
.right_wrap .right_area {width:80%; position:absolute; top:0; right:-80%; z-index:510;}
.right_wrap .right_area > .height_finder {width:100%; height:0px;}
.right_area .top_area {width:100%; height:60px; position: relative; overflow:hidden; background:#43c2cc;}
.right_area .top_area .gnb_tit { padding-top:15px; color:#fff; margin:auto; text-align:center; width:100% ; position:absolute; left:0; top:0 ; font-size:16px}
.right_area .top_area .close_bn { margin:0; padding:0; position:absolute; right:0; top:0 }
.right_area .logbox {width:100%; overflow:hidden; background:#fff; padding:20px; }
#aside{ width:90%}

/************************************** 
** 기본 공통 컨텐츠
***************************************/




/* sub title */
.content > h1{ font-size:24px; font-weight:normal; color:#7d7d7d; padding:10px 0 30px; background:url(../../mobile/img/titbg.jpg) no-repeat; margin:10px 0 0}
.content > h2{ font-size:18px; font-weight:bold; color:#636363;border-bottom:1px #acacac solid; padding:0 0 5px 0; margin:30px 0 10px 0 }
.content > h3{ font-size:16px; font-weight:bold; color:#fff;padding:5px 0 5px; margin:30px 0 10px 0; text-align:center; background:#fb9501}

/* sub sub_tab */
.sub_tab	{position:relative; display:block; border:0px #000 solid; overflow:hidden;}
.sub_tab li {position:relative; display:block; float:left;  border-top:1px #dfdfdf solid; border-bottom:1px #e67919 solid; margin-left:-1px;  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;       }
.sub_tab li:first-child {margin-left:0px;}
.sub_tab li a {display:block; width:100%; text-align:center; padding:10px 0px;}
.sub_tab li.on {border:1px #e67919 solid;border-bottom: none}
.sub_tab li.on:after { content:""; display:block; clear:both; position:absolute; height:3px; width:100%; bottom:-1px; border-bottom:1px #fff solid; }
.sub_tab li.on a {color:#e67919; font-weight:bold; letter-spacing:-1px;}
.sub_tab.w50 li {width:50%;}	



/* 기타 공통 */
.txt{ font-size:16px; color:#898989}
.txt2{ font-size:14px; color:#898989}
.f_blue{color:#0072bc}
img{ width:100%}
.btn_data_box { margin:auto; width:100%; text-align:center; padding:50px 0 20px;}
.btn_data a{ padding:10px 25px 10px; background-color:#74b9cb; color:#fff; font-size:14px; font-weight:bold; text-align:center;}

.tbl_cost1{width:100%; border-top:1px solid #000}
.tbl_cost1 td.td2{padding:5px; text-align:left; line-height:150%;border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2;color:#898989; font-size:14px;vertical-align:top}
.tbl_cost1 td.td_end{padding:5px; text-align:left; line-height:150%;border-bottom:1px solid #e2e2e2;color:#898989; font-size:14px}
.tbl_cost1 td.td_end2{padding:5px; text-align:left; line-height:150%;border-bottom:1px solid #e2e2e2;color:#898989; font-size:12px;vertical-align:top}
.tbl_cost1 td.td_end2_d{ padding:5px; text-align:left; line-height:150%;border-bottom:1px solid #e2e2e2;color:#898989; font-size:12px; color:#333; font-weight:bold;vertical-align:top}
.tbl_cost1 td.td1{ text-align:center;color:#898989;border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2;font-size:14px}

.tbl_cost1 td.td4{padding:5px; text-align:left; line-height:150%;border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2;color:#898989; font-size:12px}
.tbl_cost1 td.td3{ text-align:center;color:#007db0;border-bottom:1px solid #e2e2e2;font-size:16px; font-weight:bold;padding:5px 0 0; vertical-align:top}
.tbl_cost1 td.td3 span{ color: #999; font-size:10px; font-weight:normal}

.tbl_cost2{width:100%;}
.tbl_cost2 td.td2{padding:5px; text-align:left; line-height:150%; background:#ebebeb; border-bottom:1px solid #fff;color:#898989; font-size:14px;line-height:130%}
.tbl_cost2 td.td1{padding:5px; text-align:center; background:#74b9cb; color:#fff; border-bottom:1px solid #fff;font-size:14px; line-height:130%}


.list_1st{margin:0 0 20px 5px;}
.list_1st li{padding-left:15px;background:url(../../mobile/img/list_1st.gif) no-repeat 0px 8px;line-height:160%; font-size:14px}
.list_2st{margin:0 0 20px 5px;}
.list_2st li{padding:0 0 0 10px !important;background:url(../../mobile/img/list_2st.gif) no-repeat 0px 11px;line-height:160%; font-size:14px; border:none !important;color:#898989}

/* list_default */
.list_default			{display:block; width:100%; overflow:hidden; }
.list_default li		{display:table; border-bottom:1px #dfdfdf solid; padding:15px 0 0;}
.list_default dt		{display:table-cell; padding-right:15px; font-weight:bold;  }
.list_default dd		{float: left;display:table-cell; vertical-align:middle;   }
/*
.list_default.board_no dd		{float: none}
.list_default.col1 dd	{width:100%; text-align:center;}
.list_default.col2 dd	{width:50%; text-align:center;}
.list_default.col3 dd	{width:33.3333%; text-align:center;}
.list_default dd span{font-size:0.9em;color:#818181}
.list_default.st2 dt{width: 100%;padding-right: 0;float: left;}
.list_default.st2 p{padding-left:22px;text-indent:-15px}
.list_default.st2 dd p.dot{padding-left: 20px;text-indent: 0px;background: url(../images/icon/icon_dot.gif) no-repeat 8px 10px;} */

/*.list_default.thum_sm .no{color:#e46b00;font-weight:bold;font-size:24px; line-height:34px;}
.list_default.thum_sm .title{font-weight:bold; color:#333;}
.list_default.thum_sm .txt {font-size:15px;}
.list_default.thum_sm .txt_small {font-size:14px; color:#888;}*/

.list_default.thum_sm dt		{padding:10px 0 0; width: 25%;position:relative;vertical-align:top;text-align:center}
.list_default.thum_sm dt:after	{position: absolute; top: 0; left: 0; width: 100%; height: 100%;opacity:.1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; content: '';}
.list_default.thum_sm dt img	{padding-left: 0px; width:100%; display:block;}
.list_default.thum_sm dd		{padding-left:10px;}
.list_default.thum_sm .no{color:#0072bc;font-weight:bold;font-size:22px; line-height:34px;}
.list_default.thum_sm .title{font-weight:bold; color:#333;}
.list_default.thum_sm .txt {font-size:15px;}
.list_default.thum_sm .txt_small {font-size:14px; color:#888;}

.list_default.thum_large dt		{padding:10px 0 0; width: 30%;position:relative;vertical-align:top;text-align:center}
.list_default.thum_large dt:after	{position: absolute; top: 0; left: 0; width: 100%; height: 100%;opacity:.1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; content: '';}
.list_default.thum_large dt img	{padding-left: 0px; width:100%; display:block;}
.list_default.thum_large dd		{padding-left:10px;}
.list_default.thum_large .no{color:#0072bc;font-weight:bold;font-size:22px; line-height:34px;}
.list_default.thum_large .title{font-weight:bold; color:#333;}
.list_default.thum_large .txt {font-size:15px;}
.list_default.thum_large .txt_small {font-size:14px; color:#888;}
.list_default.board_no li{border:none;padding-bottom: 0;}

.list_thumbnail			{display:block; width:100%; overflow:hidden; border-top:1px #333 solid; padding-top:10px;text-align: center;}
.list_thumbnail li		{display:inline-block; width:235px;  margin:10px 5px 0 7px; border:1px #ddd solid; border-radius:6px; text-align:center;}
.list_thumbnail li span {display:block; padding:10px 0; font-weight:bold; }




/************************************** 
** 서브 컨텐츠
***************************************/


/* icon */
.icon_menu, .icon_back, .icon_gnb_sub1, .icon_gnb_sub2, .icon_gnb_sub3, .icon_gnb_sub4, .icon_gnb_sub5, .icon_gnb_sub6, .icon_gnb_sub7, .icon_gnb_sub8, .icon_gnb_sub9, .icon_gnb_sub10,
.icon_gnb_menu0, .icon_gnb_menu1, .icon_gnb_menu2, .icon_gnb_menu3, .icon_gnb_menu4, .icon_gnb_menu5, .icon_gnb_menu6, .icon_gnb_menu7, .icon_gnb_menu8, .icon_gnb_menu9, .icon_gnb_menu10, .icon_gnb_menu11, .icon_gnb_menu12, .icon_gnb_menu13, .icon_gnb_menu14, .icon_gnb_menu15,
.icon_favor, .icon_favor_big, .icon_pdf
{background:url(../../mobile/img/icons.png) no-repeat; background-size:150px;}

.icon_menu		{display:block; width:19px; height:15px; margin:0 auto; margin-top:15px;}
.icon_back		{display:block; width:12px; height:16px; margin:0 auto; margin-top:14px; margin-left:10px; background-position:-20px 0;}
.icon_gnb_sub1	{display:block; width:30px; height:30px; margin:0 auto; margin-top:20px;  margin-bottom:5px; background-position:0px -20px;}
.icon_gnb_sub2	{display:block; width:30px; height:30px; margin:0 auto; margin-top:20px;  margin-bottom:5px; background-position:0px -50px;}
.icon_gnb_sub3	{display:block; width:30px; height:30px; margin:0 auto; margin-top:20px;  margin-bottom:5px; background-position:0px -80px;}
.icon_gnb_sub4	{display:block; width:30px; height:30px; margin:0 auto; margin-top:20px;  margin-bottom:5px; background-position:0px -110px;}
.icon_gnb_sub5	{display:block; width:30px; height:30px; margin:0 auto; margin-top:20px;  margin-bottom:5px; background-position:0px -140px;}
.icon_gnb_sub6	{display:block; width:30px; height:30px; margin:0 auto; margin-top:20px;  margin-bottom:5px; background-position:0px -170px;}
.icon_gnb_sub7	{display:block; width:30px; height:30px; margin:0 auto; margin-top:20px;  margin-bottom:5px; background-position:0px -200px;}
.icon_gnb_sub8	{display:block; width:30px; height:30px; margin:0 auto; margin-top:20px;  margin-bottom:5px; background-position:0px -230px;}
.icon_gnb_sub9	{display:block; width:30px; height:30px; margin:0 auto; margin-top:20px;  margin-bottom:5px; background-position:0px -260px;}

.icon_gnb_sub10	{display:block; width:30px; height:30px; margin:0 auto; margin-top:20px;  margin-bottom:5px; background-position:0px -290px;}

.icon_gnb_menu0	{display:inline-block; width:20px; height:20px; margin:0 12px 3px 13px ; vertical-align:middle; background-position:-32px 0px; }
.icon_gnb_menu1	{display:inline-block; width:20px; height:20px; margin:0 10px 4px 15px ; vertical-align:middle; background-position:-32px -20px;}
.icon_gnb_menu2	{display:inline-block; width:20px; height:20px; margin:0 10px 3px 15px ; vertical-align:middle; background-position:-32px -40px;}
.icon_gnb_menu3	{display:inline-block; width:20px; height:20px; margin:0 10px 3px 15px ; vertical-align:middle; background-position:-32px -67px;}
.icon_gnb_menu4	{display:inline-block; width:20px; height:20px; margin:0 10px 3px 15px ; vertical-align:middle; background-position:-32px -92px;}
.icon_gnb_menu5	{display:inline-block; width:20px; height:27px; margin:0 10px 3px 15px ; vertical-align:middle; background-position:-32px -117px;}
.icon_gnb_menu6	{display:inline-block; width:20px; height:22px; margin:0 10px 3px 15px ; vertical-align:middle; background-position:-32px -147px;}
.icon_gnb_menu7	{display:inline-block; width:20px; height:24px; margin:0 10px 3px 15px ; vertical-align:middle; background-position:-32px -171px;}
.icon_gnb_menu8	{display:inline-block; width:20px; height:20px; margin:0 10px 3px 15px ; vertical-align:middle; background-position:-32px -200px;}
.icon_gnb_menu9	{display:inline-block; width:20px; height:20px; margin:0 10px 3px 15px ; vertical-align:middle; background-position:-32px -226px;}

.icon_gnb_menu10 {display:inline-block; width:20px; height:20px; margin:0 10px 3px 15px ; vertical-align:middle; background-position:-32px -250px;}
.icon_gnb_menu11 {display:inline-block; width:20px; height:20px; margin:0 10px 3px 15px ; vertical-align:middle; background-position:-32px -275px;}
.icon_gnb_menu12 {display:inline-block; width:20px; height:20px; margin:0 10px 3px 15px ; vertical-align:middle; background-position:-32px -295px;}
.icon_gnb_menu13 {display:inline-block; width:20px; height:20px; margin:0 10px 3px 15px ; vertical-align:middle; background-position:-32px -316px;}
.icon_gnb_menu14 {display:inline-block; width:20px; height:20px; margin:0 10px 3px 15px ; vertical-align:middle; background-position:-32px -334px;}
.icon_gnb_menu15 {display:inline-block; width:20px; height:20px; margin:0 10px 3px 15px ; vertical-align:middle; background-position:-32px -357px;}