@charset "utf-8";

.top_container {overflow:hidden; display:table; position:relative; margin:0 auto; width:1200px; min-width:1200px;}
.main_visual {position:relative; height:460px; background:#d8d9d0 url(/images/main/main_visual_1.jpg) no-repeat center;}

.main_visual_comment {padding:134px 0 0 38px;}
.main_visual_comment > li:nth-child(1) {font-size:42px; color:#fff; font-weight:600; line-height:42px; text-shadow:1px 1px 3px rgba(0,0,0,0.48);}
.main_visual_comment > li:nth-child(2) {padding-top:10px; font-size:52px; color:#ffb034; font-weight:700; line-height:52px;}

.log_box {position:absolute; top:58px; right:0; padding:16px 23px; width:290px; background:#fff;}
.log_box .main_log_in {}
.log_box .main_log_in > li {}
.log_box .main_log_in > li:nth-child(1) {padding-bottom:6px; font-size:15px; color:#000; font-weight:600; border-bottom:1px solid #888;}
.log_box .main_log_in > li:nth-child(2) {padding:9px 0; font-size:12px; color:#666;}
.log_box .main_log_in > li:nth-child(2) label:nth-child(2) {margin-right:20px;}
.log_box .main_log_in > li:nth-child(3) {position:relative;}
.log_box .main_log_in > li:nth-child(3) input[type=text], .log_box .main_log_in > li:nth-child(3) input[type=password] {margin-bottom:8px; padding:0 10px; width:100%; height:34px; background:#ebebeb; border:0;}
.log_box .main_log_in > li:nth-child(3) input[type=submit] {width:100%; height:34px; font-size:15px; color:#fff; font-weight:400; background:#245dab; border:0; transition:all 0.2s ease;}
.log_box .main_log_in > li:nth-child(3) input[type=submit]:hover {background:#1a617e;}
.log_box .main_log_in > li:nth-child(4) {padding-top:10px; text-align:center;}
.log_box .main_log_in > li:nth-child(4) a {display:inline-block; padding:0 10px; font-size:13px; color:#000; font-weight:400;}
.log_box .main_log_in > li:nth-child(4) a:first-child {border-right:1px solid #c9c9c9;}
.log_box .main_log_out {height:214px;}
.log_box .main_log_out > li {font-size:13px; color:#525252; text-align:center;}
.log_box .main_log_out > li:nth-child(1) {}
.log_box .main_log_out > li:nth-child(1) > div {padding-top:32px; font-size:15px; color:#242424; font-weight:bold; line-height:20px;}
.log_box .main_log_out > li:nth-child(2) {padding:10px; color:#253c5e;}
.log_box .main_log_out > li:nth-child(3) {padding:23px 0 10px;}
.log_box .main_log_out > li:nth-child(3) > span {color:#f54c2a;}
.log_box .main_log_out > li:nth-child(4) > span {color:#2c72d8;}
.log_box .main_log_out > li:nth-child(5) {padding-top:16px;}

.main_icon_menu {display:table; position:absolute; bottom:0; width:100%; background:rgba(255,255,255,0.75); box-shadow:0px -4px 8px rgba(0, 0, 0, 0.34);}
.main_icon_menu > li {display:table-cell; padding:15px 0 15px 60px; width:25%;}
.main_icon_menu > li > a {display:block; padding:0; font-size:16px; color:#242424; font-weight:600; transition:all 0.2s ease;}
.main_icon_menu > li > a span {display:inline-block; margin-right:16px; width:61px; height:61px; vertical-align:middle; background-color:#197b73; background-position:center; background-repeat:no-repeat; border-radius:50%;}
.main_icon_menu > li:nth-child(2n) > a span {background-color:#214881;}
.main_icon_menu > li:nth-child(1) > a span {background-image:url(/images/main/top_icon_menu_1.png);}
.main_icon_menu > li:nth-child(2) > a span {background-image:url(/images/main/top_icon_menu_2.png);}
.main_icon_menu > li:nth-child(3) > a span {background-image:url(/images/main/top_icon_menu_3.png);}
.main_icon_menu > li:nth-child(4) > a span {background-image:url(/images/main/top_icon_menu_4.png);}
.main_icon_menu > li > a:hover {color:#000; text-decoration:none;}
.main_icon_menu > li > a:hover span {}

.main_container {position:relative; margin:20px auto; width:1200px; min-width:1200px; background:#fff;}
.con_title {font-size:15px; color:#000;}

.left_contents {float:left; margin-right:20px; width:290px;}

.cs_box {margin-bottom:20px; padding:20px 24px; height:130px; border:1px solid #c9c9c9;}
.cs_box > dl {background:url(/images/main/ico_cs.png) no-repeat right 28px;}
.cs_box > dl > dd.cs_phone {padding-top:3px; font-size:28px; color:#ff2a1a; letter-spacing:-0.03em;}
.cs_box > dl > dd.cs_fax {padding-left:3px; height:34px; font-size:15px; color:#242424; letter-spacing:-0.03em;}
.cs_box > dl > dd.cs_time {padding-left:3px; font-size:13px; color:#525252; letter-spacing:-0.05em;}

.account_box {margin-bottom:20px; padding:20px 24px; height:137px; border:1px solid #c9c9c9;}
.account_box > dl {}
.account_box > dl > dt {padding-bottom:4px;}
.account_box > dl > dd.account_bank {padding-left:28px; height:25px; font-size:13px; color:#242424; font-weight:600; letter-spacing:-0.03em; line-height:25px; background:url(/images/contents/ico_account.png) no-repeat 2px center;}
.account_box > dl > dd.account_number {padding-left:3px; font-size:24px; color:#4e71b1; font-weight:400; line-height:1em;}
.account_box > dl > dd.account_name {padding:5px 0 0 5px; font-size:13px; color:#242424; letter-spacing:-0.03em;}

.btn_remote {background:#f1f1f1; border:1px solid #c9c9c9; margin-bottom: 10px;}
.btn_remote > a {display:block; color:#242424; background:url(/images/main/ico_remote.png) no-repeat 91% center;}
.btn_remote > a:hover {text-decoration:none;}
.btn_remote > a dl {padding:13px 24px; height:69px;}
.btn_remote > a dl dt {font-size:15px; font-weight:500;}
.btn_remote > a dl dd {color:#525252;}

.btn_kakao { background: #fce600; border: 1px solid #c9c9c9;margin-bottom: 10px; }
.btn_kakao > a {display:block; color:#242424; background:url(/images/main/ico_kakao.png) no-repeat 91% center;}
.btn_kakao > a:hover {text-decoration:none;}
.btn_kakao > a dl {padding:13px 24px; height:69px;}
.btn_kakao > a dl dt {font-size:15px; font-weight:500;}
.btn_kakao > a dl dd {color:#525252;}

.btn_blog { background: #ffffff; border: 1px solid #c9c9c9; }
.btn_blog > a {display:block; color:#242424; background:url(/images/main/ico_blog.png) no-repeat 91% center;}
.btn_blog > a:hover {text-decoration:none;}
.btn_blog > a dl {padding:13px 24px; height:69px;}
.btn_blog > a dl dt {font-size:15px; font-weight:500;}
.btn_blog > a dl dd {color:#525252;}


.center_contents {float:left; width:580px;}

.main_tab_menu_box {}

.notice_box {margin-top:4px;}
.notice_head {display:table; width:100%;}
.notice_head > li {display:table-cell; height:46px; vertical-align:middle;}
.notice_head > li:first-child {width:25%; font-size:15px; color:#fff; font-weight:600; text-align:center; background:#245dab;}
.notice_head > li:last-child {padding-right:15px; text-align:right; border-bottom:1px solid #c9c9c9;}
.notice_head > li a {display:inline-block; width:18px; height:18px; text-align:center; text-indent:-9999px; background:url(/images/contents/btn_notice_more.png) no-repeat center;}
.notice_head > li a:hover {}
.notice_list {padding:14px 14px 20px;}
.notice_list > li {display:table; width:100%; background:url(/images/contents/ico_main_list.png) no-repeat left center;}
.notice_list > li span {display:table-cell; font-size:13px; font-weight:400;}
.notice_list > li span:first-child {width:510px;}
.notice_list > li span:last-child {width:auto; color:#999; text-align:right;}
.notice_list > li a {overflow:hidden; display:inline-block; margin-left:10px; width:500px; line-height:30px; vertical-align:middle; text-overflow:ellipsis; white-space:nowrap;}

.main_tab_menu {display:table; width:100%;}
.main_tab_menu > li {display:table-cell; width:25%;}
.main_tab_menu > li > a {display:block; padding:11px 0; font-size:15px; color:#242424; font-weight:600; text-align:center; border:1px solid #c9c9c9; border-right-color:#fff; transition:all 0.2s ease;}
.main_tab_menu > li:last-child > a {border-right-color:#c9c9c9;}
.main_tab_menu > li > a:hover, .main_tab_menu > li > a.on {color:#fff; text-decoration:none; background:#245dab; border-color:#245dab;}

.main_tab_list {padding:14px 14px 0; min-height:315px;}
.main_tab_list ul {}
.main_tab_list ul > li {display:table; width:100%; background:url(/images/contents/ico_main_list.png) no-repeat left center;}
.main_tab_list ul > li > span {display:table-cell; font-size:13px; font-weight:400;}
.main_tab_list ul > li > span:first-child {width:510px;}
.main_tab_list ul > li > span:last-child {width:auto; color:#999; text-align:right;}
.main_tab_list ul > li > span > a {overflow:hidden; display:inline-block; margin-left:10px; width:500px; font-size:13px; line-height:30px; vertical-align:middle; text-overflow:ellipsis; white-space:nowrap;}

.right_contents {float:right; width:290px;}

.icon_menu_set_1 {margin-bottom:20px; background:#fff; border:1px solid #c9c9c9;}
.icon_menu_set_1 > dd {padding:0 20px;}
.icon_menu_set_1 > dd > a {display:block; padding:20px 0;}
.icon_menu_set_1 > dd:first-child > a {border-bottom:1px dashed #c9c9c9;}
.icon_menu_set_1 > dd:nth-child(1) > a {background:url(/images/main/ico_menu_1_1.png) no-repeat right center;}
.icon_menu_set_1 > dd:nth-child(2) > a {background:url(/images/main/ico_menu_1_2.png) no-repeat right center;}
.icon_menu_set_1 > dd > a > div:first-child {font-size:15px; color:#242424; font-weight:500;}
.icon_menu_set_1 > dd > a > div:last-child {font-size:13px; color:#525252; line-height:15px;}
.icon_menu_set_1 > dd > a:hover {text-decoration:none;}

.go_link {margin:20px 0; padding:21px 25px; border:1px solid #c9c9c9;}
.go_link h3 {padding-bottom:9px;}
.go_link .link_title {margin-bottom:10px; font-size:16px; font-weight:bold;}
.go_link > ul > li:first-child {margin-bottom:6px;}
.go_link > ul > li > select {margin-right:4px; padding-left:6px; width:188px; height:32px; font-size:13px; border:1px solid #c9c9c9;}
a.btn_go_link {display:inline-block; padding:6.7px 8px; font-size:13px; color:#fff; vertical-align:middle; background:#245dab; border-radius:2px; transition:all 0.1s ease; cursor:pointer;}
a.btn_go_link:hover {text-decoration:none; background:#242424;}

.viewer_box {padding:18.5px 24px; border:1px solid #c9c9c9}
.viewer_box > dl {}
.viewer_box > dl > dt {padding-bottom:5px;}
.viewer_box > dl > dd {float:left; margin-bottom:4px; padding:4px 0 4px 30px; width:60%;}
.viewer_box > dl > dd:nth-child(2) {background:url(/images/contents/ico_vd_1.png) no-repeat 0 center;}
.viewer_box > dl > dd:nth-child(3) {background:url(/images/contents/ico_vd_2.png) no-repeat 0 center; width:40%;}
.viewer_box > dl > dd:nth-child(4) {background:url(/images/contents/ico_vd_3.png) no-repeat 0 center;}
.viewer_box > dl > dd:nth-child(5) {background:url(/images/contents/ico_vd_4.png) no-repeat 0 center; width:40%;}
.viewer_box > dl > dd:nth-child(6) {background:url(/images/contents/ico_vd_5.png) no-repeat 0 center;}