@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

body {font-family: 'Nanum Gothic', 'Arial'; font-size:1.0em; color:#333; font-weight: normal; background:#f0f0f0; border: none; padding: 0; margin: 0; height: 100%; max-height: 100%; }
A:link, A:visited, A:active {color:#4b4b4b; text-decoration: none; }

.btn {margin:30px; padding:12px 20px 16px 20px; color:#fff; font-size:14px; background:rgba(50,50,50,0.8);  border-radius:6px 6px 6px 6px; }
.btn:hover {background:rgba(50,50,50,1); }

.bg_white {background:#fff;}
.text-center {text-align:center; }

.myeongjo {font-family:'nanum myeongjo'; }
.border-bottom {border-bottom:1px solid #e1e1e1;}
.color {color:#006663; }
.grey {color:#999999; }
.orange {color:#ffb515; }
.bold {font-weight:bold; }
article ul {overflow:hidden; }
article div {overflow:hidden; }

table {width:100%; border-top:1px solid #e1e1e1; overflow:hidden; }
table tr>td { padding: 8px 30px; border-bottom:1px solid #e1e1e1; }
table tr>th {background:#f7f8fa; padding: 8px 20px; border-bottom:1px solid #e1e1e1; }
table span {width:200px; color:#3ba1a0; font-weight:bold; padding-right:20px; }


.font-size32 {font-size:28px; }
.font-size30 {font-size:26px; }
.font-size24 {font-size:20px; }
.font-size22 {font-size:18px; }
.font-size20 {font-size:16px; }
.font-size18 {font-size:14px; }

.row{margin-right:-15px;margin-left:-15px}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-right:0px;padding-left:0px}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}
.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}
.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}
.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}
.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}
.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}
.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}
.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}
.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}
.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}
.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}
.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}
.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}
.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}

@media (min-width:768px){
    .font-size32 {font-size:32px; }
    .font-size30 {font-size:30px; }
    .font-size24 {font-size:24px; }
    .font-size22 {font-size:22px; }
    .font-size20 {font-size:20px; }
    .font-size18 {font-size:18px; }
    .font-size14 {font-size:14px; }
    .font-size12 {font-size:12px; }
    .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}
    .col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}
    .col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}
    .col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}
    .col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}
    .col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}
    .col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}
    .col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}
    .col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}
    .col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}
    .col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}
    .col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}
    .col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}
    .col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}
    .col-sm-offset-0{margin-left:0}
}

@media (min-width:992px){
    .font-size32 {font-size:32px; }
    .font-size30 {font-size:30px; }
    .font-size24 {font-size:24px; }
    .font-size22 {font-size:22px; }
    .font-size20 {font-size:20px; }
    .font-size18 {font-size:18px; }
    .font-size14 {font-size:14px; }
    .font-size12 {font-size:12px; }

    .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}
    .col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}
    .col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}
    .col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}
    .col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}
    .col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}
    .col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}
    .col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}
    .col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}
    .col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}
    .col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}
    .col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}
    .col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}
    .col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}
    .col-md-offset-0{margin-left:0}
}

@media (min-width:1200px){
    .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}
    .col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}
    .col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}
    .col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}
    .col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}
    .col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}
    .col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}
    .col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}
    .col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}
    .col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}
    .col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}
    .col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}
    .col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}
    .col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}
    .col-lg-offset-0{margin-left:0}
}

/**  공통 여백 **/
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt80{margin-top:80px;}

.mrt0{margin-right:0px;}
.mrt5{margin-right:5px;}
.mrt10{margin-right:10px;}
.mrt15{margin-right:15px;}
.mrt23{margin-right:21px;}
.mrt20{margin-right:20px;}
.mrt30{margin-right:30px;}
.mrt40{margin-right:40px;}
.mrt50{margin-right:50px;}
.mrt60{margin-right:60px;}
.mrt70{margin-right:70px;}
.mrt80{margin-right:80px;}

.mb0{margin-bottom:0px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}

.mlt10{margin-left:10px;}
.mlt15{margin-left:15px;}
.mlt20{margin-left:20px;}
.mlt30{margin-left:30px;}
.mlt40{margin-left:40px;}
.mlt50{margin-left:50px;}
.mlt60{margin-left:60px;}
.mlt70{margin-left:70px;}
.mlt100{margin-left:100px;}


.pt0{padding-top:0px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt80{padding-top:80px;}

.prt0{padding-right:0px;}
.prt10{padding-right:10px;}
.prt20{padding-right:20px;}
.prt30{padding-right:30px;}
.prt40{padding-right:40px;}
.prt50{padding-right:50px;}

.pb0{padding-bottom:0px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb70{padding-bottom:70px;}
.pb80{padding-bottom:80px;}

.plt0{padding-left:0px;}
.plt10{padding-left:10px;}
.plt20{padding-left:20px;}
.plt30{padding-left:30px;}
.plt35{padding-left:35px;}
.plt40{padding-left:40px;}
.plt50{padding-left:50px;}
.plt60{padding-left:60px;}
.plt70{padding-left:70px;}

/**  margin, paddign %  **/

.ptb10 {padding:10% 0; }
.ptb20 {padding:20% 0; }
.ptb30 {padding:30% 0; }
.ptb40 {padding:40% 0; }
.ptb50 {padding:50% 0; }

.plr10 {padding:0 10%;}
.plr20 {padding:0 20%;}
.plr30 {padding:0 30%;}
.plr40 {padding:0 40%;}
.plr50 {padding:0 50%;}

.mtb10 {margin:10% 0; }
.mtb20 {margin:20% 0; }
.mtb30 {margin:30% 0; }
.mtb40 {margin:40% 0; }
.mtb50 {margin:50% 0; }

.mlr1 {margin:0 1%;}
.mlr2 {margin:0 2%;}
.mlr3 {margin:0 3%;}
.mlr4 {margin:0 4%;}
.mlr5 {margin:0 5%;}



/** 공통 글자색 **/
.f_col{color:#D20A06;}   /** 빨간색 **/
.f_col2{color:#999999;}   /** 회색 **/
.f_col3{color:#91622B;}   /** 갈색 **/


/**  탭 공통 (기본형) **/
.tabbox ul{overflow:hidden;}
.tabbox li{float:left; height:24px;}
.tabbox li img { vertical-align:top; }
.tabbox .twoline { /*background:url('/images/bullet/bullet_tab.gif') repeat-x left bottom;*/ border-bottom:1px solid #e47979; }

/**  탭 공통 + 셀렉트,조회 **/
.tabbox .sel_box{position:absolute; right:0; top:-2px;}
.tabbox .sel_box select{height:20px;}
.tabbox .sel_box .sel_img{vertical-align:bottom;}

/**  탭 공통 (한페이지구현) **/
#tabcontainer {position:relative; width:100%; /*background:url(../images/tab_bg.gif) 0 0 repeat-x;*/}
#tabcontainer h4 {top:0;  /*background:url(../images/tab_bg.gif) 0 0 repeat-x;*/} /* 제목 */
#tabcontainer img {vertical-align:top;}
#tabcontainer ul {clear:both; overflow:hidden; width:100%; padding-top:36px;} /* 리스트 */
#tabcontainer ul li {float:left; width:323px; padding:5px 0 3px 12px; border-bottom:1px solid #e0e0e0; background:url(../images/tab_bul.gif) 4px 10px no-repeat;}
#tabcontainer ul li a {float:left;}
#tabcontainer ul li span {float:right; color:#666;}


/** 하단 검색 공통 **/
.searchbox{position:relative; width:681px; height:38px; background:url('/images/common/searchbox.gif') left top no-repeat;}
.searchbox .sch_sel{position:absolute; left:130px; top:9px;}
.searchbox .sch_text{position:absolute; left:236px; top:9px; height:18px; border:1px solid #D7D7D7;}
.searchbox .sch_btn{position:absolute; left:496px; top:8px;}


/* 폼 유효설 검사 공통 */
input.error, textarea.error{border:1px solid red;}
label.error{padding:5px 0 0 5px; display:block; color:red;}


.cl {clear:both; }
.fl {float:left;}
.fr {float:right;}