/*기본*/
@charset "utf-8";
body {font-family:Pretendard; font-size:1.6rem;}
/*공통 E*/
img {border: 0; margin:0; padding: 0;}
dl, dt, dd {margin:0; padding:0; list-style: none;}
ul, ol, li {margin:0; padding:0; }

a{ text-decoration:none; color: #000;}
a:hover,.a:active { color: #000; font-weight: bold;}

p {	margin:0; padding:0; border:0;}

/* 본문시작_PC 기준*/
#wrap {width:100%;	margin:0 auto;}

/*타이틀 제목*/
h4.titDepth01  {color:#000; font-size:2.8rem; background:url(h4_icon.png) no-repeat left 0.8rem; padding:0 0 0 3.4rem; clear: both; margin:0 0 1.6rem 0;}
h5 {background:url(h5_icon.png) 0.3rem 0.6rem no-repeat; font-size:2.4rem;  padding:0 0 0.5rem 2.6rem; margin:0; color: #000;}
h6 {background:url(h6_icon.png) 0.5rem 1rem no-repeat; font-size:2.2rem;  padding:0 0 0.5rem 2.6rem; margin:0.5rem 0 0 0; color:#002b71;}

/*탭메뉴*/
div.tabcontents {margin-bottom:4rem; width:100%; display: inline-block; font-size:2rem;}
.tabcontents ul{}
.tabcontents ul li { width:49.4%; margin: 0 0.5rem 0.5rem 0; list-style:none; float:left;}		
.tabcontents ul li a {display: block; font-weight:bold; color:#034694;  background:#f8fafc;   text-align:center; border:1px solid #034694;  border-radius:1rem;  padding:1rem;}
.tabcontents ul li a:hover{color:#fff;font-weight:bold; text-decoration: none; background: #034694;  transition: .2s ease-in-out; border:1px solid #034694;}
.tabcontents ul li.selected a:hover, ul.tabs li.selected a:hover{ text-decoration: none;}
.tabcontents ul li .on{color:#fff; font-weight:bold; text-decoration: none; background: #034694; transition: .2s ease-in-out; border:1px solid #034694;}

/*테이블*/
table 	{width: 100%;	border-collapse: collapse;	margin:0 0 7rem 0 ; border-top:0.3rem solid #034694; }
caption {visibility:hidden; overflow:hidden; margin:0; width:0; height:0; font-size:0; line-height:0;}
td {border:0.1rem solid #d2d2d2; text-align: center; padding:1rem;}
th {font-weight: bold;	background-color: #f8fafc; border-left:0.1rem solid #d2d2d2 ;border-right: 0.1rem solid #d2d2d2; border-bottom:0.1rem solid #034694; color:#000; padding:1.5rem 0; font-size:1.9rem;}
td.text_left{text-align:left; padding:0.5rem; }
td:nth-child(1){width:20%; }
td:nth-child(2){width:40%; }
td:nth-child(3){width:40%; }

/*컨텐츠 내용 */
.text_box{padding:1rem;  margin:1rem 0 3rem 0; font-size:1.8rem;}
.text_box ul {padding:0; margin:0 0 2rem 0;}
.text_box ul li {font-size:1.8rem; display:list-item; list-style:"\2022"; margin:0 0 1rem 1rem; padding:0 0 0 0.5rem;}

.text_box dl{padding:0; margin:0 0 2rem 0;}
.text_box dt{font-size:2.2rem; color:#17459d; margin:0 0 1.6rem 0; padding:0 0 0 1.4rem; font-weight:bold; background:url(dt_icon.png) 0 0.7rem no-repeat;}
.text_box dd{font-size:1.8rem; display:list-item; list-style:"\2022";  margin:0 0 1.6rem 1rem; padding:0 0 0 0.7rem; }
.text_box dd.none{list-style:none;}
.text_box textarea { width: 50%; height: 10rem; }
.text_box .usm-btn.usm-me input[type="submit"] { margin: -2rem 0 0 0; }
/*기본버튼*/
.btn_default a {font-size:1.6rem; background:#0049be;  border-radius:0.5rem; padding:1rem 2rem 1rem 0rem; color: #fff; display:inline-block; margin:1rem 1rem 0 0rem ; text-align:center; float:left; width:43%; }
.btn_default a:hover {  background: #002d80;    transition: all 0.2s ease-in; color:#fff;}
.btn_default a:after {background:url(btn_down.png) no-repeat right 0;  width:1.3rem; height:1.3rem; display: inline-block; padding-left:1rem; content:''; vertical-align:middle;}

/* 사이트열기 버튼*/
.btn_open a {font-size:1.6rem; background:#333; border:0.1rem solid #505050; border-radius:0.5rem; padding:0.5rem 1rem; color: #fff; display:inline-block; margin:1rem auto; text-align:center; vertical-align:top; }
.btn_open a:hover {text-decoration:underline; transition: all 0.2s ease-in;}
.btn_open a:after {background:url(btn_open.png) no-repeat right 0; width:1.3rem; height:1.3rem; display: inline-block; padding-left:1rem; content:''; vertical-align:middle;}
.btn_open img{ vertical-align:middle;}

/*모바일 기준*/
@media screen and (max-width: 320px){ 
/*테이블*/
table {font-size:1.6rem; letter-spacing:-0.05rem;}
th {font-size:1.6rem;}
td {font-size:1.5rem;}

/* 탭메뉴 */
.tabcontents ul li { width: calc(50% - 2rem); margin: 0 0 0.5rem 0; }		
.tabcontents ul li:nth-child(even) { margin: 0 0 0.5rem 2rem; }

/*타이틀 제목*/
h4.titDepth01  {color:#000; font-size:2.4rem; background:url(h4_icon.png) no-repeat left 0.8rem; padding:0 0 0 3.4rem; clear: both; margin:0 0 2rem 0;}
h5 {background:url(h5_icon.png) 0.3rem 0.4rem no-repeat; font-size:2.0rem;  padding:0 0 0.5rem 2.2rem; margin:0; color: #000;}
h6 {background:url(h6_icon.png) 0.5rem 0.8rem no-repeat; font-size:1.8rem;  padding:0 0 0.5rem 2.6rem; margin:0.5rem 0 0 0; color:#002b71;}

/*컨텐츠 내용 */
.text_box{font-size:1.6rem;}
.text_box ul li {font-size:1.6rem;}

.text_box dt{font-size:2rem; background:url(dt_icon.png) 0 0.6rem no-repeat;}
.text_box dd{font-size:1.6rem;}

/*기본버튼*/
.btn_default a {font-size:1.6rem; background:#0049be;  border-radius:0.5rem; padding:1rem 2rem 1rem 2rem; color: #fff; display:inline-block; margin:1rem 0 0 1rem ; text-align:center; float:left; width:80%; }
.btn_default a:hover {  background: #002d80;    transition: all 0.2s ease-in; color:#fff;}
.btn_default a:after {background:url(btn_down.png)  no-repeat right 0;  width:1.3rem; height:1.3rem; display: inline-block; padding-left:1rem; content:''; vertical-align:middle;}



}

/*모바일 기준*/
@media screen and (min-width: 321px) and (max-width: 768px) { 

/*기본버튼*/
.btn_default a {font-size:1.6rem; background:#0049be;  border-radius:0.5rem; padding:1rem 2rem 1rem 2rem; color: #fff; display:inline-block; margin:1rem 0 0 1rem ; text-align:center; float:left; width:92%; }
.btn_default a:hover {  background: #002d80;    transition: all 0.2s ease-in; color:#fff;}
.btn_default a:after {background:url(btn_down.png)  no-repeat right 0;  width:1.3rem; height:1.3rem; display: inline-block; padding-left:1rem; content:''; vertical-align:middle;}

/* 탭메뉴 */
.tabcontents ul li { width: calc(50% - 1rem); margin: 0 0 0.5rem 0; }		
.tabcontents ul li:nth-child(even) { margin: 0 0 0.5rem 1rem; }

}

/*모바일 기준 태블릿*/
@media screen and (min-width: 769px) and (max-width: 1023px) { 

/* 탭메뉴 */
.tabcontents ul li { width: calc(50% - 1rem); margin: 0 0 0.5rem 0; }		
.tabcontents ul li:nth-child(even) { margin: 0 0 0.5rem 1rem; }

}