@charset "utf-8";

/* 내용관리 */
#ctt {background:#fff;min-height:200px;}
.ctt_admin {margin:0 5px;text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_himg img, #ctt_timg img, #ctt_con img {height:auto}
#ctt_con { padding: 0 !important;}
.ctt_img {text-align:center; padding-bottom: 30px;}

.pc_img img     { width: 100%;}    
.m_img          { display: none;}

#con_title          {background-image: url("/img/sub/active_title_bg1.jpg"); background-position: 50% 0px; background-size: cover; background-attachment: fixed;  height: 850px;}
.header_text          { font-size:2.8em!important; padding-top: 10%; text-align: center; color: #3f1e00;word-break: keep-all;}
.header_text span     {  color: #3f1e00; font-weight: bold;}
h1#container_title    { display: none !important;}

.ctt_txt1  { padding:80px 0; text-align: center; background-color: #FBB448;}
.ctt_txt   { line-height: 170%; font-size: 18px; text-align: center;}
.ctt_txt b  {  color:#3f1e00; font-weight: 600;font-size: 22px; }
.ctt_txt span.txt_type1  {  font-weight: bold;text-decoration:underline}


h2.h2_tt  { font-size:2.4em;line-height:140%;  text-align:center; padding:100px 0 60px; color:#3f1e00;word-break: keep-all;}


@media (max-width: 969px){
    
    #con_title          {height:600px; background-attachment: inherit; }
    #ctt_himg img, #ctt_timg img, #ctt_con img {width: 100%;}
    .m_img       { display: block;}
    .m_img img   { width: 100%;}    
    .pc_img      { display: none;}

    .header_text          { padding: 25% 10% 0;}


}

.steps          { width:1260px; margin: 0 auto;}
.step_box 		{ text-align:center; width:33.33%; float: left;}

.step_box p.num	{ 
	color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,.35);
    margin: 0 auto 30px;
    width: 160px;
    height: 160px;
    padding: 8px;
    -webkit-border-radius: 50%;
    -webkit-background-clip: border-box;
    -moz-border-radius: 50%;
    -moz-background-clip: border;
    border-radius: 50%;
    background-clip: border-box;
	background-color:#fff;
    border: 2px solid  #ddd;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;}
	

.step_box p.num span	{	
	-webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 56px;
    line-height: 140px;
    -webkit-border-radius: 50%;
    -webkit-background-clip: border-box;
    -moz-border-radius: 50%;
    -moz-background-clip: border;
	background:#FBB448;
    border-radius: 50%;
    background-clip: border-box;}
	
.step_box p.num.active span,
.step_box p.num:hover span
	{ background:#FBB448!important}

.step_box p.tt	{ 
	clear:both; 
	padding-top:15px; 
	position:relative; 
	font-size:22px; 
	font-weight:500;
	color:#3f1e00;
	}
	
.step_box p.tt:after{webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    content: '';
    display: block;
    margin: 10px auto;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #666;}

.step_box:hover p.tt:after{webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    content: '';
    display: block;
    margin: 10px auto;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #FBB448;}
	
.step_box p.text	{ 
	clear:both; 
	padding:0 25px; 
	position:relative; font-size:18px; font-weight: 500; 
	box-sizing:border-box;  letter-spacing:-1px; word-break: keep-all}
		
.step_box p.text2	{ 
	clear:both; 
	padding:20px 25px 0; 
	position:relative; font-size:16px;
	box-sizing:border-box;  letter-spacing:-1px; word-break: keep-all}
	
	
	@media all and (max-width:960px) {	
	
	.step_box p.num	{ 
		color: #fff;
		text-shadow: 1px 1px 1px rgba(0,0,0,.35);
		margin: 0 auto 30px;
		width: 100px;
		height: 100px;
	}
		
	.step_box p.num span	{
		font-size: 30px;
    	line-height: 80px;
	
	}