@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);


* {
	padding:0px;
	margin:0px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	list-style:none;
}

a { text-decoration: none; }

#wrapper { width: 100%; }


/* header */
#header { }
#header .tp_lv1 { width: 970px; height: 108px; margin: 0 auto;  }
#header .tp_lv1 .tp_logo { float: left; margin-top: 23px; }
#header .tp_lv1 .tp_btn { float: right; margin-top:40px; }
#header .tp_lv1 .tp_btn a{
	display: inline-block;
    font-size: 12px;
    color: #fff;
    background: #a40000;
    border-radius: 20px;
    padding: 10px 20px;
    font-family: "NanumSquare";
    transition: all 0.2s linear;
}
#header .tp_line { width: 100%; border-top: 11px solid #0b4eaa; border-top: 11px solid #0b4eaa; }

#header .tp_slide img { width: 100%; }
#header .m_tp_slide{ display:none; }

#header .tp_menu { width: 970px; margin: 0 auto;  margin-top:100px; }

/* content */
#content { position:relative; width: 970px; margin: 72px auto 0 auto; }

#content .ul_cont { display:table; width: 852px;  margin: 100px auto 0 auto; }

#content .ul_cont dl{
	float:left;
	position:relative;
	margin-right: 8px;
	margin-bottom:8px;
	width: 207px;
	box-shadow: 0 5px 15px 0 rgba(0,0,0,0.13),0 0 3px 0 rgba(0,0,0,-30) !important;	
}
#content .ul_cont dl dt{ height:207px;  position: relative;}
#content .ul_cont dl dt p { 
    position: absolute;
	width:100%;
	left:0;
	bottom:0;
	z-index: 4;
	text-align:center;
	font-family: 'NanumSquare';	
	color: #fff;
	font-size: 16.5px;
	padding-bottom: 10px;
}

#content .ul_cont dl dt p span {
	font-weight: 800;
}

#content .ul_cont dl:nth-child(4n+4){
	margin-right: 0px;
}

.ul_cont dt .shadow { width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.3); opacity:1; transition:all 0.3s;}
.ul_cont dl:hover dt .shadow { background:rgba(0,0,0,0);}

#content #quick {
	position: absolute;
    right: -150px;
    top: 0;
}

.nav_bar { margin-top: 70px; }
.nav_bar { width:100%;  height:75px; margin-bottom:67px;}
.nav_bar:after { display:block; content:""; clear:both; }
.nav_bar .left_btn { float:left; }
.nav_bar .right_btn { float:right;}
.nav_bar .left_btn img { display:block; }
.nav_bar .right_btn img { display:block;}

.nav_bar .nav_bar_tit { text-align:center; font-size:35px; font-weight:500; margin-bottom: 60px; font-family: 'NanumSquare'; }

.nav_bar .list_center { float:left; width:100%; height:100%; margin-bottom:72px; text-align:center; }
.nav_bar .list_center div { height:100%; vertical-align:middle; font-size:16px;}
.nav_bar .list_center a { display:block; height:100%; font-family: 'NanumSquare';}
.nav_bar .list_center div a { color:#c5c5c5; }
.owl-carousel .center a{ background:#14407d; color:#fff !important; font-size:17px; font-weight:600; transition:all 0.3s;  }
.owl-carousel .center a:hover{ font-weight:bold; }

/*
.nav_bar .list_center div:nth-of-type(2) a,
.nav_bar .list_center div:nth-of-type(4) a { color:#8c8c8c;}
.nav_bar .list_center div:nth-of-type(3) a { background:#ededed; color:#494949; font-size:17px; font-weight:bold; }
*/

.nav_bar .list_center .pt17 { padding-top:19px; }
.nav_bar .list_center .pt8 { padding-top:9px; }
.nav_bar .list_center .pt12 { padding-top:12px; font-size:14px; }

.nav_bar_m { display:none; width:100%;   }
.nav_bar_box { width:100%; border:3px solid #14407d; border-radius: 8px; overflow:hidden; margin-bottom:20px; background: url("../images/m_nav_bg.jpg") no-repeat right; background-size:contain;  }
#m_nav { padding:9px; width:100%; border:none; box-shadow:none; background:url(../images/select_arrow.gif) center right 13px no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none;  font-size:17px; }
#m_nav::-ms-expand { display: none; }
#m_nav:focus { outline:none; }
.nav_bar_m .nav_bar_m_tit { font-size:23px; margin:45px 0 30px 0;  }
.nav_bar_m .nav_bar_m_tit p { text-align:center; }

.b_banner { width:100%; text-align:center; margin-top:20px; }


/* ÄÜÅÙÃ÷ ¹Ú½º css */


.content_area { width:100%; position:relative; clear:both; }

.content_top { padding:25px; font-family: 'NanumSquare'; }
.content_top p.cont_cate { font-size:15px; color:#fff; padding-bottom:200px; }
.content_top p.cont_cate span { font-size:17px; display:inline-block; padding:4px 7px; border:1px solid #fff; margin-right:10px; font-weight:600; }
.content_top h1 { font-size:38px; color:#fff; font-weight:300;  }
.content_top h1 span { font-weight:900; }
.content_top h2 { font-size:16px; color:#fff; font-weight:300; }
.content_tit p span { font-weight:800; }

/* ÄÜÅÙÃ÷ »ó´Ü ¹è°æ */
.content_top { background-size:cover; background-position:center; }
.cont1_top { background:url(../images/01_1.jpg) no-repeat; }
.cont2_top { background:url(../images/02_1.jpg) no-repeat; }
.cont3_top { background:url(../images/03_1.jpg) no-repeat; }
.cont4_top { background:url(../images/04_1.jpg) no-repeat; }
.cont5_top { background:url(../images/05_1.jpg) no-repeat; }
.cont6_top { background:url(../images/06_1.jpg) no-repeat; }
.cont7_top { background:url(../images/07_1.jpg) no-repeat; }
.cont8_top { background:url(../images/08_1.jpg) no-repeat; }
.cont9_top { background:url(../images/09_1.jpg) no-repeat; }
.cont10_top { background:url(../images/10_1.jpg) no-repeat; }
.cont11_top { background:url(../images/11_1.jpg) no-repeat; }
.cont12_top { background:url(../images/12_1.jpg) no-repeat; }
.cont13_top { background:url(../images/13_1.jpg) no-repeat; }
.cont14_top { background:url(../images/14_1.jpg) no-repeat; }
.cont15_top { background:url(../images/15_1.jpg) no-repeat; }
.cont16_top { background:url(../images/16_1.jpg) no-repeat; }
.cont17_top { background:url(../images/17_1.jpg) no-repeat; }
.cont18_top { background:url(../images/18_1.jpg) no-repeat; }
.cont19_top { background:url(../images/19_1.jpg) no-repeat; }


.content_box { width:100%; background:#efefef; padding:25px; }
.content_tit { width:100%; background:#14407d; border-radius:30px; padding:15px 25px; margin-bottom:25px;}
.content_tit:after { display:block; content:""; clear:both; } 
.content_tit img { float:left; padding-top:2px; padding-right:10px;}
.content_tit p { font-size:20px; color:#fff; float:left;font-family: 'NanumSquare'; }

.content_text { width:100%; background:#fff; padding:25px; border-radius:30px; text-align:justify; font-family:'Nanum Barun Gothic'; box-shadow:2px 2px 10px rgba(0,0,0,0.1); margin-bottom:25px;}
.content_text:after { display:block; content:""; clear:both; }
.content_text p { font-size:16px; line-height:26px; text-indent:10px;}
.content_text p.noindent { text-indent:0px !important; }
.content_text p.txt_center { text-align:center; }
.content_text p.ft_w800 { font-weight:800; }

.content_text span { font-weight:1000; }
.content_text h1 { font-size:21px; color:#14407d; padding:15px 0; clear:both; line-height:35px; }
.content_text h1 span { font-size:16px; padding:5px 10px; border:1px solid #14407d; border-radius:15px; margin-right:10px; }
.content_text h1 span.black { color: #404040; border:0px; }
.content_text p span.yellow_bg{ background:#f3e1a2; padding:3px 8px; font-family: "nanumsquare";}
.content_text p span.gray_bg{ background:#e5e5e5; padding:13px 20px; font-family: "nanumsquare";}
.content_text p span.blue_bg{ background:#14407d; padding:13px 20px; font-family: "nanumsquare";}
.content_text p span.orange{ color: orange; font-weight:bold;}
.content_text p span.cr_arrow{ color: #eb666b; font-weight:bold;}
.content_text p span.cr_title{ color: #162f62; font-weight:bold;}

.content_text p span.blue{ color: #14407d; font-weight:bold;}
.content_text p span.blue_line { color: #14407d; font-weight:bold; text-decoration:underline; } 
.content_text p span.txt_sup { vertical-align: super; color: #ff8711; font-size: 10px; }
.content_text p span.txt_s10 { font-size: 10px; }
.content_text p span.txt_s12 { font-size: 12px; }
.content_text p span.ft_w800 { font-weight:800; }

span.blue_bg { background:#14407d; color: #fff; font-weight:bold; padding:5px 5px; font-family: "nanumsquare"; font-size:14px; line-height:26px; }

/* ÅؽºÆ®, À̹ÌÁö Á¤·Ä °ü·Ã */
.content_text p.text_left { width:50%; float:left; padding-right:10px; }
.content_text p.text_left2 { width:60%; float:left; padding-right:40px; }
.content_text p.text_left70 { width:70%; float:left; padding-right:40px; }
.content_text p.text_left3 { width:80%; float:left; padding-right:10px; }
.content_text p.text_left4 { width:30%; float:left; padding-right:10px; }
.content_text p.text_left_italic { width:30%; float:left; padding-right:10px; }

.content_text p.text_right { width:50%; float:right; padding-left:10px; }
.content_text p.text_right2 { width:60%; float:right; padding-left:10px; }
.content_text p.text_right3 { width:30%; float:right; padding-left:10px; }
.content_text p.text_right4 { width:40%; float:right; padding-left:10px; }
.content_text p.text_right5 { width:79%; float:right; padding-left:10px; }

.content_text .left_box { float:left; width:50%; border-right:1px solid #666; padding-right:27px; }
.content_text .left_box:after { clear:both; display:block; content:""; }
.content_text .right_box { float:right; width:50%; padding-left:27px; }
.content_text .right_box:after { clear:both; display:block; content:""; }

.content_text .left_box .text_left_italic { font-size:15px; font-style:italic; color:red; width:100%; }

.content_text .img_left { width:50%; float:left; padding-right:10px; }
.content_text .img_left2 { width:40%; float:left; padding-right:10px; }
.content_text .img_left3 { width:60%; float:left; padding-right:10px; }
.content_text .img_left4 { width:30%; float:left; padding-right:10px; }
.content_text .img_left5 { width:20%; float:left; padding-right:10px; }


.content_text .img_right { width:50%; float:right; padding-left:10px; }
.content_text .img_right2 { width:40%; float:right; padding-right:10px; }
.content_text .img_right30 { width:30%; float:right; padding-right:10px; }
.content_text .img_right35 { width:35%; float:right; padding-right:10px; }
.content_text .img_right3 { width:20%; float:right; padding-left:10px; }
.content_text .img_right4 { width:70%; float:right; padding-left:10px; }
.content_text .img_full { width:100%; padding:40px 0; }
.content_text .img_center { width:100%; text-align:center; padding:40px 0; }
.content_text .img_left img, 
.content_text .img_right img,
.content_text .img_full img,
.content_text .img_left2 img,
.content_text .img_right2 img,
.content_text .img_right3 img { width:100%; }

.content_box .content_text:last-child { margin-bottom:0;}

.content_subimg { width:100%; position:relative; }
.content_subimg img { width:100%; display:block; }
.content_subimg p { position:absolute; z-index:1; color:#fff; font-size:13px; bottom:10px; left:10px; }
.content_subimg p span { font-size:18px; font-weight:900; } 

.reference { margin-top: 15px; font-size: 13px; }
.content_text p sup { color: orange; }
.content_text p.text_sup { font-size: 13px; line-height: 20px; }

/* ¶óÀÎ */
.content_text .line_gray { background: #d2d2d2; height:1px; margin: 30px 0; float:left; width:100%; }


#quick .quick_list {
	padding-bottom: 3px;
    margin-bottom: 17px;
	border:1px solid #e1e1e1;
}

#quick ul.quick_list li.win { text-align:center; margin: 15px auto; color: #656565; font-size: 15px; font-weight:bold; font-family: 'NanumSquare'; }
#quick ul.quick_list li.sum { text-align:center; margin: 13px auto; color: #656565; font-size: 15px; font-weight:bold; font-family: 'NanumSquare'; }
#quick ul.quick_list li.quickbar { width: 39px; height:1px; background: #e1e1e1; margin: 9px auto; }
#quick ul.quick_list li a { color: #656565; }

#quick img { width: 104px;
    display: block;
}

.main_slide { margin: 30px auto; width: 852px;}


/* footer */
#ft { 
	width: 100%;
	height: 173px;
	margin-top: 70px;
	background: #14407d;
	color: #fff;
	text-align:center;
	font-family: 'NanumSquare';
}

#ft p { padding-top: 65px; }

.mg30 { margin-top: 30px; }

/*pcÈ­¸é*/
@media (max-width:1000px) {
	#header .tp_lv1 { width: 100%; height: 105px; }
	#header .tp_menu { width: 100%; }
	#header .tp_slide{ display:none; }
	
	#header .m_tp_slide { display:block;}
	#header .m_tp_slide img { width: 100%; }

	#header .tp_lv1 .tp_logo { margin: 20px 0px 0px 20px; }
	#header .tp_lv1 .tp_btn { margin: 38px 20px 0px 0px; }
	#header .tp_menu { width: 100%; margin: 0 auto;  margin-top:50px; }
	#header .tp_menu img { width:100%; }

	#content { width: 100%; margin: 10px 0; padding: 0 30px; }
	#content .tit_cont img { width:100%; }

	#content .ul_cont { width: 100%; }
	
	#content .ul_cont dl dt{ height:auto; }
	#content .ul_cont dl dt img{ width:100%; display:block;  }

	#content .ul_cont dl{
		width: 32%;
	}

	#content .ul_cont dl { margin-right: 2%; }
	#content .ul_cont dl dd { font-size: 16px;  }
	#content .ul_cont dl:nth-child(3n+3){ margin-right: 0px !important; }
	#content .ul_cont dl:nth-child(4n+4){ margin-right: 2%; }

	.content_text .img_center img { width:100%; }
	
	#ft { 
		height: 120px;
		margin-top: 40px;
	}

	#ft p { padding: 30px 20px 0 20px; font-size: 14px }

	#content #quick {
		position: initial;
		width: 100%;
		margin-top:30px;
	}
	#content #quick:after { clear:both; display:block; content:""; }

	.nav_bar .left_btn, .nav_bar .right_btn { width:5%; }
	.nav_bar .left_btn img, .nav_bar .right_btn img { height:100%; }

	#quick ul.quick_list { 
		float:left;
		width: 48%;
		margin-right: 2%;
		background:#fff;
	}

	#quick ul.quick_list:last-of-type { margin-right: 0px; }

	#quick img {
		width: 100%;
		display: block;
	}

	.nav_bar { display:none; }
	.nav_bar_m { display:block; }

	.main_slide { width: 100%; }

	.content_text .text_left img { width: 100%; }
	.content_text .img_left3 img { width: 100%; }
	.content_text .img_right4 img { width: 100%; }
}

/*Æеå È­¸é*/
@media (max-width:800px) {	
	
	#content .ul_cont dl{
		width: 32%;
	}
	
	#content .ul_cont { margin: 35px auto; }
	#content .ul_cont dl { margin-right: 2%; }
	#content .ul_cont dl dd { font-size: 16px;  }
	#content .ul_cont dl:nth-child(3n+3){ margin-right: 0px !important; }
	#content .ul_cont dl:nth-child(4n+4){ margin-right: 2%; }
	
	
}


@media (max-width:600px) {
	
	#content { padding:0; }
	.nav_bar_m, .main_slide, .ul_cont, #quick { padding:0 30px; }
	#content .ul_cont { margin: 35px auto; }
	#content .ul_cont dl{ width: 48%; }
	#content .ul_cont dl { margin-right: 0%; }
	#content .ul_cont dl dt p { font-size:14px; }
	
	#content .ul_cont dl:nth-child(2n+2){ float:right; }
	#content .ul_cont dl:nth-child(4n+4) { margin-right:0px; }

	.content_top h1 { font-size:28px;}

	.content_box { padding:15px; }
	.content_tit { margin-bottom:15px; }
	.content_tit p { font-size:18px; }
	.content_text { margin-bottom:15px; }
	.content_text h1 { font-size:18px; line-height:30px; }
	.content_text h1 span { font-size:13px; padding:5px 8px; margin-right:7px; }

	.content_text p.text_left,
	.content_text p.text_left2,
	.content_text p.text_left3,
	.content_text p.text_left4,
	.content_text p.text_right,.content_text p.text_right3,.content_text p.text_right4 {  width:100%; float:none; padding:0;  }
	
	.content_text .img_right,
	.content_text .img_left,
	.content_text .img_left3,
	.content_text .img_right2,
	.content_text .img_right3,
	.content_text .img_right4 { width:100%; float:none; padding:20px 0; }

	.content_text p { text-indent: initial; }
	.content_text p span.gray_bg{
		line-height: 39px;
		font-size: 13px;
	}
}

/*¸ð¹ÙÀÏÈ­¸é*/
@media (max-width:470px) {
	
	#header .tp_lv1 .tp_logo { width: 55%; }
	#header .tp_lv1 .tp_logo img { width: 100%; }

	#header .tp_lv1 .tp_btn { width:34%; text-align:right; padding-right:5px; }
	#header .tp_lv1 .tp_btn img{ width: 90%; }

	.content_tit img { display:none; }

	


	
}

@media (max-width:400px) {


}



/* customize */
.mg_t10 { margin-top: 10px; }
.mg_t20 { margin-top: 20px; }
.mg_t30 { margin-top: 30px; }
.mg_t40 { margin-top: 40px; }
.mg_t50 { margin-top: 50px; }
.mg_t80 { margin-top: 80px; }