@charset "utf-8";

/*탭*/
.con_tab{clear:both;}
.con_tab ul{display:inline-block;width:100%;}
.con_tab ul li{float:left;margin-right:-1px;}
.con_tab ul li a{display:block;margin-top:-1px;color:#61666d;font-size:16px;font-family:'Montserrat', 'NotoKrM' , sans-serif;font-weight:normal;line-height:50px;text-align:center;border:1px solid #cfd6e0;}
.con_tab ul li a:hover{background:#ededed}
.con_tab ul li a.on{position:relative;z-index:1;color:#fff;border:1px solid #404893;background:#404893;}
.con_tab ul.no2 li{width:50%;}
.con_tab ul.no3 li{width:33.2%;}
.con_tab ul.no4 li{width:25%;}
.con_tab ul.no5 li{width:20%;}
.con_tab ul.no6 li{width:16.6%;}
.con_tab ul.no7 li{width:14.4%;}
.tab_b{margin-bottom:40px;}


/***** 제목 *****/
h3.tit{margin-bottom:20px;font-size:23px;color:#404893;letter-spacing:-1px;}
h3.tit.h3_t{padding-top:40px;}
h4.tit{font-family: 'NotoKrB';font-size: 19px;font-weight: normal;color: #333;margin-bottom: 10px;padding-left:25px;background: url(/nanum/site/builder/skin/skin04_01/img/common/h4_bg.gif) no-repeat 0 5px;letter-spacing: -2px;}
h4.tit.h4_t{margin-top:30px;}


/***** 리스트 *****/
ul.list{margin-top:15px;}
ul.list li{padding-left:15px; margin-top:7px;background:url(/nanum/site/builder/skin/skin04_01/img/common/bu_list1.gif) no-repeat 0 12px;text-align:left;font-size:15px;line-height:1.5;font-family:'Lato','NotoKrM',sans-serif;font-weight:400;color:#555;letter-spacing:-0.04em;word-break:keep-all;}
ul.list li:first-child{margin-top:0}
ul.list li ul.list2{margin:5px 0 15px 15px;}
ul.list2 {margin-left:15px; margin-top:15px;}
ul.list2 li{padding-left:11px;margin-bottom:2px;background:url(/nanum/site/builder/skin/skin04_01/img/common/bu_list2.gif) no-repeat 0 9px;line-height:20px;font-size:14px;font-family:'Lato','NotoKrM',sans-serif;font-weight:400;color:#555;letter-spacing:-0.05em;word-break:keep-all;}
ul.list2 li ul.list3{margin:3px 0 10px;}
ul.list3 {margin-left:30px;}
ul.list3 li{padding-left:10px;background:url(/nanum/site/builder/skin/skin04_01/img/common/bu_list3.gif) no-repeat 0 6px;margin-bottom:3px;line-height:18px;color:#757575;font-size:13px;font-family:'Lato','NotoKrM',sans-serif;font-weight:400;color:#777;letter-spacing:-0.05em;word-break:keep-all;}



/***** 버튼 *****/
.btn_w{width:100%;padding-top:35px;text-align:center;}
a.con_btn,
input.con_btn{display:inline-block;margin:0 3px;color:#fff;padding:12px 40px; font-weight:normal;font-family:'NotoKrM';font-size:15px;line-height:normal;vertical-align:middle;text-align:center;cursor:pointer;border:0;letter-spacing:-0.05em;}
a.con_sbtn,
input.con_sbtn{display:inline-block;margin:0 3px;color:#fff;padding:7px 15px; font-weight:normal;font-family:'NotoKrM';font-size:13px;line-height:normal;vertical-align:middle;text-align:center;cursor:pointer;border:0;letter-spacing:-0.05em;}


.con_btn.blue,
.con_sbtn.blue{background:#509cea;}
.con_btn.blue:hover,
.con_sbtn.blue:hover{background:#00c5dd;}

.con_btn.gray,
.con_sbtn.gray{background:#8a8a8a;}
.con_btn.gray:hover,
.con_sbtn.gray:hover{background:#6f6f6f;}



/***** 기본테이블 *****/
table.table1{width:100%;margin:10px 0 20px;border-collapse:collapse;color:#333;border:1px solid #cdcdcd;border-top:2px solid #7987ba;clear:both;}
table.table1 th,
table.table1 td{padding:15px 10px;font-size:15px;text-align:center;}
table.table1 thead th{font-family:'NotoKrB', sans-serif;font-weight:normal;border-bottom:1px solid #cdcdcd;border-left:1px solid #cdcdcd;background:#e9f0ff;word-break:keep-all}
table.table1 tbody th,
table.table1 tbody td{border:1px solid #cdcdcd;line-height:22px;word-break:keep-all}
table.table1 tbody th{font-family:'NotoKrB', sans-serif;font-weight:normal;border:1px solid #cdcdcd;background:#efefef;}
table.table1 tbody td{color:#333;border-left:1px solid #cdcdcd;}
table.table1 td.left{text-align:left;padding:15px;}
table.table1 td.right{text-align:right;padding:15px;}
table.table1 td.line_r{border-right:1px solid #cdcdcd;}
table.table1 td.line_no{border-left:0 !important;}
table.mt15{margin-top:15px;}

table.table1 ul{margin-top:0}
table.table1.t_break tbody th, table.table1.t_break tbody td{word-break:break-all;}



/*모바일 스크롤 안내*/
.mscroll_guide{display:none;}

.mimg{margin:10px 0 20px}

.root_daum_roughmap .wrap_btn_zoom{z-index:1 !important;}




/******************************1024******************************/
@media all and (max-width:1024px){
	/***** 제목 *****/
	h3.tit.h3_t{margin-top:15px;}
	h4.tit.h4_t{margin-top:20px;}

	.mimg{width:100%;}
}

/******************************767******************************/
@media all and (max-width:767px){
	/***** 탭 *****/
	.con_tab ul li a{height:45px;line-height:45px;margin-top:-1px;font-size:14px;}
	.con_tab ul.no2 li,
	.con_tab ul.no3 li,
	.con_tab ul.no4 li,
	.con_tab ul.no5 li,
	.con_tab ul.no6 li,
	.con_tab ul.no7 li{width:50%;}

	/***** 제목 *****/
	h3.tit{margin-bottom:10px;font-size:20px;}
	h3.tit.h3_t{padding-top:20px;}
	h4.tit.h4_t{margin-top:10px;}

	/***** 버튼 *****/
	a.con_btn,
	input.con_btn{margin:0 2px;padding:10px 20px;font-size:14px;}
	a.con_sbtn,
	input.con_sbtn{margin:0 2px;padding:8px 10px;font-size:12px;}

	/***** 기본테이블 *****/
	table.table1 th,
	table.table1 td{padding:12px 10px;font-size:14px;}
	table.table1 tbody td.eng{font-size:14px;}
	table.table1 tbody td.left{padding:12px 8px;}
	table.table1 tbody td.right{padding:12px 8px;}	




}

/******************************640******************************/
@media all and (max-width:640px){
	/*모바일 스크롤 안내*/
	.mscroll{overflow-y:hidden;}
	.mscroll_guide{display:block;margin-bottom:20px;padding:25px 10px 25px 80px;font-size:14px;color:#444;word-break:keep-all;border-radius:3px;background:url(/nanum/site/builder/skin/skin04_01/img/common/mscroll_guide_ico.gif) no-repeat 20px 50%; box-shadow:1px 1px 5px #c7ced4;}
	.mscroll_guide span{color:#ff720a;}
	.mscroll table{width:650px !important;margin-top:10px;}
	.mscroll img{width:640px !important;}
	
}

/******************************550******************************/
@media all and (max-width:550px){
	table.table1.t_break tbody th,
	table.table1.t_break tbody td{word-break:break-all;}
	table.table1.t_break th, table.table1.t_break td{padding:9px 7px;font-size:12px;}

}

/******************************480******************************/
@media all and (max-width:480px){
	/***** 제목 *****/
	h3.tit{font-size:18px;}
	h4.tit{font-size:16px;}

	/***** 리스트 *****/
	ul.list li{margin-bottom:0;font-size:14px;}
	ul.list2 li,
	ul.list3 li{font-size:13px;}
}

/******************************400******************************/
@media all and (max-width:400px){
	table.table1.t_break th, table.table1.t_break td{padding:5px 3px;}

}