@charset "utf-8";

/* float */
.clearAfter{*zoom:1;}
.clearAfter:after{content:"";display:block;clear:both;}

/***** 탭 *****/
.con_tab{width:100%;}
.con_tab ul{display:inline-block;width:850px;clear:both;}
.con_tab ul li{float:left;text-align:center;}
.con_tab ul li a{display:block;height:53px;margin-left:-1px;color: #61666d;font-size:16px;font-family: 'NotoKrM', sans-serif, sans-serif;line-height:53px;letter-spacing:-0.08em;border:1px solid #cfd6e0;background: #fafafa;}
.con_tab ul li a.on{position:relative;font-size:16px;color: #222;border:1px solid #000;background: #fff;}
.con_tab ul.no2 li{width:50%;}
.con_tab ul.no3 li{width:33%;}
.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.2%;}
/*.con_tab ul.no8 li{width:12.5%;}*/
.con_tab ul.no8 li{width:25%;}
.tab_b{margin-bottom:50px;}

/***** 제목 *****/
h3.tit{padding-left:30px; color:#222; margin-bottom:15px;line-height:30px;background:url(/nanum/site/builder/skin/skin02_03/img/common/h3_icon.png)no-repeat 0 50%;font-weight:normal;font-family:'NotoKrB', sans-serif;font-size:22px;font-weight:normal;word-break:keep-all;letter-spacing:-0.05em; background-size:22px;}
h3.tit.h3_t{margin-top:40px;}
h3.tit span{font-size:15px;}
h4.tit{font-weight:normal;font-family:'NotoKrB';font-size: 19px;font-weight:normal;color: #333;letter-spacing:-0.05em;/* margin-left: 5px; */margin-bottom:10px;padding-left: 12px;background: url(/nanum/site/builder/skin/skin02_03/img/common/h4_bg.gif) no-repeat 0 50%;}
h4.tit.h4_t{margin-top:40px;}

/***** 리스트 *****/
ul.list{/* margin-top:20px; */}
ul.list li{padding-left:13px;margin-bottom:7px;background:url(/nanum/site/builder/skin/skin02_03/img/common/bu_list.gif) no-repeat 0 8px;text-align:left;font-size:15px;line-height:23px;color: #333;}
ul.list li strong.st{font-weight:normal;font-family:'NotoKrM';color:#222;}
ul.list li ul.list2{margin:5px 0 20px;}
ul.list2 li{padding-left: 13px;background:url(/nanum/site/builder/skin/skin02_03/img/common/bu_list2.gif) no-repeat 0 7px;margin-bottom:5px;line-height:20px;font-size:14px;color: #555;}
ul.list2 li ul.list3{margin:3px 0 10px;}
ul.list3 li{padding-left: 10px;font-size: 13px;font-weight: normal;font-family: 'NotoKrM',sans-serif;background:url(/nanum/site/builder/skin/skin02_03/img/common/bu_list3.gif) no-repeat 0 6px;margin-bottom:3px;line-height:20px;color: #888;}

/* 테이블 */
.table1{width:100%;border-top:2px solid #000;border-left:1px solid #e5e5e5;}
.table1 thead th{padding:15px 0;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#f4f5f9;font-family:'NotoKrM';font-size:14px;color:#000;font-weight:normal;text-align:center;}
.table1 tbody th{padding:15px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;font-family:'NotoKrB';font-weight:normal;font-size:14px;line-height:22px;text-align:center;}
.table1 tbody td{padding:15px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;font-family:'NotoKrM';font-size:14px;line-height:22px;color:#222;text-align:center;word-break:keep-all;vertical-align:middle;}
.table1 tbody th.dot_line,
.table1 tbody td.dot_line{border-bottom:1px dashed #e5e5e5;}
.table1 tbody td.left{text-align:left;}
.table1 tbody td.left ul.list li{font-size:14px;line-height:22px;color:#222;}
.table1 tbody td .eng{font-weight:500;}

/* 그레이박스 */
.gray_box{padding:20px;font-size:15px;font-family:'NotoKrR', sans-serif;color:#6a6a6a;line-height:24px;word-break:keep-all;background:#f7f7f7;}

/* 점선 아이콘박스*/
.icon_box{width:100%;padding:20px 0;text-align:center;border:1px dashed #ccc;}
.icon_box span{padding:70px 0 5px 0;display:inline-block;font-size:24px;font-family:'NotoKrB', sans-serif;color:#222;letter-spacing:-0.05em;border-bottom:3px solid #109ada;}
.icon_box span.icon01{background:url(/nanum/site/builder/skin/skin02_03/img/common/icon_box01.gif) no-repeat center top;}
.icon_box span.icon02{background:url(/nanum/site/builder/skin/skin02_03/img/common/icon_box02.gif) no-repeat center top;}
.icon_box p{margin-top:15px;}

/* 포인트텍스트 */
.point_txt{padding-left:28px;background:url(/nanum/site/builder/skin/skin02_03/img/common/icon_notibox.gif) no-repeat 0 2px;background-size:18px auto;font-family:'NotoKrM';font-size:14px;color:#000;}

/*이미지정의*/
.mimg{text-align:center;}


/***** 모바일 스크롤 안내 *****/
.mscroll_guide {display:none;}

/* 포인트텍스트 */
.point_txt{padding-left:28px;background:url(/nanum/site/builder/skin/major/img/common/icon_notibox.gif) no-repeat 0 2px;background-size:18px auto;font-family:'NotoKrM';font-size:14px;color:#000;}



/***************************버튼정의****************************/
.btn_w{width:100%;padding-top:35px;text-align:center;}
input.con_btn{display:inline-block;margin:0 3px;color:#fff;padding:12px 25px 13px 25px; 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; background:#3655cc;}
a.con_sbtn,
input.con_sbtn{display:inline-block;margin:0 3px;color:#fff;padding:10px 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{color:#fff;background:#3655cc;}
.con_btn.blue:hover,
.con_sbtn.blue:hover{background:#1c369d;}
/*민트버튼*/
.con_btn.mint,
.con_sbtn.mint{color:#fff;background:#12b8ba;}
.con_btn.mint:hover,
.con_sbtn.mint:hover{background:#0c7d7e;}
/*회색버튼*/
.con_btn.gray,
.con_sbtn.gray{background:#adb3cb;color:#000;}
.con_btn.gray:hover,
.con_sbtn.gray:hover{background:#6e779c}
/*어두운회색버튼*/
.con_btn.dgray,
.con_sbtn.dgray{background:#4f566f;}
.con_btn.dgray:hover,
.con_sbtn.dgray:hover{background:#2f3650;}

.con_btn.orange,
.con_sbtn.orange{background:linear-gradient(135deg, #ff8700 0%,#ff3600 100%);}
.con_btn.orange:hover,
.con_sbtn.orange:hover{background:#ff9b33;}

.con_btn.black_l,
.con_sbtn.black_l{border:1px solid #222;color:#222;}
.con_btn.black_l:hover,
.con_sbtn.black_l:hover{background:#000;color:#fff;}

/***** 기본테이블 *****/

.table1{width:100%;border-top:2px solid #000;border-left:1px solid #e5e5e5;word-wrap:break-word;}
.table1 thead th{padding:15px 0;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#f4f5f9;font-family:'NotoKrM';font-size:14px;color:#000;font-weight:normal;text-align:center;}
.table1 tbody th{padding:15px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;font-family:'NotoKrB';font-weight:normal;font-size:14px;line-height:22px;text-align:center;}
.table1 tbody td{padding:15px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;font-family:'NotoKrM';font-size:14px;line-height:22px;color:#222;text-align:center;vertical-align:middle;}
.table1 tbody th.dot_line,
.table1 tbody td.dot_line{border-bottom:1px dashed #e5e5e5;}
.table1 tbody td.left{text-align:left;}
.table1 tbody td.left ul.list li{font-size:14px;line-height:22px;color:#222;}
.table1 tbody td .eng{font-weight:500;}
table.table1 tbody td.left{text-align:left;padding:15px 10px;}
table.table1 tbody td.right{text-align:right;padding:15px 10px;}

/*비디오*/
.video_wrap {margin-bottom:40px;}

/******************************1024******************************/
@media all and (max-width:1024px){


/* 탭 */
.con_tab ul{width:100%;}
.con_tab ul li{box-sizing:border-box;}
.con_tab ul li a{margin-top:-1px;font-size:16px;}
.con_tab ul li a.on{font-size:16px;}
.con_tab ul.no6 li{width:33%;}
.con_tab ul.no7 li{width:25%;}
.con_tab ul.no8 li{width:25%;}
.tab_b{margin-bottom:30px;}

/* 제목 */
h3.tit{margin-bottom:20px;line-height:28px;}
h3.tit.h3_t{margin-top:40px;}
h4.tit{margin-bottom:15px;}
h4.tit.h4_t{margin-top:24px;}

/* 리스트 */
ul.list li{margin-top:8px;line-height:18px;}
ul.list ul.list2{margin:8px 0 13px;}
ul.list2 li{margin-bottom:3px;}
ul.list ul.list3{margin:8px 0 13px;}
ul.list3 li{margin-bottom:3px;background-position:0 6px;}

/*이미지정의*/
.mimg img{width:100%;}

/* 포인트텍스트 */
.point_txt{padding-left:20px;background-size:15px auto;background-position:0 2px;font-size:13px;line-height:20px;word-break:keep-all;}

/* 점선 아이콘박스*/
.icon_box{padding:15px;box-sizing:border-box;}
.icon_box p br{display:none;}

}

/******************************767******************************/
@media all and (max-width:767px){
/* 제목 */
h3.tit{font-size:20px;}
h3.tit.h3_t{margin-top:20px;}
h4.tit{font-size:18px;}
h4.tit.h4_t{margin-top:10px;}
	
/* 탭 */
.con_tab ul li a{height:45px;line-height:45px;margin-bottom:-1px;background:#fafafa; font-size:14px;}
.con_tab ul li a.on {font-size:14px;}
.con_tab ul.no2 li{width:50%;}
.con_tab ul.no3 li{width:50%;}
.con_tab ul.no4 li{width:50%;}
.con_tab ul.no5 li{width:50%;}
.con_tab ul.no6 li{width:50%;}
.con_tab ul.no6 li:first-child{width:50%;}
.con_tab ul.no7 li{width:50%;}
.con_tab ul.no7 li:first-child{width:50%;}
.con_tab ul.no8 li{width:50%;}


/***** 리스트 *****/
ul.list li{margin-bottom:6px; line-height:1.5;}

/* 그레이박스 */
.gray_box{padding:10px;font-size:14px;}
.gray_box br{display:none;}

/*모바일 스크롤 안내*/
.mscroll {overflow-y:hidden; padding-bottom:20px;}
.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/skin02_03/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;}

/* 점선 아이콘박스*/
.icon_box span{padding:45px 0 5px 0;font-size:18px;border-bottom:2px solid #109ada;background-size:35px auto !important;}
.icon_box p{margin-top:10px;}


/*비디오*/
.video_wrap {margin-bottom:20px;}


}

/******************************640******************************/
@media all and (max-width:640px){

/* 제목 */
h3.tit{margin-bottom:12px;}

/* 리스트 */
ul.list li{font-size:14px;}
ul.list2 li,
ul.list3 li{font-size:13px;}


}
