@charset "utf-8";

/* font */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/css?family=Noto+Sans);
@import url(https://fonts.googleapis.com/css?family=Montserrat);
@import url(http://allfont.net/allfont.css?fonts=montserrat-hairline);


/* Common */
body{text-align:left; font-size:13px; color:#555; line-height:24px; font-family:'Nanum Gothic','나눔고딕','Noto Sans', 'Malgun Gothic','맑은 고딕', 'Montserrat', 'montserrat-hairline', sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,address,table, tbody, tfoot, thead, th, tr, tdvideo, tt{margin:0;padding:0}
article,aside,canvas,details,figcaption,figure,footer,hgroup,menu,nav,section,summary,mark {display:block;margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6,input,button,textarea,select,table{font-family:'Nanum Gothic', '나눔고딕','Noto Sans', 'Malgun Gothic','맑은 고딕','Nanum Gothic', sans-serif; font-size:14px;}
img,fieldset,iframe{border:0 none}
li{list-style:none}
img,input,select,button,textarea{vertical-align:middle; border-radius:0px 0px;}
em,address,optgroup{font-style:normal}
label,button{cursor:pointer}
label{top:2px;position: relative;}
button{margin:0;padding:0;border:0;background:none}
a:link,a:visited{text-decoration:none;color:#666;}
a:hover,a:focus,a:active{color:#3a3a3a; }
hr{display:none}
legend,caption{font-size:0; width:0; height:0; line-height:0;overflow:hidden;text-indent:-9999px}
p{text-align:left;font-weight:400}
table {width:100%; border-spacing:0; border:0;}

/* hidden contents */
.skip,.hidden,.invisible,.blind{position:absolute;top:-9999px;left:-9999px;z-index:-1; height:0; padding:0; margin:0;overflow:hidden; font-size:0;}

/* ellipsis */
.ellipsis {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; -moz-binding:url(../js/ellipsis.xml#ellipsis);}
.clip {text-overflow:clip; overflow:hidden; white-space:nowrap;}

#skip_navi {position:absolute;top:0;height:0px;width:100%;z-index:150;} 
#skip_navi a {display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center;color:#fff;white-space:nowrap;} 
#skip_navi a:focus, 
#skip_navi a:active {display:block;top:0;width:100%;height:20px;padding:5px 0;background:#0089d6;}


/* reset */
table, tbody, tfoot, thead, tr, th, td {border:0;  }

/* input */
input,textarea{font-size:12px;}
input[type=text],
input[type=password]{height:30px; border:1px solid #ddd; text-indent:5px;box-sizing: border-box;}
input[type=file].input_file { padding: 0;width: 100%;height: 30px;font-size: 13px;line-height: 30px;border: 1px solid #ccc;}
textarea {padding:5px; border:1px solid #ddd;font-size:12px;}
select {height:30px; padding:0px; border:1px solid #ddd; font-size:12px;}
input[type=checkbox],
input[type=radio] {margin:0px; padding:0px; height:12px;}

/* Heading */
h3 {margin:0 0 0.5em 0;font-weight:400;font-size:1.9em;line-height:1.8em; color:#34366a; clear:both;}
h4 {margin:0 0 0.5em 0; font-weight:700;font-size:1.45em;line-height:1.4em;color: #34366a;clear:both;}
h4:before { content:"";display:inline-block;width:25px;margin-top:-7px;border: 1px solid #34366a;vertical-align:top;position:absolute;}
h5 {margin:0 0 0.5em 0;padding-left:22px;font-weight: 700;font-size: 1.2em;line-height:1.4em;color: #ed6155;clear:both;}
h5:before {content:"";display:inline-block;width:5px;height:5px;margin:0 6px 3px -22px;border:3px solid;border-radius:50%;vertical-align:middle;color: #ed6155;}
h6 { margin:0.3em 0; padding-left:13px; font-weight:700; font-size:1em; line-height:1.4em; color:#34366a; clear:both;}
h6:before {content:"";display:inline-block;width:5px;height:5px;margin:0 6px 3px -13px; background:#003756; border-radius:50%; vertical-align:middle;}
h4 span {  font-size: 0.8em; color: #666; font-weight: 500;}
.txt14 { font-size:14px !important}
.txt15 { font-size:15px !important}
.txt16 { font-size:16px !important}
.txt18 { font-size:18px !important}


/* .content{text-align:justify;} */
.con{margin:0 0 20px 0px;}
.content_text {margin:0 0 35px 0px; color:#666; overflow:hidden;}

.content_text:after{display:block;clear:both;content:''}
.content_text p { margin-bottom: 15px; /*text-indent:20px*/}
.content_text p:first-child { margin-top:0}
.content_text p:last-child { margin-bottom:0}

.h5box_border {margin:0 0 30px 5px;}
.site {float:left; width:70%}
.site img { width:100%}
.site span {display:block; padding:10px; font-size:12px; color:#888; line-height:1.6}
.arrowBl:before { content:""; display:inline-block; width: 0; height: 0; margin-right:5px; border-top: 4px solid transparent; border-bottom: 4px solid transparent;border-left: 5px solid #ce2121;}
.noticeBl:before { content:"!"; display:inline-block; width:23px; height:23px; text-align:center; margin-right:8px; color:#fff; font-weight:700; border-radius:50%; background-color:#ff7c26}
.warningBl { color:#F00; padding-left:20px; background:url(../img/common/bul/ico_checkmark.png)  no-repeat 0 8px}

/* list */
ul.halve li{ float:left; box-sizing: border-box;}
ul.halve li:nth-child(2n+2){ float:right;}
ul.halve li{ width:48%}
ul.third li{ width:33.3%}
ul.quarter li{width:25%}

ul {padding:0px; margin:0px;}
ul.box_list {border:1px solid #eee; padding:10px; box-sizing:border-box;}

ul.bul_dot li {padding:0 0 2px 11px; margin:0 0 0 6px; background:url(../img/common/bul/bul_dot.gif) no-repeat 0 10px; font-size:1em; border:0; position:relative;line-height: 1.5;}
ul.bul_dot ul {padding:0 0 5px 0; list-style:none;}
ul.bul_dot ul li {padding:0px 0px 0px 8px; margin:0; background:url(../img/common/bul/bul_triangle.gif) no-repeat 0 9px; font-size:.95em; border:0; color:#888;}

ul.bul_triangle li {padding:0 0 2px 11px; margin:0 0 0 6px; background:url(../img/common/bul/bul_triangle.gif) no-repeat 0 10px; font-size:1em; border:0;}
ul.bul_triangle ul {padding:0 0 5px 0; list-style:none;}
ul.bul_triangle ul li {padding:1px 0px 1px 8px; margin:0; background:url(../img/common/bul/bul_line.gif) no-repeat 0 10px; font-size:.95em; border:0; color:#888;}
.listStyle{ overflow:hidden}
.listStyle li { padding:0 0 0 10px; margin-bottom:7px; line-height: 1.5;}
.listStyle li:before, 
.listStyle dt:before { content:""; display:inline-block; width:6px; height:2px; margin:0 6px 3px -10px; background:#6c6e72; vertical-align:middle}
.listStyle li ul { margin:5px 0 5px 0;}
.listStyle li li:before, 
.listStyle dd:before { content:""; display:inline-block; width:2px; height:2px; margin:0 5px 3px -6px; background:#6c6e72; vertical-align:middle }
.listStyle li:last-child { margin-bottom:0}
dl.listStyle { margin-left:10px;}
.listStyle dl { margin-top:7px;}
.listStyle dt { font-weight:bold; padding-bottom:5px;}
.listStyle li li, .listStyle dd { padding:0 0 0px 6px; margin-bottom:3px; clear:both; float:none; width:auto}
ul.halve li li:nth-child(2n+2){ float:none;}

/* numList */
.numList{ clear:both; position:relative;}
.numList li{ background: none; padding:0; margin:1px 0 3px 0px; font-size:14px; color:#34393d; margin-bottom:10px; padding-left:25px; position:relative;}
.numList li em{ position:absolute; left:0;display:block; top:1px; width: 20px;height: 20px; line-height: 20px;text-align:center;  background:#003756;color:#fff; border-radius: 0 50% 50%; margin:0 7px 0 0;}
.numList.small li { margin-bottom:5px; padding-left:22px;}
.numList.small li em{ width:16px; height:16px; font-size:12px; line-height:16px; top:3px;}


/*
=================================
버튼
=================================
*/
/* Button Reset */
.button{ position:relative; overflow: visible; display:-moz-inline-stack; display:inline-block; margin-bottom:5px;/* margin:0 2px; */ padding:0; vertical-align: top;  white-space: nowrap;  text-decoration:none;  border-radius: 0px; color:#fff; background-color:#de3d3a; border:0px solid #de3d3a; border-width:0 1px 1px 0; box-sizing:border-box; cursor:pointer }
a.button { margin:0 2px 2px;color:#fff;} 
p.button { cursor: no-drop; }
.color{background-color:#de3d3a;}
/* Button Size */
.button.small { height: 26px; padding:0 12px; line-height: 26px; font-size: 12px;font-weight:400; }
.button.medium { height: 37px; padding: 0 22px; line-height:35px; font-size:14px;font-weight:400;} 
.button.large { height: 40px; padding:0 25px; line-height:40px; font-size:16px;font-weight:800;}

/* Button Color */
.button.gray {border:1px solid #666; border-width:0 1px 1px 0; color:#fff; background:#666;  box-sizing:border-box;}
.button.gray02 {border:1px solid #999; border-width:0 1px 1px 0; color:#fff; background:#999;  box-sizing:border-box;}
.button.white {border:1px solid #ddd; border-width:1px 1px 1px 1px; box-sizing:border-box; color:#555; background:#fafafa;}
.button.orange {border:1px solid #f36e17; border-width:0 1px 1px 0; color:#fff; background:#ff7c26;  box-sizing:border-box;}
.button.brown {border:1px solid #c17334; border-width:0 1px 1px 0; color:#fff; background:#cf8244;  box-sizing:border-box;}

/* Button Hover */
.button:hover, .button:active, .button:focus {border-width:0 1px 1px 0; color: #fff; box-sizing:border-box; text-decoration:none; background:#de3d3a;} 
.button.gray:hover, .button.gray:active, .button.gray:focus { border:1px solid #666; border-width:0 1px 1px 0; color: #fff; box-sizing:border-box; text-decoration:none; background:#555;} 
.button.gray02:hover, .button.gray02:active, .button.gray02:focus { border:1px solid #888; border-width:0 1px 1px 0; color: #fff; box-sizing:border-box; text-decoration:none; background:#888;} 
.button.white:hover, .button.white:active, .button.white:focus { border:1px solid #ddd; box-sizing:border-box; color:#555; text-decoration:none; background:#ededed; } 
.button.orange:hover, .button.orange:active, .button.orange:focus {border-width:0 1px 1px 0; color: #fff; box-sizing:border-box; text-decoration:none; background:#f36e17}
.button.brown:hover, .button.brown:active, .button.brown:focus {border-width:0 1px 1px 0; color: #fff; box-sizing:border-box; text-decoration:none; background:#c17334}

a.button[title="새 창"]:after, 
a.button[title="팝업"]:after
{/* position:absolute; *//* top: 12px; *//* right:0; */float: right;content:"";display:inline-block;width:20px;height: 26px;margin-top: -2px;padding: 0 2px;background: url(../img/common/ic_blank.png) no-repeat center 10px;}

a.btn.small.print,
input[type=submit].btn.small.print{ display: inline-block; border:1px solid #aaacaf; color:#aaacaf; background:url(../img/common/bt_print.png) right 0 no-repeat;border-radius:22px; font-size: 12px; line-height: 24px; height: 22px; padding: 0 33px 0 12px;}
a.btn.small.print:hover,
input[type=submit].btn.small.print:hover{background-position:right -22px; border-color:#3f76d0 ;color:#3f76d0; border:1px solid #3f76d0; }
a.btn.small.print:focus,
input[type=submit].btn.small.print:focus{background-position:right -44px; border-color:#3f76d0; background-color:#3f76d0;color:#fff}


a.txtLink{ padding-right:35px}
a.txtLink:after{ content:""; position:absolute; display:inline-block; width:20px; height:20px; background:url(../img/common/gnb_s_arrow_on.png) no-repeat 100% 5px;}
a.txtLink:hover{ text-decoration:underline; color:#3f76d0;}

/* Button Hover */
.button:hover, .button:active, .button:focus {border-width:0 1px 1px 0;color: #fff;box-sizing:border-box;text-decoration:none;background-color: #c71e23;} 
.button.black:hover, .button.black:active, .button.black:focus { border:1px solid #142752; border-width:0 1px 1px 0; color: #fff;background-color:#142752;} 
.button.gray:hover, .button.gray:active, .button.gray:focus { border:1px solid #3c3c3c; border-width:0 1px 1px 0; color: #fff;background-color:#3c3c3c;} 
.button.gray02:hover, .button.gray02:active, .button.gray02:focus { border:1px solid #555; border-width:0 1px 1px 0; color: #fff; background-color:#555;} 
.button.coolgray:hover, .button.coolgray:active, .button.coolgray:focus { border:1px solid #212121; border-width:0 1px 1px 0; color: #fff; background-color:#212121;} 
.button.white:hover, .button.white:active, .button.white:focus { border:1px solid #666;  color:#000; background-color:#fff; } 
.button.down.white:hover, .button.down.white:active, .button.down.white:focus {border: 0px solid  #df2d32;border-width:1px 1px 1px 1px;color: #fff;background-color: #df2d32;} 
.button.orange:hover, .button.orange:active, .button.orange:focus {border-width:0 1px 1px 0; color: #fff; background-color:#ea6c00}
.button.green:hover, .button.green:active, .button.green:focus {border:1px solid #72a728; border-width:0 1px 1px 0; color:#fff; background-color:#72a728; }
.button.blue:hover, .button.blue:active, .button.blue:focus {border:1px solid #1f2369; border-width:0 1px 1px 0; color:#fff; background-color:#1f2369; }
.button.white.red:hover, .button.white.red:active, .button.white.red:focus { color:#fff !important  }

/* focus */
.button.coolgray:focus, .button.blue:focus,
.button.gray:focus, .button.gray02:focus { outline-color:#df2d32 !important; }

/* Button Link */
.button.down{ padding:0 0 0 1em !important;}
.button.down:after{content:'';display: inline-block;width: 15px;height: 15px;background: url(../img/common/ico_down_on.png) no-repeat 50% 50%;margin-left:15px;vertical-align: middle;margin: 0 10px 0 5px;}
.button.down.white:after{background: url(../img/common/ico_down.png) no-repeat 50% 50%;}
.button.down.white:hover:after,
.button.down.white:focus:after,
.button.down.white:active:after{background-image: url('../img/common/ico_down_on.png')  }
.button.down.gray:after{background: url('../img/common/ico_down_on.png') no-repeat 50% 50%;}
.button.down.gray:hover:after,
.button.down.gray:focus:after,
.button.down.gray:active:after{background-image: url('../img/common/ico_down_on.png')  }
.button.btn_view {background: #797d80 url('../img/common/ico_btn_blank_w.png') center left 7px no-repeat;border-radius: 3px;padding: 0 10px 0 25px;height: 26px;line-height: 24px;font-size: 0.88em;margin:0 0 0 10px;border:1px solid #797d80;vertical-align: middle;}
.button.btn_view:hover,
.button.btn_view:focus,
.button.btn_view:active{ border-color:#df2d32; background-image:url('../img/common/ico_btn_blank.png'); background-color:#fff; color:#df2d32;}

.button.bnMap:after{ content:''; display: inline-block; width:15px; height:26px; background: url('../img/common/bul/icon_button_w.png') no-repeat; background-position: center -287px; margin-left:7px; vertical-align:middle;}
.button.link:after{ content:''; display: inline-block; width:15px; height:24px; background: url('../img/common/bul/icon_button_w.png') no-repeat; background-position: center 5px; margin-left:7px; vertical-align:middle; position: relative; margin-right: -5px}
.button.apply:before{ content:''; display: inline-block; width:20px; height:20px; background: url('../img/common/ico_moniter.png') no-repeat; margin-right:10px; vertical-align:middle;}

.button.white.link[target="_blank"]{color:#666!important;font-weight: 400;padding: 0 12px;}
.button.white.link[target="_blank"]:after{background-image: url('../img/common/bul/icon_button_r.png');width: 15px;height: 24px;background-position: center 5px;margin: 0 -5px 0 7px;}
.button.white.link[target="_blank"]:after{background-image: url('../img/common/bul/icon_button_r.png');color:#666; font-weight: 400;}
.button.white.link[target="_blank"]:hover, .button.white.link[target="_blank"]:hover, .button.white.link[target="_blank"]:hover{ background-color:#c71e23; color:#fff !important; border-color:#c71e23; text-decoration: none;}
.button.white.link[target="_blank"]:hover:after, .button.white.link[target="_blank"]:hover:after, .button.white.link[target="_blank"]:hover:after{background-image: url('../images/common/bul/icon_button_w.png')}

.button.blank[target="_blank"]:after{content:'';display:inline-block;margin: 0 0px 0 5px;background:url('../img/common/ic_blank_w.png') no-repeat 0 0;width:14px;height:14px;vertical-align: middle;}
.button.blank.white[target="_blank"]:after{background-image:url('../img/common/ic_blank.png');}

.btn_area {  text-align: center;  padding: 40px 0 0; position: relative}
.btn_area.col4 > a {min-width: 40%}


/* tab 
.tabStyle { overflow:hidden; margin-bottom:20px; }
.tabStyle:after { content:""; display:block; clear:both; }
.tabStyle li { float:left; width:25%;}
.tabStyle li a {display: block; position: relative; height: 42px; margin: -3px 0 0 -1px; padding: 0 26px; border: 1px solid #d2d4d8; background: #ebeeef; color: #6f6f6f; font-size: 1.15em; text-align: center; line-height: 44px; text-decoration: none; transition: all .2s;}
.tabStyle li a:hover, .tabStyle li a:focus, .tabStyle li a.active { position: relative;  border-color: #2466c0; background: #2466c0; color: #fff;  }
*/


/* Tab */
.tabStyle {  padding:0; zoom:1;}
.tabStyle:after{display:block;clear:both;content:''}
.tabStyle.halve li{ width:50%}
.tabStyle.third li{ width:33.3%}
.tabStyle.third li:nth-child(2){ width:33.4%}
.tabStyle.quarter li{width:25%}

.tabCon2 .tabStyle.halve li{ width:50%}
.tabCon2 .tabStyle.third li{ width:33.3%}
.tabCon2 .tabStyle.third li:nth-child(2){ width:33.4%}
.tabCon2 .tabStyle.quarter li{width:25%}
.tabCon2 .tabStyle.cols6 li{width: 14.2%;}
.tabCon2 .tabStyle.cols6 li:first-child{width: 14.8%;}

.tabStyle li {float:left; width:50%; display:inherit}
.tabStyle li:last-child  {display:block;position:relative; padding:0 5px;  background:#ededed; color:#555; text-align:center; line-height:60px; transition:all .2s}
.tabStyle li a {display:block; position:relative; height:48px; font-size:17px; margin:-1px 0 0 -1px; padding:0 5px; border:1px solid #c3c4cc; background:#ededed; color:#555; text-align:center; line-height:50px; transition:all .2s; text-transform:uppercase; /*font-family: 'Montserrat Hairline'; font-weight:700;*/ letter-spacing:-0.03em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.tabStyle li.end {padding:0px; border-left:0; box-sizing:border-box; display:block; position:relative; height:47px; border-bottom:1px solid #ededed; border-right:1px solid #d9d9d9; }
.tabStyle li:last-child {padding:0px; border-left:0; box-sizing:border-box;}
.tabStyle li a:hover, .tabStyle li a:active, .tabStyle li a:focus {border-color:#4f556e; color:#4f556e; text-decoration:none; z-index:1;}
.tabStyle li.on a {position:relative; border-color:#4f556e; background:#4f556e; color:#fff;  z-index:2}
.tab_title {display: none;}

.tabCon2{ margin-bottom:40px;}
.tabCon2 .tabStyle li {float:left; width:50%; display:inherit; margin-bottom:5px;}
.tabCon2 .tabStyle li:last-child  {display:block;position:relative; padding:0 5px;  background:#fff; color:#222836; text-align:center; line-height:34px; transition:all .2s}
.tabCon2 .tabStyle li a {display:block; margin:0; position:relative; height:32px; font-size:24px; padding:0 5px; background:#fff; color:#222836; text-align:center; line-height:34px; transition:all .2s; text-transform:uppercase; /*font-family: 'Montserrat Hairline'; letter-spacing:-0.03em; */ border:1px solid #4f556e; border-width:0 1px 0 0}
.tabCon2 .tabStyle li.end {padding:0px; border-left:0; box-sizing:border-box; display:block; position:relative; height:43px; }
.tabCon2 .tabStyle li:last-child {padding:0px; border-right:0; box-sizing:border-box;}
.tabCon2 .tabStyle li:last-child a{border-right:0; }
.tabCon2 .tabStyle li a:hover, .tabCon2 .tabStyle li a:active, .tabCon2 .tabStyle li a:focus { color:#de3d3a; text-decoration:none; z-index:1;}
.tabCon2 .tabStyle li.on a {position:relative; font-family: 'Montserrat'; background:#fff; color:#222836; font-size:36px;z-index:2}

@media all and (max-width:1200px) {
.tabStyle li{ width:50%;}
.tabStyle li a{ font-size:15px;}

}

@media all and (min-width:769px) {
.tabStyle{display:block !important}
}

@media all and (max-width:768px) {
/* tab */
.tabCon{position:relative; z-index:1}
.tabStyle {position:relative;/*top:0;left:0;*/padding:0;width:100%; height:44px; overflow:hidden }
.tabStyle ul {padding:2px 0; margin:0; background:url("../img/common/tab.gif") repeat-x left bottom;  display:block; width:100%;}
.tabStyle:hover { height:inherit;}
.tabStyle li a {text-align:left;  padding:0 0 0 20px; margin:-1px 0 0 0;  height:42px; line-height:44px; font-size:15px; }
.tabStyle > li {width:100%; display:none}
.tabStyle li.end { display:none !important;}
.tabStyle li.on a {color:#fff; font-weight:800;}
.tabStyle:before { content:""; display: block; height:44px; margin:0 0 0 -1px; background:#898c91 url(../img/common/bul/icon_tab.png) no-repeat 10px center; cursor:pointer; }
.tabStyle:after { content:""; position:absolute; top:13px; right:15px; width:20px; height:20px;background:url(../img/common/bul/arrow_tab.png) no-repeat center;}
.tabStyle:hover li {display: block; }
.tabStyle:hover li:first-child { margin-top:1px; }

.tab_title {display:block; padding-top:70px}
.tabStyle.halve li,
.tabStyle.third li,
.tabStyle.quarter li,
.tabStyle.third li:nth-child(2),
.tabCon2 .tabStyle.cols6 li,
.tabCon2 .tabStyle.cols6 li:first-child{width:100%}
.tab_content{ margin:-1px 0 0 0}

.tabCon2 .tabStyle.halve li,
.tabCon2 .tabStyle.third li,
.tabCon2 .tabStyle.third li:nth-child(2),
.tabCon2 .tabStyle.quarter li,
.tabCon2 .tabStyle.cols6 li,
.tabCon2 .tabStyle.cols6 li:first-child{ width:100%;}

.tabCon2 .tabStyle li{ margin-bottom:0;}
.tabCon2 .tabStyle li a{font-size: 15px; margin: -1px 0 0 0; border-width: 1px; border-color:#c3c4cc;    background-color: #ededed;}
.tabCon2 .tabStyle li.on a{ color:#fff; font-size: 15px; font-weight:100;background: #4f556e; border-color:#4f556e;}
.tabCon2 .tabStyle li:last-child a{border-right:1px solid #c3c4cc}
.tabCon2 .tabStyle li a:hover, .tabCon2 .tabStyle li a:active, .tabCon2 .tabStyle li a:focus{border-color:#4f556e;}


}
@media all and (max-width:400px) {
.tabStyle li.long a{ height:auto; min-height:44px; line-height:inherit;}
}

/*
================================= srcoll-table */

@media all and (max-width: 980px) {
	.srcoll-table			{ position: relative; width: 100%; margin-top:20px; border: 1px solid #ccc; }
	.srcoll-table:before	{ content: "Scroll >"; display: block; position: absolute; top: -25px; right: 0px;  }
	.srcoll-table:after		{ content: ""; display: block; position: absolute; top: 0px; bottom: 0;right: 0; width: 20px; background-size: 100% 100%; opacity: 0.5; }
	.srcoll-table > div		{ position: relative; width: 100%; overflow-x: auto; }
	.srcoll-table table		{ margin-top: 0; width: 800px !important; }
}


/* display */
.fl{float:left !important}
.fr{float:right !important}
.clear{clear:both !important}
.clear:after{content:'';display:block;clear:both}
.ovh { overflow:hidden !important}

/* 정렬 */
.clear_div {clear:both !important;}
.con_center {text-align:center !important;}
.con_right {text-align:right !important;}
.con_left {text-align:left !important;}

/* 패딩 */
.pt_0 { padding-top:0px !important; }
.pt_10 { padding-top:10px !important; }
.pt_15 { padding-top:15px !important; }
.pt_20 { padding-top:20px !important; }
.pt_25 { padding-top:25px !important; }
.pt_30 { padding-top:30px !important; }
.pt_35 { padding-top:35px !important; }
.pt_40 { padding-top:40px !important; }

.pr_5 { padding-right:5px !important; }
.pr_10 { padding-right:10px !important; }
.pr_15 { padding-right:15px !important; }
.pr_20 { padding-right:20px !important; }
.pr_25 { padding-right:25px !important; }
.pr_30 { padding-right:30px !important; }
.pr_35 { padding-right:35px !important; }
.pr_40 { padding-right:40px !important; }

.pb_0 { padding-bottom:0px !important; }
.pb_10 { padding-bottom:10px !important; }
.pb_15 { padding-bottom:15px !important; }
.pb_20 { padding-bottom:20px !important; }
.pb_25 { padding-bottom:25px !important; }
.pb_30 { padding-bottom:30px !important; }
.pb_35 { padding-bottom:35px !important; }
.pb_40 { padding-bottom:40px !important; }

.pl_3 { padding-left:3px !important; }
.pl_5 { padding-left:5px !important; }
.pl_10 { padding-left:10px !important; }
.pl_15 { padding-left:15px !important; }
.pl_20 { padding-left:20px !important; }
.pl_25 { padding-left:25px !important; }
.pl_30 { padding-left:30px !important; }
.pl_35 { padding-left:35px !important; }
.pl_40 { padding-left:40px !important; }

/* 마진 */
.mt_0 { margin-top:0px !important }
.mt_10 { margin-top:10px !important }
.mt_20 { margin-top:20px !important }
.mt_30 { margin-top:30px !important }
.mt_35 { margin-top:35px !important }
.mt_40 { margin-top:40px !important }
.mt_50 { margin-top:50px !important }
.ml_15 { margin-left:15px !important }
.ml_0 { margin-left:0px !important }
.mr_30 { margin-right:30px !important }
.mb_0 { margin-bottom:0px !important }
.mb_5 { margin-bottom:5px !important }
.mb_10 { margin-bottom:10px !important }
.mb_15 { margin-bottom:15px !important }
.mb_20 { margin-bottom:20px !important }
.mb_30 { margin-bottom:30px !important }
.mb_40 { margin-bottom:40px !important }

/*폰트칼라*/
.fc_red { color:#ed1b23 !important}
.fc_brown {color:#bd8015 !important}
.fc_green {color:#157d4e !important}
.fc_lightGreen{color:#70b50e !important}
.fc_blue {color:#3274ee !important}
.fc_orange {color:#ff7c07 !important}
.fc_skyblue{color:#7bccc3 !important;}
.fc_white{ color:#fff !important;}
.fc_black{ color:#000 !important;}