@charset "euc-kr";
/****************************************/
/* Name: (ÁÖ)¿¡½ºÁö
/* PART: LAYOUT STYLE
/* Version: 1.0 / day: 2017-07-17
/* Author: °¡¿ìÅ×Å©

/* Summary
	1)¸ÞÀÎ, ¼­ºê·¹À̾ƿô
	2)»ó´Ü¸Þ´º
	3)¿ÞÂʸ޴º
	4)¹ÝÀÀÇü ÄÜÅÙÃ÷
*/
/****************************************/



/*
================================================================================
¸ÞÀÎ, ¼­ºê·¹À̾ƿô
================================================================================
*/


#wrapper{min-width:320px;width:100%;height:100%;}

/* ---- »ó´Ü¿µ¿ª ---- */
#header{position:absolute;top:0;left:0;min-width:320px;width:100%;min-height:140px;background:#fff;z-index:200}
#header .head_box{position:relative;margin:0 auto;max-width:1200px;z-index:60}
#header .head_box .logo{position:absolute;top:30px;left:20px;height:100px;z-index:100}
#header .head_box .topLink{position:absolute;top:40px;right:0;z-index:1}
#header .head_box .topLink li{float:left;padding:0 10px;font-family:±¼¸²;font-size:11px;background:url('../img/common/ic_kan.png') no-repeat left center}
#header .head_box .topLink li:first-child{background:none}

#header .head_box .btnMenu{display:none}

/* ---- Áß°£¿µ¿ª ---- */
#container{margin-top:139px}
#container #content{position:relative;}
#container #content::after{display:block;clear:both;content:''}
#subContainer{margin-top:139px;background:url('../img/sub/sub_bg.gif') no-repeat center 152px;}
#subContainer::after{display:block;clear:both;content:''}
#subContainer aside{margin:0 auto;max-width:1200px;height:152px;background:url('../img/sub/visual_1.jpg') no-repeat center top;}
#subContainer aside .left_title{padding:40px 0 0 30px;height:102px}
#subContainer aside .left_title h2{display:inline-block;margin-right:10px}
#subContainer aside .left_title p{display:inline-block;vertical-align:bottom}
#subContainer aside nav{position:relative;padding-right:50px}
#subContainer aside nav .btnPrint{position:absolute;top:0;right:0}
#subContainer #content{position:relative;margin:0 auto;padding:60px 70px;max-width:1200px;min-height:600px;background:#fff url('../img/sub/con_bg.jpg') no-repeat right top;border:1px solid #eaecee;border-width:0 1px 1px}

.location{position:absolute;top:-88px;right:0;font-size:12px;color:#8c8c8c;}
.location li{display:inline-block;padding:0 11px 0 8px;background:url('../img/sub/ic_loc_kan.gif') no-repeat right center}
.location li:last-child{background:none}

h1.title{position:relative;margin-bottom:40px;padding-bottom:40px;font-size:36px;color:#2e2e2e;font-weight:normal}
h1.title::after{position:absolute;left:0;bottom:0;width:60px;height:3px;content:'';background:#000}


/* ---- ÇÏ´Ü¿µ¿ª ---- */
#footer {clear:both;width:100%;}
#footer .footWrap{position:relative;margin:0 auto;padding:35px 0;max-width:1200px;}
#footer .footWrap .footMenu {margin-bottom:10px;padding:20px 15px;border-bottom:1px solid #ccc}
#footer .footWrap .footMenu::after{display:block;clear:both;content:''}
#footer .footWrap .footMenu li{float:left;padding:0 10px;background:url('../img/common/f_m_kan.gif') no-repeat right bottom}
#footer .footWrap .footMenu li a{display:block;}
#footer .footWrap .footMenu li:last-child{background:none}
#footer .footWrap address{padding:20px 20px 10px 25px;font-size:12px;color:#7f7f7f;word-break:keep-all}
#footer .footWrap address a{display:inline-block;margin-right:5px}
#footer .footWrap small{padding:0 20px 20px 25px;font-size:11px;color:#7f7f7f;word-break: break-all;}


/*
================================================================================
»ó´Ü¸Þ´º
================================================================================
*/
#gnb{position:relative;padding:65px 0 0 0;overflow:hidden;}
#gnb ul.gnb{position:relative;width:100%;text-align:right;overflow:hidden;}
#gnb > ul:after{display:block;clear:both;content:''}
#gnb > ul > li{display:inline-block}
#gnb > ul > li > a{display:block;padding:20px 25px}
#gnb li .sMenu{position:absolute;top:75px;left:0;padding:30px 0;width:20%;min-height:300px;text-align:center}
#gnb li .sMenu.sbm1{left:0}
#gnb li .sMenu.sbm2{left:20%}
#gnb li .sMenu.sbm3{left:40%}
#gnb li .sMenu.sbm4{left:60%}
#gnb li .sMenu.sbm5{left:80%}
#gnb li .sMenu h2{margin-bottom:15px;opacity:0.3}
#gnb li .sMenu li{font-weight:normal;line-height:16px;}
#gnb li .sMenu li a{display:block;padding:5px 0;color:#3f3e3e}
#gnb li .sMenu li a:hover{text-decoration:underline}

#gnb > ul > li:nth-child(2n+2) .sMenu{background:#fafafa}
.online{border-bottom:1px solid #e9e9e9}
.online::before{position:absolute;top:139px;left:0;width:100%;height:1px;content:'';background:#e9e9e9}

/*
================================================================================
¿ÞÂʸ޴º
================================================================================
*/

#lnb{position:relative;}
#lnb::after{display:block;clear:both;content:''}
#lnb li{float:left;}
#lnb li a{display:block;font-size:16px;color:#fff;height:50px;line-height:50px;font-weight:700;text-decoration:none;text-align:center;background:#818181;border-left:1px solid #9d9d9d}
#lnb li:first-child a{border-left:0}
#lnb li.on a{background:#395685}
#lnb.li2 li{width: 100%;}
#lnb.li3 li{width:33.333%}
#lnb.li4 li{width:25%}
#lnb.li5 li{width: 16.667%;}
#lnb.li6 li{width:16.666%}
#lnb.li7 li{width:14.285%}
#lnb.li8 li{width:20%}

/*
================================================================================
¹ÝÀÀÇü ÄÜÅÙÃ÷
================================================================================
*/

 /* PC Device */
@media all and (min-width:1001px){
	.mbTopLink{display:none}
	.btnMenuClose{display:none !important}


	/* Àüü¸Þ´º */
	#total_m_lay{display:none !important;}
}

 /* Tablet Device */
@media all and (max-width:1000px){
	img{max-width:100%}

	#header .head_box .topLink,
	#gnb{display:none}

	/* »ó´Ü */
	#header{position:relative;min-height:109px}
	#header .head_box .logo{top:25px;width:152px;height:auto}
	#header .head_box .btnMenu{display:block;}
	#header .head_box .btnMenu{position:absolute;top:34px;right:20px;z-index:110}
	#header .head_box .btnMenu button{width:28px;height:26px;text-indent:-999px;overflow:hidden;background:url('../img/common/ic_menu.png') no-repeat center center;}
	#header .head_box .btnMenu::after{position:absolute;top:2px;right:40px;width:64px;height:19px;content:'';background:url('../img/common/menu_txt.png') no-repeat}
	#header .head_box .btnMenu.on button{background:url('../img/common/ic_menu_close.png') no-repeat center center;}

	/* ¸ð¹ÙÀϸ޴º */
	#total_m_lay{display:none;position:absolute;top:109px;left:0;width:100%;text-align:center;background:#fff;border:1px solid #e9e9e9;border-width:1px 0;z-index:200}
	#total_m_lay > ul:after{display:block;clear:both;content:''}
	#total_m_lay > ul > li{float:left;padding:20px 0;width:20%;min-height:300px}
	#total_m_lay > ul > li > a{display:block;margin-bottom:15px;opacity:0.2}
	#total_m_lay > ul > li > ul li{font-size:14px;font-weight:normal;line-height:16px;}
	#total_m_lay > ul > li > ul a{display:block;padding:5px 0;color:#3f3e3e}
	#total_m_lay > ul > li > ul a:hover{text-decoration:underline}
	#total_m_lay > ul > li:nth-child(2n+2){background:#fafafa}


	/* Áß°£ */
	#container,
	#subContainer{margin-top:0}
	#subContainer aside{height:auto;background:url('../img/sub/visual_2.jpg') no-repeat center top;}
	#subContainer aside .left_title{height:93px}
	#subContainer aside nav{padding-right:0}
	#subContainer aside nav .btnPrint{display:none}
	#subContainer #content{padding:60px 20px;background-size:190px;border:0}

	h1.title{font-size:32px;}
	h1.title::after{width:35px}

	/* ÇÏ´Ü */

}

 /* Mobile Device */
@media all and (max-width:640px){
	#header{min-height:80px}
	#header .head_box .logo{top:15px;left:10px;width:114px}
	#header .head_box .btnMenu{top:25px;right:10px;}
	#header .head_box .btnMenu::after{display:none}

	/* ¸ð¹ÙÀϸ޴º */
	#total_m_lay{top:80px}
	#total_m_lay > ul{background-color:#fafafa;}
	#total_m_lay > ul > li{width:50%;min-height:210px}
	#total_m_lay > ul > li:nth-child(2n+1){clear:both;background:#fff}

	#subContainer aside{display:none}
	#subContainer #content{padding:68px 10px 20px;background-size:95px;background-position:right 40px}
	.location{top:0;padding:10px 5px;width:100%;height:40px;background:#fff;border:1px solid #dbdfe2;border-width:1px 0}

	h1.title{padding-bottom:27px;font-size:24px}
	h1.title::after{width:25px}

	#footer .footWrap{padding:20px 0}
	#footer .footWrap .footMenu{margin:0;padding:10px 5px;text-align:center}
	#footer .footWrap .footMenu li{display:inline-block;float:none;padding:0 6px;background-size:4px}
	#footer .footWrap .footMenu li img{height:13px}
	#footer .footWrap address{padding:10px;text-align:center}
	#footer .footWrap small{display:block;padding:0;text-align:center}
}






.q_form_wrap {/* padding: 20px; *//* background-color: #f3f3f3; *//* width: 700px; */margin: 20px 0;}
.q_form {width: 100%; padding-top: 5px ;margin: 20px 0;
background-image: url(/images/sub/table_top.jpg);
background-repeat: no-repeat;
background-size: 100% 5px;
}
.q_form table {border-bottom: 1px solid #e4e4e4; }
.q_form td {border-bottom: 1px solid #e4e4e4; padding: 5px 15px; color: #444;word-break: break-all;
background-color: #fff;font-size: 13px;
}
.q_form th {border-bottom: 1px solid #f4f4f4; padding: 5px 15px;
text-align: center; background-color: #e1e1e1; color: #343434;word-break: break-all; font-size: 13px;
width: 120px;
}

.q_form_input input {width: 90%; padding:3px 10px; border: 1px solid #ccc; background-color: #fff; height: 20px;}


.q_form textarea {width: 90%; padding: 3px 10px; border: 1px solid #ccc; background-color: #fff; min-height: 150px;
resize: none;
}

.q_form_select select  {width: auto; padding:3px 10px; border: 1px solid #ccc; background-color: #fff; height: 20px; display: block;
box-sizing: content-box;
}

.q_form_list_wrap {
padding: 20px;
background-color: #f3f3f3;
width: 700px;
margin: 20px 0;
}
.q_form_list {width: 100%; padding-top: 5px ;margin: 20px 0;
background-image: url(/images/sub/table_top.jpg);
background-repeat: no-repeat;
background-size: 100% 5px;
}
.q_form_list table {border-bottom: 1px solid #e4e4e4; }
.q_form_list td {border: 1px solid #e4e4e4; padding: 10px 15px; color: #444;word-break: break-all;
background-color: #fff;font-size: 12px;
}
.q_form_list th {border: 1px solid #f4f4f4; padding: 10px 15px;
background-color: #e1e1e1; color: #343434;word-break: break-all; font-size: 12px;
}

.btn_apply_ok {display: inline-block;padding: 5px 10px; background-color: #363636; color: #fff;font-size: 12px; font-weight: bold;}
.btn_apply_end {display: inline-block;padding: 5px 10px; background-color: #aeaeae; color: #fff; font-size: 12px; font-weight: bold;}

.board_wrap {width: 1100px;padding-top: 10px;background-color:#fff;margin: 0 auto;}


.data_view_btn {
    display: inline-block;
    width: 220px;
    height: 45px;
    line-height: 45px;
    /* padding-left: 13px; */
    /* background-image: url(/images/sub/data_view_btn.jpg); */
    /* background-repeat: no-repeat; */
    color: #fff;
    font-size: 12px!important;
    text-align: center;
    background: #c49b68;
}


.go_list_btn{margin-top:10px;text-align: center;}