/*-------------------------------- 데스크탑 퍼스트로 css 설계 --------------------------------*/


/*--------------------------------- Common Layout ---------------------------------*/

.inner { position:relative; max-width:1200px; margin:0 auto; padding:0px 10px; }
.inner:after { content:""; display:block; clear:both; height:0; visibility:hidden; }
.inner.nopadding { padding:0px; }


/* Header */
#header { position:absolute; left:0px; top:0px; width:100%; /* height:134px; */ background-color:#fff; z-index:100; overflow:hidden; }
#header.gnb_open { /* height:404px; */ border-bottom:1px solid #ccc; }
.header_top { width:100%; height:44px; padding:21px 0px; border-bottom:1px solid #dedede; }
.header_top .inner { height:100%; }
.header_top h1 { display:block; width:212px; height:44px; margin:0 auto; }
.header_top h1 a, #header .header_top h1 a img { display:block; width:100%; height:100%; }
.header_top .top_menu ul:after { content:""; display:block; clear:both; visibility:hidden; }
.header_top .top_menu ul { position:absolute; top:12px; }
.header_top .top_menu ul.tm_left { left:10px; }
.header_top .top_menu ul.tm_right { right:10px; }
.header_top .top_menu ul li { position:relative; float:left; height:21px; padding-left:25px; margin-left:20px; line-height:150%; }
.header_top .top_menu ul li:first-child { margin-left:0px; }
.header_top .top_menu ul li:before { content:""; display:block; position:absolute; left:0px; top:0px; width:22px; height:21px; background-repeat:no-repeat; background-position:0 0; }
.header_top .top_menu ul li.tm_mypage { max-width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.header_top .top_menu ul li.tm_mypage .staff { color:#8da0b9; }
.header_top .top_menu ul li.tm_homepage:before { background-image:url("../images/common/icon_monitor.gif"); }
.header_top .top_menu ul li.tm_mypage:before { background-image:url("../images/common/icon_mypage.gif"); }
.header_top .top_menu ul li.tm_login:before { background-image:url("../images/common/icon_login.gif"); }
.header_top .top_menu ul li.tm_logout:before { background-image:url("../images/common/icon_logout.gif"); }
.header_top .top_menu ul li a { color:#434343; line-height:100%; }
.header_top .top_menu ul li a:hover { color:#146cc5; }
.header_top .top_menu ul li strong { color:#139d98; font-weight:700; }




/* DeskTop GNB */
.gnb { height:47px; }
#header.gnb_open .gnb { border-bottom:1px solid #eee; }
.gnb ul { height:100%; }
.gnb ul:after { content:""; display:block; clear:both; visibility:hidden; }
.gnb ul li { position:relative; float:left; width:12.5%; height:100%; }
.gnb ul li:before { content:""; display:block; position:absolute; left:0px; top:14px; width:1px; height:19px; background-color:#dedede; }
.gnb ul li:first-child:before { display:none; }
.gnb ul li a.dep1 { position:relative; display:block; width:100%; height:100%; padding:15px 0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-weight:700; font-size:17px; color:#1a1a1a; line-height:100%; text-align:center; font-family:"NanumSquare", sans-serif; }
.gnb ul li a.dep1:before { content:""; display:block; position:absolute; left:0px; right:0px; bottom:0px; width:100%; height:3px; background-color:#146cc5;  -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; -webkit-transform:scaleX(0); -moz-transform:scaleX(0); -ms-transform:scaleX(0); -o-transform:scaleX(0); transform:scaleX(0);}
.gnb ul li a.dep1.active:before, .gnb ul li a.dep1:hover:before { -webkit-transform:scaleX(1); -moz-transform:scaleX(1); -ms-transform:scaleX(1); -o-transform:scaleX(1); transform:scaleX(1); }
.gnb ul li ul { position:relative; left:0px; top:-50px; width:100%; height:236px; padding-top:16px; padding-bottom:16px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; opacity:0; }
.gnb ul li ul li { float:none; width:auto; height:auto; }
.gnb ul li ul li:before { display:none; }
.gnb ul li ul li a { display:block; width:100%; height:34px; padding:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; line-height:100%; }
.gnb ul li ul li a:hover { background-color:#146cc5; color:#fff; font-weight:700; }



/* Mobile + Tablet GNB */
.gnb_mobile_wrap { display:none; position:fixed; left:0px; top:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:102; }
.gnb_mobile_wrap .gnb_mobile { position:absolute; left:-240px; top:0px; display:block; width:240px; height:100%; overflow-x:visible; overflow-y:auto; background-color:#fff; }
.gnb_mobile_wrap .gnb_mobile .gnb_mobile_top { width:100%; height:103px; padding:20px 15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-color:#146cc5; text-align:center; }
.gnb_mobile_wrap .gnb_mobile .gnb_mobile_top:after { content:""; display:block; clear:both; visibility:hidden; }
.gnb_mobile_wrap .gnb_mobile .gnb_mobile_top p { position:relative; max-width:140px; height:21px; padding-left:25px; padding-right:40px; margin-bottom:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff; line-height:150%; text-align:left; }
.gnb_mobile_wrap .gnb_mobile .gnb_mobile_top p:before { content:""; display:block; position:absolute; left:0px; top:0px; width:22px; height:21px; background:url("../images/common/icon_mypage_white.png") no-repeat 0 0; }
.gnb_mobile_wrap .gnb_mobile .gnb_mobile_top p strong { color:#7bf6f2; font-weight:700; }
.gnb_mobile_wrap .gnb_mobile .gnb_mobile_top a { display:block; width:95px; height:30px; padding:8px 0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:1px solid #97c6f5; text-align:center; line-height:100%; font-size:12px; color:#fff; }
.gnb_mobile_wrap .gnb_mobile ul { margin:0px; padding:0px; }
.gnb_mobile_wrap .gnb_mobile ul li { border-bottom:1px solid #eee; }
.gnb_mobile_wrap .gnb_mobile ul li a { display:block; width:100%; height:44px; padding:15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-repeat:no-repeat; background-position:214px 50%; background-image:url("../images/common/arrow_gnb_down.png"); font-weight:700; font-size:14px; line-height:100%; color:#333; }
.gnb_mobile_wrap .gnb_mobile ul li a.active { background-image:url("../images/common/arrow_gnb_up.png"); }
.gnb_mobile_wrap .gnb_mobile ul li ul { display:none; background-color:#4c515c; }
.gnb_mobile_wrap .gnb_mobile ul li ul li { border-bottom:none; border-top:1px solid #676b73; }
.gnb_mobile_wrap .gnb_mobile ul li ul li a { position:relative; display:block; width:100%; height:37px; padding:12px 15px 12px 27px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background:url("../images/common/arrow_gnb_go.png") no-repeat 220px 50%; font-weight:400; font-size:13px; line-height:100%; color:#d8dce5; }
.gnb_mobile_wrap .gnb_mobile ul li ul li a:before { content:""; display:block; position:absolute; left:15px; top:50%; width:4px; height:4px; margin-top:-2px; background-color:#999ea7; }
a.gnb_mobile_open { display:none; position:absolute; left:0px; top:0px; width:60px; height:60px; overflow:hidden; }
a.gnb_mobile_open span { display:block; overflow:hidden; position:absolute; left:19px; right:19px; top:29px; height:2px; background:#515151; text-indent:-10000em;}
a.gnb_mobile_open:before { content:""; position:absolute; left:19px; right:19px; top:20px; height:2px; background:#515151; }
a.gnb_mobile_open:after { content:""; position:absolute; left:19px; right:19px; bottom:20px; height:2px; background:#515151; }
a.gnb_mobile_close { position:absolute; right:0px; top:0px; display:block; width:60px; height:60px; overflow:hidden; z-index:102;}
a.gnb_mobile_close span { display:none; }
a.gnb_mobile_close:before { content:""; position:absolute; left:19px; right:19px; top:20px; height:2px; background:#fff; transform:translate3D(0,9px,0) rotate(-45deg); }
a.gnb_mobile_close:after { content:""; position:absolute; left:19px; right:19px; bottom:20px; height:2px; background:#fff; transform:translate3D(0,-9px,0) rotate(45deg); }



/* Footer */
#footer { width:100%; padding:50px 0px 60px; background-color:#25292c; }
#footer .inner { max-width:980px; padding-left:230px; background:url("../images/common/logo_footer.png") no-repeat 10px 0; }
.footer_link ul:after { content:""; display:block; clear:both; visibility:hidden; }
.footer_link ul li { position:relative; float:left; padding-left:36px; }
.footer_link ul li:before { content:""; display:block; position:absolute; left:18px; top:1px; width:1px; height:14px; background-color:#676a6c; }
.footer_link ul li:first-child { padding-left:0px; }
.footer_link ul li:first-child:before { display:none; }
.footer_link ul li a { color:#fff; font-size:14px; line-height:100%; }
.footer_text { margin-top:20px; }
.footer_text:after { content:""; display:block; clear:both; visibility:hidden; }
.footer_text .address { float:left; color:#9da6ac; }
.footer_text .address br { display:none; }
.footer_text dl { float:left; padding-left:30px; }
.footer_text dl:after { content:""; display:block; clear:both; visibility:hidden; }
.footer_text dl dt { float:left; padding-left:20px; padding-right:5px; color:#9da6ac; font-weight:normal; }
.footer_text dl dt:first-child { display:none; padding-left:0px; }
.footer_text dl dt:after { content:" :"; }
.footer_text dl dd { float:left; color:#9da6ac; font-weight:normal; }
.copyright { margin-top:12px; color:#9da6ac; }
.copyright span { color:#9da6ac; }



/* Go to Top */
a.btn_gototop { position:fixed; right:10px; bottom:10px; display:none; width:50px; height:40px; background-color:rgba(0,0,0,0.7); background-repeat:no-repeat; background-position:50% 48%; background-image:url("../images/common/btn_gototop.png"); text-indent:-9999px; overflow:hidden; z-index:100; }
a.btn_gototop:hover { background-image:url("../images/common/btn_gototop_hover.png"); }

/* Container */
#container { width:100%; padding-top:134px; }
#container .top_container { width:100%; height:200px; background:url("../images/sub/visual_sub_01.jpg") no-repeat 50% 0px; }
.top_container .inner { height:100%; }
.top_container h2 { padding-top:68px; text-align:center; font-weight:700; font-size:26px; color:#262626; line-height:100%; font-family:"NanumSquare", sans-serif; }
.top_container .lnb { position:absolute; left:10px; right:10px; bottom:0px; height:50px; background-color:rgba(0,0,0,0.6); z-index:99; }
.top_container .lnb ul { width:100%; height:100%; }
.top_container .lnb ul:after { content:""; display:block; clear:both; visibility:hidden; }
.top_container .lnb ul li { position:relative; float:left; width:230px; height:100%; }
.top_container .lnb ul li:before { content:""; display:block; position:absolute; right:0px; top:0px; width:1px; height:100%; background-color:#808589; }
.top_container .lnb ul li.current_dep_li:before { background-color:#146cc5; }
.top_container .lnb ul li a.current_dep { display:block; width:100%; height:100%; padding:18px 23px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-position:right 23px top 50%; background-repeat:no-repeat; background-image:url("../images/sub/lnb_arrow_down.png"); white-space:nowrap; -ms-text-overflow:ellipsis; -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; color:#fff; font-size:14px; line-height:100%; -webkit-touch-callout:none; /* iOS Safari */ -webkit-user-select:none; /* Chrome/Safari/Opera */ -khtml-user-select:none; /* Konqueror */ -moz-user-select:none; /* Firefox */ -ms-user-select:none; /* Internet Explorer/Edge*/ user-select:none; }
.top_container .lnb ul li a.current_dep:hover { background-color:#146cc5; }
.top_container .lnb ul li a.current_dep.active { background-color:#146cc5; background-image:url("../images/sub/lnb_arrow_up.png"); }
.top_container .lnb ul li.home { width:60px; }
.top_container .lnb ul li.home a { display:block; width:100%; height:100%; background:url("../images/sub/lnb_home.png") no-repeat 50% 50%; text-indent:-9999px; overflow:hidden; }
.top_container .lnb ul li.home a:hover { background-color:#146cc5; }
.top_container .lnb ul li ul { display:none; position:relative; left:0px; top:0px; width:100%; height:auto; background-color:#146cc5; }
.top_container .lnb ul li ul li { float:none; width:100%; height:50px; border-top:1px solid #2c80d6; }
.top_container .lnb ul li ul li:before { display:none; }
.top_container .lnb ul li ul li a { display:block; width:100%; height:100%; padding:18px 23px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; white-space:nowrap; -ms-text-overflow:ellipsis; -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; color:#fff; font-size:14px; line-height:100%; }
.top_container .lnb ul li ul li a:hover { background-color:#0359b0; }
#container .content { padding:80px 0px 100px; }
#container .content h3.title_page { margin-bottom:60px; font-weight:700; text-align:center; font-size:36px; color:#000; line-height:100%; font-family:"NanumSquare", sans-serif; }



/*--------------------------------- Common Style Guide ---------------------------------*/


/* display */
.dis_b { display:block; }
.dis_ib { display:inline-block; }
.dis_i { display:inline; }
.dis_t { display:table; }
.dis_tc { display:table-cell; }
.dis_n { display:none; }



/* Margin */
.mt_5 { margin-top:5px; }
.mt_10 { margin-top:10px; }
.mt_15 { margin-top:15px; }
.mt_20 { margin-top:20px; }
.mt_30 { margin-top:30px; }
.mt_40 { margin-top:40px; }
.mb_5 { margin-bottom:5px; }
.mb_10 { margin-bottom:10px; }
.mb_15 { margin-bottom:15px; }
.mb_20 { margin-bottom:20px; }
.mb_30 { margin-bottom:30px; }
.mb_40 { margin-bottom:40px; }



/* Padding */
.pt_5 { padding-top:5px; }
.pt_10 { padding-top:10px; }
.pt_15 { padding-top:15px; }
.pt_20 { padding-top:20px; }
.pt_30 { padding-top:30px; }
.pt_40 { padding-top:40px; }
.pb_5 { padding-bottom:5px; }
.pb_10 { padding-bottom:10px; }
.pb_15 { padding-bottom:15px; }
.pb_20 { padding-bottom:20px; }
.pb_30 { padding-bottom:30px; }
.pb_40 { padding-bottom:40px; }



/* Width */
.w100per { width:100%; }
.w90per { width:90%; }
.w80per { width:80%; }
.w70per { width:70%; }
.w60per { width:60%; }
.w50per { width:50%; }
.w40per { width:40%; }
.w30per { width:30%; }
.w20per { width:20%; }
.w10per { width:10%; }



/* Font-Style */
.font_normal { font-weight:300 !important; }
.font_bold { font-weight:700 !important; }
.color_blue { color:#146cc5 !important; }
.color_emerald { color:#139d98 !important; }
.color_red { color:#eb1827 !important; }
.color_green { color:#198826 !important; }
.color_orange { color:#eb5919 !important; }
.color_pink { color:#e34081 !important; }
.color_grey { color:#999 !important; }
.font_link_type { color:#146cc5 !important; text-decoration:underline; }
.font_link_type:hover { color:#004b96 !important; text-decoration:underline; }
.ta_c { text-align:center; }
.font_size_14 { font-size:14px !important; }
.font_size_15 { font-size:15px !important; }


/* Disable Select */
.disableselect { -webkit-touch-callout:none; /* iOS Safari */ -webkit-user-select:none;   /* Chrome/Safari/Opera */ -khtml-user-select:none;    /* Konqueror */ -moz-user-select:none; /* Firefox */ -ms-user-select:none; /* Internet Explorer/Edge*/ user-select:none; }



/* Form Style */
input[type=text]:focus { border-color:#146cc5; }
input[type=text].nobd { height:24px; padding:0px 0px 5px 0px; border-left:0; border-right:0; border-top:0; border-bottom:2px solid #ccc; }
input[type=radio] + label, input[type=checkbox] + label { cursor:pointer; }
input[type=text]:-moz-read-only { background-color:#fafafa; }
input[type=text]:read-only { background-color:#fafafa; }
input[type=text]:-moz-read-only:focus { border-color:#ccc; }
input[type=text]:read-only:focus { border-color:#ccc; }
.input_file_wrap { position:relative; padding-right:47px; }
.input_file_wrap input[type=file] { display:block; width:100%; }
.input_file_wrap .btn_refresh { position:absolute; right:0px; top:0px; }


/* Input List */
.list_input { clear:both; }
.list_input:after { content:""; display:block; clear:both; visibility:hidden; }
.list_input li { margin-top:12px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.list_input li:first-child { margin-top:0px; }
.list_input.col_2, .list_input.col_3, .list_input.col_4 { margin-top:-12px; }
.list_input.col_2 li { float:left; width:50%; }
.list_input.col_3 li { float:left; width:33.3333%; }
.list_input.col_4 li { float:left; width:25%; }
.list_input.col_2 li:first-child, .list_input.col_3 li:first-child, .list_input.col_4 li:first-child { margin-top:12px; }
.list_input li input[type=radio] + label, .list_input li input[type=checkbox] + label{ margin-left:5px; }
.list_input_file li { margin-top:5px; }
.list_input_file li:first-child { margin-top:0px; }
.list_input_file li input[type=file] { max-width:70%; }



/* Title Sub */
.title_sub { position:relative; padding-left:26px; margin-top:45px; margin-bottom:15px; background:url("../images/sub/bullet_title.png") no-repeat 0px 7px; font-size:24px; font-weight:700; color:#000; font-family:"NanumSquare", sans-serif; }
.title_sub span { display:inline-block; margin-left:5px; font-size:15px; }
.title_sub.mt_0 { margin-top:0px; }
.title_sub2 { position:relative; padding-left:23px; margin-top:35px; margin-bottom:8px; font-size:18px; font-weight:700; color:#333; font-family:"NanumSquare", sans-serif; }
.title_sub2:before { content:""; display:block; position:absolute; left:0px; top:3px; width:15px; height:3px; background-color:#146cc5; }
.title_sub2.mt_0 { margin-top:0px; }



/* Borded Box */
.box_border { padding:30px; border:1px solid #ccc; }
.box_border.box_border_red { border-color:#ed1414; background-color:#ffeded; }
.box_border.box_border_orange { border-color:#ff7418; background-color:#fff0e6; }
.box_border.box_border_green { border-color:#1a9342; background-color:#e4fdec; }
.box_border.box_border_blue { border-color:#2a85da; background-color:#e6f3ff; }
.box_border.box_icon_notice { min-height:74px; padding-left:120px; background:url("../images/sub/icon_box_notice.png") no-repeat 30px 30px; }
.box_border.box_icon_nodata { min-height:74px; padding-left:120px; background:url("../images/sub/icon_box_nodata.png") no-repeat 30px 30px; }
.box_border .title_box_border { margin-bottom:12px; font-size:22px; font-family:"NanumSquare", sans-serif; font-weight:700; color:#222; }



/* Dot bullet list */
.list_dot:after { content:""; display:block; clear:both; visibility:hidden; }
.list_dot li { position:relative; margin-top:12px; padding-left:12px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.list_dot li:first-child { margin-top:0px; }
.list_dot li:before { content:""; display:block; position:absolute; left:0px; top:7px; width:4px; height:4px; background-color:#146cc5; }
.list_dot.col_2, .list_dot.col_3, .list_dot.col_4 { margin-top:-12px; }
.list_dot.col_2 li { float:left; width:50%; }
.list_dot.col_3 li { float:left; width:33.3333%; }
.list_dot.col_4 li { float:left; width:25%; }
.list_dot.col_2 li:first-child, .list_dot.col_3 li:first-child, .list_dot.col_4 li:first-child { margin-top:12px; }



/* Button Style */
.btn_xs { display:inline-block; min-width:5px; padding:6px 8px; border:1px solid #ccc; text-align:center; font-size:12px; line-height:100%; cursor:pointer; font-weight:400; color:#222; vertical-align:middle; }
.btn_sm { display:inline-block; min-width:10px; padding:8px 10px; border:1px solid #ccc; text-align:center; font-size:13px; line-height:100%; cursor:pointer; font-weight:700; color:#222; vertical-align:middle; }
.btn_md { display:inline-block; min-width:20px; padding:10px 13px; border:1px solid #ccc; text-align:center; font-size:14px; line-height:100%; cursor:pointer; font-weight:700; color:#222; vertical-align:middle; }
.btn_lg { display:inline-block; min-width:70px; padding:13px 16px; border:1px solid #ccc; text-align:center; font-size:17px; line-height:100%; cursor:pointer; font-weight:700; color:#222; font-family:"NanumSquare", sans-serif; vertical-align:middle; }
.btn_xl { display:inline-block; min-width:190px; padding:20px 30px; border:1px solid #ccc; text-align:center; font-size:18px; line-height:100%; cursor:pointer; font-weight:700; color:#222; font-family:"NanumSquare", sans-serif; vertical-align:middle; }
.btn_xs:hover, .btn_sm:hover, .btn_md:hover, .btn_lg:hover, .btn_xl:hover { background-color:#f1f1f1; }
.btn_xs.btn_red, .btn_sm.btn_red, .btn_md.btn_red, .btn_lg.btn_red, .btn_xl.btn_red { background-color:#dc404b; border-color:#dc404b; color:#fff; }
.btn_xs.btn_red:hover, .btn_sm.btn_red:hover, .btn_md.btn_red:hover, .btn_lg.btn_red:hover, .btn_xl.btn_red:hover { background-color:#d3343f; border-color:#d3343f; }
.btn_xs.btn_orange, .btn_sm.btn_orange, .btn_md.btn_orange, .btn_lg.btn_orange, .btn_xl.btn_orange { background-color:#eb5919; border-color:#eb5919; color:#fff; }
.btn_xs.btn_orange:hover, .btn_sm.btn_orange:hover, .btn_md.btn_orange:hover, .btn_lg.btn_orange:hover, .btn_xl.btn_orange:hover { background-color:#d44709; border-color:#d44709; }
.btn_xs.btn_green, .btn_sm.btn_green, .btn_md.btn_green, .btn_lg.btn_green, .btn_xl.btn_green { background-color:#198826; border-color:#198826; color:#fff; }
.btn_xs.btn_green:hover, .btn_sm.btn_green:hover, .btn_md.btn_green:hover, .btn_lg.btn_green:hover, .btn_xl.btn_green:hover { background-color:#10741c; border-color:#10741c; }
.btn_xs.btn_emerald, .btn_sm.btn_emerald, .btn_md.btn_emerald, .btn_lg.btn_emerald, .btn_xl.btn_emerald { background-color:#139d98; border-color:#139d98; color:#fff; }
.btn_xs.btn_emerald:hover, .btn_sm.btn_emerald:hover, .btn_md.btn_emerald:hover, .btn_lg.btn_emerald:hover, .btn_xl.btn_emerald:hover { background-color:#06837e; border-color:#06837e; }
.btn_xs.btn_blue, .btn_sm.btn_blue, .btn_md.btn_blue, .btn_lg.btn_blue, .btn_xl.btn_blue { background-color:#146cc5; border-color:#146cc5; color:#fff; }
.btn_xs.btn_blue:hover, .btn_sm.btn_blue:hover, .btn_md.btn_blue:hover, .btn_lg.btn_blue:hover, .btn_xl.btn_blue:hover { background-color:#085db2; border-color:#085db2; }
.btn_xs.btn_purple, .btn_sm.btn_purple, .btn_md.btn_purple, .btn_lg.btn_purple, .btn_xl.btn_purple { background-color:#6222aa; border-color:#6222aa; color:#fff; }
.btn_xs.btn_purple:hover, .btn_sm.btn_purple:hover, .btn_md.btn_purple:hover, .btn_lg.btn_purple:hover, .btn_xl.btn_purple:hover { background-color:#511594; border-color:#511594; }
.btn_xs.btn_pink, .btn_sm.btn_pink, .btn_md.btn_pink, .btn_lg.btn_pink, .btn_xl.btn_pink { background-color:#e34081; border-color:#e34081; color:#fff; }
.btn_xs.btn_pink:hover, .btn_sm.btn_pink:hover, .btn_md.btn_pink:hover, .btn_lg.btn_pink:hover, .btn_xl.btn_pink:hover { background-color:#d02e6e; border-color:#d02e6e; }
.btn_xs.btn_black, .btn_sm.btn_black, .btn_md.btn_black, .btn_lg.btn_black, .btn_xl.btn_black { background-color:#2e2e2e; border-color:#2e2e2e; color:#fff; }
.btn_xs.btn_black:hover, .btn_sm.btn_black:hover, .btn_md.btn_black:hover, .btn_lg.btn_black:hover, .btn_xl.btn_black:hover { background-color:#111; border-color:#111; }
.btn_xs.btn_grey, .btn_sm.btn_grey, .btn_md.btn_grey, .btn_lg.btn_grey, .btn_xl.btn_grey { background-color:#e1e1e1; border-color:#bcbcbc; color:#222; }
.btn_xs.btn_grey:hover, .btn_sm.btn_grey:hover, .btn_md.btn_grey:hover, .btn_lg.btn_grey:hover, .btn_xl.btn_grey:hover { background-color:#cfcfcf; border-color:#cfcfcf; }
.btn_xs.btn_rounded { -webkit-border-radius:12px 12px; -moz-border-radius:12px 12px; border-radius:12px 12px; }
.btn_sm.btn_rounded { -webkit-border-radius:15px 15px; -moz-border-radius:15px 15px; border-radius:15px 15px; }
.btn_md.btn_rounded { -webkit-border-radius:19px 19px; -moz-border-radius:19px 19px; border-radius:19px 19px; }
.btn_lg.btn_rounded { -webkit-border-radius:23px 23px; -moz-border-radius:23px 23px; border-radius:23px 23px; }
.btn_xl.btn_rounded { -webkit-border-radius:29px 29px; -moz-border-radius:29px 29px; border-radius:29px 29px; }
.btn_xs.img_arrow:after, .btn_sm.img_arrow:after, .btn_md.img_arrow:after, .btn_lg.img_arrow:after, .btn_xl.img_arrow:after { content:""; display:inline-block; width:4px; height:7px; margin-left:10px; background:url("../images/sub/img_arrow.png") no-repeat 0 0; }
.btn_xs.img_arrow_white:after, .btn_sm.img_arrow_white:after, .btn_md.img_arrow_white:after, .btn_lg.img_arrow_white:after, .btn_xl.img_arrow_white:after { content:""; display:inline-block; width:4px; height:7px; margin-left:10px; background:url("../images/sub/img_arrow_white.png") no-repeat 0 0; }
.btn_refresh { background:url("../images/sub/icon_refresh.png") no-repeat 50% 50%; text-indent:-9999px; overflow:hidden; }
.btn_disable { opacity:0.5; cursor:not-allowed; }


/* Button Division */
.div_btn { position:relative; margin-top:20px; text-align:center; }
.div_btn_l { position:relative; margin-top:20px; text-align:left; }
.div_btn_r { position:relative; margin-top:20px; text-align:right; }
.div_btn_t { position:relative; margin-bottom:20px; text-align:center; }
.div_btn_t_l { position:relative; margin-bottom:20px; text-align:left; }
.div_btn_t_r { position:relative; margin-bottom:20px; text-align:right; }



/* Table */
.board_view, .board_view_wrap { clear:both; border-top:2px solid #146cc5; }
.board_view_wrap { border-bottom:1px solid #ccc; }
.board_view table th { min-height:50px; padding:15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-bottom:1px solid #ddd; background-color:#f1f1f1; font-weight:700; text-align:left; }
.board_view table th.board_title { font-size:15px; border-bottom:1px solid #b7cde3; background-color:#e3eaf2; color:#146cc5; }
.board_view table td { min-height:50px; padding:15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-bottom:1px solid #ddd; text-align:left; }
.board_view_title { padding:20px 30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-bottom:1px solid #ddd; text-align:left; font-size:20px; font-family:"NanumSquare", sans-serif; font-weight:700; color:#146cc5; }
.board_view_title h4 { font-size:20px; font-family:"NanumSquare", sans-serif; font-weight:700; color:#146cc5; }
.board_view_title h4 .tag { position:relative; left:auto; top:-2px; margin-right:5px; }
.board_view_title:after { content:""; display:block; clear:both; visibility:hidden; }
.board_view_title dl.board_base_info { padding-top:3px; }
.board_view_title dl.board_base_info:after { content:""; display:block; clear:both; visibility:hidden; }
.board_view_title dl.board_base_info dt { position:relative; float:left; padding-left:30px; font-weight:400; font-size:12px; }
.board_view_title dl.board_base_info dt:before { content:""; display:block; position:absolute; left:15px; top:3px; width:1px; height:12px; background-color:#ccc; }
.board_view_title dl.board_base_info dt:first-child { padding-left:0px; }
.board_view_title dl.board_base_info dt:first-child:before { display:none; }
.board_view_title dl.board_base_info dt:after { content:" :"; }
.board_view_title dl.board_base_info dd { float:left; max-width:100%; padding-left:5px; font-weight:400; font-size:12px; }
.board_list { clear:both; border-top:2px solid #146cc5; }
.board_list table thead th { padding:12px 8px; border-bottom:1px solid #bbb; background-color:#f1f1f1; font-weight:700; color:#333; text-align:center; }
.board_list table tbody th { padding:15px 8px; border-bottom:1px solid #ddd; color:#333; background-color:#f1f1f1; font-weight:700; }
.board_list table tbody td { padding:15px 8px; border-bottom:1px solid #ddd; color:#333; text-align:center; }
.board_list table tbody th.ta_left, .board_list table tbody td.ta_left { text-align:left; }
.board_list table tfoot tr { background-color:#fffdee; }
.board_list table tfoot th, .board_list table tfoot td { padding:15px 8px; border-bottom:1px solid #ddd; color:#333; text-align:center; }
.board_list table tfoot th { font-weight:700; }
.board_list table .board_num { width:8%; }
.board_list table th.board_title { text-align:center; }
.board_list table td.board_title { text-align:left; }
.board_list table td.board_title a { font-size:14px; font-weight:700; }
.board_list table .board_views { width:10%; }
.board_list table .board_date { width:15%; }
.board_view.board_border table td { border:1px solid #ddd; }
.board_list.board_border table th { border-left:1px solid #ddd; border-right:1px solid #ddd; }
.board_list.board_border table tbody th { border-bottom:1px solid #ddd; }
.board_list.board_border table td { border-left:1px solid #ddd; border-right:1px solid #ddd; }
.board_list.board_vscroll { max-height:500px; overflow-y:auto; overflow-x:hidden; }
.table_no_bd { margin:-15px -10px; }
.table_no_bd th { min-height:51px; padding:7px 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-weight:700; font-size:14px; color:#333; text-align:left; vertical-align:top; }
.table_no_bd td { min-height:51px; padding:7px 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:14px; color:#333; text-align:left; vertical-align:top; }
th.ess:before { content:""; display:inline-block; width:13px; height:13px; margin-right:5px; background:url("../images/sub/check_ess.png") no-repeat 0 0; }
.tip { margin-top:5px; }
.board_view_box { min-height:300px; padding:30px; border-bottom:1px dashed #ddd; font-size:15px; line-height:180%; word-break:keep-all; }
.board_view_box * { font-size:15px; line-height:180%; word-break:keep-all; }
.board_view_file { padding:30px; }
.board_view_file ul li { padding-left:20px; margin-top:5px; background:url("../images/sub/icon_clip.png") no-repeat 0px 2px; }
.board_view_file ul li:first-child { margin-top:0px; }
.view_box { min-height:300px; font-size:15px; line-height:180%; word-break:keep-all; }
.view_box * { font-size:15px; line-height:180%; word-break:keep-all; }
.view_box img, .board_view_box img, .view_box video, .board_view_box video, .view_box iframe, .board_view_box iframe { max-width:100%; }
.view_box table, .board_view_box table { width:100%; }
.view_box table th, .board_view_box table th { padding:5px; font-weight:700; border:1px solid #ddd; background-color:#fafafa; }
.view_box table td, .board_view_box table td  { padding:5px; border:1px solid #ddd; }



/* Pattern Borded Box */
.box_border_pattern { padding:10px; background:url("../images/sub/bg_border_pattern.png") repeat 0 0; }
.box_border_pattern .box_inner { padding:30px; background-color:#fff; }



/* Paginate */
.paginate { margin-top:50px; text-align:center; }
.paginate ul { display:inline-block; }
.paginate ul:after { content:""; display:block; clear:both; visibility:hidden; }
.paginate ul li { float:left; width:42px; height:41px; }
.paginate ul li.disable { opacity:0.3; }
.paginate ul li.disable a { cursor:default; }
.paginate ul li.paginate_func a { display:block; width:100%; height:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:1px solid #a4a4a4; background-repeat:no-repeat; background-position:50% 50%; background-color:#fff; -webkit-background-size:cover; background-size:cover; text-indent:-9999px; overflow:hidden; }
.paginate ul li.paginate_func.pprev { margin-right:-1px; }
.paginate ul li.paginate_func.prev { margin-right:5px; }
.paginate ul li.paginate_func.next { margin-left:5px; }
.paginate ul li.paginate_func.nnext { margin-left:-1px; }
.paginate ul li.paginate_func.pprev a { background-image:url("../images/sub/paginate_pprev.jpg"); }
.paginate ul li.paginate_func.prev a { background-image:url("../images/sub/paginate_prev.jpg"); }
.paginate ul li.paginate_func.next a { background-image:url("../images/sub/paginate_next.jpg"); }
.paginate ul li.paginate_func.nnext a { background-image:url("../images/sub/paginate_nnext.jpg"); }
.paginate ul li.paginate_func.pprev a:hover { background-image:url("../images/sub/paginate_pprev_hover.jpg"); }
.paginate ul li.paginate_func.prev a:hover { background-image:url("../images/sub/paginate_prev_hover.jpg"); }
.paginate ul li.paginate_func.next a:hover { background-image:url("../images/sub/paginate_next_hover.jpg"); }
.paginate ul li.paginate_func.nnext a:hover { background-image:url("../images/sub/paginate_nnext_hover.jpg"); }
.paginate ul li.num { margin-left:-1px; }
.paginate ul li.num:first-child { margin-left:0px; }
.paginate ul li.num a { display:block; width:100%; height:100%; padding:12px 0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:1px solid #a4a4a4; text-align:center; font-size:15px; line-height:100%; color:#333; }
.paginate ul li.num a:hover { background-color:#146cc5; border:1px solid #146cc5; color:#fff; }
.paginate ul li.num span { display:block; width:100%; height:100%; padding:12px 0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-color:#146cc5; border:1px solid #146cc5; text-align:center; font-size:15px; line-height:100%; color:#fff; }



/* Layer Popup */
.layer_popup_wrap { display:none; position:fixed; left:0px; top:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:10000; }
.layer_popup_wrap.show { display:block; }
.layer_popup_wrap .layer_popup { height:100%; padding:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.layer_popup_wrap .layer_popup .layer_popup_window { display:none; width:100%; max-width:800px; height:100%; max-height:700px; margin:0px auto; background:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; overflow:hidden;}
.layer_popup_wrap .layer_popup .layer_popup_window.show { display:block; }
.layer_popup_wrap .layer_popup .layer_popup_window .lp_top { display:block; height:18px; padding:20px; background:#146cc5; color:#fff; font-size:18px; font-weight:700; line-height:100%; font-family:"NanumSquare", sans-serif; white-space:nowrap; -ms-text-overflow:ellipsis; -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; }
.layer_popup_wrap .layer_popup .layer_popup_window .lp_content { padding:20px; min-height:100px; max-height:581px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; overflow-y:auto; overflow-x:hidden; }
.layer_popup_wrap .layer_popup .layer_popup_window .lp_bottom { padding:10px 20px; border-top:1px solid #eee; text-align:center; }



/* Layer Popup Simple */
.layer_popup_wrap .layer_popup .layer_popup_simple { display:none; width:100%; max-width:800px; height:100%; margin:0px auto; }
.layer_popup_wrap .layer_popup .layer_popup_simple.show { display:table; }
.layer_popup_wrap .layer_popup .layer_popup_simple .popup_box_wrap { display:table-cell; width:100%; vertical-align:middle;  }
.layer_popup_wrap .layer_popup .layer_popup_simple .popup_box_wrap .popup_box { position:relative; width:100%; max-height:100%; padding:30px; margin:0 auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; overflow-x:hidden; overflow-y:auto; }
.layer_popup_wrap .layer_popup .layer_popup_simple .popup_box_wrap .popup_box .close_popup { position:absolute; right:0px; top:0px; display:block; width:30px; height:30px; overflow:hidden; text-indent:-9999px; }
.layer_popup_wrap .layer_popup .layer_popup_simple .popup_box_wrap .popup_box .close_popup:before { content:""; position:absolute; left:7px; right:7px; top:14px; height:2px; background:#384451; transform:translate3D(0,0px,0) rotate(-45deg); }
.layer_popup_wrap .layer_popup .layer_popup_simple .popup_box_wrap .popup_box .close_popup:after { content:""; position:absolute; left:7px; right:7px; bottom:14px; height:2px; background:#384451; transform:translate3D(0,0px,0) rotate(45deg); }
.layer_popup_wrap .layer_popup .layer_popup_simple .popup_box_wrap .popup_box .close_popup:hover:before, .layer_popup_wrap .layer_popup .layer_popup_simple .popup_box_wrap .popup_box .close_popup:hover:after { background:#146cc5; }
.layer_popup_simple .popup_box_wrap .popup_box .title_popup_box { padding-bottom:12px; margin-bottom:15px; border-bottom:1px solid #ddd; font-family:"NanumSquare", sans-serif; font-weight:700; font-size:20px; color:#146cc5; word-break:keep-all; }
.layer_popup_simple .popup_box_wrap .popup_box .poup_box_content * { word-break:keep-all; }
.layer_popup_simple .popup_box_wrap .popup_box .popup_1day_close { margin-top:20px; text-align:center; }


/* Window Popup */
#popup_window_body { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; overflow:hidden; }
.popup_window { display:block; width:100%; height:100%; max-height:700px; margin:0px auto; background:#fff;}
.popup_window .wp_top { position:relative; display:block; height:18px; padding:20px 60px 20px 20px; margin:0px auto; background:#146cc5; color:#fff; font-size:18px; font-weight:700; line-height:100%; font-family:"NanumSquare", sans-serif; white-space:nowrap; -ms-text-overflow:ellipsis; -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; }
.popup_window .wp_top .btn_close_popup { position:absolute; right:0px; top:0px; display:block; width:58px; height:58px; overflow:hidden; text-indent:-9999px; }
.popup_window .wp_top .btn_close_popup:before { content:""; position:absolute; left:19px; right:19px; top:20px; height:2px; background:#fff; transform:translate3D(0,8px,0) rotate(-45deg); }
.popup_window .wp_top .btn_close_popup:after { content:""; position:absolute; left:19px; right:19px; bottom:20px; height:2px; background:#fff; transform:translate3D(0,-8px,0) rotate(45deg); }
/* 
a.gnb_mobile_close { position:absolute; right:0px; top:0px; display:block; width:58px; height:58px; overflow:hidden; z-index:102;}
a.gnb_mobile_close span { display:none; }
a.gnb_mobile_close:before { content:""; position:absolute; left:19px; right:19px; top:20px; height:2px; background:#fff; transform:translate3D(0,9px,0) rotate(-45deg); }
a.gnb_mobile_close:after { content:""; position:absolute; left:19px; right:19px; bottom:20px; height:2px; background:#fff; transform:translate3D(0,-9px,0) rotate(45deg); }
 */


.popup_window .wp_content { padding:20px; margin:0px auto; min-height:100px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; overflow-y:auto; overflow-x:hidden; }
.popup_window .wp_bottom { padding:10px 20px; margin:0px auto; border-top:1px solid #eee; text-align:center; }



/* Tab Title */
ul.tab_title { margin-bottom:45px; }
ul.tab_title:after { content:""; display:block; clear:both; visibility:hidden; }
ul.tab_title li { float:left; width:50%; height:70px; }
ul.tab_title.col_3 li { width:33.3333%; }
ul.tab_title.col_4 li { width:25%; }
ul.tab_title.col_5 li { width:20%; }
ul.tab_title li a { position:relative; display:block; width:100%; height:100%; padding:25px 25px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-color:#eef2f5; border-right:1px solid #d2d2d2; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; text-align:center; font-size:18px; line-height:100%; color:#555; font-family:"NanumSquare", sans-serif; overflow:hidden; -ms-text-overflow:ellipsis; -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; }
ul.tab_title li:first-child a { border-left:1px solid #d2d2d2; }
ul.tab_title li.active a { background-color:#fff; border-bottom:none; border-top:none; font-weight:700; color:#043ba0; }
ul.tab_title li.active a:before { content:""; display:block; position:absolute; left:-1px; top:0px; width:100%; height:3px; padding-right:2px; background-color:#0b61ba; }
ul.tab_title li a span { margin-left:5px; font-size:13px; color:#666; }
ul.tab_title li.active a span { color:#3b68b9; }



/* Tab */
ul.tab { margin-bottom:25px; }
ul.tab:after { content:""; display:block; clear:both; visibility:hidden; }
ul.tab li { float:left; min-width:20%; height:50px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
ul.tab.col_6 li { min-width:16.6666%; }
ul.tab.col_7 li { min-width:14.2857%; }
ul.tab.col_8 li { min-width:12.5%; }
ul.tab.col_9 li { min-width:11.1111%; }
ul.tab.col_10 li { min-width:10%; }
ul.tab li a { position:relative; display:block; width:100%; height:100%; padding:17px 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-color:#f1f1f1; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-top:1px solid #ccc; font-size:15px; line-height:100%; color:#333; text-align:center; font-weight:700; }
ul.tab li a:hover { background-color:#e4e4e4; }
ul.tab li:first-child a { border-left:1px solid #ccc; }
ul.tab li a.active { background-color:#146cc5; border-right:1px solid #146cc5; border-bottom:1px solid #146cc5; border-top:1px solid #146cc5; color:#fff; }
ul.tab li a.active:before { content:""; display:block; position:absolute; left:50%; bottom:-8px; width:0px; height:0px; margin-left:-8px; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #146cc5; }
ul.tab li:first-child a.active { border-left:1px solid #146cc5; }
.tab_content_wrap .tab_content { display:none; }
.tab_content_wrap .tab_content:first-child { display:block; }



/* Search Box Open */
.search_box_func { margin-bottom:10px; }
.search_box_func:after { content:""; display:block; clear:both; visibility:hidden; }
.search_box_func .search_left { float:left; }
.search_box_func .search_left:after { content:""; display:block; clear:both; visibility:hidden; }
.search_box_func .search_right { float:right; }
.search_box_func .search_right:after { content:""; display:block; clear:both; visibility:hidden; }
.search_box_func .search_box_open { text-align:right; }
.search_box_func .search_box_open a { display:inline-block; padding:8px 10px; background-color:#2e2e2e; border:1px solid #2e2e2e; text-align:center; font-size:13px; line-height:100%; cursor:pointer; font-weight:700; color:#fff; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.search_box_func .search_box_open a:hover { background-color:#111; border:1px solid #111; }
.search_box_func .search_box_open a:after { content:""; display:inline-block; width:11px; height:6px; margin-left:10px; background:url("../images/sub/img_arrow_down_white.png") no-repeat 0 0; }
.search_box_func .search_box_open a.active:after { background:url("../images/sub/img_arrow_up_white.png") no-repeat 0 0; }
.search_box_func .search_box_open + .box_border { margin-top:-1px; }
.search_box_func .box_border { padding-bottom:20px; }
.search_box_func .board_data_text { position:relative; left:auto; top:15px; }
.search_box_func.non_search .board_data_text { top:0px; }
.search_box_func .board_data_text strong { font-weight:700; color:#ff5a00; }
.search_box_func .table_no_bd { margin-bottom:0px; }
.search_box_func .div_btn { padding-top:15px; margin-top:10px; border-top:1px solid #eee; }
.search_box_func .table_search_detail { display:none; margin-top:15px; }





/* Checkbox & Radio Button With Style */
.checkbox { overflow:hidden; }
.checkbox input[type=checkbox] { position:absolute; left:-9999px; }
.checkbox input[type=checkbox] + label { min-height:17px; padding-left:25px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background:url("../images/sub/checkbox.jpg") no-repeat 0 0; cursor:pointer; font-size:15px; font-weight:700; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.checkbox input[type=checkbox]:checked + label { background:url("../images/sub/checkbox_checked.jpg") no-repeat 0 0; color:#139d98; }
.radio { overflow:hidden; }
.radio input[type=radio] { position:absolute; left:-9999px; }
.radio input[type=radio] + label { padding-left:25px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background:url("../images/sub/radio.png") no-repeat 0 0; cursor:pointer; font-size:15px; font-weight:700; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.radio input[type=radio]:checked + label { background:url("../images/sub/radio_checked.png") no-repeat 0 0; color:#139d98; }



/* Date Picker */
.input_datepicker { width:120px; background:url("../images/sub/icon_datepicker.png") no-repeat right 10px top 50%; }



/* Privacy Agreement */
.privacy_agreement { margin-top:50px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:1px solid #ccc; }
.privacy_agreement .title_agreement { padding:15px 0px; border-bottom:1px solid #ddd; background-color:#fafafa; text-align:center; line-height:100%; font-size:17px; font-family:"NanumSquare", sans-serif; color:#222; font-weight:700; }
.privacy_agreement .agreement_forms { padding:20px; }
.privacy_agreement .agreement_forms .check_all { text-align:center; }
.privacy_agreement .agreement_forms .check_all label { color:#146cc5; }
.privacy_agreement .agreement_forms ul { padding-top:10px; }
.privacy_agreement .agreement_forms ul:after { content:""; display:block; clear:both; visibility:hidden; }
.privacy_agreement .agreement_forms ul li { float:left; width:50%; margin-top:10px; }



/* Tag */
.tag { display:inline-block; padding:5px; border:1px solid #889fb6; -webkit-border-radius:3px 3px; -moz-border-radius:3px 3px; border-radius:3px 3px; line-height:100%; color:#889fb6; text-align:center; font-size:12px; font-weight:700; }
.tag.tag_red { border:1px solid #eb1827; color:#eb1827; }
.tag.tag_orange { border:1px solid #eb5919; color:#eb5919; }
.tag.tag_green { border:1px solid #198826; color:#198826; }
.tag.tag_emerald { border:1px solid #139d98; color:#139d98; }
.tag.tag_blue { border:1px solid #146cc5; color:#146cc5; }
.tag.tag_purple { border:1px solid #6222aa; color:#6222aa; }
.tag.tag_pink { border:1px solid #e34081; color:#e34081; }



/* ETC */
.supporter_info { margin-top:30px; }
.supporter_info a { display:block; width:100%; padding:30px 30px 30px 150px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:1px solid #ccc; background-repeat:no-repeat; background-position:20px 50%; }
.supporter_info.worknet a { background-image:url("../images/sub/supporter_worknet.jpg"); }
.supporter_info.jobkorea a { background-image:url("../images/sub/supporter_jobkorea.jpg"); }
.supporter_info.saramin a { background-image:url("../images/sub/supporter_saramin.jpg"); }
.supporter_info.career a { background-image:url("../images/sub/supporter_career.jpg"); }
.div_nodata { padding:130px 30px 60px; background:url("../images/sub/icon_no_result.png") no-repeat 50% 60px; text-align:center; font-size:15px; }
.img_responsive { display:block; max-width:100%; }
.page_preparing { padding-top:210px; background:url("../images/sub/page_preparing.png") no-repeat 50% 0px; text-align:center; }
.page_preparing h3 { font-size:32px; font-family:"NanumSquare", sans-serif; color:#146cc5; font-weight:700; text-align:center; }
.page_preparing h3 br { display:none; }
.page_preparing p { margin-top:10px; font-size:18px; font-family:"NanumSquare", sans-serif; color:#444; font-weight:700; text-align:center; }
body.no_gnb_footer {background-color:#e9f2f8;}
body.no_gnb_footer #wrap { padding-top:100px; padding-bottom:100px; }
h1.page_error_logo { display:block; width:212px; height:44px; margin:0 auto 50px; }
h1.page_error_logo img { display:block; width:100%; height:100%; }

@media (max-width: 575px) {
	.page_preparing h3 { font-size:28px; }
	.page_preparing h3 br { display:block; }
}
.page_error {background-color:#e9f2f8;}
.page_error_content { padding-top:210px; background:url("../images/sub/page_error.png") no-repeat 50% 0px; text-align:center; }
.page_error_content h3 { font-size:32px; font-family:"NanumSquare", sans-serif; color:#146cc5; font-weight:700; text-align:center; }
.page_error_content h3 br { display:none; }
.page_error_content p { margin-top:10px; font-size:18px; font-family:"NanumSquare", sans-serif; color:#444; font-weight:700; text-align:center; }
@media (max-width: 575px) {
	.page_error_content h3 { font-size:28px; }
	.page_error_content h3 br { display:block; }
}