/* 
coder : hansync
email/gtalk : hansync@gmail.com
ver : 1.00
*/

/* RESET */
* { text-rendering:auto;  -webkit-font-smoothing: auto; }
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input{	margin: 0; padding: 0; font-family: 'Noto Sans Korean', MalgunGothic, dotum, Verdana, sans-serif; font-weight:400; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th{	font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol{	list-style: none; }
fieldset,img{	border: none; }
caption,th{text-align: left; }
img{border: 0; }
html, body{width:100%; height:100%; background-color:#fff; }
table{border-collapse: collapse; border-spacing: 0; }
body{font-family: 'Noto Sans Korean', MalgunGothic, dotum, Verdana, sans-serif; font-style: normal; font-weight: 400; }
.clear{clear: both; }
.clearer{clear: both; display: block; margin: 0; padding: 0; height: 0;}
fieldset {clear:both;}
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
.break{clear:both; margin:0; padding:0; height:10px;}
.pointer {cursor:pointer;}
.cursor01:hover { cursor:default; }
select {font-size:11px;}

.floatNone { clear:both !important; float:none !important;}
/* .SolutionAlramMsg { height: 25px; font-size:15px; font-weight:bold; letter-spacing:-1px; } */
.SolutionAlramMsg span { color:#FF0000; }
.block { display:block; }


/* 임시 */
#toggleadmindiv { display: inline-block; height:36px; margin-right: 10px; vertical-align: top; box-sizing: border-box; line-height: 33px; padding: 0 14px; background-color: #22ab6b; color: #fff; }
#toggleadmindiv  a { color:#fff; }
#toggleadmindiv  a:hover { color:#ff0; text-decoration: none;}

/* layout */
#loginContainer {  width:100%; height:100%;}
#maincontainer{ min-height:100%; width:100%;  background: linear-gradient(90deg, #3e4961 220px, #ffffff 220px); }
#section_header{ min-width:1004px;  border-bottom: 1px solid #cbcbcb; background-color: #fff; }
#section_header #logo{ float:left; height:45px; padding-left: 30px; }
#section_header #logo a { display:block; width: 241px; height: 45px; background:url(../img/common/logo_header.png) no-repeat left center;  }
#section_header #logo a img { display:none; }
#section_header #basicControl{ float:right; padding:16px 30px 0 0 ; }
#section_header #basicControl #naviExtra dt{ float:left;}
#section_header #basicControl #naviExtra dt img{ vertical-align:middle;}
#section_header #gnb { border-top: 1px solid #ededed; margin:0; padding:0 30px;}
#section_header #gnb_sub_wrap { position: relative; clear:both; float:none; padding:0; margin: 0; }
#section_header #gnb_sub_wrap .gnb_btn_state { position: absolute; z-index: 10; right: 30px;  width: 80px; height: 20px; text-align: center; background-color: #cbcbcb; color:#fff; }
#section_header #gnb_sub_wrap .gnb_btn_state:hover { cursor:pointer; background-color: #666666; }
#section_header #gnb_sub_wrap #ribbon_open { bottom:-20px; }
#section_header #gnb_sub_wrap #ribbon_open:before { content: "\f107"; font-family: 'FontAwesome'; }
#section_header #gnb_sub_wrap #ribbon_close { bottom:0; position: absolute; }
#section_header #gnb_sub_wrap #ribbon_close:before { content: "\f106"; font-family: 'FontAwesome'; }
.gnb_sub { clear:both; float:none; padding:30px; margin:0; overflow:hidden; background-color: #eeeeee; border-top:1px solid #cccccc; }

#search{ position: absolute; top: 14px; right: 30px; }
#search #searchTop { display: inline-block; height:34px; border:1px solid #e9e9e9; }
#search #searchTop dt { float:left; }
#search #searchTop dd { float:left; }

#bodyWrap { display:block; clear: both; padding: 0; margin: 0; position: relative; }
#bodyWrap:after { content:" "; display: block; clear: both; }
#topSubSection { clear:both; float:none; height:60px; line-height: 60px; border-bottom: 1px solid #cbcbcb; padding:0 30px; min-width:1004px; letter-spacing: -5px; }
#topSubSection #widget_schedule, #topSubSection #widget_msgAlram { display:inline-block; }
#topSubSection #widget_schedule:after { content: "|";  padding:0 30px; color: #cbcbcb; font-weight: 200;  }

#topSubSection #widget_schedule dl { display: inline-block; vertical-align: middle;  }
#topSubSection #widget_schedule dl dt{ padding-right: 15px; display: inline-block; letter-spacing:-1px; font-size: 15px; font-weight: 400; }
#topSubSection #widget_schedule dl dt.title { color: #3570cf;  }
#topSubSection #widget_schedule dl dt.title:before {  content: "\f274"; font-family: 'FontAwesome'; color: #3570cf; padding-right: 6px; }
#topSubSection #widget_schedule dl dt:nth-child(2), #topSubSection #widget_schedule dl dt span.text_blue_dark_2_11 { display: none; font-size: 0; width: 0; }
#topSubSection #widget_schedule dl dt.cont{ color:#222222; } 
#topSubSection #widget_schedule dl dd {  display: inline-block; letter-spacing:-1px; }

#topSubSection #widget_msgAlram dl { display: inline-block; }
#topSubSection #widget_msgAlram dl dt { padding-right: 15px; display: inline-block; letter-spacing:-1px; font-size: 15px; font-weight: 400; }
#topSubSection #widget_msgAlram dl dt.title { color: #3570cf; }
#topSubSection #widget_msgAlram dl dt.title:before { content: "\f1fe"; font-family: 'FontAwesome'; color: #3570cf; padding-right: 6px; }
#topSubSection #widget_msgAlram dl dt:nth-child(2), #topSubSection #widget_msgAlram dl dt span.text_blue_dark_2_11 { display: none; font-size: 0; width: 0; }
#topSubSection #widget_msgAlram dl dt.cont { color:#222222; }
#topSubSection #widget_msgAlram dl dd { padding-left: 25px; display: inline-block; letter-spacing:-1px; }


#container_mainBody { margin: 0;background-color: transparent;min-width:1390px; padding: 30px 30px 50px; box-sizing: border-box; }
#trunk_main {position:relative;width:100%;/*margin: 0 auto;*/min-height:500px;padding:0; margin-bottom: 20px; }
#trunk_main:after { content:" "; display: block; clear: both; }
#col-left {width:270px;margin:0 30px 0 0;padding:0;float:left;position:relative;}
#col-center {max-width:800px; margin:0 30px 0 0; padding:0; float:left; position:relative; box-sizing: border-box; }
#col-right {width:200px;margin:0;padding:0;float:left;position:relative;}



#location{display:inline-block; height: 36px; line-height: 36px; padding: 0;}
#location dl { clear:both; font-size:14px; color:#666666; letter-spacing:-0.5px; vertical-align: middle;}
#location dl dt {float:left; vertical-align: middle; }
#location dl dt:before { content: "\f015"; font-family: 'FontAwesome'; color: #3570cf; padding-right: 6px; }
#location dl dt a{ color:#5d75a3; }
#location dl dt a:hover{ color:#00a2ff;}
#location dl dd.current { font-weight:500; }
#location dl dd.current a{ color:#00a2ff; font-weight:600;}
#location dl dd.current a:hover{ color:#00a2ff;}
#location dl dd {float:left; vertical-align: middle; }
#location dl dd:before { content: "\f105"; font-family: 'FontAwesome'; color: #d3d3d3; padding: 0 6px; }
#location dl dd a {color:#5d75a3;}
#location dl dd a:hover{color:#00a2ff;}
#location dl:after { content:" "; font-size: 0; display: block; clear: both; }
#leftMenu_open  { position: absolute; top: 0; left:0px; }
#leftMenu_open a#column_left_open { display:block; background-color: #3570cf; height: 40px; line-height: 40px; width: 12px; text-align: center; }
#leftMenu_open a#column_left_open:before {  content: "\f105"; font-family: 'FontAwesome'; font-size: 17px; color: #ffffff; }
#leftMenu_open a#column_left_open img { display: none; }

#bookMark { float:right; padding:0;}
#bookMark dl {clear:both; height: 36px; line-height: 36px;}
#bookMark dl dt {float:left; padding-right: 10px; }
#bookMark dl dt a { text-decoration: none; color: #727272; font-size: 15px; }
#bookMark dl dt a#FN_BookMarkAdd:before { content: "\f006"; font-family: 'FontAwesome'; font-size: 16px; color: #fbd522; padding-right: 5px;  }
#bookMark dl dt a#FN_BookMarkAdd:after { content: "이 페이지를 즐겨찾기에 추가"; }
#bookMark dl dt a#FN_BookMarkDel:before { content: "\f005"; font-family: 'FontAwesome'; font-size: 16px; color: #fbd522; padding-right: 5px;  }
#bookMark dl dt a#FN_BookMarkDel:after { content: "이 페이지를 즐겨찾기에서 제거"; }
#bookMark dl dt a img { display: none; }

#bookMark dl dd {float:left; padding:0 0 0 10px;}

#footer { box-sizing: border-box; clear: both; background-color: #464646; color:#8d8d8d; padding: 10px 30px 0 30px; font-family: 'Noto Sans Korean', MalgunGothic, dotum, Verdana, sans-serif; font-style: normal; font-size: 13px; position: fixed; bottom: 0; left: 0; right: 0; z-index: 11; }
#footer dl { clear:both;display:inline-block;}
#footer dl dt.tail{ }
#footer dl dt.tail strong{color:#fff}

/* sub column */
#contentwrapper { float: right; width: 100%; min-height: 100%;  }
#contentcolumn { min-height: 100%;  padding: 40px 30px 150px 30px; position: relative; background-color: #fff; min-width: 1080px; box-sizing: border-box; xmargin-bottom: 120px; }
#contentcolumn #contentbox { clear:both; padding:0px;}

#column_left { float: left; box-sizing: border-box; width:220px; margin:0 auto; padding:0; min-height: 920px; height: 100%;;}
column_left:after { content: " "; display: block; clear: both; }
#column_left #banner_leftMenu {clear: both;padding:10px 0 100px 0;}
#column_left #banner_leftMenu {clear: both;padding:4px 0 0 0; list-style:none;}
#column_left #banner_leftMenu li{float:left; padding:4px 0 0 5px;}
/* ie hack 6.0 and 7.0
* html #contentwrapper{margin-left: -280px;}
*:first-child+html #contentwrapper{margin-left: -280px;}
* html #contentcolumn{margin-left:281px;}
*:first-child+html #contentcolumn{margin-left:281px;} */


/* main column */
#column_main_left{float:left;width:192px;}
#column_main_right{float:left;width:192px;}
#column_main_content{float:left;width:608px;}
#column_main_memo{float:left;width:192px;}


.cbb{ margin:10px 0 0 0;background:#fff;}

.contBorderBox_inner { border:0px solid #33415c; margin:0;  padding:0px;}
.contBorderBox_inner:after { content:" "; display:block; clear: both; }


/* main background color */

.whiteBackColor { background: linear-gradient(90deg, #ffffff 220px, #ffffff 220px) !important; }

/* naver id login */

.naver_icon{background: url(../img/ico_naver.png) no-repeat;height:17px; padding:0px 3px 0px 11px; }
.hide{display: none !important;}


#multiBook label { font-weight:normal; color:#22ab6b; }

body.loading, body.loading * { cursor:progress !important;}