@charset "utf-8";
*{-webkit-text-size-adjust:none;}

/* Reset CSS*/
*{ margin:0; padding:0; border:0;}
body,button,table{font-family:'맑은고딕', Malgun Gothic, '돋움', 'Dotum', 'sans-serif', 'Tahoma'; font-size:15px; color:#4a4a4a; font-weight:normal; background:url(../img/bg-top.png) repeat-x 0 0; letter-spacing:-0.08em}
textarea,input,select{font-size:13px; color:#4a4a4a; font-weight:normal;}
img,fieldset{border:0} 
img, video { max-width:100%}
i,em,address{font-style:normal; font-weight:normal} 
ul,ol,li{list-style:none;}
select,textarea {vertical-align:middle;}
table { border-collapse:collapse; border-spacing:0;}
a {text-decoration:none; color:#4a4a4a;}
a:hover{color:#000 !important; }
label { cursor:pointer;}
.blind, legend, hr{ display:block; overflow:hidden; position:absolute; top:0; left:-1000em;}
caption { display:none}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
input{height:24px; padding-left:3px; border:1px solid #CCC; vertical-align:middle;}
select{border:1px solid #CCC;vertical-align:middle;height:20px; line-height:16px}

.mgr7 { margin-right:7px} 
.mgr18 { margin-right:18px} 
.stxt { font-size:11px; color:#FFFFFF}
.stxt2 { font-size:11px; color:#8b8b8b}
.red {color:#e94b0d}
.color_ex {color:#969696; padding-left:5px; *vertical-align:middle; line-height:24px; font-size:11px}
.mb20 { margin-bottom:20px}
.mbf_25 { margin-bottom:35px; float:left; width:100%; padding-bottom:30px; border-bottom:solid 1px #e0e0e0}


.area_ct { width:980px; margin:0 auto}
#header { float:left; width:100%; height:94px; border-bottom:solid 3px #4189d3;}
#header .gnb{ text-align:right; font-size:11px; letter-spacing:-0.09em; }
#header .gnb em { padding:0 4px; color:#C4C4C4}
#header .gnb a {color:#575757}
#header .logo { float:left; width:300px; margin-top:26px}
#header ul.menu { float:right; width:60%; margin-top:28px}
#header ul.menu li a{ float:right; width:auto; padding:0 20px; font-size:17px; color:#183151}


#container { float:left; width:100%; padding:60px 0 100px 0}
#container .title_bx { float:left; width:auto; background-image:url(../img/titlebar_bg.png); background-repeat:no-repeat; background-position:right 0; height:37px; background-color:#5ea0e3; padding:0 40px 0 30px; font-size:23px; color:#fff; letter-spacing:-0.09em; margin-top:15px}
.sect { float:left; width:100%; padding:20px 0 20px 15px}
.sect .point { font-size:16px; color:#909090}
.sect ul.blue { float:left; width:100%; margin-top:10px}
.sect ul.blue li{ float:left; font-size:14px; color:#505050; line-height:1.6; padding-left:10px; background:url(../img/bullet_blue.png) no-repeat left 10px; margin-bottom:10px}
.inbox { float:left; width:100%; margin-top:16px; padding:10px; box-sizing:border-box; text-align:center}
.btn_gray {width:590px; background-color:#8897a6; height:60px; border-radius:7px; display:inline-block; line-height:60px}
.btn_gray em { padding:0 10px; color:#a9b4bf}
.btn_gray a { font-size:16px; color:#ffffff}
.btn_orange { width:260px; height:60px; border-radius:7px; display:inline-block; line-height:60px; background-color:#e94b0d; color:#fff;}
.btn_orange a { font-size:16px; color:#ffffff;width:260px; height:60px; display:block}
.btn_gray2 {width:300px; background-color:#8897a6; height:60px; border-radius:7px; display:inline-block; line-height:60px}
.btn_gray2 em { padding:0 10px; color:#a9b4bf}
.btn_gray2 a { font-size:16px; color:#ffffff;width:300px;height:60px; display:block}
.btn_orange2 { width:300px; height:60px; border-radius:7px; display:inline-block; line-height:60px; background-color:#e94b0d; color:#fff;}
.btn_orange2 a { font-size:16px; color:#ffffff;width:300px; height:60px; display:block}
.btn_go { width:100%;}
.btn_go a{ width:45%; height:60px; border-radius:7px; display:inline-block; line-height:60px; background-color:#d8eafe; color:#08529d; background-image:url(../img/ico_arrow.png); background-repeat:no-repeat; background-position:14px center; font-size:16px;}
.btn_go a:hover {background-color:#82b6eb}
dl.notice { float:left; width:95%; margin:20px 0 50px 0; border-top:solid 4px #eaeaea; border-left:solid 1px #eaeaea;border-right:solid 1px #eaeaea;border-bottom:solid 1px #eaeaea; padding:10px; box-sizing:border-box}
dl.notice dt { float:left; width:20%; font-size:20px; color:#292a2b; text-align:center; line-height:2.7}
dl.notice dd { float:left; width:76%; padding:5px 20px; box-sizing:border-box;border-left:solid 1px #8897a6; }
dl.notice dd ul { float:left; width:85%;}
dl.notice dd ul li { float:left; width:100%; background:url(../img/jum.png) no-repeat 0 10px; padding-left:10px; font-size:14px; line-height:1.8}
dl.notice dd ul li span { width:120px; float:right; font-size:12px; color:#797979;line-height:2.2}

dl.info {float:left; width:100%; margin-bottom:26px}
dl.info dt {float:left; width:100%; font-size:20px; color:#262626;}
dl.info dt em { padding:0 10px; color:#878787}
dl.info dd {float:left; width:100%; font-size:14px; color:#616161;}
dl.info dd ul {float:left; width:100%; padding:20px 20px 0 10px; box-sizing:border-box}
dl.info dd ul li{float:left; width:100%; background:url(../img/jum.png) no-repeat 0 10px; padding-left:10px; line-height:1.6}
dl.info dd ul li p {float:left; width:100%; font-size:15px; color:#124a82; background:url(../img/bullet_step.png) no-repeat 0 7px; padding-left:14px; display:block; margin:15px 0 10px 0}
ul.step_bx { float:left; width:100%; padding:0 !important; margin-bottom:10px}
ul.step_bx li{ float:left;}
ul.step_bx li.box { float:left; width:21%; height:100px; background-color:#f1f3f5;  background-image:none; border-radius:8px; text-align:center; padding:16px 10px 0 10px; box-sizing:border-box; font-size:13px; line-height:1.4}
ul.step_bx li.box a { background-color:#77ba6a; display:inline-block; width:auto; padding:3px 12px; border-radius:30px; color:#fff; margin-top:5px}
ul.step_bx li.spc { width:20px; background:url(../img/step_spc.png) no-repeat 0 center;height:100px; margin:0 4px}

table.list { width:100%;border:solid 1px #e8e8e8; }
table.list th { border-bottom:solid 1px #e8e8e8; padding:14px 0; background-color:#f7f7f7;border-right:solid 1px #e8e8e8; font-size:16px; text-align:center}
table.list td { border-bottom:solid 1px #e8e8e8; padding:14px 0; border-right:solid 1px #e8e8e8;text-align:center }

.login_bx { float:left; width:570px; margin:75px 0 20px 220px}
.login_bx .login { float:left; width:302px; height:214px; border-right:solid 1px #efefef;position:relative}
.login .login_form {position:absolute; top:3px;left:5px; width:300px; height:auto}
.login .login_form input { border:0; width:180px; height:32px; border:solid 1px #D4D4D4; margin-bottom:1px}
.login .mem_btn a{ position:absolute;top:3px;left:194px;  width:90px; height:69px;}
.login .check { position:absolute;top:76px; left:140px; color:#7e7e7e; width:52px; line-height:16px}
.login .member { position:absolute; top:70px; left:5px; width:180px; height:20px;}
.login .member .strong{color:#616161; font-weight:bold}
.login .member a {color:#7e7e7e}
.login .info { position:absolute; top:130px; left:2px; line-height:16px;}
.login .info2 { position:absolute; top:170px; left:2px; line-height:16px;}
.ftxt11 {font-size:12px;letter-spacing:-1px;}
.banner { float:right; border:solid 1px #efefef}

.find_bx { float:left; width:880px; margin:20px 0 20px 54px}
.find_bx .box p { font-size:18px; color:#0C1F77; float:left; width:100%; height:50px; border-bottom:solid 1px #e8e8e8; margin-bottom:15px; background-color:#F0F0F0; padding:10px 0 10px 10px; box-sizing:border-box; margin-bottom:20px}
.find_bx .box { float:left; width:49.6%; height:370px;position:relative; border:solid 1px #e8e8e8; margin:0 0.2%; box-sizing:border-box}
.find_bx .box .stit { font-size:14px; color:#3B6DC5; line-height:2.6}
.find_bx .box .stit em { padding-right:5px; font-size:10px;}
.find_bx .box_form { float:left;width:100%; height:auto; position:relative; padding:0 0 0 25px; box-sizing:border-box}
.find_bx .box_form li { margin-bottom:4px}
.find_bx .box_form li em { padding:0 3px}
.find_bx .box_form span { width:70px; font-size:15px; display:inline-block;}
.find_bx .box_form input { border:0; height:32px; border:solid 1px #D4D4D4; margin-bottom:1px}
.find_bx .box_form select { border:0; height:32px; border:solid 1px #D4D4D4; margin-bottom:1px}
.find_bx .box_form .btn_ok a{ position:absolute; left:180px; top:235px; width:80px; height:40px; background-color:#475a63; text-align:center; line-height:40px; color:#FFFFFF !important; border-radius:5px;}
.find_bx .box_form .btn_ok a:hover { background-color:#DDDDDD; border:solid 1px #C3C3C3; color:#000000 !important}

.mid { width:140px}
.short { width:70px}
.long { width:220px}

.popblock .mbg { float:left;width:100%; border:solid 3px #d8eafe; border-radius:8px; padding:16px; box-sizing:border-box; margin:10px 0 20px}
.popblock .mbg .idinfo{height:auto;width:100%; text-align:center; padding-bottom:10px}
.popblock .mbg .id {font-weight:bold; font-size:14px; color:#27364d; padding:0 15px}
.popblock .mbg .idtxt{width:100%;border-top:solid 1px #efefef; padding:15px 10px 5px 10px; box-sizing:border-box; font-size:14px}
.popblock .mbg .idtxt strong { color:#000; letter-spacing:-1px}
.popblock .mbg .idtxt span{ float:left; width:100%; display:block}
.popblock .mbg .error {float:left; width:110px; margin-left:35px}
.popblock .mbg .error_message {float:left; width:660px; line-height:19px; letter-spacing:-1px;font-size:14px}
.popblock .mbg .error_message span { float:left; margin-bottom:10px}
.popblock .mbg .warning{height:auto;width:660px; text-align:center; margin:10px 0 3px 0}
.popblock .mbg .color_b { font-weight:600; font-size:16px; line-height:1.4}
.popblock .mbg .ftxt_bb { color:#2554A6}
.popblock .mbg .id { font-size:22px; font-weight:normal}
.popblock .date { font-size:15px; color:#2554A6}

.more a { font-size:13px; width:auto; padding:0 20px; background-color:#162b39; height:26px; line-height:24px; color:#fff; border-radius:26px; display:inline-block}
.more a:hover { background-color:#2f72b6; color:#fff !important}