/* (주)한신정보기술 권정현 - 2017.08.09 */
#container .sub_visual { background: url('/site/www/images/sub/sub_visual_pattern.gif') repeat left top; }
#container .sub_visual .wrap { padding-top: 40px; padding-bottom: 40px; background: url('/site/www/images/sub/sub_visual_img1.png') no-repeat right top; }
#sub02 #container .sub_visual .wrap { background-image: url('/site/www/images/sub/sub_visual_img2.png'); }
#sub03 #container .sub_visual .wrap { background-image: url('/site/www/images/sub/sub_visual_img3.png'); }
#sub04 #container .sub_visual .wrap { background-image: url('/site/www/images/sub/sub_visual_img4.png'); }
#sub05 #container .sub_visual .wrap { background-image: url('/site/www/images/sub/sub_visual_img5.png'); }
#sub06 #container .sub_visual .wrap { background-image: url('/site/www/images/sub/sub_visual_img6.png'); }
#sub07 #container .sub_visual .wrap { background-image: url('/site/www/images/sub/sub_visual_img7.png'); }
#sub08 #container .sub_visual .wrap { background-image: url('/site/www/images/sub/sub_visual_img8.png'); }
#container .sub_visual .inner_wrap { padding-left: 10%; }
#container .sub_visual .inner_wrap strong { display: block; margin-bottom: 10px; color: #003665; font-size: 35px; line-height: 36px; font-weight: 400; }
#container .sub_visual .inner_wrap p { color: #003665; font-size: 15px; line-height: 16px; }
@media screen and (max-width: 800px){
 #container .sub_visual .wrap { padding-right:2.5%; padding-left: 2.5%; background-size: auto 100%; }
 }
@media screen and (max-width: 800px){
 #container .sub_visual { display:none; }
 }
#container > .wrap { width: 1199px; border-left: 1px solid #e7e7e7; }
@media screen and (max-width: 800px){
 #container > .wrap { width:auto; border-left-width: 0; }
 }
#container .side { width: 22%; margin-right: -1px; margin-left: -1px; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; }
#container .side .side_title .inner_wrap { padding-top : 30px; padding-bottom: 30px; }
#container .side .side_title .inner_wrap strong { display: block; color: #2a2c27; font-size: 30px; line-height: 31px; font-weight: 400; text-align: center; }
#container .side .side_title .inner_wrap strong span { color: #003D99; }
#container .side .side_menu .depth2_menu { line-height: 0; }
#container .side .side_menu .depth2_menu .depth2_list { border-bottom: 1px dotted #e7e7e7; }
#container .side .side_menu .depth2_menu .depth2_list:first-child { border-top: 1px dotted #e7e7e7; }
#container .side .side_menu .depth2_menu .depth2_list .depth2_anchor { display: block; padding-top: 10px; padding-right: 25px; padding-bottom: 10px; padding-left: 20px; background: url('/site/www/images/sub/side_depth1ListIcon_off.png') no-repeat 251px 16px; color: #4d4d4d; font-size: 15px; line-height: 17px; font-weight: 600; }
#container .side .side_menu .depth2_menu .depth2_list.active .depth2_anchor, #container .side .side_menu .depth2_menu .depth2_list.actived .depth2_anchor { background-color: #003D99; background-image: url('/site/www/images/sub/side_depth1ListIcon_on.png'); background-position: 248px 16px; color: #fff; }
#container .side .side_menu .depth2_menu .depth2_list.actived .depth2_anchor:hover { text-decoration: none; }
#container .side .side_menu .depth2_menu .depth2_list .depth3_menu { display: none; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; background-color: #f1f8f9; }
#container .side .side_menu .depth2_menu .depth2_list.actived .depth3_menu { display: block; }
#container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list .depth3_anchor { display: block; padding-top: 7px; padding-right: 10px; padding-bottom: 8px; padding-left: 20px; border-radius: 3px; color: #525252; font-size: 15px; line-height: 16px; }
#container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list.active .depth3_anchor, #container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list.actived .depth3_anchor { background-color: #fff; color: #003D99; }
/*21.01.19_leftMenu test - 01.22 업데이트 */
#container .side .side_menu .depth2_menu .depth2_list .depth2_anchor[target='_blank'] { display: inline-block; padding-right: 22px; background-image: url('/site/www/images/common/lnb_depth3AnchorBlankIcon_off.png'); background-repeat: no-repeat; background-position-x: right; background-position-y: center; border-radius: 0; }
#container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list .depth3_anchor[target='_blank'] { display: inline-block; padding-right: 22px; background-image: url('/site/www/images/common/lnb_depth3AnchorBlankIcon_off.png'); background-repeat: no-repeat; background-position-x: right; background-position-y: center; border-radius: 0; }
#container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list.actived .depth3_anchor:hover { text-decoration: none; }
#container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list .depth4_menu { display: none; }
#container .side .side_menu .depth2_menu .depth2_list .depth3_menu .depth3_list.actived .depth4_menu { display: block; }
@media screen and (max-width: 800px){
 #container .side { display:none; }
 }
#container .colgroup { width: 77%; border-left: 1px solid #e7e7e7; }
#container .colgroup .sub_head .path { overflow: hidden; position: relative; }
#container .colgroup .sub_head .path ul { overflow: hidden; position: relative; margin-top: -1px; float: right; /* border-bottom:1px solid #e7e7e7; */}
#container .colgroup .sub_head .path ul li { padding-top: 12px; padding-right: 7px; padding-bottom: 12px; padding-left: 7px; /* border:1px solid #e7e7e7; margin-bottom:-1px; margin-left:-1px; */}
#container .colgroup .sub_head .path ul li a { display: block; }
#container .colgroup .sub_head .path ul li:first-child { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; border-left-width: 0; }
#container .colgroup .sub_head .path ul li span { display: block; padding-right: 10px; background: url('/site/www/images/sub/path_list_icon.png') no-repeat right 3px; color: #363636; font-size: 13px; line-height: 15px; }
#container .colgroup .sub_head .path ul li:first-child span { width: 40px; height: 40px; padding-right: 0; background-image: url('/site/www/images/sub/pathList_home_icon.gif'); background-position: center center; font-size: 0; }
#container .colgroup .sub_head .path ul li.actived span { padding-right: 0; background-image: none; color: #003D99; }
#container .colgroup .sub_head .sub_title { margin-top: 35px; padding-left: 30px; padding-bottom: 10px; border-bottom: 1px solid black; }
#container .colgroup .sub_head .sub_title h2 { color: #2d2d2d; font-size: 30px; line-height: 31px; font-weight: 400; }
#container .colgroup .sub_head .tab_menu { margin-top: 30px; padding-left: 30px; }
#container .colgroup .sub_head .addons { padding-left: 4px; text-align: right; float: right; position: relative; bottom: 30px; }
#container .colgroup .sub_head .addons button, #container .colgroup .sub_head .addons a { display: inline-block; width: 28px; height: 28px; padding: 0; background-repeat: no-repeat; background-position: center center; font-size: 0; vertical-align: middle; }
#container .colgroup .sub_head .addons button { border-width: 1px; border-style: solid; border-color: rgb(211, 211, 211) rgb(211, 211, 211) rgb(0, 91, 170); border-image: none; width: 80px; text-align: right; padding-right: 4px; font-size: 12px; font-weight: bold; background-position: 8px center; }
#container .colgroup .sub_head .addons .facebook { background-image: url('/site/www/images/sub/addons_facebook_icon.gif'); }
#container .colgroup .sub_head .addons .twitter { background-image: url('/site/www/images/sub/addons_twitter_icon.gif'); }
/* #container .colgroup .sub_head .addons .print { background-image:url('/site/www/images/sub/addons_print_icon.gif'); } */
#container .colgroup .sub_head .addons .print { background-image: url('/site/www/images/sub/addons_print_icon2.png'); }
#container .colgroup .sub_head .addons .zoomIn { background-image: url('/common/images/zoomIn.png'); }
#container .colgroup .sub_head .addons .zoomOut { background-image: url('/common/images/zoomOut.gif'); }
#container .colgroup .sub_head .addons .instagram { background-image: url('/site/www/images/sub/addons_instagram_icon.gif'); }
#container .colgroup #contents { margin-top: 40px; padding-left: 30px; word-break: keep-all; }
#container .colgroup .sub_head .sub_title { width: 100%; box-sizing: border-box; }
@media screen and (max-width: 800px){
 #container .colgroup { width:auto; border-left-width: 0; }
 #container .colgroup .sub_head .sub_title { padding-right: 2.5%; padding-left: 2.5%; }
 #container .colgroup .sub_head .tab_menu { padding-right: 2.5%; padding-left: 2.5%; }
 #container .colgroup #contents { padding-right: 2.5%; padding-left: 2.5%; }
 #container .colgroup .sub_head .addons { padding-right: 2.5%; padding-left: 2.5%; }
 }
@media screen and (max-width: 640px){
 #container .colgroup .sub_head .sub_title { margin-top:0; padding-top: 25px; padding-bottom: 25px; border-top: 5px solid #003D99; /* background:url('/site/www/images/sub/sub_visual_pattern.gif') repeat left top; */}
 #container .colgroup .sub_head .sub_title h2 { color: #003D99; font-size: 30px; line-height: 31px; font-weight: 400; text-align: center; }
 #container .colgroup #contents { margin-top: 20px; }
 #container .colgroup .sub_head .addons { padding-top: 20px; display:none; }
 }
#container .colgroup .satisfaction { margin: 20px 0 20px 0; color: #545454; border: 1px solid #e2e2e2; padding: 10px 10px 10px 10px; }
#container .colgroup .satisfaction .tit { position: relative; padding: 5px 2%; border-bottom: 1px solid #e2e2e2; background-color: #f2f2f2; }
#container .colgroup .satisfaction .tit dt { float: left; padding-left: 8px; color: #393939; font-weight: 600; background: url(/site/www/images/sub/satisfaction_bu.gif) left center no-repeat; }
#container .colgroup .satisfaction .tit dd { float: left; margin-right: 10px; }
#container .colgroup .satisfaction .tit .con { position: absolute; right: 20px; top: 3px; }
#container .colgroup .satisfaction .tit .con img { margin-left: 8px; vertical-align: middle; }
#container .colgroup .satisfaction .qr { display: none; position: absolute; bottom: 0px; right: 0; padding-top: 12px; width: 184px; height: 170px; text-align: center; background: url('/site/www/images/sub/qr_box.gif') no-repeat; z-index: 50; }
#container .colgroup .satisfaction .qr p { padding: 0 0 3px; }
#container .colgroup .satisfaction .qr p img { width: 120px; height: 137px; }
#container .colgroup .satisfaction .qr a.close { position: absolute; top: 15px; left: 157px; }
#container .colgroup .satisfaction .cont { padding: 5px 0 8px 40px; background: url(/site/www/images/sub/satisfaction_bg.gif) 5px 8px no-repeat; }
/* #container .colgroup .satisfaction .cont p { float:left; } */
#container .colgroup .satisfaction .cont form { margin-top: -15px; }
#container .colgroup .satisfaction .cont label { display: inline-block; padding: 0 2px; }
#container .colgroup .satisfaction .cont input[type="radio"] { vertical-align: -2px; }
#container .colgroup .satisfaction .cont input[type="image"] { vertical-align: -5px; }
#container .colgroup .satisfaction .cont input[type="text"] { width: 50%; }
#container .colgroup .satisfaction .cont input[type="submit"] { background: #5b7090; color: #ffffff; width: 80px; height: 30px; font-size: 13px; margin-left: -10px; }
