@charset "utf-8";


/* 나눔고딕 */
@font-face {
font-family: 'Nanum Gothic';
font-style: normal;
font-weight: 400;
src: url(../font/NanumGothic-Regular.eot);
src: url(../font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
url(../font/NanumGothic-Regular.woff2) format('woff2'),
url(../font/NanumGothic-Regular.woff) format('woff'),
url(../font/NanumGothic-Regular.ttf) format('truetype');
}

@font-face {
font-family: 'Nanum Gothic';
font-style: normal;
font-weight: 700;
src: url(../font/NanumGothic-Bold.eot);
src: url(../font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
url(../font/NanumGothic-Bold.woff2) format('woff2'),
url(../font/NanumGothic-Bold.woff) format('woff'),
url(../font/NanumGothic-Bold.ttf) format('truetype');
}

@font-face {
font-family: 'Nanum Gothic';
font-style: normal;
font-weight: 800;
src: url(../font/NanumGothic-ExtraBold.eot);
src: url(../font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
url(../font/NanumGothic-ExtraBold.woff2) format('woff2'),
url(../font/NanumGothic-ExtraBold.woff) format('woff'),
url(../font/NanumGothic-ExtraBold.ttf) format('truetype');
}


/* common */

html, body {padding:0; margin:0; text-align:left; width:100%; height:100%; -webkit-text-size-adjust:none;}
body {background:#dce0e0;}
div {font-size:12px; font-family:MiniFont, Nanum Gothic, "나눔고딕", sans-serif; line-height:18px padding:0; margin:0; color:#171717; font-weight:400;}
a {cursor:pointer; outline:none; selector-dummy:expression(this.hideFocus=true);}
img {border:0 none; vertical-align:middle;}
h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-weight:normal;}
ul,li,ol,dl,dt,dd {list-style:none; padding:0; margin:0;}
hr, address, caption, legend {display:none; font-size:0;}
p {margin:0; padding:0;}
form {font-weight:normal; margin:0 0 0 0; padding:0 0 0 0;}
i {font-style:normal;}
strong {font-weight:700;}

input, textarea, select, pre {font-size:12px; color:#171717; margin:0; padding:0; font-family:MiniFont, Nanum Gothic, "나눔고딕", sans-serif; outline:none;  font-weight:400;}
input[type=text] {border:1px solid #d7d7d7; height:20px; line-height:20px; padding:0 5px;}
input[type=password] {border:1px solid #d7d7d7; height:20px; line-height:20px; padding:0 5px;}
textarea {border:1px solid #d7d7d7; padding-left:5px;}
select {border:1px solid #d7d7d7; padding:2px;}

a:link {color:#171717; text-decoration:none;}
a:visited {color:#171717; text-decoration:none;}
a:active {color:#171717; text-decoration:none;}
a:hover {color:#171717; text-decoration:none;}

label {}

table {border-collapse:collapse; border-spacing:0px; font-size:12px; text-align:center; width:100%; table-layout:fixed;}
th, td {padding:0 0 0 0;}
th.center, td.center {text-align:center !important;}
th.left, td.left {text-align:left !important; padding-left:10px !important;}
th.right, td.right {text-align:right !important; padding-right:10px !important;}
td.over {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* // common */



/* layout */
#wrap {position:relative; height:100%;}

h1 {display:block; color:#010101; font-weight:700; text-align:center; font-size:0;}
h1 p {display:inline-block; *display:inline; *zoom:1; width:166px; height:80px; background:url(../images/logo_home.png) center no-repeat; vertical-align:top; font-size:0; line-height:0; margin-right:5px;}
h1 span {display:inline-block; *display:inline; *zoom:1; line-height:80px; vertical-align:top; font-size:35px;}

h2 {background:url(../images/tit_icon_01.png) left 19px no-repeat; font-size:30px; color:#292929; font-weight:700; padding-left:23px; margin-bottom:45px;}

#contents_box {border-radius:10px; padding:9px; width:900px; margin:0 auto; background:#949898; behavior:url("./css/PIE.htc"); margin-bottom:50px;}
#contents_box > .edge {min-height:650px; border-radius:10px; border:1px solid #7c7f7f; background:#fff; behavior:url("./css/PIE.htc"); padding:30px;}
/* // layout */


/* contents */
.start_doc {width:520px; margin:0 auto; margin-bottom:30px;}
.start_doc p.txt {display:block; font-weight:700; font-size:18px; line-height:30px; padding-top:120px; padding-bottom:200px;}
.start_doc p.txt strong {color:#1754ae;}
.start_doc p.txt2 {color:#db0000; font-size:14px; font-weight:700; text-align:center;}

.start_doc.test {width:auto; margin:0 auto; margin-bottom:30px;}
.start_doc.test p.txt {font-size:25px; text-align:center; padding-top:160px; padding-bottom:50px; line-height:38px;}
.start_doc.test p.txt span {display:block; font-size:14px; padding-top:20px; line-height:22px; font-weight:normal;}
.start_doc.test p.save {display:block; text-align:center;}

p.st {display:block; background:#dce0e0; border-top:1px solid #b3b3b3; border-bottom:1px solid #b3b3b3; color:#db0000; font-size:14px; font-weight:700; text-align:center; padding:20px 0;}
p.st2 {display:block; background:#dce0e0; border-top:1px solid #b3b3b3; border-bottom:1px solid #b3b3b3; color:#171717; font-size:14px; font-weight:700; padding:15px 40px; line-height:22px; margin-bottom:30px;}
p.st3 {display:block; background:#dce0e0; border-top:1px solid #b3b3b3; border-bottom:1px solid #b3b3b3; color:#171717; font-size:18px; font-weight:700; padding:30px 40px; text-align:center; margin-bottom:20px;}

.setting_step {*zoom:1; margin-bottom:20px;}
.setting_step:after {content:""; clear:both; height:0%; display:block;}
.setting_step > div {width:210px; padding:25px; border:1px solid #949898; border-radius:10px; behavior:url("./css/PIE.htc"); float:left; margin-right:26px; min-height:270px; position:relative;}
.setting_step > div.end {margin-right:0;}
.setting_step div p {display:block; text-align:center; font-size:22px; color:#1754ae; font-weight:700; margin-bottom:35px;}
.setting_step div ul {}
.setting_step div ul li {font-size:14px; background:url(../images/list_icon_01.png) left 9px no-repeat; padding-left:10px; margin-bottom:8px; line-height:22px;}
.setting_step div ul li strong {color:#1754ae;}
.setting_step div a {display:block; width:210px; height:39px; position:absolute; left:25px; bottom:25px; border-radius:10px; behavior:url("./css/PIE.htc"); text-align:center; font-size:16px; color:#a1a1a1; font-weight:700; padding-top:45px;}
.setting_step div a:hover {color:#e5ce08;}
.setting_step div a.btn_01 {background:#292929 url(../images/st_01_01.png) center 20px no-repeat;}
.setting_step div a.btn_01:hover {background:#292929 url(../images/st_01_02.png) center 20px no-repeat;}
.setting_step div a.btn_01.action {background:#292929 url(../images/st_01_02.png) center 20px no-repeat;}
.setting_step div a.btn_01.dis {background:#292929 url(../images/st_01_01.png) center 20px no-repeat; cursor:default; color:#a1a1a1;}

.setting_step div a.btn_02 {background:#292929 url(../images/st_02_01.png) center 20px no-repeat;}
.setting_step div a.btn_02:hover {background:#292929 url(../images/st_02_02.png) center 20px no-repeat;}
.setting_step div a.btn_02.action {background:#292929 url(../images/st_02_03.png) center 20px no-repeat; color:#e5ce08;}
.setting_step div a.btn_02.dis {background:#292929 url(../images/st_02_01.png) center 20px no-repeat; cursor:default; color:#a1a1a1;}

.setting_step div a.btn_03 {background:#292929 url(../images/st_03_01.png) center 15px no-repeat;}
.setting_step div a.btn_03:hover {background:#292929 url(../images/st_03_02.png) center 15px no-repeat;}
.setting_step div a.btn_03.action {background:#292929 url(../images/st_03_03.png) center 15px no-repeat; color:#e5ce08;}
.setting_step div a.btn_03.dis {background:#292929 url(../images/st_03_01.png) center 15px no-repeat; cursor:default; color:#a1a1a1;}

p.display {font-size:14px; color:#fff; font-weight:700; background:#000; padding:10px 20px; text-align:right; margin-bottom:20px;}
p.display strong {color:#e5ce08;}

.choice_edge {border:1px solid #cecece; padding:20px; margin-bottom:30px; height:380px; overflow:auto;}
.choice_edge p.guide {background:#dfdfdf url(../images/list_icon_02.png) 17px 16px no-repeat; padding:10px 30px; font-size:14px; line-height:20px; margin-bottom:20px;}

.choice_edge .question {margin-left:20px; margin-bottom:35px;}
.choice_edge .question.ma1 {margin-left:40px;}
.choice_edge .question.ma2 {margin-left:60px;}
.choice_edge .question.ma3 {margin-left:80px;}
.choice_edge .question.ma4 {margin-left:100px;}
.choice_edge .question.ma5 {margin-left:120px;}
.choice_edge .question > p {display:block; color:#1754ae; font-size:14px; margin-bottom:10px;}
.choice_edge .question > div {margin-left:30px;}
.choice_edge .question > div > p {display:block; *zoom:1; margin-bottom:8px;}
.choice_edge .question > div > p:after {content:""; clear:both; height:0%; display:block;}
.choice_edge .question > div > p input {float:left; margin:2px 5px 0 0; vertical-align:top; *margin-top:-2px;}
.choice_edge .question > div > p label {float:left; font-size:14px; vertical-align:top;}

.choice_edge p.q_txt {display:block; margin-left:20px; color:#db0000; font-size:14px; margin-bottom:35px;}


.sample_edge {}
.sample_edge > div {*zoom:1; margin-bottom:35px;}
.sample_edge > div:after {content:""; clear:both; height:0%; display:block;}
.sample_edge > div input {float:left; margin:9px 10px 0 0; *margin-top:5px; *margin-right:4px;}
.sample_edge > div a {display:block; float:left; width:129px; height:31px; font-size:0; line-height:0; background:url(../images/btn_sample.png) top no-repeat;}
.sample_edge > div a:hover {background-position:bottom;}
.sample_edge > div a.dis {background-position:top; cursor:default;}
.sample_edge > div a.action {background-position:bottom;}
.sample_edge > div p {display:block; margin-left:160px; font-size:14px; line-height:22px;}

.guide_img {margin-bottom:30px; text-align:center;}


.sample_question {}
.sample_question > p.txt {display:block; background:url(../images/list_icon_02.png) left center no-repeat; font-size:14px; padding-left:15px; margin-bottom:40px;}


.terminal {*zoom:1; position:relative; margin-left:70px; margin-bottom:30px;}
.terminal:after {content:""; clear:both; height:0%; display:block;}
.terminal .left {position:absolute; left:0; bottom:0;}
.terminal .left img {position:absolute; width:184px; height:117px; left:10px; top:10px; z-index:5;}
.terminal .left > div {position:relative; width:204px; height:136px; background:url(../images/ques_left_01.png) left center no-repeat; z-index:6;}
.terminal .left > a {display:block; width:204px; height:85px; background:url(../images/ques_left_02.png) left center no-repeat; font-size:0; line-height:0;}
.terminal .left > a.btn {display:block; width:204px; height:30px; background:url(../images/ques_left_03.png) left center no-repeat; color:#fff; font-size:18px; line-height:20px; text-align:center; font-weight:700; padding-top:55px;}
.terminal .left > a.btn strong {color:#e5ce08;}

.terminal .left ul {width:184px; height:117px; padding:20px 0 0 22px;}
.terminal .left ul li {float:left; margin:3px;}
.terminal .left ul li a {display:block; width:26px; height:26px; line-height:26px; background:#737373; border-radius:50%; behavior:url("./css/PIE.htc"); color:#fff; text-align:center; font-weight:700;}
.terminal .left ul li a:hover {background:#db0000;}
.terminal .left ul li a.action {background:#db0000;}
.terminal .left ul li a.dis:hover {background:#737373;}

.terminal .center {margin-left:220px; position:relative;}
.terminal .center img {position:absolute; width:226px; height:235px; left:17px; top:23px; z-index:5;}
.terminal .center div.edge {position:relative; width:259px; height:369px; background:url(../images/ques_cen_01.png) left center no-repeat; z-index:6;}
.terminal .center div.edge i {position:absolute; top:31px; right:24px; width:103px; height:37px; background:url(../images/ques_cen_02.png) left center no-repeat;}

.terminal .center div.btn {position:absolute; width:226px; height:96px; left:17px; bottom:15px; z-index:6;}
.terminal .center div.btn > p {display:block; line-height:34px; color:#fff; text-align:center;}
.terminal .center div.btn a {display:block; width:226px; height:62px; background:url(../images/ques_btn.png) no-repeat;}
.terminal .center div.btn a.btn_01 {background-position:0 -82px;}
.terminal .center div.btn a.btn_01:hover {background-position:0 0;}
.terminal .center div.btn a.btn_01.action {background-position:0 0;}
.terminal .center div.btn a.btn_01.dis:hover {background-position:0 -82px;}
.terminal .center div.btn a.btn_02 {background-position:0 -246px;}
.terminal .center div.btn a.btn_02:hover {background-position:0 -164px;}
.terminal .center div.btn a.btn_02.action {background-position:0 -164px;}
.terminal .center div.btn a.btn_02.dis:hover {background-position:0 -246px;}

.terminal .center div.btn .alt {position:absolute; top:113px; left:-17px; width:259px; height:126px; background:url(../images/ques_alt.png) no-repeat;}
.terminal .center div.btn .alt p.sec {text-align:center; color:#000; line-height:43px; font-size:20px; font-weight:700; padding-top:17px;}
.terminal .center div.btn .alt p.sec strong {color:#db0000;}
.terminal .center div.btn .alt p.txt {text-align:center; padding:10px 20px 0 20px; line-height:22px; font-size:14px;}

.terminal .right {}
.terminal .right a {position:absolute; left:495px; bottom:0; display:block; width:196px; height:82px; background:url(../images/btn_01.png) no-repeat;}


.lavel_edge {width:530px; margin:0 auto; padding-top:100px;}
.lavel_edge p.txt {display:block; font-size:25px; color:#1754ae; font-weight:700; margin-bottom:30px;}
.lavel_edge p.ch {display:block; background:url(../images/list_icon_03.png) left center no-repeat; padding-left:10px; font-size:18px; position:relative; *height:46px; line-height:46px;  margin-bottom:30px;}
.lavel_edge p.ch u {color:#db0000; font-weight:700;}
.lavel_edge p.ch a {position:absolute; right:0; top:0; display:block; width:146px; font-size:14px; background:#c8c8c8 url(../images/btn_02.png) 90% center no-repeat; padding:0 0 0 70px; border-radius:10px; behavior:url("./css/PIE.htc"); font-weight:700; vertical-align:top;}
.lavel_edge p.ch a:hover {background-color:#292929; color:#e5ce08;}
.lavel_edge p.ch a.dis:hover {background-color:#c8c8c8; color:#666;}
/* // contents */


/* btn_edge */
.btn_edge {font-size:0; text-align:center; *zoom:1;}
.btn_edge:after {content:""; clear:both; height:0%; display:block;}
.btn_edge p.left {float:left;width:95px; padding:0; margin:6px 0 7px 1px;}
.btn_edge p.rignt {float:right;}
a.btn_type_01 {display:inline-block; font-size:18px; background:#db0000; font-weight:700; color:#fff; border-radius:10px; behavior:url("./css/PIE.htc"); padding:10px 45px;}
a.btn_type_02 {display:inline-block; position:relative; font-size:18px; background:#292929; font-weight:700; color:#fff; border-radius:10px; behavior:url("./css/PIE.htc"); padding:10px 45px; vertical-align:middle;}
/* // btn_edge */