@charset "UTF-8";
/* CSS Document */

/* Reset */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;-webkit-text-size-adjust:none;}
img,fieldset{border:0;}
img{vertical-align:middle;}
input{vertical-align:middle;cursor:pointer;padding:2px;}
input[type="checkbox"], input[type="radio"]{border:0;}
input[type="text"]{height:23px;/*hack*/height:20px\0/IE8+9;border:1px solid #bebebe;line-height:22px;font-size:12px;}
select{vertical-align:top;}
ul,ol{list-style:none;}
hr,legend,caption{display:none;}
em,address{font-style:normal;}
a{text-decoration:none;}
a:hover,a:active{text-decoration:underline;}
a:focus{text-decoration:none;}
button,label{cursor:pointer;}
table{border-collapse:collapse;empty-cells:show;}
header,hgroup,article,nav,footer,figure,figcaption,canvas,section{display:block;}

/* header - 20151006 수정 */
#header{width:100%;background:#0b6ab2;}
.headerwrap{position:relative;width:100%;height:50px;box-sizing:border-box;background:#0b6ab2;padding:11px 0}
.headerwrap:after{display:block;clear:both;content:''}
.headerwrap h1{float:left;margin:0;padding:3px 0 0 20px;font-size:0;line-height:0;}
.headerwrap h1.si{margin-top:-4px;padding:0 0 0 20px;}
.headerwrap h1 span{display:inline-block;}
.headerwrap .btn{float:right;padding-right:20px;}
.headerwrap .btn li{float:left;}

/* header_utill */
.headerwrap .head_utill{float:right;font-size:12px;font-family:dotum,"돋움", Sans-serif;padding-right:20px;}
.headerwrap .head_utill:after{display:block;clear:both;content:'';}
.headerwrap .head_utill li{float:left;}
.headerwrap .head_utill li a{color:#fff;}
.headerwrap .head_utill a:hover{text-decoration:underline;}
.headerwrap .admin{padding:9px 12px 0 0;}
.headerwrap .myinfo{position:relative;padding:9px 0 0 36px;}
.headerwrap .myinfo .bu_wh{padding-left:4px;}
.headerwrap .myinfo .photo{position:absolute;top:0;left:0;}
.headerwrap .myinfo .photo .photo_box{position:absolute;top:0;left:0;}
#header .headerwrap .appmenu{padding:8px 0 0 10px}
.headerwrap .as{width:89px;height:25px;margin:3px 0 0 12px;border:1px solid #5497c9;box-sizing:border-box;text-align:center;}
.headerwrap .as a{display:inline-block;padding-top:5px;vertical-align:middle;}
.headerwrap .as a:hover{display:block;height:23px;box-sizing:border-box;text-decoration:none;background:#0876c9;}

/* common - popup */
.top_popup{box-sizing:border-box;border:1px solid #c9cac9;background:#fff;}
.top_popup .edge{position:absolute;top:0;left:50%;width:13px;height:8px;margin:-8px 0 0 -5px;background:url(/images/common/img_poptop.png) no-repeat 0 0;}
.top_popup .edge_down{position:absolute;bottom:0;left:50%;width:13px;height:8px;margin:0 0 -8px -5px;background:url(/images/common/img_popdown.png) no-repeat 0 0;}
.top_popup .edge_right{position:absolute;top:0;right:15%;width:13px;height:8px;margin:-8px 0 0 -5px;background:url(/images/common/img_poptop.png) no-repeat 0 0;}

/* popup - 실행 중 applist */
.app_pop{padding:0 7px;border-sizing:border-box;}
.app_pop .line{border-bottom:1px solid #eaeaea;}
.app_pop .line:after{display:block;clear:both;content:''}
.app_pop .none{border-bottom:none}
.app_pop dl a{display:inline-block;color:#4a4a4a;font-family:dotum,"돋움", Sans-serif;font-size:12px;width:66px}
.app_pop dl{float:left;padding:9px 2px;box-sizing:border-box;width:66px;}
.app_pop dl dt{text-align:center;}
.app_pop dl dd{padding-top:6px;text-align:center;overflow:hidden}
.w265{width:265px}

/* popup - profile */
.top_popup.w299{position:absolute;top:50px;right:0;z-index:999;width:299px;background:#fff;}
.top_popup .my_area{padding:11px 15px 6px 15px;}
.top_popup .my_area:after{display:block;clear:both;content:'';}
.top_popup .mypic_area{float:left;}
.top_popup .mypic_mask{display:block;position:absolute;top:11px;left:15px;width:80px;height:80px;background:url(/images/common/img_myinfo_box2.png) no-repeat 0 0;}
.top_popup a.pic_change{display:block;position:absolute;top:67px;left:13px;width:28px;height:28px;background:url(/images/common/btn_photo.png) no-repeat 0 0;font-size:0;color:transparent;}
.top_popup a.pic_change:hover{background-position:-29px 0;}
.top_popup .text_area{float:left;padding-left:13px;}
.top_popup .name{display:block;padding-top:23px;font-size:16px;}
.top_popup .email{color:#8d8d8d;font-size:12px;line-height:190%;}
.top_popup .part{padding:0 15px 8px 15px;color:#8d8d8d;font-size:11px;}
.top_popup .access{padding:9px 15px 7px 15px;border-top:1px solid #eaeaea;color:#8d8d8d;font-size:11px;}
.top_popup .access>li{height:16px;margin-bottom:2px;}
.top_popup .access>li>strong{display:inline-block;width:75px;}
.top_popup .access a.extend{display:inline-block;padding:0 5px;border:1px solid #c9cac9;vertical-align:middle;color:#4a4a4a;font-size:11px;line-height:140%;}
.top_popup .btn_area{padding:10px 15px;background:#f9f9f9;font-size:12px;line-height:100%;}
.top_popup .btn_area .btn_group a.btn_gray,.top_popup .btn_area .btn_group a.btn_blue{padding:8px 8px 6px 8px;text-align:center;}

/* 투명 BG */
.opacity{position:fixed;top:0;left:0;z-index:1000;min-width:1024px;min-height:100%;width:100%;height:auto;background:rgba(0, 0, 0, 0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000);} 

/* 투명 BG - 팝업 */
.pop_wrap{position:absolute;left:0;top:0;z-index:1001;width:100%;}
.pop_wrap .pop_ly{background:#f0f6fd;}
.pop_wrap .pop_ly h2{color:#1088e3;text-align:center;font-size:26px;line-height:1.3em;}
.pop_wrap .pop_ly .descript{padding-top:12px;font-size:14px;line-height:20px;text-align:center;}

/* 화면설정 */
.screen_area{margin:0 14px 14px;}
.lst_bg{margin:30px 0 20px 0;}
.lst_bg:after{display:block;clear:both;content:'';}
.lst_bg li{float:left;width:169px;margin-right:8px;padding:23px 0 10px 0;border:1px solid #dcdcdc;background:#fff;text-align:center;font-size:14px;}
.lst_bg li:hover{width:167px;margin:-2px 8px -2px 0;padding:24px 0 11px 0;border:2px solid #41a1ff;cursor:pointer;}
.lst_bg li.on{width:167px;margin:-2px 8px -2px 0;padding:24px 0 11px 0;border:2px solid #41a1ff;}
.lst_bg li>span{display:block;padding-top:10px;}
.lst_bg li.mgr0{margin-right:0;}

.pop_wrap .btn_blue{display:inline-block;padding:14px 0 11px 0;background:#0876c9;text-align:center;color:#fff;font-size:16px;}
.pop_wrap .btn_blue:hover,.btn_blue:focus{background:#1366a5;color:#fff;text-decoration:none;}
.pop_wrap .btn_gray{display:inline-block;padding:14px 0 11px 0;background:#adadad;text-align:center;color:#fff;font-size:16px;}
.pop_wrap .btn_gray:hover,.btn_gray:focus{background:#929292;color:#fff;text-decoration:none;}

.w120{width:120px;} .w172{width:172px;} .w188{width:188px;} .w208{width:208px;} .w230{width:230px;} .w380{width:380px;} .w410{width:410px;} .w494{width:494px;}

.fl{float:left;} .fr{float:right;} .cl{clear:both;}
.tc{text-align:center;} .tl{text-align:left;} .tr{text-align:right;}

/* 이용약관, 개인정보취급방침 */
.rules{padding-bottom:30px;text-align:left;color:#4a4a4a;}
.rules>h2{color:#1088e3;font-size:28px;line-height:100%;}
.rules>h3{padding-top:34px;font-size:20px;line-height:100%;}
.rules>p,.rules>ol{padding-top:8px;font-size:12px;font-family:dotum,"돋움", Sans-serif;font-size:12px;}
.rules>ol{margin-left:20px;}
.rules>ol>li{list-style:decimal;line-height:22px;}

/* error page */
.error_area{margin:34px 14px 14px;text-align:center;}
.error_area>span{display:block;margin:0 auto 30px auto;background-image:url(/images/common/img_error.png)}
.error_area>span.error01{width:231px;height:108px;background-position:0 0;}
.error_area>span.error02{width:180px;height:110px;background-position:0 -118px;}
.error_area>span.error03{width:231px;height:110px;background-position:0 -250px;}

/* slide popup_20160608 추가 */
.pop_slide{width:100%;height:138px;background:url(/images/common/bg_patt.png) repeat 0 0;border-bottom:1px solid #cbcbcb;}
.pop_slide .bnr_wrap{position:relative;width:1240px;margin:0 auto;background:url(/images/common/bnr_notice01.png) no-repeat 70% 20%;}
.pop_slide .bnr_wrap:after{display:block;clear:both;content:""}
.pop_slide .bnr_wrap ul .banner{float:left;padding:15px 0 0 25px}
.pop_slide .bnr_wrap ul .b_txt{padding:43px 0 0 5px;float:left}
.pop_slide .bnr_wrap ul .tite{font-size:22px;color:#004b77;font-family:"나눔고딕","NanumGothic","NanumGothicOTF","맑은고딕", "Malgun Gothic","돋움",dotum,"Tahoma","Helvetica","Arial",Apple SD Gothic Neo,AppleGothic,sans-serif;font-weight:bold}
.pop_slide .bnr_wrap ul .sumy{display:inline-block;color:#4a4a4a;padding-top:9px;line-height:17px}
.pop_slide .bnr_type1{width:824px;height:138px;margin:0 auto;}
.pop_slide .bnr_wrap .bnr_type1 .btn_detail{background:#1088e3;box-sizing:border-box;padding:2px 8px;color:#fff;font-size:11px;display:inline-block;text-align:center;float:right;margin-top:26px}
.pop_slide .bnr_type2{width:1240px;margin:0 auto;}
.pop_slide .bnr_type3{width:1240px;margin:0 auto;}
.pop_slide .bnr_type2>li{float:left;width:619px;overflow:hidden;}
.pop_slide .bnr_type2>li .btn_detail{background:#1088e3;box-sizing:border-box;padding:2px 8px;color:#fff;font-size:11px;display:inline-block;text-align:center;float:right;margin-top:27px}
.pop_slide .bnr_type3>li.wid{float:left;width:412px;position:relative}
.pop_slide .bnr_type3>li.wid .btn_detail{background:#1088e3;box-sizing:border-box;padding:2px 8px;color:#fff;font-size:11px;display:inline-block;text-align:center;position:absolute;right:0;bottom:30px}
.pop_slide li>a{display:block;height:138px;}
.pop_slide .close{position:absolute;bottom:4px;right:0;color:#666;font-size:12px;font-family:dotum,"돋움", Sans-serif;}
.pop_slide .close>a{display:inline-block;margin-left:20px;padding-left:12px;background:url(/images/common/btn_close.png) no-repeat 0 4px;color:#666;}


@media screen and (-webkit-min-device-pixel-ratio:0) {
.screen_area .btn_blue,.btn_gray{padding-bottom:12px;}
}